/* Minification failed. Returning unminified contents.
(910,48): run-time error CSS1046: Expect comma, found '50'
(910,54): run-time error CSS1046: Expect comma, found '/'
(912,40): run-time error CSS1046: Expect comma, found '50'
(912,46): run-time error CSS1046: Expect comma, found '/'
 */
.shopdesigner-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M504.843,72.607L439.386,7.15c-9.534-9.534-25.048-9.533-34.582,0L281.561,130.392c-3.086,3.087-3.086,8.089,0,11.176 c3.086,3.085,8.089,3.085,11.175,0L415.978,18.326c1.634-1.634,3.806-2.533,6.116-2.533s4.482,0.899,6.116,2.533l65.458,65.457 c1.633,1.633,2.533,3.805,2.533,6.116c0,2.31-0.9,4.482-2.533,6.115l-16.064,16.064L435.515,69.99 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l42.088,42.088l-18.353,18.353l-18.498-18.498 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l18.498,18.497l-18.353,18.353l-18.498-18.498 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l18.498,18.497l-18.353,18.353l-42.089-42.09 c-3.085-3.084-8.089-3.086-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l42.089,42.089l-18.353,18.353l-18.498-18.498 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l18.497,18.497l-15.526,15.526L255.1,179.203l14.45-14.451 c3.086-3.087,3.086-8.089,0-11.176c-3.086-3.085-8.089-3.085-11.175,0l-14.451,14.451L98.156,22.264 C88.018,12.126,74.539,6.543,60.202,6.543c-14.337,0.001-27.816,5.584-37.953,15.722C12.11,32.403,6.527,45.881,6.527,60.219 c0,14.337,5.583,27.816,15.721,37.954l145.765,145.765L7.157,404.797c-9.534,9.535-9.534,25.048,0,34.583l65.457,65.458 C77.232,509.456,83.373,512,89.905,512c6.532,0,12.673-2.544,17.291-7.162L268.054,343.98l11.457,11.457 c3.086,3.085,8.089,3.085,11.175,0c3.086-3.087,3.086-8.089,0-11.176l-15.814-15.814c-0.307-0.486-0.667-0.948-1.09-1.371 c-0.423-0.423-0.885-0.783-1.37-1.09L101.189,154.763l21.191-21.191l13.102,13.102c1.543,1.542,3.565,2.314,5.588,2.314 s4.045-0.772,5.588-2.314c3.086-3.087,3.086-8.089,0-11.176l-13.101-13.101l21.191-21.191l83.579,83.579 c0.003,0.004,0.006,0.007,0.01,0.011c0.004,0.004,0.007,0.006,0.011,0.01l88.081,88.081c0.218,0.288,0.45,0.57,0.713,0.833 s0.544,0.495,0.832,0.713l117.268,117.268l-21.191,21.191L305.735,294.576c-0.071-0.077-0.135-0.158-0.21-0.232l-47.182-47.183 c-0.078-0.078-0.163-0.146-0.243-0.22l-83.343-83.342c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176 l249.291,249.291l-21.192,21.191l-75.096-75.097c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176 l80.684,80.684c0.767,0.767,1.717,1.386,2.728,1.778l95.478,37.069c1.506,0.584,3.076,0.868,4.634,0.868 c3.342,0,6.624-1.308,9.073-3.759c3.591-3.593,4.721-8.973,2.88-13.707l-37.108-95.434c-0.392-1.008-1.011-1.96-1.777-2.725 L343.963,268.071l160.88-160.881C514.378,97.655,514.378,82.142,504.843,72.607z M256.882,332.805l-15.507,15.503l-18.498-18.498 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l18.498,18.498l-18.353,18.353l-42.089-42.089 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l42.089,42.089l-18.353,18.353l-18.498-18.498 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l18.498,18.497l-18.353,18.353l-18.498-18.498 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l18.498,18.498l-18.353,18.353l-42.089-42.089 c-3.086-3.085-8.089-3.085-11.175,0c-3.086,3.087-3.086,8.089,0,11.176l42.089,42.088l-16.064,16.064 c-1.634,1.634-3.806,2.534-6.116,2.534s-4.482-0.9-6.116-2.534l-65.457-65.458c-3.372-3.372-3.372-8.859,0-12.231l160.857-160.858 L256.882,332.805z M33.423,86.998c-14.766-14.766-14.766-38.792,0-53.558c14.766-14.767,38.792-14.767,53.558,0l24.976,24.976 l-53.558,53.558L33.423,86.998z M116.798,116.803c-0.002,0.002-0.004,0.003-0.005,0.005c-0.002,0.002-0.003,0.004-0.005,0.005 l-26.774,26.774l-20.439-20.439l53.558-53.558l20.439,20.439L116.798,116.803z M483.703,483.681l-77.864-30.229l47.601-47.601 L483.703,483.681z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

@font-face {
    font-family: Raleway;
    src: url(/fonts/raleway/static/Raleway-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: Raleway;
    src: url(/fonts/raleway/static/Raleway-Bold.ttf);
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: Raleway;
    src: url(/fonts/raleway/static/Raleway-Italic.ttf);
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Raleway;
    src: url(/fonts/raleway/static/Raleway-BoldItalic.ttf);
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Raleway;
    src: url(/fonts/raleway/static/Raleway-Light.ttf);
    font-weight: lighter;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/montserrat/Montserrat-Medium.ttf);
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/montserrat/Montserrat-Bold.ttf);
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/montserrat/Montserrat-Italic.ttf);
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/montserrat/Montserrat-BoldItalic.ttf);
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(/fonts/montserrat/Montserrat-Light.ttf);
    font-weight: lighter;
    font-display: swap;
}

body {
    margin: 0;
    font-family: Montserrat;
    font-weight: 200;
}

.hidden {
    visibility: collapse;
}

.helv {
    font-family: Helvetica;
}

section {
    overflow: hidden;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 77px;
    background: #333132;
    z-index: 1000;
}

.ex-light-gray-background {
    background-color: rgb(250, 250, 250);
}

.title-shadow {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.75);
}

.shopdesigner-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 77px;
    width: 235px;
    background-color: #e23737;
    color: white;
    cursor: pointer;
    overflow: hidden;
}

    .shopdesigner-button .hover-container {
        position: absolute;
        right: 0;
        top: 77px;
        color: #e23737;
        visibility: collapse;
        height: 77px;
        width: 235px;
        overflow: hidden;
        opacity: 0;
        transition: top ease .4s, opacity ease .4s;
    }

        .shopdesigner-button .hover-container i {
            position: absolute;
            top: 16px;
            right: 170px;
            font-size: 48px;
        }

        .shopdesigner-button .hover-container p {
            position: absolute;
            margin: 0;
            font-size: 20px;
            font-weight: bold;
        }

            .shopdesigner-button .hover-container p:nth-child(2n+2) {
                top: 14px;
                left: 78px;
            }

            .shopdesigner-button .hover-container p:nth-child(2n+1) {
                top: 40px;
                left: 78px;
            }

    .shopdesigner-button:hover {
        background-color: white;
    }

        .shopdesigner-button:hover .button-container {
            visibility: collapse;
        }

        .shopdesigner-button:hover .hover-container {
            top: 0;
            opacity: 1;
            visibility: visible;
        }

    .shopdesigner-button > .button-container {
        padding: 14px 32px;
        font-family: Helvetica;
        font-weight: 100;
    }

        .shopdesigner-button > .button-container p {
            margin: 3px 0;
        }

            .shopdesigner-button > .button-container p:nth-child(2n+1) {
                font-size: 14px;
            }

            .shopdesigner-button > .button-container p:nth-child(2n+2) {
                font-size: 21px;
                letter-spacing: .4px;
            }

.a-no-decor a {
    text-decoration: none;
    color: black;
}

.header-menu {
    position: absolute;
    top: 0;
    left: 480px;
    height: 77px;
    font-size: 18px;
}

    .header-menu > .header-button {
        display: block;
        float: left;
        height: 77px;
        text-align: center;
        cursor: pointer;
        color: white;
        text-decoration: none;
    }

        .header-menu > .header-button p {
            margin: 6px 19px;
            line-height: 72px;
        }

        .header-menu > .header-button:hover {
            border-top: 5px #e23737 solid;
            color: #e23737;
        }

.header-submenu {
    position: absolute;
    top: 77px;
    width: 260px;
    background: #333132;
    visibility: collapse;
}

    .header-submenu[data-menutarget="products"] {
        width: 240px;
        left: -60px;
    }

    .header-submenu[data-menutarget="portfolio"] {
        width: 310px;
        left: 240px;
    }

    .header-submenu[data-menutarget="company"] {
        width: 240px;
        left: 410px;
    }

    .header-submenu > .header-button {
        display: block;
        text-align: center;
        cursor: pointer;
        color: white;
        text-decoration: none;
        height: 48px;
    }

        .header-submenu > .header-button:hover {
            border-top: 5px #e23737 solid;
            color: #e23737;
            height: 43px;
        }

        .header-submenu > .header-button p {
            padding: 12px 0;
            margin: 0;
        }

.header-logo {
    position: absolute;
    top: 0;
    left: 250px;
    width: 204px;
    height: 77px;
    background: url('/image/shopline-logo');
    background-size: contain;
}

.language-select {
    margin: 6px 19px;
    line-height: 72px;
    float: left;
    color: white;
}

    .language-select a {
        text-decoration: none;
        color: white;
    }

.visible {
    visibility: visible;
}

footer {
    height: 209px;
    width: 100%;
    background: #333132;
}

    footer .social-media {
        width: 100%;
        height: 64px;
        text-align: center;
    }

        footer .social-media .social-media-container {
            padding-top: 20px;
            font-size: 21px;
        }

        footer .social-media a {
            text-decoration: none;
            color: white;
            margin: 4px;
        }

    footer .footer-container {
        overflow: hidden;
        position: relative;
        left: calc(50% - 460px);
        width: 920px;
        color: #A0A09F;
        font-size: 16px;
    }

        footer .footer-container p {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
        }

        footer .footer-container a {
            display: block;
            color: #A0A09F;
            float: left;
        }

        footer .footer-container i {
            margin: 4px;
            float: left;
        }

    footer .footer-address {
        margin-left: 72px;
    }

    footer .privacy-policy {
        text-align: center;
        width: 100%;
        padding-top: 32px;
    }

        footer .privacy-policy a {
            color: #A0A09F;
            text-decoration: underline;
        }

.col-1-offset {
    float: left;
    width: 8.333333%;
    height: 20px;
}

.col-2-offset {
    float: left;
    width: 16.66666%;
    height: 20px;
}

.col-3-offset {
    float: left;
    width: 25%;
    height: 20px;
}

.col-1, .col-ft-1 {
    float: left;
    width: 8.333333%;
}

.col-2, .col-ft-2 {
    float: left;
    width: 16.66666%;
}

.col-3, .col-ft-3 {
    float: left;
    width: 25%;
}

.col-4, .col-ft-4 {
    float: left;
    width: 33%;
}

.col-5, .col-ft-5 {
    float: left;
    width: 41%;
}

.col-6, .col-ft-6 {
    float: left;
    width: 50%;
}

.col-8, .col-ft-8 {
    float: left;
    width: 66.666%;
}

.col-9, .col-ft-9 {
    float: left;
    width: 75%;
}

.col-12, .col-ft-12 {
    float: left;
    width: 100%;
}


.portfolio-h2 {
    width: 240px;
    margin-left: calc(50% - 120px);
    height: 60px;
    font-size: 28px;
    color: #333132;
}

.portfolio-p {
    height: 80px;
    color: #333132;
}

.portfolio-link {
    width: 90%;
    margin-left: 5%;
    text-decoration: none;
    position: relative;
    display: block;
    color: white;
}

    .portfolio-link img {
        width: 100%;
    }

    .portfolio-link .filter {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(226, 55, 55, 0.60);
        visibility: collapse;
    }

    .portfolio-link .line {
        position: absolute;
        top: 180px;
        left: 30%;
        border-bottom: 2px solid white;
        height: 90px;
        width: 40%;
        opacity: 0;
        transition: top ease .4s, opacity ease .4s;
    }

    .portfolio-link .title {
        position: absolute;
        top: 140px;
        width: 100%;
        text-align: center;
        font-size: 28px;
        font-weight: bold;
        opacity: 0;
        transition: top ease .4s, opacity ease .4s;
    }

    .portfolio-link .description {
        position: absolute;
        top: 270px;
        width: 100%;
        text-align: center;
        opacity: 0;
        transition: top ease .4s, opacity ease .4s;
    }

    .portfolio-link:hover .filter {
        visibility: visible;
    }

    .portfolio-link:hover .title {
        top: 100px;
        opacity: 1;
    }

    .portfolio-link:hover .description {
        top: 230px;
        opacity: 1;
    }

    .portfolio-link:hover .line {
        top: 140px;
        opacity: 1;
    }

.references-background {
    position: relative;
    overflow: hidden;
    height: 900px;
}

.back-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.40);
    z-index: 0;
}

.references-background .back-container {
    background: url('/image/references-background');
    opacity: 0.4;
}

.references-background .front-container {
}

.references-background .trademarks {
    font-size: 27px;
    text-align: center;
    line-height: 40px;
}

.z-on {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

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

.text-red {
    color: #e23737;
}

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

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

.no-decoration {
    text-decoration: none;
}

.body-content {
    padding-top: 77px;
}

.cover-page {
    width: 100%;
    overflow: hidden;
}

.fixed-page {
    width: 960px;
    margin-left: calc(50% - 480px);
}

.wide-page {
    width: 1060px;
    margin-left: calc(50% - 530px);
}

.main-page-column {
    float: left;
    width: 33.333%;
}

    .main-page-column img {
        width: 100%;
    }

.dark-background {
    background-color: #333132;
    color: #ffffff;
}

.gray-background {
    background-color: #c7c7c7;
    color: #333132;
}

.light-gray-background {
    background-color: #e8e6e6;
}

.main-page-middle {
    height: calc(100vw * 0.5513597747454202);
}

    .main-page-middle .title-container {
        padding-top: 24px;
        text-align: center;
    }

        .main-page-middle .title-container .title {
            margin: 0;
            font-weight: bold;
            font-size: 38px;
        }

        .main-page-middle .title-container .description {
            margin: 0;
            font-size: 14px;
        }

    .main-page-middle .youtube-embed {
        margin-top: 32px;
        width: 90%;
        margin-left: 5%;
        height: 310px;
    }

.youtube-embed iframe {
    width: 100%;
    height: 100%;
}

.main-page-middle .sub-text {
    margin-top: 64px;
    width: 100%;
    text-align: center;
}

    .main-page-middle .sub-text p {
        display: inline-block;
        margin: 0;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        line-height: 33px;
    }

.sub-lined {
    border-bottom: 2px #e23737 solid;
}

.rounded-link-red {
    display: block;
    border: 1px #e23737 solid;
    border-radius: 22px;
    background-color: #e23737;
    color: #ffffff;
    text-decoration: none;
    height: 44px;
    width: 200px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    margin-left: calc(50% - 100px);
    transition: background-color ease .4s, color ease .4s;
}

    .rounded-link-red:hover {
        background-color: #ffffff;
        color: #e23737;
    }

.rectangle-link-red {
    display: block;
    border: 1px #e23737 solid;
    background-color: #e23737;
    color: #ffffff;
    text-decoration: none;
    height: 44px;
    width: 200px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    transition: background-color ease .4s, color ease .4s;
    cursor: pointer;
}

    .rectangle-link-red:hover {
        background-color: #ffffff;
        color: #e23737;
    }

.try-now-button {
    position: absolute;
    top: 440px;
    left: calc(50% - 90px);
    display: block;
    border: 1px #e23737 solid;
    border-radius: 22px;
    background-color: #e23737;
    color: #ffffff;
    text-decoration: none;
    height: 34px;
    width: 180px;
    line-height: 34px;
    text-align: center;
    font-weight: bold;
    transition: background-color ease .4s, color ease .4s;
}

    .try-now-button:hover {
        background-color: #ffffff;
        color: #e23737;
    }

.align-middle-200 {
    margin-left: calc(50% - 100px);
}

.main-page-middle .button-area {
    margin-top: 32px;
    text-align: center;
}

.company-statics {
    height: 205.6px;
    width: 960px;
    margin-left: calc(50% - 480px);
    text-align: center;
}

    .company-statics h1 {
        font-size: 34px;
        margin: 30px 0 0 0;
    }

    .company-statics .numbers {
        padding-top: 20px;
        text-align: center;
    }

        .company-statics .numbers .number {
            font-size: 65px;
            font-weight: bold;
        }

        .company-statics .numbers .text {
            font-size: 20px;
        }

        .company-statics .numbers p {
            margin: 0;
        }


.wall-system-grid-2 .wall-system-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: collapse;
    opacity: 0;
    transition: opacity ease .4s;
}

.wall-system-hover .wall-system-hover-title {
    font-weight: bold;
    width: 100%;
    text-align: center;
}

    .wall-system-hover .wall-system-hover-title .big-title {
        float: left;
        font-size: 38px;
        margin-top: 10px;
        margin-bottom: 4px;
        margin-left: 130px;
    }

    .wall-system-hover .wall-system-hover-title .small-title {
        float: left;
        font-size: 30px;
        margin-left: 8px;
        margin-top: 18px;
        margin-bottom: 4px;
    }

.wall-system-hover .wall-system-hover-image {
    width: 100%;
}

.wall-system-hover .wall-system-hover-line {
    border-bottom: 1px solid #000000;
    width: 60%;
    margin-left: 20%;
    height: 12px;
}

.wall-system-hover .wall-system-hover-description {
    width: 100%;
    text-align: center;
    margin-top: 4px;
}

.wall-system-grid-2 .grid-2-image {
    opacity: 1;
    transition: opacity ease .4s;
}

.wall-system-grid-2 .grid-2-title {
    opacity: 1;
    transition: opacity ease .4s;
}

.wall-system-grid-2 .grid-2-description {
    opacity: 1;
    transition: opacity ease .4s;
}

.wall-system-grid-2:hover .grid-2-image {
    opacity: 0;
}

.wall-system-grid-2:hover .grid-2-title {
    opacity: 0;
}

.wall-system-grid-2:hover .grid-2-description {
    opacity: 0;
}

.wall-system-grid-2:hover .wall-system-hover {
    visibility: visible;
    opacity: 1;
}

.wall-system-grid-2:nth-child(2n+1) .wall-system-hover .big-title {
    margin-left: 120px;
}

.wall-system-grid-2:nth-child(2n+2) .wall-system-hover .big-title {
}

.wall-system-grid-2:nth-child(2n+3) .wall-system-hover .big-title {
    margin-left: 120px;
}

.wall-system-grid-2:nth-child(2n+4) .wall-system-hover .big-title {
    margin-left: 80px;
}

.wall-system-grid-2:nth-child(2n+5) .wall-system-hover .big-title {
    margin-left: 120px;
}

.wall-system-grid-2:nth-child(2n+6) .wall-system-hover .big-title {
    margin-left: 0;
}

.wall-system-grid-2:nth-child(2n+6) .wall-system-hover .wall-system-hover-line {
    border-bottom: 1px solid #000000;
    width: 60%;
    margin-top: 100px;
    margin-left: 20%;
    height: 12px;
}

.wall-system-grid-2:nth-child(2n+1) .wall-system-hover {
    background-color: #bada55;
}

.wall-system-grid-2:nth-child(2n+2) .wall-system-hover {
    background-color: #15d0e9;
}

.wall-system-grid-2:nth-child(2n+3) .wall-system-hover {
    background-color: #ecb17d;
}

.wall-system-grid-2:nth-child(2n+4) .wall-system-hover {
    background-color: #e3710e;
}

.wall-system-grid-2:nth-child(2n+5) .wall-system-hover {
    background-color: #68b04d;
}

.wall-system-grid-2:nth-child(2n+5) .wall-system-hover {
    background-color: #68b04d;
}

.wall-system-grid-2:nth-child(2n+6) .wall-system-hover {
    background-color: #c7c7c7;
}

.shl-pdf-image {
    float: left;
    width: 241px;
    margin-top: 20px;
    margin-left: 50px;
    margin-bottom: 40px;
    -webkit-box-shadow: 1px 1px 5px 0px rgb(50 50 50 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 5px 0px rgb(50 50 50 / 75%);
}

.shl-link {
    margin-top: 70px;
    margin-left: 20px;
    text-decoration: none;
    color: red;
    width: 100px;
    display: inline-block;
}

    .shl-link:hover {
        font-weight: bold;
    }

.paragraph {
    padding: 0 20px;
    color: #333132;
}

    .paragraph p {
        font-size: 15px;
    }

    .paragraph .title {
        width: 100%;
    }

        .paragraph .title h2 {
            text-align: center;
        }

.rounded-border {
    border: 1px solid #c7c7c7;
    border-radius: 12px;
    overflow: hidden;
}

.row {
    margin-right: 0;
    margin-left: 0;
}


.grid-container {
    width: 100%;
    overflow: hidden;
}

.grid-5 {
    position: relative;
    float: left;
    width: 20%;
}

.grid-4 {
    position: relative;
    float: left;
    width: 25%;
}

.grid-3 {
    position: relative;
    float: left;
    width: 33%;
}

    .grid-3 img {
        width: 100%;
    }

    .grid-3 a {
        padding: 4px;
        display: block;
        text-decoration: none;
        color: #ffffff;
    }

    .grid-3 .filter {
        position: absolute;
        top: 4px;
        left: 4px;
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        background-color: rgba(226, 55, 55, 0.50);
        visibility: collapse;
    }

    .grid-3 .title {
        position: absolute;
        top: 10px;
        width: 100%;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        transition: top ease .4s;
    }

    .grid-3 .line {
        position: absolute;
        top: 10px;
        left: 30%;
        height: 60px;
        width: 40%;
        border-bottom: 3px solid #ffffff;
        transition: height ease .4s;
    }

    .grid-3 .description {
        position: absolute;
        top: 120px;
        left: 15%;
        width: 70%;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        transition: opacity ease .4s;
    }

    .grid-3 .hover {
        position: absolute;
        top: 120px;
        left: 15%;
        width: 70%;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        opacity: 0.0;
        transition: opacity ease .4s;
    }

    .grid-3:hover .title {
        top: 20px;
    }

    .grid-3:hover .line {
        height: 90px;
    }

    .grid-3:hover .description {
        opacity: 0.0;
    }

    .grid-3:hover .hover {
        opacity: 1.0;
    }

    .grid-3:hover .filter {
        visibility: visible;
    }

.section-title {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
}

.fixed-container {
    width: 960px;
    margin-left: calc(50% - 480px);
}

.wide-container {
    width: 1060px;
    margin-left: calc(50% - 530px);
}

.stage-container {
    width: 100%;
    overflow: hidden;
}

    .stage-container .stage-row {
        overflow: hidden;
        margin-bottom: 30px;
    }

.stage-3 {
    float: left;
    position: relative;
    width: 33%;
}

    .stage-3 .stage-icon {
        text-align: center;
        background-color: #e23737;
        border-radius: 54px;
        width: 108px;
        height: 108px;
        margin-left: calc(50% - 54px);
    }

        .stage-3 .stage-icon i {
            line-height: 108px;
            font-size: 64px;
            color: #ffffff;
        }

    .stage-3 .stage-icon-open {
        text-align: center;
        border-radius: 54px;
        width: 108px;
        height: 108px;
        margin-left: calc(50% - 54px);
    }

        .stage-3 .stage-icon-open i {
            line-height: 108px;
            font-size: 64px;
            color: #e23737;
        }

    .stage-3 .stage-inside .title {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }

    .stage-3 .stage-inside .description {
        font-size: 16px;
        text-align: center;
        padding: 0 6px;
    }


.breadcrumb-title {
    overflow: hidden;
    padding: 20px;
}

.box-shadow:after {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.breadcrumb-title p {
    float: right;
    font-size: 20px;
    margin-top: 13px;
}

    .breadcrumb-title p + p {
        margin-right: 10px;
    }

    .breadcrumb-title p:last-child {
        font-size: 26px;
        margin-top: 9px;
    }

.breadcrumb-title a {
    text-decoration: none;
    color: #000000;
}

    .breadcrumb-title a.white-color {
        text-decoration: none;
        color: #ffffff;
    }

.right-border-title {
    overflow: hidden;
    letter-spacing: 0.03em;
    font-weight: normal;
}

    .right-border-title .border {
        height: 72px;
        width: 5px;
        float: left;
        border-left: 2px solid black;
        border-right: 4px solid black;
    }

    .right-border-title .right-border-title-inside {
        float: left;
    }

.shopline-title {
    font-size: 24px;
    margin: 8px;
}

.shopline-description {
    font-size: 16px;
    margin: 8px;
}

.margin-24 {
    margin: 24px;
}

.grid-2 {
    float: left;
    margin: 10px;
    width: 45%;
}

    .grid-2 a {
        color: #000000;
        text-decoration: none;
    }

    .grid-2 .grid-2-image {
        width: 100%;
    }

        .grid-2 .grid-2-image img {
            width: 100%;
        }

    .grid-2 .grid-2-title {
        width: 100%;
        overflow: hidden;
    }

        .grid-2 .grid-2-title .big-title {
            float: left;
            font-size: 32px;
            color: #e23737;
            font-weight: bold;
            margin-top: 4px;
            margin-bottom: 0;
            margin-left: 20px;
        }

        .grid-2 .grid-2-title .small-title {
            float: left;
            font-size: 22px;
            color: #e23737;
            font-weight: bold;
            margin-top: 13px;
            margin-left: 8px;
            margin-bottom: 0;
        }

    .grid-2 .grid-2-description {
        padding: 20px;
        font-size: 14px;
    }

.gray-border {
    position: relative;
    border: 1px solid #d1d1d1;
}

.h-130 {
    height: 130px;
}

.mesh-title {
    background: url('/image/mesh-system-title');
}

.fix-title {
    background: url('/image/fix-system-title');
}

.basic-title {
    background: url('/image/basic-system-title');
}

.wall-up-title {
    background: url('/image/wall-up-system-title');
}

.point-title {
    background: url('/image/point-system-title');
}

.wall-equipments-title {
    background: url('/image/wall-equipments-title');
}

.white-color {
    color: white;
}

.black-color {
    color: black;
}

.right-icon {
    float: left;
}

    .right-icon i {
        font-size: 45px;
    }

.label-near-icon {
    float: left;
    margin-left: 10px;
    margin-top: 12px;
}

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

.slider-page {
    position: relative;
    height: 680px;
}

.slider-container {
    position: relative;
    width: 100%;
    margin-top: 16px;
}

    .slider-container .slide-img {
        position: absolute;
        width: 100%;
        opacity: 0;
        transition: opacity ease .4s;
    }


        .slider-container .slide-img.slide-show {
            opacity: 1;
        }

.bottom-var-1 {
    bottom: 110px;
}

.slider-page .slider-bullets {
    position: absolute;
    left: 35%;
}

    .slider-page .slider-bullets.bottom-var-2 {
        bottom: 110px;
        left: 45%;
    }

    .slider-page .slider-bullets.bottom-var-3 {
        bottom: 110px;
        left: 100px;
    }

    .slider-page .slider-bullets.bottom-var-4 {
        bottom: 110px;
        left: 10px;
    }

    .slider-page .slider-bullets .bullet {
        float: left;
        width: 6px;
        height: 6px;
        border: 3px solid rgba(0, 0, 0, 0.5);
        border-radius: 3px;
        margin: 8px;
        cursor: pointer;
    }

        .slider-page .slider-bullets .bullet:hover {
            background: rgba(0, 0, 0, 0.5);
        }

        .slider-page .slider-bullets .bullet.current {
            background-color: rgba(0, 0, 0, 0.5);
        }

.slider-arrows {
    position: absolute;
    font-size: 32px;
    width: 100%;
    height: 100%;
}

    .slider-arrows .right-arrow {
        color: white;
        text-decoration: none;
        position: absolute;
        top: 40%;
        right: 0;
    }

    .slider-arrows .left-arrow {
        color: white;
        text-decoration: none;
        position: absolute;
        top: 40%;
        left: 0;
    }

.slider-label {
    position: absolute;
    width: 300px;
    height: 40px;
    right: 0;
    bottom: 144px;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    font-family: Montserrat;
    font-size: 30px;
    text-align: center;
}

.wall-system-icon {
    text-align: center;
}

    .wall-system-icon i {
        font-size: 50px;
    }

.wall-system-title.title1 {
    font-size: 38px;
    margin: 0;
}

.wall-system-title.title2 {
    font-size: 30px;
    margin: 0;
}

.wall-system-title.title2 {
    font-size: 24px;
    margin: 0;
}

.cover-image {
    width: 100%;
    height: 100%;
}

.wall-system-hover-button {
    position: relative;
    display: block;
    width: 80%;
    font-family: Helvetica;
    color: black;
}

    .wall-system-hover-button .filter {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: collapse;
        background-color: rgba(226, 55, 55, 0.60);
    }

    .wall-system-hover-button .hover {
        opacity: 0;
        position: absolute;
        width: 100%;
        top: 40px;
        transition: opacity ease .4s, top ease .4s;
    }

        .wall-system-hover-button .hover .title-small {
            width: 100%;
            text-align: center;
            font-size: 26px;
            margin-top: 30px;
            margin-bottom: 4px;
        }

        .wall-system-hover-button .hover .title-big {
            width: 100%;
            font-weight: bold;
            text-align: center;
            font-size: 32px;
            margin-top: 4px;
        }

        .wall-system-hover-button .hover .line {
            width: 40px;
            margin-left: calc(50% - 20px);
            height: 10px;
            border-bottom: 3px solid black;
        }

        .wall-system-hover-button .hover .description {
            width: 100%;
            text-align: center;
            font-size: 18px;
            font-weight: lighter;
            margin-top: 36px;
        }

    .wall-system-hover-button:hover .filter {
        visibility: visible;
    }

    .wall-system-hover-button:hover .hover {
        opacity: 1;
        top: 0;
    }

.wall-system-hover-title-small {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 22px;
}

.wall-system-hover-title-big {
    margin-top: 4px;
    margin-bottom: 10px;
    font-size: 26px;
}

.wall-system-example-container {
    width: 800px;
    overflow: hidden;
    margin-left: 160px;
}

.wall-system-example {
    position: relative;
    float: left;
    width: 190px;
    height: 130px;
    margin: 5px;
}

    .wall-system-example img {
        position: relative;
        float: left;
        width: 190px;
        height: 130px;
        margin: 5px;
    }

.wall-system-c-img {
    width: 80%;
}


.wall-equipments-container {
    overflow: hidden;
}

.wall-equipment-link {
    position: relative;
    width: 252.48px;
    height: 441.6px;
    float: left;
    margin: 5px;
    display: block;
}

.wall-equipment {
    width: 100%;
    height: 100%;
}

    .wall-equipment img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .wall-equipment .filter {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(226, 55, 55, 0.60);
        visibility: collapse;
    }

    .wall-equipment .code {
        position: absolute;
        width: 100%;
        top: 80px;
        left: 0;
        color: white;
        text-align: center;
        font-weight: bold;
        font-size: 28px;
        transition: top ease .4s;
    }

    .wall-equipment .series {
        position: absolute;
        width: 100%;
        top: 140px;
        left: 0;
        color: white;
        text-align: center;
        font-weight: bold;
        font-size: 28px;
        transition: top ease .4s;
    }

    .wall-equipment .line {
        position: absolute;
        top: 210px;
        left: 20%;
        border-bottom: 2px solid white;
        height: 10px;
        width: 60%;
        transition: top ease .4s;
    }

    .wall-equipment .details {
        position: absolute;
        top: 300px;
        left: 0;
        width: 100%;
        opacity: 0;
        transition: top ease .4s, opacity ease .4s;
        color: white;
        text-align: center;
        font-size: 18px;
    }

.wall-equipment-link:hover .wall-equipment .code {
    top: 60px;
}

.wall-equipment-link:hover .wall-equipment .series {
    top: 100px;
}

.wall-equipment-link:hover .wall-equipment .line {
    top: 160px;
}

.wall-equipment-link:hover .wall-equipment .details {
    top: 200px;
    opacity: 1;
}

.showroom-photo-container {
    width: 960px;
    overflow: hidden;
}

.showroom-photo {
    position: relative;
    float: left;
    width: 230px;
    height: 157.36px;
    margin: 5px;
}

    .showroom-photo img {
        position: relative;
        float: left;
        width: 230px;
        height: 157.36px;
        margin: 5px;
    }

.fixed-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
}

.dark-transparent {
    background-color: rgba(0, 0, 0, 0.80);
}

.fixed-screen .image-gallery {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-gallery .next-image {
    font-size: 32px;
    color: white;
    text-decoration: none;
    position: absolute;
    top: 47%;
    right: 32px;
}

.image-gallery .prev-image {
    font-size: 32px;
    color: white;
    text-decoration: none;
    position: absolute;
    top: 47%;
    left: 32px;
}

.image-gallery .close-gallery {
    font-size: 24px;
    color: white;
    text-decoration: none;
    position: absolute;
    top: 32px;
    right: 48px;
}

.image-gallery img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 80%;
    max-width: 80%;
    transform: translate(-50%, -50%);
}

.title-var-4 {
    font-size: 28px;
    background-color: #eeeeee;
    padding: 4px 16px;
}

.wide-height {
    height: 620px;
}

.hover-red {
    transition: color ease .4s;
}

    .hover-red:hover {
        color: #e23737;
    }

.red-text {
    color: #e23737;
}

.about-title {
    width: 100%;
    overflow: hidden;
}

    .about-title .about-title-text {
        float: left;
        width: 40%;
    }

        .about-title .about-title-text p {
            width: 90%;
            margin-top: 4px;
            margin-right: 10%;
            margin-bottom: 4px;
            font-size: 50px;
            text-align: right;
        }

    .about-title .about-title-img {
        float: left;
        width: 60%;
    }

        .about-title .about-title-img img {
            width: 100%;
        }

.about-youtube-embed {
    width: 100%;
}

    .about-youtube-embed iframe {
        width: 960px;
        height: 560px;
        margin-left: calc(50% - 480px);
    }


.services-grid {
    position: relative;
    float: left;
    width: 235px;
    height: 235px;
    border: 1px solid #d1d1d1;
    font-size: 20px;
    font-weight: bold;
    color: #333132;
}

.services-logo {
    position: absolute;
    top: 50px;
    left: 18px;
    background: url('/image/shopline-logo-white');
    background-size: contain;
    width: 199px;
    height: 77px;
}

.services-grid p.down1 {
    position: absolute;
    top: 120px;
    width: 100%;
    text-align: center;
}

.services-grid p.down2 {
    position: absolute;
    top: 144px;
    width: 100%;
    text-align: center;
}

.services-grid img {
    width: 100%;
    height: 100%;
}

.services-grid p.center1 {
    position: absolute;
    top: 70px;
    width: 100%;
    text-align: center;
}

.services-grid p.center2 {
    position: absolute;
    top: 94px;
    left: 0;
    width: 100%;
    text-align: center;
}

.services-grid p.line1 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 70px;
    left: 0;
}

.services-grid p.line2 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 94px;
    left: 0;
}

.services-grid p.line3 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 118px;
    left: 0;
}

.grid-services-4 {
    float: left;
    position: relative;
    width: 25%;
    height: 276px;
}

    .grid-services-4:nth-child(2n+1) {
        background-color: rgba(51, 49, 50, 0.1);
    }

    .grid-services-4:nth-child(2n+2) {
        background-color: rgba(51, 49, 50, 0.05);
    }

    .grid-services-4 .grid-services-icon {
        position: absolute;
        top: 30px;
        left: calc(50% - 50px);
        width: 100px;
        height: 100px;
        border-radius: 50px;
        font-size: 50px;
        background-color: #e23737;
        color: white;
    }

        .grid-services-4 .grid-services-icon i {
            position: absolute;
            top: 22px;
            left: 25px;
        }

    .grid-services-4 .grid-services-text {
        position: absolute;
        top: 130px;
        width: 120px;
        left: calc(50% - 60px);
        font-family: Helvetica;
        font-size: 20px;
        text-align: center;
    }

.text-spaced-left-right {
    padding-left: 32px;
    padding-right: 32px;
}

.interior-stores {
    width: 100%;
    overflow: hidden;
}

.interior-store {
    text-decoration: none;
    color: #333132;
    border: 1px solid #dcdcdc;
    float: left;
    width: calc(33% - 18px);
    margin-left: 16px;
    margin-bottom: 16px;
}

    .interior-store img {
        width: 100%;
        height: 200px;
    }

    .interior-store p {
        width: 95%;
        font-size: 16px;
    }

.completed-stores {
    width: 100%;
    overflow: hidden;
}

.completed-store {
    text-decoration: none;
    color: #333132;
    border: 1px solid #dcdcdc;
    float: left;
    width: calc(33% - 18px);
    margin-left: 16px;
    margin-bottom: 16px;
}

    .completed-store img {
        width: 100%;
        height: 200px;
    }

    .completed-store p {
        width: 100%;
        margin-left: 16px;
        font-size: 20px;
    }

        .completed-store p.h-48 {
            width: 90%;
        }

.h-48 {
    height: 48px;
    width: 90%;
}

.grid-product-3 {
    position: relative;
    float: left;
    width: 33%;
    overflow: hidden;
}

    .grid-product-3 img {
        width: 100%;
        transition: transform ease .4s;
    }

        .grid-product-3 img:hover {
            transform: scale(1.1);
        }

    .grid-product-3 .grid-product-link {
        text-decoration: none;
        color: black;
    }

    .grid-product-3 .grid-product-title {
        font-size: 22px;
        width: 100%;
        font-weight: bold;
        text-align: center;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .grid-product-3 .grid-product-sub {
        font-size: 14px;
        width: 100%;
        text-align: center;
        margin-top: 4px;
        margin-bottom: 4px;
        height: 35px;
    }

.row-grid {
    position: relative;
    width: 100%;
    height: 140px;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: black;
    margin-top: 5px;
}

    .row-grid .row-grid-inside {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .row-grid .row-grid-label {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: rgba(200, 200, 200, 0.40);
        transition: opacity ease .4s;
    }

        .row-grid .row-grid-label p {
            position: absolute;
            top: 50px;
            width: 100%;
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            margin-top: 0;
            margin-bottom: 0;
        }

    .row-grid .about-us-background {
        background: url('/image/company-about-us');
    }

    .row-grid .services-background {
        background: url('/image/company-services');
    }

    .row-grid .references-background {
        background: url('/image/company-references');
    }

    .row-grid .showrooms-background {
        background: url('/image/company-showrooms');
    }

    .row-grid .catalogs-background {
        background: url('/image/company-catalogs');
    }

    .row-grid .fairs-background {
        background: url('/image/company-fairs');
    }

    .row-grid .row-grid-hover {
        position: absolute;
        top: 60px;
        width: 100%;
        left: 0;
        transition: top ease .4s, opacity ease .4s;
        opacity: 0;
    }

    .row-grid .row-grid-inside .row-grid-filter {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(226, 55, 55, 0.60);
        visibility: collapse;
    }

    .row-grid:hover .row-grid-hover {
        opacity: 1;
        top: 0;
    }

    .row-grid:hover .row-grid-label {
        opacity: 0;
    }

    .row-grid:hover .row-grid-filter {
        visibility: visible;
    }

    .row-grid .row-grid-hover p.title {
        position: absolute;
        top: 30px;
        width: 100%;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
        color: white;
    }

    .row-grid .row-grid-hover .line {
        position: absolute;
        top: 75px;
        left: calc(50% - 70px);
        width: 140px;
        border-bottom: 3px solid white;
    }

    .row-grid .row-grid-hover p.description {
        position: absolute;
        top: 91px;
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 0;
        color: white;
    }


.sd-slider-container {
    position: relative;
    width: 100%;
    height: 540px;
    border-radius: 16px;
    overflow: hidden;
}

    .sd-slider-container .sd-slide {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity ease .4s;
    }

        .sd-slider-container .sd-slide.sd-slide-show {
            opacity: 1;
        }

        .sd-slider-container .sd-slide img {
            width: 100%;
        }

    .sd-slider-container .sd-label-1 {
        position: absolute;
        bottom: 60px;
        right: 60px;
        width: 240px;
        height: 72px;
        background-color: #e23737;
        color: white;
        font-weight: bold;
        font-family: Montserrat;
        font-size: 32px;
        text-align: center;
        line-height: 64px;
        border-radius: 50%;
        opacity: .8;
    }

    .sd-slider-container .sd-label-2 {
        position: absolute;
        bottom: 60px;
        left: 60px;
        width: 160px;
        height: 72px;
        background-color: white;
        color: #e23737;
        font-weight: bold;
        font-family: Montserrat;
        font-size: 32px;
        text-align: center;
        line-height: 70px;
        border-radius: 32px;
        opacity: .8;
    }

    .sd-slider-container .sd-label-3 {
        position: absolute;
        top: 100px;
        left: 100px;
        width: 240px;
        height: 64px;
        background-color: #e23737;
        color: white;
        font-weight: bold;
        font-family: Montserrat;
        font-size: 24px;
        text-align: center;
        line-height: 64px;
        border-radius: 50%;
        opacity: .8;
    }

    .sd-slider-container .sd-label-4 {
        position: absolute;
        top: 220px;
        right: 70px;
        width: 100px;
        height: 83px;
        background-color: white;
        color: #e23737;
        font-weight: bold;
        font-family: Montserrat;
        font-size: 24px;
        text-align: center;
        line-height: 30px;
        border-radius: 32px;
        opacity: .8;
        padding-top: 20px;
    }

.sd-slide-prev {
    position: absolute;
    left: 10px;
    top: 44%;
    cursor: pointer;
}

    .sd-slide-prev i {
        font-size: 32px;
        color: white;
    }

.sd-slide-next {
    position: absolute;
    right: 10px;
    top: 44%;
    cursor: pointer;
}

    .sd-slide-next i {
        font-size: 32px;
        color: white;
    }

.shopdesigner-title {
    position: absolute;
    top: 100px;
    width: 720px;
    font-size: 56px;
    color: white;
    margin-left: calc(50% - 360px);
    text-align: center;
}

.shopdesigner-subtext {
    position: absolute;
    top: 300px;
    width: 720px;
    font-size: 18px;
    color: white;
    margin-left: calc(50% - 360px);
    text-align: center;
}

.shopdesigner-block {
    position: absolute;
    width: 720px;
    top: 400px;
    margin-left: calc(50% - 360px);
}

.sd-col {
    position: relative;
    width: 33%;
    float: left;
}

.shopdesigner-parallax a.rounded-link-red-2 {
    display: block;
    border: 1px #e23737 solid;
    border-radius: 22px;
    background-color: #e23737;
    color: #ffffff;
    text-decoration: none;
    height: 44px;
    width: 200px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    margin-left: calc(50% - 100px);
    transition: background-color ease .4s, color ease .4s;
}

    .shopdesigner-parallax a.rounded-link-red-2:hover {
        background-color: #ffffff;
        color: #e23737;
    }

.shopdesigner-video {
    position: absolute;
    top: 500px;
    width: 720px;
    left: calc(50% - 360px);
}

    .shopdesigner-video iframe {
        width: 720px;
        height: 405px;
    }

.h-1000 {
    height: 1000px;
}

.suprise-text {
    text-align: center;
    font-family: Helvetica;
    font-size: 32px;
}


.showroom-grid {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: white;
    margin-top: 5px;
}

    .showroom-grid .showroom-grid-inside {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .showroom-grid .showroom-grid-label {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: rgba(30, 30, 30, 0.40);
        transition: opacity ease .4s;
    }

        .showroom-grid .showroom-grid-label p.title {
            position: absolute;
            left: 40px;
            top: 50px;
            width: 250px;
            text-align: left;
            font-size: 28px;
            font-weight: bold;
            margin-top: 0;
            margin-bottom: 0;
        }

        .showroom-grid .showroom-grid-label p.description {
            position: absolute;
            right: 40px;
            top: 180px;
            width: 340px;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            margin-top: 0;
            margin-bottom: 0;
        }

    .showroom-grid .turkey-background {
        background: url('/image/showroom-turkey');
    }

    .showroom-grid .germany-background {
        background: url('/image/showroom-germany');
    }

    .showroom-grid .euroshop-2014-background {
        background: url('/image/euroshop-2014');
    }

    .showroom-grid .euroshop-2017-background {
        background: url('/image/euroshop-2017');
    }

    .showroom-grid .euroshop-2020-background {
        background: url('/image/euroshop-2020');
    }

    .showroom-grid .euroshop-2023-background {
        background: url('/image/euroshop-2023');
    }

    .showroom-grid .showroom-grid-hover {
        position: absolute;
        top: 60px;
        width: 100%;
        left: 0;
        transition: top ease .4s, opacity ease .4s;
        opacity: 0;
    }

    .showroom-grid .showroom-grid-inside .showroom-grid-filter {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(226, 55, 55, 0.60);
        visibility: collapse;
    }

    .showroom-grid:hover .showroom-grid-hover {
        opacity: 1;
        top: 0;
    }

    .showroom-grid:hover .showroom-grid-label {
        opacity: 0;
    }

    .showroom-grid:hover .showroom-grid-filter {
        visibility: visible;
    }

    .showroom-grid .showroom-grid-hover p.title {
        position: absolute;
        top: 30px;
        left: calc(50% - 125px);
        width: 250px;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
        color: white;
    }

    .showroom-grid .showroom-grid-hover .line {
        position: absolute;
        top: 125px;
        left: calc(50% - 70px);
        width: 140px;
        border-bottom: 3px solid white;
    }

    .showroom-grid .showroom-grid-hover p.description {
        position: absolute;
        top: 155px;
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 0;
        color: white;
    }

.h-1200 {
    height: 1200px;
}

.parallax {
    background-image: url("/image/parallax");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-inside {
    position: relative;
}

.shopdesigner-parallax {
    height: 588px;
}

    .shopdesigner-parallax img.screenshot {
        position: absolute;
        width: 680px;
        height: 382px;
        top: calc(50% - 191px);
        left: 50%;
    }

    .shopdesigner-parallax p.title {
        position: absolute;
        top: 65px;
        left: 360px;
        color: #e23737;
        font-family: Raleway;
        font-size: 35px;
        font-style: normal;
        font-weight: bold;
    }

    .shopdesigner-parallax p.prg1 {
        position: absolute;
        top: 200px;
        left: 280px;
        width: 390px;
        color: #ffffff;
        font-family: Raleway;
        font-size: 30px;
        font-style: normal;
        font-weight: bold;
        text-align: center;
    }

    .shopdesigner-parallax p.prg2 {
        position: absolute;
        top: 360px;
        left: 280px;
        width: 390px;
        color: #ffffff;
        font-family: Raleway;
        font-size: 20px;
        font-style: normal;
        text-align: center;
    }

    .shopdesigner-parallax a.rounded-link-red {
        position: absolute;
        top: 480px;
        margin-left: 400px;
    }

.catalog-slider {
    position: relative;
    left: calc(50% - 50px);
    width: 200px;
    height: 280px;
    margin-top: 28px;
    margin-bottom: 28px;
}

    .catalog-slider .catalog-slider-container {
        position: relative;
        width: 189px;
        height: 264px;
        background-color: #ffffff;
        overflow: hidden;
    }

    .catalog-slider .catalog-slide {
        position: absolute;
        width: 181px;
        height: 256px;
        top: 4px;
        left: 4px;
        transition: left ease .4s;
    }

        .catalog-slider .catalog-slide.right {
            left: 190px;
        }

        .catalog-slider .catalog-slide.left {
            left: -186px;
        }

    .catalog-slider .left-arrow {
        position: absolute;
        top: calc(50% - 17px);
        left: -28px;
        font-size: 28px;
        color: gray;
    }

    .catalog-slider .right-arrow {
        position: absolute;
        top: calc(50% - 17px);
        right: -20px;
        font-size: 28px;
        color: gray;
    }

.reverse-icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.main-page-text {
}

form.subscribe {
}

    form.subscribe input[type="text"] {
        width: 70%;
        margin-left: 10%;
        height: 26px;
        padding: 4px;
        border: 1px solid #333132;
    }

    form.subscribe input[type="email"] {
        width: 70%;
        margin-left: 10%;
        height: 26px;
        padding: 4px;
        border: 1px solid #333132;
    }

    form.subscribe input[type="text"]:focus {
        outline: none;
        border: 1px solid #e23737;
    }

    form.subscribe input[type="email"]:focus {
        outline: none;
        border: 1px solid #e23737;
    }

.contact-badge {
    overflow: hidden;
}

    .contact-badge .text {
        float: left;
    }

        .contact-badge .text p {
            margin-top: 4px;
            margin-bottom: 8px;
        }

    .contact-badge .contact-badge-link {
        float: left;
        display: block;
        border: 1px #e23737 solid;
        background-color: #e23737;
        color: #ffffff;
        text-decoration: none;
        height: 44px;
        width: 200px;
        line-height: 42px;
        text-align: center;
        font-weight: bold;
        transition: background-color ease .4s, color ease .4s;
        cursor: pointer;
        margin-left: 10px;
    }

.contact-badge-link:hover {
    background-color: #ffffff;
    color: #e23737;
}


.contact-col-6 {
    float: left;
    width: 50%;
}

.contact-col p.title {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-family: Montserrat;
    font-weight: bold;
    margin-bottom: 2px;
    color: white;
}

.contact-col div.line {
    width: 200px;
    border-bottom: 1px solid #e23737;
    margin-left: calc(50% - 100px);
}

.contact-col p.text {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: Montserrat;
    color: white;
}

.contact-background {
    position: relative;
    background: url('/image/contact-background');
    height: 1060px;
    background-size: cover;
}

    .contact-background .black-filter {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.40);
    }

    .contact-background .contact-absolute {
        position: absolute;
        height: 100%;
    }

.h-250 {
    height: 250px;
}

.contact-map {
    width: 400px;
    margin-left: calc(50% - 200px);
}

form.contact-form {
}

    form.contact-form input[type="text"] {
        width: 70%;
        margin-left: 10%;
        height: 26px;
        padding: 4px;
        border: 1px solid #333132;
        background-color: rgba(255, 255, 255, 0.60);
    }

    form.contact-form input[type="email"] {
        width: 70%;
        margin-left: 10%;
        height: 26px;
        padding: 4px;
        border: 1px solid #333132;
        background-color: rgba(255, 255, 255, 0.60);
    }

    form.contact-form textarea {
        width: 85%;
        min-height: 200px;
        max-height: 200px;
        resize: none;
        margin-left: 5%;
        background-color: rgba(255, 255, 255, 0.60);
        font-family: Helvetica;
        padding: 4px;
    }

        form.contact-form textarea:focus {
            outline: none;
            border: 1px solid black;
            background-color: white;
        }

    form.contact-form input[type="text"]:focus {
        outline: none;
        border: 1px solid black;
        background-color: white;
    }

    form.contact-form input[type="email"]:focus {
        outline: none;
        border: 1px solid black;
        background-color: white;
    }

    form.contact-form input[type="submit"] {
        display: block;
        border: 1px #e23737 solid;
        border-radius: 22px;
        background-color: #e23737;
        color: #ffffff;
        text-decoration: none;
        height: 44px;
        width: 300px;
        line-height: 42px;
        text-align: center;
        font-weight: bold;
        margin-left: calc(50% - 150px);
        transition: background-color ease .4s, color ease .4s;
        cursor: pointer;
    }

        form.contact-form input[type="submit"]:hover {
            background-color: #ffffff;
            color: #e23737;
        }

.mt-0 {
    margin-top: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.ml-80 {
    margin-left: 80px;
}

.fs-32 {
    font-size: 32px;
}

.fs-30 {
    font-size: 30px;
}

.fs-26 {
    font-size: 26px;
}

.fs-23 {
    font-size: 23px;
}

.fs-20 {
    font-size: 20px;
}

.fs-18 {
    font-size: 18px;
}

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

.post-title {
    font-size: 32px;
}

.post-container {
    width: 740px;
    margin-left: calc(50% - 370px);
}

.post-main-img {
    width: 100%;
    margin-bottom: 100px;
    cursor: pointer;
}

.post-grid-container {
    width: 100%;
}

.post-grid-3 {
    width: 32.5%;
    height: 160.4px;
    overflow: hidden;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

    .post-grid-3:nth-child(3n+1) {
        margin-right: .6%;
    }

    .post-grid-3:nth-child(3n+2) {
        margin-left: .6%;
        margin-right: .6%;
    }

    .post-grid-3:nth-child(3n+3) {
        margin-left: .6%;
    }

    .post-grid-3 img {
        width: 100%;
    }

.product-title {
}

    .product-title .product-code {
        font-size: 40px;
        font-family: Helvetica;
        margin-right: 12px;
    }

    .product-title .product-colors {
        color: #aaaaaa;
        font-size: 26px;
    }

.product-name {
    font-family: Montserrat;
    font-size: 28px;
    font-weight: normal;
}

.product-page .product-image {
    width: 90%;
    overflow: hidden;
}

    .product-page .product-image img {
        width: 90%;
        margin-left: 5%;
        cursor: pointer;
        transition: transform ease .4s;
    }

        .product-page .product-image img:hover {
            transform: scale(1.1);
        }

.dimensions-text {
    font-size: 20px;
    margin-left: 12px;
}

.product-details-header {
    background-color: #333132;
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
}

    .product-details-header span {
        text-align: center;
    }

.product-detail .col-3 {
    padding: 6px;
    font-size: 22px;
    text-align: center;
}

.product-detail .text-gray {
    color: #aaaaaa;
}

.product-page .product-color-title {
    background-color: black;
    color: white;
    padding: 4px;
}

.product-details-colors .product-color {
    position: relative;
    float: left;
    width: 48px;
    height: 80px;
    overflow: hidden;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
}

    .product-details-colors .product-color img {
        position: absolute;
        top: 0;
        left: 0;
        width: 48px;
        height: 48px;
        border-radius: 8px;
    }

    .product-details-colors .product-color span.product-color-code {
        position: absolute;
        top: 52px;
        left: 0;
        width: 48px;
        height: 32px;
        text-align: center;
        font-size: 18px;
        opacity: 1;
        transition: opacity ease .4s, top ease .4s;
    }

    .product-details-colors .product-color span.product-color-name {
        position: absolute;
        top: 80px;
        left: 0;
        width: 48px;
        height: 32px;
        text-align: center;
        font-size: 10px;
        opacity: 0;
        transition: opacity ease .4s, top ease .4s;
    }

    .product-details-colors .product-color:hover span.product-color-code {
        top: 82px;
        opacity: 0;
    }

    .product-details-colors .product-color:hover span.product-color-name {
        top: 50px;
        opacity: 1;
    }


.store-design-slider {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}

    .store-design-slider .store-design-title {
        width: 100%;
        background-color: #eeeeee;
        height: 30px;
        font-size: 24px;
        padding: 4px 18px;
    }

    .store-design-slider .store-design-container {
        position: relative;
        width: 100%;
        height: 540px;
        overflow: hidden;
    }

        .store-design-slider .store-design-container img {
            position: absolute;
            width: 100%;
            opacity: 0;
            transition: opacity ease .4s;
        }

            .store-design-slider .store-design-container img.on-slide {
                opacity: 1;
            }

    .store-design-slider .store-design-bullets {
        width: 100%;
        overflow: hidden;
    }

        .store-design-slider .store-design-bullets img {
            width: 100px;
            height: 56.25px;
            cursor: pointer;
            margin-top: 10px;
        }

            .store-design-slider .store-design-bullets img.on-slide {
                opacity: .5;
            }

    .store-design-slider .next-slide {
        font-size: 32px;
        position: absolute;
        right: 4px;
        top: 44%;
        color: #eeeeee;
        cursor: pointer;
    }

    .store-design-slider .prev-slide {
        font-size: 32px;
        position: absolute;
        left: 4px;
        top: 44%;
        color: #eeeeee;
        cursor: pointer;
    }

.cookies-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    z-index: 2247483646;
    background: black;
    color: white;
    font-size: 14px;
}

    .cookies-alert p {
        width: calc(80% - 160px);
        margin-left: 10%;
        float: left;
    }

    .cookies-alert a {
        text-decoration: none;
        color: white;
        font-weight: bold;
    }

    .cookies-alert button.accept-cookies {
        color: black;
        background-color: #dddddd;
        width: 120px;
        height: 32px;
        border-radius: 12px;
        border: 1px solid black;
        margin-top: 20px;
        float: left;
        cursor: pointer;
    }

        .cookies-alert button.accept-cookies:hover {
            background-color: #ffffff;
        }

@media only screen and (max-width: 1600px) {
    .header-logo {
        left: 80px;
    }

    .header-menu {
        left: 330px;
    }
}

@media only screen and (max-width: 1400px) {
    .header-logo {
        left: 10px;
    }

    .header-menu {
        left: 230px;
    }

    .main-page-middle .sub-text {
        margin-top: 40px;
    }

        .main-page-middle .sub-text p {
            font-size: 20px;
        }
}

@media only screen and (max-width: 1300px) {
    .header-logo {
        top: 9.625px;
        left: 0;
        width: 153px;
        height: 55.75px;
    }

    .header-menu {
        left: 180px;
    }

        .header-menu > .header-button p {
            margin: 6px 19px;
        }

    .main-page-middle .sub-text {
        margin-top: 20px;
    }

        .main-page-middle .sub-text p {
            font-size: 16px;
        }
}

@media only screen and (max-width: 1250px) {
    body {
        overflow-x: hidden;
    }

    .header-logo {
        left: 0;
    }

    .header-menu {
        left: 170px;
    }

    .language-select {
        font-size: 14px;
    }

    .main-page-middle .title-container {
        padding-top: 12px;
    }

    .main-page-middle .youtube-embed {
        margin-top: 12px;
        height: 260px;
    }

    .main-page-middle .button-area {
        margin-top: 12px;
    }

    .header-menu > .header-button p {
        font-size: 14px;
    }

    .header-submenu > .header-button {
        height: 38px;
    }

        .header-submenu > .header-button p {
            font-size: 14px;
        }

    .header-submenu[data-menutarget="products"] {
        width: 200px;
        left: -50px;
    }

    .header-submenu[data-menutarget="portfolio"] {
        width: 230px;
        left: 210px;
    }

    .header-submenu[data-menutarget="company"] {
        width: 200px;
        left: 350px;
    }

    .try-now-button {
        top: 370px;
    }

    .shopdesigner-button {
        width: 180px;
    }

        .shopdesigner-button > .button-container {
            padding: 14px 24px;
        }

        .shopdesigner-button > .button-container p:nth-child(2n+2) {
            font-size: 17px;
        }

        .shopdesigner-button .hover-container {
            width: 180px;
        }

            .shopdesigner-button .hover-container i {
                right: 125px;
            }

            .shopdesigner-button .hover-container p:nth-child(2n+1) {
                font-size: 17px;
            }

            .shopdesigner-button .hover-container p:nth-child(2n+2) {
                font-size: 17px;
            }
}

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

    .header-menu > .header-button p {
        margin: 6px 9px;
    }

    .header-submenu[data-menutarget="products"] {
        width: 200px;
        left: -60px;
    }

    .header-submenu[data-menutarget="portfolio"] {
        width: 230px;
        left: 160px;
    }

    .header-submenu[data-menutarget="company"] {
        width: 200px;
        left: 280px;
    }

    .main-page-middle .title-container .title {
        font-size: 28px;
    }

    .main-page-middle .title-container .description {
        font-size: 12px;
    }

    .main-page-middle .youtube-embed {
        height: 200px;
    }

    .company-statics {
        height: 156.6px;
    }

        .company-statics h1 {
            font-size: 28px;
        }

        .company-statics .numbers .number {
            font-size: 48px;
        }

        .company-statics .numbers .text {
            font-size: 16px;
        }

    .wide-page {
        width: 100%;
        margin-left: 0;
    }

    .wide-container {
        width: 100%;
        margin-left: 0;
    }

    .grid-3 .title {
        font-size: 20px;
    }

    .grid-3 .description {
        font-size: 14px;
    }

    .grid-3 .hover {
        font-size: 14px;
    }

    .showroom-photo-container {
        width: 720px;
        overflow: hidden;
        margin-left: calc(50% - 360px);
    }

    .showroom-photo {
        position: relative;
        float: left;
        width: 170px;
        height: 116.31px;
        margin: 5px;
    }

        .showroom-photo img {
            position: relative;
            float: left;
            width: 170px;
            height: 116.31px;
            margin: 5px;
        }

    .mb-40 {
        margin-left: 0;
    }

    .showroom-grid {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .interior-store img {
        width: 100%;
        height: 19vw;
    }

    .interior-store p {
        width: 95%;
        font-size: 15px;
    }

    .slider-page {
        height: 64.15vw;
    }

    .wall-system-example-container {
        margin-left: calc(50% - 400px);
    }

    .wide-height {
        height: 75vw;
    }

    .wall-system-video {
        width: 100vw;
        height: 75vw;
    }

    .slider-label {
        width: 200px;
        height: 30px;
        bottom: 144px;
        font-size: 20px;
    }

    .product-name {
        font-size: 18px;
    }

    .product-title .product-code {
        font-size: 24px;
    }

    .product-title .product-colors {
        font-size: 18px;
    }

    .try-now-button {
        display: none;
    }

    .shopdesigner-button {
        display: none;
    }

    .right-icon i {
        font-size: 32px;
    }

    .label-near-icon {
        font-size: 14px;
    }
}

.header-bottom-space {
    display: none;
}

.mobile-menu-button {
    visibility: collapse;
}

    .mobile-menu-button i {
        font-size: 32px;
        color: white;
    }

.header-menu-title {
    visibility: collapse;
    display: none;
    position: relative;
    width: 100%;
    height: 64px;
}

@media only screen and (max-width: 960px) {
    body {
        width: 100%;
    }

    .body-content {
        width: 100%;
    }

    .fixed-page {
        width: 100%;
        margin-left: 0;
    }

    .fixed-container {
        width: 100%;
        margin-left: 0;
    }

    .main-page-middle .sub-text p {
        font-size: 14px;
    }

    .company-statics {
        width: 100%;
        margin-left: 0;
    }

    .grid-container {
        width: 90%;
        margin-left: 5%;
    }

    .grid-3 {
        width: 50%;
    }

    footer {
        height: 300px;
    }

    footer .footer-container {
        font-size: 14px;
    }

    .col-ft-3, .col-ft-6 {
        margin-top: 16px;
        width: 100%;
        text-align: center;
    }

    .about-youtube-embed iframe {
        width: 100%;
        height: 58.3vw;
        margin-left: 0;
    }

    .about-title .about-title-text p {
        font-size: 40px;
    }

    .image-gallery .next-image {
        right: 12px;
    }

    .image-gallery .prev-image {
        left: 12px;
    }

    .interior-store {
        width: 45%;
    }

        .interior-store img {
            width: 100%;
            height: 19vw;
        }

        .interior-store p {
            width: 95%;
            font-size: 15px;
        }

    .contact-col-6 {
        width: 100%;
    }

    .contact-background {
        height: 1460px;
    }

    .store-design-slider .store-design-container {
        height: 56.25vw;
    }

    .store-design-slider .store-design-bullets img {
        width: 75px;
        height: 42.1875px;
        margin-top: 7px;
    }

    .mobile-menu-button {
        visibility: visible;
        width: 48px;
        height: 48px;
        margin-top: 20px;
        margin-left: 20px;
        cursor: pointer;
    }

    .scroll-to-elm {
        text-align: center;
    }

    .right-icon {
        float: none;
    }

    .right-icon i {
        font-size: 24px;
    }

    .label-near-icon {
        font-size: 12px;
        margin-top: 6px;
        float: none;
    }

    .header-logo {
        left: 64px;
    }

    .header-menu {
        display: none;
        visibility: collapse;
        position: absolute;
        width: 250px;
        top: 0;
        left: 0;
        background-color: #333132;
        height: 100vh;
        overflow-y: auto;
    }

        .header-menu::-webkit-scrollbar {
            width: 8px;
        }

        .header-menu::-webkit-scrollbar-track {
            background: #eeeeee;
        }

        .header-menu::-webkit-scrollbar-thumb {
            background: #555555;
        }

            .header-menu::-webkit-scrollbar-thumb:hover {
                background: #888888;
            }

    .header-menu-show {
        display: block;
        visibility: visible;
    }

    .header-menu-title {
        visibility: visible;
        display: block;
    }

    .header-menu > .header-button {
        float: none;
        height: 32px;
    }

        .header-menu > .header-button:nth-child(5n+1) {
            position: absolute;
            left: 0;
            top: 800px;
        }

        .header-menu > .header-button:nth-child(5n+2) {
            position: absolute;
            left: 0;
            top: 50px;
        }

        .header-menu > .header-button:nth-child(5n+3) {
            position: absolute;
            left: 0;
            top: 330px;
        }

        .header-menu > .header-button:nth-child(5n+4) {
            position: absolute;
            left: 0;
            top: 370px;
        }

        .header-menu > .header-button:nth-child(5n+5) {
            position: absolute;
            left: 0;
            top: 530px;
        }

        .header-menu > .header-button p {
            line-height: 24px;
        }

    .header-submenu {
        visibility: visible;
    }

        .header-submenu > .header-button p {
            font-size: 12px;
            text-align: left;
        }

        .header-submenu[data-menutarget="products"] {
            width: calc(90% - 30px);
            left: 30px;
            top: 90px;
        }

        .header-submenu[data-menutarget="portfolio"] {
            width: calc(90% - 30px);
            left: 30px;
            top: 410px;
        }

        .header-submenu[data-menutarget="company"] {
            width: calc(90% - 30px);
            left: 30px;
            top: 570px;
        }

    .header-bottom-space {
        display: block;
        width: 100%;
        height: 200px;
        position: absolute;
        top: 840px;
    }

    .close-mobile-menu-button i {
        font-size: 22px;
        color: white;
        position: absolute;
        top: 10px;
        left: 10px;
        cursor: pointer;
    }

    .grid-2 .grid-2-title .big-title {
        font-size: 24px;
    }

    .grid-2 .grid-2-title .small-title {
        font-size: 18px;
        margin-top: 10px;
    }

    .grid-2 .grid-2-description {
        font-size: 12px;
    }

    .wall-system-grid-2 .wall-system-hover .big-title {
        margin-left: 4px !important;
        font-size: 32px;
    }

    .wall-system-grid-2 .wall-system-hover .small-title {
        font-size: 20px;
        margin-top: 20px;
    }

    .sd-slider-container {
        height: 56.25vw;
    }

    .product-page .col-6 {
        width: 90%;
        margin-left: 5%;
    }

    .portfolio-h2 {
        width: 200px;
        margin-left: calc(50% - 100px);
        height: 50px;
        font-size: 18px;
    }

    .portfolio-p {
        font-size: 14px;
    }

    .language-select {
        font-size: 20px;
        position: absolute;
        top: -20px;
        right: 0px;
    }
}

@media only screen and (max-width: 880px) {
    .hide-in-mobile {
        width: 20%;
        height: 460px;
    }

    .wide-in-mobile {
        width: 60%;
        height: 460px;
    }

    .main-page-column img {
        width: auto;
        height: 100%;
    }

    .wall-system-hover-title-big {
        font-size: 18px;
    }

    .wall-system-hover-title-small {
        font-size: 14px;
    }

    .wall-system-example-container {
        margin-left: 0;
        width: 100%;
    }

    .references-background .trademarks {
        font-size: 20px;
        line-height: 30px;
    }

    .references-background {
        height: 720px;
    }

    .shopdesigner-title {
        font-size: 40px;
    }

    .shopdesigner-subtext {
        font-size: 16px;
    }

    .shopdesigner-parallax a.rounded-link-red-2 {
        font-size: 13px;
        height: 32px;
        width: 180px;
        line-height: 30px;
        margin-left: calc(50% - 90px);
    }

    .portfolio-link .title {
        font-size: 18px;
    }

    .portfolio-link:hover .title {
        top: 80px;
    }
}

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

    .shopdesigner-title {
        font-size: 32px;
        width: 100%;
        margin-left: 0;
    }

    .shopdesigner-subtext {
        font-size: 14px;
        width: 100%;
        margin-left: 0;
        top: 250px;
    }

    .shopdesigner-block {
        width: 100%;
        top: 350px;
        margin-left: 0;
    }

    .suprise-text {
        font-size: 20px;
    }

    .stage-3 .stage-inside .description {
        font-size: 12px;
    }

    .shopdesigner-block .sd-col {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .breadcrumb-title p {
        font-size: 14px;
    }

        .breadcrumb-title p:last-child {
            font-size: 18px;
        }

    .company-statics h1 {
        font-size: 22px;
    }

    .company-statics .numbers .number {
        font-size: 38px;
    }

    .company-statics .numbers .text {
        font-size: 14px;
    }

    .wall-system-icon i {
        font-size: 40px;
    }

    .wall-system-title.title1 {
        font-size: 26px;
    }

    .wall-system-title.title2 {
        font-size: 20px;
    }

    .grid-container {
        width: 90%;
        margin-left: 5%;
    }

    .grid-2 {
        width: 80%;
    }

    .grid-3 {
        width: 100%;
    }

    .grid-product-3 {
        width: 50%;
    }

    .about-title .about-title-text p {
        font-size: 30px;
    }

    .cookies-alert {
        height: 96px;
    }

    .showroom-photo-container {
        width: 100vw;
        overflow: hidden;
        margin-left: 5vw;
    }

    .showroom-photo {
        position: relative;
        float: left;
        width: 40vw;
        height: 27.367vw;
        margin: 5px;
    }

        .showroom-photo img {
            position: relative;
            float: left;
            width: 40vw;
            height: 27.367vw;
            margin: 5px;
        }

    .mb-40 {
        margin-left: 0;
    }

    .interior-store {
        width: 95%;
    }

        .interior-store img {
            width: 100%;
            height: 38vw;
        }

        .interior-store p {
            width: 95%;
            font-size: 15px;
        }

    .shopline-title {
        font-size: 20px;
    }

    .shopline-description {
        font-size: 14px;
    }

    .product-page .product-color-title {
        font-size: 14px;
    }

    .product-details-colors .product-color {
        width: 32px;
        height: 64px;
    }

        .product-details-colors .product-color span.product-color-code {
            top: 36px;
            width: 32px;
            font-size: 14px;
        }

        .product-details-colors .product-color span.product-color-name {
            top: 64px;
            width: 32px;
            font-size: 9px;
        }

        .product-details-colors .product-color img {
            width: 32px;
            height: 32px;
        }

    .dimensions-text {
        font-size: 14px;
    }

    .product-detail .col-3 {
        font-size: 14px;
    }

    .footer .footer-container {
        font-size: 14px;
    }

    .portfolio-h2 {
        width: 160px;
        margin-left: calc(50% - 80px);
        height: 40px;
        font-size: 14px;
    }

    .portfolio-p {
        font-size: 12px;
        height: 100px;
    }

    .right-border-title .border {
        display: none;
    }
}

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

    .shopline-title {
        font-size: 16px;
    }

    .shopline-description {
        font-size: 12px;
    }

    .references-background .trademarks {
        font-size: 14px;
        line-height: 20px;
    }

    .references-background {
        height: 540px;
    }

    .slider-label {
        bottom: 114px;
    }

    .slider-page .slider-bullets {
        bottom: 80px;
        left: 25%;
    }
}

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

    .grid-container {
        width: 80%;
        margin-left: 10%;
    }

    .grid-3 {
        width: 100%;
    }

    .about-title .about-title-text p {
        font-size: 20px;
    }

    .image-gallery .next-image {
        right: 2px;
    }

    .image-gallery .prev-image {
        left: 2px;
    }

    .hide-in-mobile {
        width: 0;
        height: 460px;
    }

    .wide-in-mobile {
        width: 100%;
        height: 460px;
    }

    .main-page-column img {
        width: auto;
        height: 100%;
    }

    .header-logo {
        left: 64px;
        width: 144px;
        height: 54px;
        margin-top: 10px;
    }

    .shopdesigner-button {
        display: none;
    }
}

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

    .grid-container {
        width: 100%;
        margin-left: 0;
    }

    .grid-3 {
        width: 100%;
    }

    .about-title .about-title-text p {
        font-size: 16px;
    }
}

.euroshop-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .33);
    z-index: 100000;
}

.euroshop {
    width: 800px;
    height: 600px;
    background-color: white;
    left: calc(50vw - 400px);
    top: calc(50vh - 300px);
    border-radius: 12px;
    position: absolute;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: top .5s ease;
}

.euroshop-container.hidden .euroshop {
    top: -620px;
}


.euroshop-header {
    text-align: left;
    padding-left: 32px;
}

    .euroshop-header i {
        text-align: right;
        padding-right: 8px;
        font-size: 20px;
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }

    .euroshop-header i:hover {
        font-weight: bold;
    }

.euroshop-content {
    width: 100%;
    height: 100%;
}

    .euroshop-content img {
        max-width: 90%;
        max-height: 90%;
        padding-left: 5%;
    }

    .euroshop-content p {
        max-width: 90%;
        max-height: 90%;
        padding-left: 5%;
        font-weight: bold;
    }

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

    .euroshop {
        width: 100vw;
        left: 0;
    }

    .euroshop-header {
        padding-left: 16px;
        font-size: 14px;
    }
}