@font-face {
            font-family: Frutiger-Light;
            font-style: normal;
            font-weight: normal;
            src: url("fonts/53595583-8a9c-4c63-9220-f4d1c3364a9d.eot?#iefix");
            src: url("fonts/53595583-8a9c-4c63-9220-f4d1c3364a9d.eot?#iefix") format("eot"), url("fonts/93b7d028-28f3-473a-821f-7a139c59305a.woff2") format("woff2"), url("fonts/1f5eb399-3fe2-4a88-946d-1621c81da877.woff") format("woff"), url("fonts/8ae8c829-0376-410b-8c6a-92503273d37e.ttf") format("truetype");
        }

        @font-face {
            font-family: Frutiger-Bold;
            font-style: normal;
            font-weight: normal;
            src: url("fonts/92fb90f3-a8af-48d1-aac0-52c736cdc532.eot?#iefix");
            src: url("fonts/92fb90f3-a8af-48d1-aac0-52c736cdc532.eot?#iefix") format("eot"), url("fonts/63541a87-effb-4b23-a1e5-aded6ef8e33d.woff2") format("woff2"), url("fonts/ede01147-5581-4d28-afc0-303f4c771fd2.woff") format("woff"), url("fonts/a098af66-fef8-439d-abf2-0d61674a33f9.ttf") format("truetype");
        }
        /*li.subsidiaries-menu.active a {
                    text-decoration: underline;
                }*/
        .main-menu ul li.active a {
            color: #c39647;
        }

        .menu-icon {
            border: 1px solid #fff;
            color: #fff;
            cursor: pointer;
            display: block;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 30px;
            font-weight: 400;
            height: 38px;
            line-height: 22px;
            margin-top: -20px;
            padding: 8px 9px;
            position: absolute;
            right: 0;
            text-decoration: none;
            top: 0;
            width: 42px;
            z-index: 6;
        }

        @media (max-width: 767px) {
            .menu-icon {
                color: #fff;
                border: 1px solid #fff;
            }
        }

        @media (max-width: 767px) {
            .menu-icon {
                margin-top: -54px;
                color: #000;
                border: 1px solid #000;
            }
        }

        .menu-icon span {
            background: no-repeat;
            display: block;
            height: 3px;
            margin-top: 3px;
            border-top: 3px solid #fff;
            background: #002e5b none repeat scroll 0 0;
            display: block;
            height: 3px;
            margin-top: 3px;
        }

        @media (min-width: 768px) and (max-width: 991px) {
            .menu-icon span {
                background: no-repeat;
                display: block;
                height: 3px;
                margin-top: 3px;
                border-top: 3px solid #fff;
            }
        }

        @media (min-width: 768px) and (max-width: 991px) {
            .menu-icon span {
                background: no-repeat;
                display: block;
                height: 3px;
                margin-top: 3px;
                border-top: 3px solid #000;
            }
        }


        .header-logo {
            margin-left: 15px;
            flex-grow: 1;
        }

            .header-logo img {
                max-width: 50px;
            }

        .search-container {
            position: relative;
            margin-right: 10px;
            width: 40px;
            transition: width 0.4s;
        }

            .search-container.search-active {
                width: 250px;
            }

        @media screen and (max-width: 360px) {
            .search-container.search-active {
                width: 150px;
            }
        }

        .search-container #search {
            color: #fff;
            width: 75%;
            background: #f07c00;
            border: none;
            padding: 10px 20px;
            position: absolute;
            top: 0;
            right: 5px;
            border-radius: 20px;
        }

            .search-container #search:focus {
                outline: none;
            }

            .search-container #search::placeholder {
                color: #fff;
                font-size: 0.9em;
                opacity: 0.75;
            }

        #search-icon {
            color: #fff;
            font-size: 2.2em;
            opacity: 0.7;
            margin-right: 200px;
            position: relative;
            transition: all 0.5s;
        }

            #search-icon.search-active {
                left: 15px;
                z-index: 999;
            }

        @media screen and (max-width: 360px) {
            #search-icon.search-active {
                left: -5px;
            }
        }

        #search-icon:hover {
            cursor: pointer;
            opacity: 1;
        }

        .hamburger {
            position: relative;
            width: 30px;
            height: 23px;
            z-index: 999;
            margin-right: 20px;
            cursor: pointer;
        }

            .hamburger.nav-open span:first-child {
                transform: rotate(135deg);
                top: 10px;
            }

            .hamburger.nav-open span:nth-child(2) {
                left: 100px;
                opacity: 0;
            }

            .hamburger.nav-open span:last-child {
                transform: rotate(-135deg);
                top: 10px;
            }

            .hamburger span {
                width: 100%;
                height: 3px;
                background: #fff;
                position: absolute;
                display: block;
                transition: all 0.3s;
            }

                .hamburger span:first-child {
                    top: 0;
                }

                .hamburger span:nth-child(2) {
                    top: 10px;
                    left: 0;
                }

                .hamburger span:last-child {
                    top: 20px;
                }

        .menu {
            width: 100%;
            height: calc(100vh - 57px);
            position: fixed;
            top: 165px;
            left: 100%;
            /*outline: 1px solid #fff;*/
            background: #fff;
            transition: all 0.3s;
            z-index: 9999;
            visibility: hidden;
            font-family: 'Frutiger-Light', sans-serif;
        }

            .menu .title-1 {
                background: #d5d5ff;
                font-size: 22px;
                box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1);
                color: #000;
                padding: 15px 15px 15px 20px;
                font-family: 'Frutiger-Bold', sans-serif;
                margin-bottom: 0;
            }

            .menu.nav-open {
                left: 0;
                visibility: visible;
            }

            .menu > li {
                position: relative;
                list-style: none;
                padding: 15px;
                /*border-bottom: 1px solid #dbdbdb;*/
                /*border-top: 2px solid #e1e4ff;*/
                text-align: left;
                font-size: 18px;
                width: 22%;
            }

                .menu > li:hover, .menu > li:has(> a.active) {
                    background: -webkit-gradient(linear, left top, right top, from(#eff0f4), to(#fff));
                    background: linear-gradient(to right, #eff0f4, #fff 100%);
                    -webkit-transition: opacity 0.2s ease-in-out;
                    transition: opacity 0.2s ease-in-out;
                    font-family: 'Frutiger-Bold', sans-serif;
                }

                .menu > li > a {
                    text-decoration: none;
                    color: #000;
                    line-height: 1.4;
                    display: block;
                    width: 100%;
                }

.menu > li > a > .arrow,
.gallery-wrapper ul.link-list li > a > .arrow {
    position: absolute;
    right: 20px;
    top: 30%;
}
                    .menu > li > a > .arrow {
                        position: absolute;
                        right: 20px;
                        top: 30%;
                    }

                    .menu > li > a:hover {
                        /*color: #c39647;*/
                    }

        /*.menu > li > a.active::after {
                                opacity: 1;
                            }

                            .menu > li > a::after {
                                content: "";
                                width: auto;
                                height: auto;
                                position: absolute;
                                top: 50%;
                                right: 0%;
                                transform: translateY(-50%);
                                border-left: 13px solid #cdcdcd;
                                border-top: 10px solid transparent;
                                border-bottom: 10px solid transparent;
                                display: block;
                                opacity: 0;
                            }*/

        .right-submenu-wrapper {
            position: fixed;
            top: 165px;
            right: 0;
            width: 77%;
            height: calc(100vh - 70px);
            background: #fff;
            overflow: auto;
            opacity: 0;
            display:none;
            z-index: -1;
            transition: opacity 0.3s ease-in-out;
            border-left: 1px solid #cdcdcd;
        }

            .right-submenu-wrapper.active {
                opacity: 1;display:block;
                z-index: 999;
            }

            /*.right-submenu-wrapper li {
                        list-style: none;
                        padding: 15px 20px;
                        border-bottom: 1px solid #032763;
                        cursor: default;
                    }

                        .right-submenu-wrapper li a {
                            text-decoration: none;
                            color: #fff;
                            font-weight: 500;
                        }

                            .right-submenu-wrapper li a:hover {
                                color: gold;
                            }*/

            .right-submenu-wrapper .title {
                font-size: 22px;
                background: #e8ebff;
                box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1);
                color: #000;
                font-weight: normal;
                padding: 7px 0px 7px 30px;
                border-bottom: 1px solid #fff;
                height: 57px;
            }

                .right-submenu-wrapper .title img {
                    max-height: 43px;
                }

                .right-submenu-wrapper .title h3 {
                    font-size: 22px;
                    color: #000;
                    font-family: Frutiger-Light, sans-serif;
                    margin-bottom: 0;
                    line-height: 42px;
                }


            .right-submenu-wrapper .links {
                display: flex;
            }

        @media screen and (max-width: 600px) {
            .right-submenu-wrapper .links {
                flex-direction: column;
            }
        }

        .right-submenu-wrapper .links li {
            padding: 5px 15px 5px 0;
            border: none;
        }

            .right-submenu-wrapper .links li a {
                color: gold;
                font-size: 0.7em;
            }

                .right-submenu-wrapper .links li a:hover {
                    color: #fff;
                }

        .menu-close-icon {
            color: #000;
            cursor: pointer;
            display: block;
            font-family: 'Istok Web', sans-serif;
            font-size: 14px;
            font-weight: 400;
            height: 38px;
            line-height: 22px;
            margin-top: -20px;
            padding: 8px 9px;
            position: absolute;
            right: 20px;
            text-decoration: none;
            top: 30px;
            /*width: 42px;*/
            z-index: 9999;
            border: 2px solid #c39647;
        }

            .menu-close-icon:hover {
                background: #c39647;
                color: #fff;
            }

        .right-submenu-content {
            padding: 30px 30px;
            overflow: auto;
            height: calc(100vh - 180px);
        }

            .right-submenu-content .subtitle-1 {
                color: #777;
                margin-bottom: 20px;
                font-weight: 400;
            }

            .right-submenu-content ul.list-style-one li {
                font-family: 'Frutiger-Light', sans-serif;
                font-size: 16px;
            }

        #business-submenu .thumbnail-item {
            padding: 10px;
            /*background: #fff;
                    box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1);*/
            margin-bottom: 20px;
            border: 1px solid #D2D2D2;
        }

            #business-submenu .thumbnail-item:hover {
                box-shadow: inset 0 0 0 2px #AAC253 !important;
            }

            #business-submenu .thumbnail-item img {
                width: 100%;
                height: auto;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -ms-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;
            }

                #business-submenu .thumbnail-item img:hover {
                    -webkit-transform: scale(1.05);
                    -moz-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                    -o-transform: scale(1.05);
                    transform: scale(1.05);
                }

            #business-submenu .thumbnail-item .product-title h4 {
                text-align: center;
                color: #000;
                font-weight: normal;
                margin: 12px 0 0px 0;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-family: 'Frutiger-Light', sans-serif;
                font-size: 15px;
            }

            #business-submenu .thumbnail-item:hover h4 {
                white-space: unset;
            }

        .prevent-scroll {
            overflow: hidden;
            /*background: yellow;*/
        }

        /* Subsidiaries */
        .about-wrapper {
            padding: 30px 0 60px 0;
        }

            .about-wrapper .image {
                border: 1px solid #D2D2D2;
                padding: 10px;
                margin-bottom: 30px;
            }

            .about-wrapper .text {
                padding: 0 30px;
            }

                .about-wrapper .text h3 {
                    font-family: 'Frutiger-Light', sans-serif;
                    font-size: 30px;
                    margin-bottom: 30px;
                }

                .about-wrapper .text p {
                    font-size: 18px;
                    font-family: 'Frutiger-Light', sans-serif;
                    font-weight: 500;
                }

        .about-image-content {
            position: relative;
        }

            .about-image-content:before {
                content: "";
                position: absolute;
                right: -25px;
                width: 147px;
                height: 110%;
                z-index: -1;
                -webkit-transform: translateY(-5%);
                transform: translateY(-5%);
                border: 6px solid #c39647;
            }

            .about-image-content:after {
                content: "";
                position: absolute;
                left: -120px;
                width: 147px;
                height: 110%;
                background: -webkit-linear-gradient(#c39647, #e2b66a);
                background: linear-gradient(#c39647, #e2b66a);
                z-index: -1;
                -webkit-transform: translateY(-5%);
                transform: translateY(-5%);
                top: 0;
            }

            .about-image-content .experince {
                -webkit-writing-mode: vertical-rl;
                -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;
                -webkit-transform: rotate(180deg) translateY(73%);
                transform: rotate(180deg) translateY(73%);
                font-size: 30px;
                position: absolute;
                top: 50%;
                height: 100%;
                left: -69px;
                color: #fff;
                font-weight: 700;
            }

        .image-wrap {
            position: relative;
            display: flex;
        }

            /*.image-wrap:after {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        content: "";
                        background: black;
                        opacity: 0.1;
                    }*/

            .image-wrap .img-thumb {
                position: relative;
                display: block;
                width: 100%;
                min-height: 450px;
                float: left;
                background-attachment: scroll;
                background-repeat: no-repeat;
                background-position: center top;
                background-size: cover;
            }

        /*.image-wrap img {
                        width: 100%;
                        height: auto;
                    }*/


        /* Brands */
        .brands-wrapper {
            /*padding: 20px 0;*/
        }

        #brands-submenu .thumbnail-item {
            padding: 10px;
            margin-bottom: 20px;
            border: 1px solid #D2D2D2;
        }

            #brands-submenu .thumbnail-item:hover {
                box-shadow: inset 0 0 0 2px #AAC253 !important;
            }

            #brands-submenu .thumbnail-item img {
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -ms-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;
            }

                #brands-submenu .thumbnail-item img:hover {
                    -webkit-transform: scale(1.05);
                    -moz-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                    -o-transform: scale(1.05);
                    transform: scale(1.05);
                }

            #brands-submenu .thumbnail-item .product-title h4 {
                text-align: center;
                color: #000;
                font-weight: normal;
                margin: 12px 0 0px 0;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-family: 'Frutiger-Light', sans-serif;
                font-size: 15px;
            }

            #brands-submenu .thumbnail-item:hover h4 {
                white-space: unset;
            }

        /* Gallery */
        .gallery-wrapper ul.link-list {
            width: 30%;
        }

            .gallery-wrapper ul.link-list li {
                padding: 15px;
                font-family: 'Frutiger-Light', sans-serif;
                color: #000;
                display: block;
                width: 100%;
position: relative;
            }

                .gallery-wrapper ul.link-list li:hover {
                    background: -webkit-gradient(linear, left top, right top, from(#eff0f4), to(#fff));
                    background: linear-gradient(to right, #eff0f4, #fff 100%);
                    -webkit-transition: opacity 0.2s ease-in-out;
                    transition: opacity 0.2s ease-in-out;
                    font-family: 'Frutiger-Bold', sans-serif;
                }

                .gallery-wrapper ul.link-list li a:hover {
                    color: #000;
                }
/* Products */
 .right-submenu-2-wrapper {
    position: fixed;
    top: 165px;
    right: 0;
    width: 51%;
    height: calc(100vh - 70px);
    background: #fff;
    overflow: auto;
    opacity: 0;
    display: none;
    z-index: -1;
    transition: opacity 0.3s ease-in-out;
    border-left: 1px solid #cdcdcd;
}

.right-submenu-2-wrapper.active {
    opacity: 1;
    display: block;
    z-index: 999;
}
.right-submenu-2-wrapper .title{
    margin-bottom:20px;
}

.right-submenu-2-wrapper .link-list-wrapper ul.link-list {
    width: 44%;
    padding: 0;
    position: relative;
}

.right-submenu-3-wrapper {
    position: fixed;
    top: 143px;
    right: 0;
    width: 29%;
    height: calc(100vh - 70px);
    background: #fff;
    overflow: auto;
    opacity: 0;
    display: none;
    z-index: -1;
    transition: opacity 0.3s ease-in-out;
    border-left: 1px solid #cdcdcd;
}

.right-submenu-3-wrapper.active {
    opacity: 1;
    display: block;
    z-index: 999;
}

.right-submenu-3-wrapper .title {
    margin-bottom: 20px;
}