/*------------------MANUFAKTURA--------------------------*/
        #manufaktura { background-image: url("../../archive/images/manufaktura-smaku/thumb.jpg"); background-size: cover; color: #fff;}
        #manufaktura a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp; background-color: rgba(30, 5,23,0.8); }
        #manufaktura svg  { width: 40%; height: 150px;} 
        #manufaktura svg path, #manufaktura svg polygon  { fill: #fff; }

        #manufaktura:hover a {background-color: rgba(30, 5,23,0.9);} 
        #manufaktura:hover {background-color: #e7cdbc; color: #fff;} 



/*------------------ASICS--------------------------*/
        #asics { background-color: #1d0520; color: #fff;}
        #asics a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp;}
        #asics svg  { width: 35%; height: 150px;} 
        #asics svg path { fill: #e4b8ae; }

        #asics:hover svg path { fill: #fff; }
        #asics:hover {background-color: rgba(8, 30, 87, 1); color: #fff;} 



/*------------------PUF POLSKA--------------------------*/
        #puf { background-color: #bc2d2d; color: #ffb18f; }
        #puf a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp;}
        #puf svg  { width: 50%; height: 150px;} 
        #puf svg path, #puf svg rect { fill: #ffb18f; } 

        #puf:hover svg path, #puf:hover svg rect { fill: #fff; }
        #puf:hover {background-color: #bb8a59; color: #fff;} 
        

/*------------------CODE 7--------------------------*/
        #code { background-color: #1f0517; }
        #code a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp;}
        #code svg  { width: 50%; height: 150px; } 
        #code svg path { fill: #a3869b; }

        #code:hover {background-color: #e7cdbc; color: #000;}
        #code:hover svg path {fill: #000;}


/*------------------SWISS FINANCE--------------------------*/
        #swiss { background-image: url("../../archive/images/swiss-finance/thumb.jpg"); background-repeat: no-repeat; background-size: cover; color: #fff; }
        #swiss a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp; background-color: rgba(33, 4,13,0.8); }
        #swiss svg  { width: 60%; height: 150px;} 
        #swiss svg path { fill: #fff; }

        #swiss:hover a {background-color: rgba(0, 0,0,0.9);} 
        #swiss:hover {background-color: #e7cdbc; color: #fff;} 


/*------------------HD3--------------------------*/
        #hd3 { background-color: #c95145; color: #fff; }
        #hd3 a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp;}
        #hd3 svg  { width: 50%; height: 150px;} 
        #hd3 svg path { fill: #fff; } 

        #hd3:hover {background-color: #eb492c; color: #fff;} 


/*------------------AIRPORT HOTEL--------------------------*/
        #airport { background-image: url("../../archive/images/hotel-airport/thumb.jpg"); background-repeat: no-repeat; background-size: cover; color: #fff; }
        #airport a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp; background-color: rgba(33, 4,13,0.9); }
        #airport svg  { width: 30%; height: 150px; } 
        #airport svg path { fill: #fff; }

        #airport:hover a {background-color: rgba(0, 8, 20,0.9);} 
        #airport:hover {background-color: #e7cdbc; color: #fff;} 


/*------------------ORO POLSKA--------------------------*/
        #oro { background-color: #2d0322; color: #fff; }
        #oro a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp; }
        #oro svg  { width: 30%; height: 150px; } 
        #oro svg path { fill: #eab5b5; }

        #oro:hover {background-color: #a30523; color: #fff;}
        #oro:hover svg path {fill: #fff;} 


/*------------------SARA WĘDZARNIA--------------------------*/
        #stara-wedzarnia { background-color: #fff;}
        #stara-wedzarnia a { display: flex; justify-content: center; align-items: center;}
        #stara-wedzarnia img  { width: 80%; } 
        #stara-wedzarnia .work-range-wrapper.appear { position: absolute; bottom: 10%; } 

         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                 #stara-wedzarnia .work-range-wrapper.appear { position: relative; bottom: 0; } 
                 #stara-wedzarnia img  { height: 60%; width: auto;} 
        }


        #stara-wedzarnia:hover  {background-color:  #fff;}
        #stara-wedzarnia:hover .tip-wraper  { color:  #060401; }  
        #stara-wedzarnia:hover .work-range-wrapper { color:  #060401; }


/*------------------ALG PHARMA--------------------------*/
        #alg { background-color: #2d0322; color: #fff; }
        #alg a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp;}
        #alg svg  { width: 30%; height: 150px;} 
        #alg svg path { fill: #eab5b5; }

        #alg:hover {background-color: #d43c1d; color: #fff;}
        #alg:hover svg path {fill: #fff;} 


/*------------------COLLINS BEACH--------------------------*/
        #collins-beach { background-image: url("../../archive/images/collins-beach/thumb.jpg"); background-repeat: no-repeat; background-size: cover; color: #fff; }
        #collins-beach a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp; background-color: rgba(33, 4,13,0.8); }
        #collins-beach svg  { width: 40%; height: 150px;} 
        #collins-beach svg path { fill: #fff; }

        #collins-beach a:hover {background-color: rgba(2, 113, 184, 0.9);}
        #collins-beach:hover svg path {fill: #fff;} 

/*------------------OSTOJA KAMPINOS--------------------------*/
        #ostoja-kampinos { background-color: #1e0517; color: #fff; }
        #ostoja-kampinos a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp;}
        #ostoja-kampinos svg  { width: 50%; height: 150px;} 
        #ostoja-kampinos svg polygon { fill: #fff; } 

        #ostoja-kampinos a:hover {background-color: #83bd36;}
        #ostoja-kampinos:hover svg path {fill: #fff;} 


/*------------------ELCAR--------------------------*/
        #elcar { background-image: url("../../archive/images/elcar/thumb.jpg"); background-size: contain;}
        #elcar a {display: flex; justify-content: center; align-items:center; flex-wrap: nowarp; background-color: rgba(56, 4, 42,0.9); color: #fff; }
        #elcar svg  { width: 50%; height: 150px;} 
        #elcar svg path { fill: #fff; }

        #elcar a:hover {background-color: rgba(0, 168, 65,0.9);}
        #elcar:hover svg path {fill: #fff;} 


/*------------------COLLINS HOLIDAY--------------------------*/
        #collins-holiday { background-color: #bc2d2d; color: #fff;}
        #collins-holiday a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp;}
        #collins-holiday svg  { width: 50%; height: 150px;} 
        #collins-holiday svg path { fill: #f0b5b5; }

        #collins-holiday a:hover {background-color: #ec9708;}
        #collins-holiday:hover svg path {fill: #fff;} 



/*------------------PIASTÓW--------------------------*/
        #fast-contact { background-color: #a72727; color: #fff;}
        #fast-contact a { display: flex; justify-content: center; align-items:center; flex-wrap: nowarp;}
        #fast-contact svg  { width: 25%;} 
        #fast-contact svg polygon { fill: #fff; }

        #fast-contact:hover {background-color: #1e0517;}
        #fast-contact:hover svg path {fill: #fff;}