body {
            font-family: Barlow;
        }
        @media (min-width: 768px) {
            .block-menu .navbar-brand.abs {
                position: absolute;
                width: auto;
                left: 50%;
                transform: translateX(-50%);
                text-align: center;
            }
            .block-menu .navbar-collapse {
                xpadding-top: 10%;
            }

        }

        @media (max-width: 1120px) and (min-width: 768px) {

        }            
        .logo1, .logo2 {            
            width: 196px;
        }
        .block-menu .navbar {
              
            width:100%;
            max-width:1300px;
            max-height: 100%;
            --bs-navbar-toggler-border-color:none;
            --bs-navbar-toggler-focus-width:0;
        }
        .navigation.block-menu {
            position:absolute;
            z-index:10;            
            /* top: 55px; */
            width:100%;

        } 
        .block-menu .navigation-inner {
            max-width:1300px;
            left:0;
            right:0;

            margin-left: auto;
            margin-right: auto;            
        }
        @media (max-width: 768px) {
            .block-menu .nav-item > .nav-link {
                background-color:#0066B1;
                padding-left: 10px;
            }
            .block-menu .navigation.block-menu {
                top: 5px;
            }
        }
        .block-menu .nav-item > .nav-link {
            color:white;
            text-wrap: nowrap;
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }  
        .block-menu .nav-item > .nav-link:hover {
            color:#0066B1;
            background-color:white;            
        }
        .block-menu .nav-item > .nav-link:focus {
            color:#0066B1;
            background-color:white;            
        }        
        .block-menu .navbar-toggler-icon {
            background-image: none;
        }
        .block-menu .navbar-toggler-icon::before {
            font-family: Barlow;
            content: "☰";
            color: white;
        }
        .block-menu .navbar-toggler {
            border-radius:0px;
        }


        .block-menu .nav-marked {
            background-color: #0066B1;
            color:white;
        }
        .block-menu .nav-item > .nav-icon {
            font-size: 26px;            
        }
        .block-menu .menu-shrink {
            background-color: rgba(0, 171, 255, 0.7);
            position: fixed;
            top:0;
        }
        .logo1 {
            visibility: collapse;         
            display: none;   
        }
        .logo2 {
            xvisibility: visible;
            xdisplay: inline;
        }
        .block-menu .navbar-collapse {
        }        
        .block-menu .menu-shrink > .navigation-inner > .navbar > .navbar-collapse {
        }
        .block-menu .menu-shrink > .navigation-inner > .navbar > .logo2 {
            visibility: collapse !important;
            display: none;
        }
        .block-menu .menu-shrink > .navigation-inner > .navbar > .logo1 {
            visibility: visible !important;
            display: inline;
        }

        /*
        @media all and (min-width: 992px) {
            .dropdown-menu li{ position: relative;  }
            .nav-item .submenu{ 
                display: none;
                position: absolute;
                left:100%; top:-7px;
            }
            .nav-item .submenu-left{ 
                right:100%; left:auto;
            }
            .dropdown-menu > li:hover{ background-color: #f1f1f1 }
            .dropdown-menu > li:hover > .submenu{ display: block; }
        }   

        @media (max-width: 991px) {
            .dropdown-menu .dropdown-menu{
                margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
            }
        }  
        */

        .dropdown-submenu {
          position: relative;
        }

        .dropdown-submenu .dropdown-menu {
          top: 10%;
          left: 100%;
          margin-top: -1px;
        }

        .navbar-nav li:hover > ul.dropdown-menu {
            display: block;
        }

        .dropdown-menu {
            background-color: #ffffff;
            color: #000000;
            border-radius: 0;
            border: 1px solid #0066B1;
            margin-top: 0;
        }
        .dropdown-menu[data-bs-popper] {
            margin-top: 0;
        }
        /* --- hero --- */
        #carouselHeroInterval {
            border-bottom: 8px solid #0066B1;
        }
        #carouselHeroInterval > .carousel-inner > .carousel-item > .carousel-caption {
            top: 40%;
            bottom :null;
            text-align: left;
        }
        #carouselHeroInterval > .carousel-inner > .carousel-item > .carousel-caption > h5 {
            font-family: Barlow;
            font-weight: 300;
            font-size: 8.5vh;
        }
        #carouselHeroInterval > .carousel-inner > .carousel-item > .carousel-caption > h5 > b{
            font-family: Barlow;
            font-weight: 700;
            font-size: 8.5vh;
        }        
        #carouselHeroInterval > .carousel-inner > .carousel-item > .carousel-caption > p {
            font-family: Barlow;
            font-weight: 300;
            font-size: 2.5vh;
        }  
        #carouselHeroInterval > .carousel-indicators > button {
            width: 10px !important;
            height: 2px !important;
            margin-top:4px;
        }  
        #carouselHeroInterval > .carousel-indicators > button.active {
            width: 10px !important;
            height: 10px !important;
            margin-top: 0;
        }  
        #carouselHeroInterval > .carousel-control-next > .carousel-control-next-icon {
            visibility: hidden;
        }
        #carouselHeroInterval > .carousel-control-prev > .carousel-control-prev-icon {
            visibility: hidden;
        }

        /* --- Thin --- */
        #carouselThinInterval {
            border-bottom: 0px solid #0066B1;
        }
        #carouselThinInterval > .carousel-inner > .carousel-item > .carousel-caption {
            top: 40%;
            bottom :null;
        }
        #carouselThinInterval > .carousel-inner > .carousel-item > .carousel-caption > h5 {
            font-family: Barlow;
            font-weight: 300;
            font-size: 8.5vh;
        }
        #carouselThinInterval > .carousel-inner > .carousel-item > .carousel-caption > h5 > b{
            font-family: Barlow;
            font-weight: 700;
            font-size: 8.5vh;
        }        
        #carouselThinInterval > .carousel-inner > .carousel-item > .carousel-caption > p {
            font-family: Barlow;
            font-weight: 300;
            font-size: 2.5vh;
        }  
        #carouselThinInterval > .carousel-indicators > button {
            width: 10px !important;
            height: 2px !important;
            margin-top:4px;
        }  
        #carouselThinInterval > .carousel-indicators > button.active {
            width: 10px !important;
            height: 10px !important;
            margin-top: 0;
        }  
        #carouselThinInterval > .carousel-control-next > .carousel-control-next-icon {
            visibility: hidden;
        }
        #carouselThinInterval > .carousel-control-prev > .carousel-control-prev-icon {
            visibility: hidden;
        }
        /* --- logos --- */

        #carouselManufacturerInterval {
            width: 100%;
            max-width: 1330px;
        }

        @media (max-width: 768px) {
            .carousel-inner .carousel-item>div {
                display: none;
            }

            .carousel-inner .carousel-item>div:first-child {
                display: block;
            }
        }

        #carouselManufacturerInterval .carousel-inner .carousel-item.active,
        #carouselManufacturerInterval .carousel-inner .carousel-item-start,
        #carouselManufacturerInterval .carousel-inner .carousel-item-next,
        #carouselManufacturerInterval .carousel-inner .carousel-item-prev {
            display: flex;
        }

        @media (min-width: 768px) {

            #carouselManufacturerInterval .carousel-inner .carousel-item-right.active,
            #carouselManufacturerInterval .carousel-inner .carousel-item-next,
            #carouselManufacturerInterval .carousel-item-next:not(.carousel-item-start) {
                transform: translateX(25%) !important;
            }

            #carouselManufacturerInterval .carousel-inner .carousel-item-left.active,
            #carouselManufacturerInterval .carousel-item-prev:not(.carousel-item-end),
            #carouselManufacturerInterval .active.carousel-item-start,
            #carouselManufacturerInterval .carousel-item-prev:not(.carousel-item-end) {
                transform: translateX(-25%) !important;
            }

            #carouselManufacturerInterval .carousel-item-next.carousel-item-start,
            #carouselManufacturerInterval .active.carousel-item-end {
                transform: translateX(0) !important;
            }

            #carouselManufacturerInterval .carousel-inner .carousel-item-prev,
            #carouselManufacturerInterval .carousel-item-prev:not(.carousel-item-end) {
                transform: translateX(-25%) !important;
            }
        }

        #carouselManufacturerInterval .carousel-control-prev-icon {
            background-image: url("/assets/sites/common/img/arrow2.svg") !important;
            left:400px;
        }

        #carouselManufacturerInterval .carousel-control-next-icon {
            background-image: url("/assets/sites/common/img/arrow3.svg") !important;
        }
        @media (min-width: 1530px) {
            #carouselManufacturerInterval .carousel-control-next {            
                margin-right: -100px;
                max-width: 50px;
            }
            #carouselManufacturerInterval .carousel-control-prev {            
                margin-left: -100px;
                max-width: 50px;
            }
        }

        .carousel-text-big {
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 400;
            font-size: 30px;
            line-height: 67px;
            /* identical to box height, or 224% */
            letter-spacing: 0.1em;
            text-transform: uppercase;

            color: #FFFFFF;
        }
        .carousel-text-small {
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 600;
            font-size: 60px;
            line-height: 72px;
            letter-spacing: 0.1em;

            color: #FFFFFF;
        }
        /* ------------- */
        @media (min-width: 768px) {
            .block-thin-menu .navbar-brand.abs {
                position: absolute;
                width: auto;
                left: 50%;
                transform: translateX(-50%);
                text-align: center;
            }
            .block-thin-menu .navbar-collapse {
                xpadding-top: 10%;
            }

        }
           
        .logo1, .logo2 {            
            width: 196px;
        }
        .block-thin-menu .navbar {
              
            width:100%;
            max-width:1300px;
            max-height: 100%;
            --bs-navbar-toggler-border-color:none;
            --bs-navbar-toggler-focus-width:0;
        }
        .navigation.block-thin-menu {
            position:absolute;
            z-index:10;            
            top: 0px;
            width:100%;
        } 
        .block-thin-menu .navigation-inner {
            max-width:1300px;
            left:0;
            right:0;

            margin-left: auto;
            margin-right: auto;            
        }
        @media (max-width: 1120px) and (min-width: 768px) {

            .navigation.block-thin-menu {           
                /* top: 55px; */
            }            
        } 
        @media (max-width: 768px) {
            .block-thin-menu .nav-item > .nav-link {
                background-color:#0066B1;
                padding-left: 10px;
            }
            .block-thin-menu .navigation.block-thin-menu {
                top: 5px;
            }
        }
        .block-thin-menu .nav-item > .nav-link {
            color:white;
            text-wrap: nowrap;
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }  
        .block-thin-menu .nav-item > .nav-link:hover {
            color:#0066B1;
            background-color:white;            
        }
        .block-thin-menu .nav-item > .nav-link:focus {
            color:#0066B1;
            background-color:white;            
        }        
        .block-thin-menu .navbar-toggler-icon {
            background-image: none;
        }
        .block-thin-menu .navbar-toggler-icon::before {
            font-family: Barlow;
            content: "☰";
            color: white;
        }
        .block-thin-menu .navbar-toggler {
            border-radius:0px;
        }


        .block-thin-menu .nav-marked {
            background-color: #0066B1;
            color:white;
        }
        .block-thin-menu .nav-item > .nav-icon {
            font-size: 26px;            
        }
        .block-thin-menu .menu-shrink {
            background-color: rgba(0, 171, 255, 0.7);
            position: fixed;
            top:0;
        }
        .logo1 {
            visibility: collapse;         
            display: none;   
        }
        .logo2 {
            xvisibility: visible;
            xdisplay: inline;
        }
        .block-thin-menu .navbar-collapse {
        }        
        .block-thin-menu .menu-shrink > .navigation-inner > .navbar > .navbar-collapse {
        }
        .block-thin-menu .menu-shrink > .navigation-inner > .navbar > .logo2 {
            visibility: collapse !important;
            display: none;
        }
        .block-thin-menu .menu-shrink > .navigation-inner > .navbar > .logo1 {
            visibility: visible !important;
            display: inline;
        }
        .menu-thin-carousel > .carousel {
            max-height: 200px;
            overflow: hidden;  
        }
        .menu-thin-carousel > .carousel-caption {
            font-family: Barlow;
            font-weight: 700;
            font-size: 5.5vh;
            text-align: left;
            left : 5px;            
        }
        @media (max-width: 768px) {
            .menu-thin-carousel > .carousel-caption {
                font-family: Barlow;
                font-weight: 700;
                font-size: 3.5vh;
                text-align: left;
                top: 80px;
                left: 5px;            
            }
        }
        @media (min-width: 1300px) {
            .menu-thin-carousel > .carousel-caption {          
                left: calc(((100vw - 1300px) / 2) + 5px);
            }
        }  

        ul .submenu {
            background-color: #0066B1;
        }      
        /* ------------- */


        .block {
            width: 100%;
            max-width: 1300px;
            margin-left: auto !important;
            margin-right: auto !important;            
            /* padding-top: 100px;     */
            /* padding-bottom: 100px;  */
            /* background-color: pink; */
        }

        .bg-white {
            background-color: #ffffff;
        }
        .bg-lightgray {
            background-color: #f1f3f5;
        }
        .bg-black {
            background-color: #000000;
        }
        .bg-blue {
            background-color: #0066B1;
        }
        .bg-link-line {
            background-color: #00abff;
        }

        .label-extor {
            /* EXTOR */

            font-family: 'Barlow';
            font-style: normal;
            font-weight: 700;
            font-size: 15px;
            line-height: 25px;
            /* identical to box height, or 167% */
            letter-spacing: 0.42em;

            display: inline;

            color: #0066B1;
        }
        a.label-extor {
            text-decoration: none;
        }        
        .label-other {
            /* EXTOR */

            font-family: 'Barlow';
            font-style: normal;
            font-weight: 700;
            font-size: 15px;
            line-height: 25px;
            /* identical to box height, or 167% */
            letter-spacing: 0.42em;

            display: inline;

            color: #A3A3A3;
        }
        hr.line {
            border-top: 2px solid #0066B1;
            border-bottom:0;
            border-left:0;
            border-right:0;
            opacity:1;
        }
        h2 {
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 400;
            font-size: 36px;
            line-height: 67px; 

            display: block;
            padding-bottom: 25px;
            position: relative;
        }
        h2:before {
            content: "";
            position: absolute;
            width: 25%;
            height: 1px;
            bottom: 0;
            left: 0;
            border-bottom: 1px solid #5F5F5F;
        }
        h2.white-text {
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 400;
            font-size: 36px;
            line-height: 67px; 

            display: block;
            padding-bottom: 25px;
            position: relative;
            color: white;
        }
        h2.white-text:before {
            content: "";
            position: absolute;
            width: 25%;
            height: 1px;
            bottom: 0;
            left: 0;
            border-bottom: 1px solid white;
        }  

        h3 {
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 600;
            font-size: 50px;
            line-height: 60px;
            letter-spacing: 0.1em;

            color: #5F5F5F;
        } 

        h4 {
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 400;
            font-size: 36px;
            line-height: 67px;
            /* identical to box height, or 187% */
            text-align: left;
            letter-spacing: 0.1em;
            text-transform: uppercase;

            color: #0066B1;
        }

        .accordion-header {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            line-height: 56px;

            color: #383838;
            border:0;
            background-color:transparent;
        }
        .accordion-button {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            line-height: 56px;

            color: #383838;
            border:0;
            
        }
        .accordion-button:not(.collapsed) {
            background-color:transparent;
            box-shadow: none;
        }

        .accordion-body {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 400;
            font-size: 17px;
            line-height: 25px;  

            background-color:transparent;   
            border:1 pixel solid #aaaaaa;       
        }

        .accordion-main {
            background-color:transparent !important;
            box-shadow: none;
            border:1 pixel solid #aaaaaa;           
            --bs-accordion-bg:transparent;
            --bs-accordion-border-color: #aaaaaa;
            --bs-accordion-border-width:0;
            --bs-accordion-border-radius:0;
        }
        .accordion-button:focus {
            box-shadow: none;
            border-color: rgba(0,0,0,.125);
        }
        .accordion-item {
            border-bottom: 1px solid #aaaaaa;
            border-radius: 0;
        }  
        .accordion-button:after {
            background-image: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHg9IjIiIHk9IjIiIGZpbGw9IiMwMGFiZmYiIC8+Cjwvc3ZnPiA="); 
        }
        .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjQiIGZpbGw9IiMwMGFiZmYiIC8+Cjwvc3ZnPiA=");
        }
  
        .bs-example {
            margin: 20px;
        }

        .modal-content iframe {
            margin: 0 auto;
            display: block;
        }


        .news-date {            
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 700;
            font-size: 17px;
            line-height: 25px;
            text-transform: uppercase;

            color: #909090;

            margin:10px;
            margin-top: 30px;
        }
        .news-title {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            line-height: 46px;

            color: #383838;

            margin:10px;
        }
        .news-more {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 700;
            font-size: 15px;
            line-height: 25px;
            /* identical to box height, or 167% */
            letter-spacing: 0.42em;

            display: inline;

            color: #0066B1;

            margin:10px;
            margin-top: 30px;  
            margin-bottom: 30px;           
        }
        a.news-more {
            text-decoration: none;
        }  

        .news-image {
            height: 270px;
            overflow: hidden;
            align-items: center;
            display: flex;
            justify-content: center;            
        }


        /* --- contact --- */

        a {
            text-decoration: none;
            color: inherit;
        }
        .contact-background {
            background-position: 365px;       
            background-color: #ffffff;
            background-repeat: no-repeat;
            width: 100%;
            padding-top: 200px;
            padding-bottom: 200px;
        }
        @media (min-width: 1300px) {
            .contact-background {            
                background-position: calc(((100vw - 1300px) / 2) + 365px);
            }
        }
        @media (max-width: 576px) {
            .contact-background {            
                background-position: 238px; 
            }
        }
        .block-contact input[type=text] {
            border:none;
            background-color: #ffffff;
            padding: 10px;
        }
        .block-contact select {
            border:none;
            background-color: #ffffff;
            padding: 10px;
        }        
        .block-contact textarea {
            border:none;
            background-color: #ffffff;
            padding: 10px;
            height: 300px;
        }        
        .block-contact input[type=submit], .block-contact button[type=submit] {
            /*
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 25px;
            text-align: center;
            letter-spacing: 0.3em;
            text-transform: uppercase;

            color: #0066B1;
            background-color: #FFFFFF;
            border: 1px solid #0066B1;
            height: 50px;
            width: 250px;
            */
            border: 0;
            background: transparent;
            padding: 10px;
        }     
        .contact-button-text {
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            text-transform: uppercase;
            display: inline-block;

            background-color: #FFFFFF;
            color: #0066B1;
            padding: 10px;
            border: 1px solid #0066B1;
            xheight: 145px;
        }
        .contact-button-icon {
            font-family: 'Barlow Condensed';
            font-style: normal;
            font-weight: 400;
            font-size: 18px;            
            background-color: #0066B1;
            color: #FFFFFF;
            padding: 10px;
            border: 1px solid #0066B1;
            display: inline-block;
            xheight: 145px;
        }

        /* --- map --- */

        .map-background {
            background-image: url("bg-map.jpeg");
            background-position: center; 
            background-color: #ffffff;
            background-repeat: no-repeat
            width: 100%;
        }  

        /* --- text with menu --- */

        .block-text-with-menu {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .text-with-menu {
            background-color: #ffffff;
            padding: 30px !important;
        }
        .text-with-menu-title {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            line-height: 56px;
            text-transform: uppercase; 
            border-bottom: 1px solid #0AC9FF;
        }
        .text-with-menu-item {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
            line-height: 56px;
            text-transform: uppercase; 
            border-bottom: 1px solid #A3A3A3;
        }

        .text-with-menu-item > a {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
            line-height: 56px;
            text-transform: uppercase; 
            color: #000000;
            text-decoration: none;
        }  
        .text-with-menu-item > a.active {
            color: #0AC9FF;
        }
        .text-with-menu-article {

            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 30px;

        }
        .text-with-menu-article > h1 {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            line-height: 56px;
            text-transform: uppercase;

            color: #383838;
        }
        .text-with-menu-article > h2 {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 26px;
            line-height: 32px;
            
            color: #383838;
        }         

        /* ----------- */

        .accordion-category-header {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            line-height: 56px;

            color: #383838;
            border:0;
            background-color:transparent;
        }
        .accordion-category-link {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
            line-height: 20px;

            color: #383838;
            border: 0;
            padding: 0;
            
        }        
        .accordion-category-button {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
            line-height: 56px;

            color: #383838;
            border: 0;
            padding: 0;
            
        }
        .accordion-category-button:not(.collapsed) {
            background-color:transparent;
            box-shadow: none;
        }

        .accordion-category-body {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 400;
            font-size: 17px;
            line-height: 25px;  

            background-color:transparent;   
            border:1 pixel solid #aaaaaa; 
        }

        .accordion-category {
            background-color: #ffffff;
            padding: 30px !important;
            box-shadow: none;
            border:1 pixel solid #aaaaaa;           
            --bs-accordion-bg:transparent;
            --bs-accordion-border-color: #aaaaaa;
            --bs-accordion-border-width:0;
            --bs-accordion-border-radius:0;            
        }
        .accordion-category-button:focus {
            box-shadow: none;
            border-color: rgba(0,0,0,.125);
        }
        .accordion-category-item {
            border-bottom: 1px solid #aaaaaa;
            border-radius: 0;
        }  
        .accordion-category-button:after {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iMiIgeD0iMiIgeT0iNCIgZmlsbD0iIzAwYWJmZiIgLz4KICA8cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSI2IiB4PSI0IiB5PSIyIiBmaWxsPSIjMDBhYmZmIiAvPgo8L3N2Zz4g"); 
        }
        .accordion-category-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHg9IjIiIHk9IjQiIGZpbGw9IiMwMGFiZmYiIC8+Cjwvc3ZnPiA=");
        }        

        .accordion-category-submenu-link {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 500;
            font-size: 17px;
            line-height: 32px;
            text-align: left;
            color: #A3A3A3;
        }

        /* ----------- */

        .app-main {
            padding-bottom: 0;
        }
        .row {
            margin-right:0;
            margin-left: 0;
        }

        .shop-category-image {
            xheight: 196px;
            xwidth: 196px;
            aspect-ratio: 1 / 1;
            overflow: hidden;
            align-items: center;
            display: flex;
            justify-content: center;             
        }
        .shop-category-text {
            min-height: 80px;
        }


        .product-description {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 400;
            font-size: 17px;
            line-height: 25px;
            color: #656565;            
        }

        .product-search-input {
            border-bottom: 1px solid #a9a9a9;
            border-top:0;
            border-left:0;
            border-right:0;
            background-color: transparent;
            xxxwidth: 350px;
            padding-bottom: 8px;
            padding-top: 8px;
            padding-left: 0px;
            padding-right: 0px;
            border-radius: 0;
            box-shadow: none;
        }
        .product-search-input:focus {
            outline: none;
            box-shadow: none !important;
        }

        .product-search-button {
            background-color: #0066B1;
            color : white;
            border-radius:0;
        }
        .product-search-button:hover {
            background-color: #0066B1;
            color : white;
            border-radius:0;
        }

        /* ----------------- */

        .gray-text {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 400;
            font-size: 17px;
            line-height: 25px;       
            color: #656565;
        }
        .white-text {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 400;
            font-size: 17px;
            line-height: 25px;       
            color: #FFFFFF;
        }
        .blue-text {
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 400;
            font-size: 17px;
            line-height: 25px;       
            color: #0066B1;
        }

        .reference {
            float: left;
            width:230px;
            height:210px;
            margin:10px;
        }
        .reference > div {
            width: 230px;
            height: 152px;
            max-width: 230px;
            max-height: 152px;            
            background-color: white;
            /* padding: 30px; */
            display: flex;
            justify-content: center;            
        }
        .reference > div > img {
            max-width: 170px;
            max-height: 92px;
            width: auto;
            height: auto;  
            display: flex;
            margin-left: auto;
            margin-right: auto;
            margin-top: auto;
            margin-bottom: auto;
        }
        .reference > label {
            width: 230px;
            font-family: 'Barlow';
            font-style: normal;
            font-weight: 400;
            font-size: 17px;
            line-height: 25px;
            text-align: center;
            color: #656565;
        }

        .append-plus {
            margin-right: 5px;
            padding: 20px;
            padding-right: 0;
        }
        .append-plus:after {
            margin-left: 5px;
            content: "+";
            background-color: #ffffff;
            color: #0066B1;
            padding: 19px;
            border: 1px solid #0066B1;
        }