<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {margin:0; padding:0; position:relative}
:root {
    --blue-dark: #006c9a; 
    --blue-light: #a2d9ee; 
    --blue-mid: #0092c5; 
    --blue-button: #005395; 
    --color-grey: #3b3b39; 
    --color-hover: #005395; 
    --color-white: #fff; 
    --color-grad: linear-gradient(-90deg, #e9eaea, #ced0d0); 
    --color-grad-footer: linear-gradient( #e9eaea, #ced0d0); 
    --color-light-grey: #f7f7f7;
}

body      {background-color:white;font-family: 'Exo', sans-serif;}     
.s20      {width:100%; display:block; height:20px}
.s30      {width:100%; display:block; height:30px}
.s50      {width:100%; display:block; height:50px}
.s100     {width:100%; display:block; height:100px}
h1,h2,h3 {font-weight:normal}
.hamburger{display:none !important}

#section0 .header-contact    {width:100%; text-align: right; padding-right:20px; font-size:0.8rem; color:var(--color-grey);font-family: 'Exo', sans-serif;padding:10px 0 }
#section0 .phone             {padding:0 10px}
#section0 .email             {padding:0 10px}
#section0 .fb                {padding:0 10px}
#section0 .fb i              {font-size:1.5rem}
#section0 .link              {text-decoration:none;color:var(--color-grey);}
#section0 .link:hover        {color:var(--color-hover);}

header #logo       {width:150px}
header #logo img   {max-width:100%; padding:0px}
header             {width:100%;margin-top:0;z-index:11; position:relative; background-color:black}
header nav         {height:50px;}    
header nav ul      {display:flex;list-style: none;height:100%;align-items: center;} 
header nav li      {height:100%;}
header nav li a    {display:flex;align-items: center;color:white;transition:all 0.3s;text-decoration: none; height:100%;padding:0 20px;font-family: 'Exo', sans-serif;font-size:1.3em;}
header nav li a:hover {background-color:var(--blue-dark);border-radius: 15px;}
header .container {width:60%; margin:0 auto;display:flex;justify-content: space-between;align-items:center;}

#sliderFull     {display:grid;grid-template-columns: 100%;}
#sliderFull .container {height:500px}
#sliderFull .container::before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0, 0.6);z-index: 1;}
#sliderFull .content {z-index:2;width:60%; margin:5% auto}
#sliderFull .img1 {display: inline;left: 30%;position:absolute; z-index:3}
#sliderFull .text-title {font-size:4rem;font-weight: 700;padding:1% 0; color:white;width: 40%;}
#sliderFull .text-subtitle {font-weight:100; font-size:1.5rem;letter-spacing:1px;padding:1%; background-color:black; color:var(--blue-dark);width: 45%;}
#sliderFull .text-subtitle-sub {font-weight:100; font-size:1.2rem;letter-spacing:1px;padding: 1% 10% 1% 0;color: white;width: 35%;}
#sliderFull .buttons {z-index:4;margin-left: 15%;}
#sliderFull .slick-slide {height:500px}
#sliderFull .prev, #sliderFull .next {padding:5px; cursor:pointer}
#sliderFull .prev:hover, #sliderFull .next:hover {color:white}
#sliderFull .slider-buttons {position:absolute;left:0; top:45%;z-index:6; background-color:black; color:var(--blue-dark); }

#who_we_are {margin: 50px 0 50px 0}
#who_we_are .title-main {text-align: center; font-size:3rem; padding: 0 0 20px 0}
#who_we_are .content {width:60%; margin:0 auto;display:grid;grid-template-columns: 1fr 1fr;grid-gap: 0px;}
#who_we_are .content:nth-child(odd) .container-text {order: 3; }
#who_we_are .container-text .title {position:relative;text-align:left; font-size:2rem;padding: 30px; font-weight:400}
#who_we_are .container-text .text {position:relative;text-align:left; font-size:1.2rem;padding: 30px; line-height:140%}
#who_we_are .img { width:100%; height:400px;background-repeat: no-repeat;background-size:cover; overflow:hidden}

#brands {margin: 20px 0 50px 0}
#brands .title-main {text-align: center; font-size:3rem; padding: 0 0 20px 0}
#brands .content { display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center;-webkit-justify-content: center;width:60%;margin:0 auto;}
#brands .container-text .title {position:relative;text-align:left; font-size:2rem;padding: 30px; font-weight:400}
#brands .container-text .text {position:relative;text-align:left; font-size:1.5rem;padding: 30px; line-height:140%}
#brands .container-img {padding:3.5%;-webkit-box-shadow: inset -1px -1px 0 0 #EAE5E0;box-shadow: inset 0px 0px 0px 1px #EAE5E0;cursor:pointer;display: flex;justify-content: center;align-items: center;}
/*#brands .container-img:nth-child(6n) {-webkit-box-shadow: inset 0 -1px 0 0 #EAE5E0;box-shadow: inset 0 -1px 0 0 #EAE5E0;}*/
#brands .container-img img {margin: auto;max-width:200px; max-height:100%;}
#brands .container-img:hover {opacity: .75;}

#brands .modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
#brands .close-button {position:absolute;right:0;margin:20px;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: var(--blue-dark);z-index:10;top:0}
#brands .close-button:hover {background-color: darkgray;}
#brands .show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}
#brands .modal-content {width:50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;border-radius: 0.5rem;display:grid;grid-template-columns: 50% 50%}
#brands .modal-image {width:100%; height:100%; display: flex;justify-content: center;align-items: center;text-align: center;}
#brands .modal-image a {display:block}
#brands .modal-image img {max-width:40%}
#brands .modal-text   {text-align:left;background-color:lightgrey;border-radius: 0.5rem;padding:50px 20px 50px 20px}
#brands .modal-text .text  {text-align:left; 0.5rem;padding:20px 20px 20px 20px}
#brands .modal-text .title {font-size:2rem; font-weight: 700;padding:20px 20px 20px 20px}
#brands .category {text-align:center; padding:30px 0}
#brands .filter-btn {border:1px solid #cecece; border-radius:5px; padding:20px 40px; background-color: transparent; color:var(--blue-dark); font-weight:700; cursor:pointer}
#brands .filter-btn:hover {background-color:var(--blue-dark);color:white}
#brands .mixitup-control-active {background-color: var(--blue-dark);color: white;}
#brands a:hover img {filter: url("data:image/svg+xml;utf8,&amp;lt;svg xmlns='http://www.w3.org/2000/svg'&amp;gt;&amp;lt;filter id='grayscale'&amp;gt;&amp;lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;/svg&amp;gt;#grayscale");filter: gray;-webkit-filter: grayscale(100%);}


#boxy {margin: 50px 0 50px 0}
#boxy .container {width:60%; margin:0 auto;}
#boxy .box {width:33%;display:inline-block }
#boxy .box:nth-child(2) {background-color:white !important; color:black !important;text-align:center }
#boxy .box:nth-child(3) {background-color:#f7f6f4 !important;color:black !important; }
#boxy .box:nth-child(2) .title { color:black;text-align:center}
#boxy .box:nth-child(3) .title { color:var(--blue-dark);}
#boxy .box:nth-child(2) .box-link { text-align:center; border-radius:10px; background-color:var(--blue-dark);padding:5px 50px; color:white;margin-bottom: 20px;}
#boxy .box:nth-child(2) .text { color:black;text-align:center}
#boxy .box:nth-child(3) .text { color:black}
#boxy .box:nth-child(3) .box-link { color:var(--blue-dark);font-weight:700}
#boxy .content {padding: 15px;}
#boxy .title {text-align:left; font-size:2rem;color:white;padding:0 0 20px 0;font-weight:700}
#boxy .text {text-align:left; font-size:1.2rem;color:white;line-height:120%}
#boxy .box-link {text-align:left; font-size:1.2rem;color:white; margin-top:30px;padding-bottom:20px;display:inline-block; text-decoration: none; font-weight:700}
#boxy .box-link:hover {text-decoration: underline}

#contact {margin: 50px 0 50px 0}
#contact .title-main {text-align: center; font-size:3rem; padding:  40px 0}
#contact .category { display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center;margin:0 auto;}
#contact .title {position:relative;text-align:left; font-size:1.2rem;padding: 30px; font-weight:700}
#contact .text {position:relative;text-align:left; font-size:1.2rem;padding: 30px; line-height:140%}
#contact .content-box {padding:0px;-webkit-box-shadow: inset -1px -1px 0 0 #EAE5E0;box-shadow: inset 0px 0px 0px 1px #EAE5E0;width:25%}
#contact .container {width:60%; margin:20px auto}

#markets {margin: 20px 0 50px 0}
#markets .title-main {text-align: center; font-size:3rem; padding: 0 0 20px 0}
#markets .container {width:60%; margin:0 auto} 
#markets .market-box{ margin:0 auto;}
#markets .title {position:relative;text-align:center; font-size:2rem;padding: 30px; font-weight:700}
#markets .text {position:relative;text-align:left; font-size:1.5rem;padding: 30px; line-height:140%}
#markets .content-box {padding:58px;-webkit-box-shadow: inset -1px -1px 0 0 #EAE5E0;box-shadow: inset 0px 0px 0px 1px #EAE5E0;}
#markets .markets-container {display: flex;flex-wrap: wrap;justify-content: center;flex-direction: row;grid-gap: 10px;}
#markets .markets-item {width:24%; height:240px; background-size:cover ; background-repeat: no-repeat;transition: all 0.5s ease;}
#markets .markets-item:hover .markets-item-title {height:100%; padding:0;transition: all 0.5s ease;display: flex;align-items: center;justify-content: center;}
#markets .markets-item-title {color:white; font-size:2rem; background-color:RGBA(0,0,0,0.7); text-align: center; padding:10px 0; height:10%;display: flex;align-items: center;transition: all 0.5s ease;justify-content: center;cursor: pointer}

#markets .modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
#markets .close-button {position:absolute;right:0;margin:20px;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: var(--blue-dark);z-index:10;top:0}
#markets .close-button:hover {background-color: darkgray;}
#markets .show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}
#markets .modal-content {width:50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;border-radius: 0.5rem;display:grid;grid-template-columns: 50% 50%}
#markets .modal-image {width:80%; height:100%;display: flex;flex-wrap: wrap;align-items:center;justify-content: left;grid-gap: 10px;padding:50px;align-content: flex-start; }
#markets .modal-image .di {width:35%;padding:5% }
#markets .modal-image img {width:100% !important; padding:5%}
#markets .modal-text   {text-align:left;background-color:lightgrey;border-radius: 0.5rem;padding:50px 20px 50px 20px}
#markets .modal-text .text  {text-align:left; 0.5rem;padding:20px 20px 20px 20px; font-size:1.2rem}
#markets .modal-text .title {font-size:2rem; font-weight: 700;padding:20px 20px 20px 20px}

#job {margin: 20px 0 150px 0}
#job .content {width:60%; margin:0 auto}
#job .title-main {text-align: center; font-size:3rem; padding: 0 0 20px 0}
#job .table {display: table;margin: 0 0 40px 0;width:100%}
#job .row {display: table-row;   cursor: pointer}
#job .cell {padding: 0 20px;display: table-cell;vertical-align: middle;padding:10px; border-bottom: 1px solid #979797;}
#job .head {font-weight:700; font-size:1.5rem; padding:10px}
#job .role {font-weight:500; font-size:1.2rem; padding:10px}
#job .row:nth-child(2n) {background-color: rgba(216, 216, 216, 0.3);}
#job .link:hover {  background-color: rgba(216, 216, 216, 0.5);}

footer {width:100%; background-color:#444444;  }
footer .hdweb {width:100%; background-color:#2b2b2b; text-align: center; font-size:0.6rem; color:#b1b1b1; padding:10px 0; }
footer .link-hdweb  {text-decoration:none; color:#b1b1b1;}
footer .footer-container {width: 80%;margin: 0 auto;padding:50px 0;}
footer .footer-text {color:#fff; text-align: left; padding-top:50px}
footer ul {list-style:none}
footer ul li {list-style:none;display: inline-block;padding: 10px 50px;}
footer .footer-offer {text-align: center}
footer .footer-link {color:#b1b1b1; text-decoration:none;font-weight:100}
footer .footer-link:hover {color:var(--blue-dark); text-decoration:underline;font-weight:100}
footer .footer-offer-title {color:#b1b1b1; font-weight:700}

#job_offers {margin: 50px 0 50px 0}
#job_offers .title-main {text-align: center; font-size:3rem; padding: 20px 0}
#job_offers .text-subtitle {text-align: left; font-size:1.2rem; padding: 50px 0; width:40%; margin:0 auto}
#job_offers .container {width:60%; margin:0 auto} 
#job_offers .job-box{ margin:0 auto;}
#job_offers .title {position:relative;text-align:center; font-size:2rem;padding: 30px; font-weight:700}
#job_offers .text {position:relative;text-align:left; font-size:1.5rem;padding: 30px; line-height:140%}
#job_offers .content-box {padding:58px;-webkit-box-shadow: inset -1px -1px 0 0 #EAE5E0;box-shadow: inset 0px 0px 0px 1px #EAE5E0;}
#job_offers .job-container {display: flex;flex-wrap: wrap;justify-content: center;flex-direction: row;grid-gap: 10px;}
#job_offers .job-item {width:24%; height:240px; background-size:cover ; background-repeat: no-repeat;transition: all 0.5s ease;background-position: center;}
#job_offers .job-item:hover .job-item-title {height:100%; padding:0;transition: all 0.5s ease;display: flex;align-items: center;justify-content: center;}
#job_offers .job-item-title {color:white; font-size:2rem; background-color:RGBA(0,0,0,0.7); text-align: center; padding:10px 0; height:10%;display: flex;
align-items: center;transition: all 0.5s ease;justify-content: center;cursor: pointer}

#job_offers_list {margin: 50px 0 50px 0}
#job_offers_list .title-main {text-align: center; font-size:3rem; padding: 0 0 20px 0}
#job_offers_list .title {position:relative;text-align:center; font-size:2rem;padding: 30px; font-weight:700}
#job_offers_list .text {position:relative;text-align:left; font-size:1.5rem;padding: 30px; line-height:140%}
#job_offers_list .container {width:60%; margin:0 auto} 
#job_offers_list .brand-container {display: flex;flex-wrap: wrap;align-items:center;justify-content: center;grid-gap: 0px;padding:50px 0;align-content: flex-start;}
#job_offers_list .container-img { width:25%; text-align:center}
#job_offers_list .container-img img {max-width:40%;padding:5% }


#section-strona {margin: 50px 0 20px 0}
#section-strona .container {width:60%; margin:0 auto}
#section-strona .title-main {text-align: center; font-size:3rem; padding: 20px 0}
#section-strona .line-under-title {height:2px; width:25%; background-color:var(--color-blue-light); display:block;}
#section-strona .text-subtitle {font-weight:100; font-size:1.2em;letter-spacing:1px;text-align: left}

#mobile,.hamburger {display:none}
#mobile .mobile-menu    {position:relative; width:80%; text-align:left; margin-top:20%; display:inline-block; z-index:2;left:10%; border-left:1px solid var(--color-blue-light)}
#mobile ul, #mobile li  {list-style:none; padding:0; margin:0; }
#mobile li            {display:inline-block;width:100%;  }
#mobile .menu-item    {font-size:4vw; color:white; padding:15px 50px; text-transform: uppercase;letter-spacing:5px; display:inline-block;font-family: 'Exo', sans-serif;text-decoration:none}
#mobile .menu-item:hover {color:var(--color-hover);}
#mobile .social-box  {display:inline-block; position:absolute; bottom:15%; left: 0%; z-index:2;width: 100%;text-align: center;}
#mobile .pine-icon   {display:none; }
#mobile .pine-icon a {position:relative; color:white; padding:10px 20px; font-size:5vw;}
#mobile .lang        {position:relative;right:0%; top:0%; z-index:2; color:#fff; width:100%; text-align:center;margin-top: 8%;}	
#mobile .lang-link {padding: 3px 5px;color: #fff;letter-spacing: 3px;font-size: 3vw;border: 0;background: transparent;display: inline;cursor: pointer;}
#mobile {opacity:0; visibility:hidden;width: 100vw;height: 100vh;left: 0;top: 0;background-color: RGBA(0,0,0,0.9);color: #fff;z-index:999;display:block;	position: fixed; transition: opacity .35s, visibility .35s, height .35s;}

.open {opacity: 1 !important;visibility: visible !important;display:block !important;}
.nav-mobile {display:none}
.active-form {position: fixed;top: 50%;left: 50%;  transform: translate(-50%, -50%);font-size: 0.8vw;color: #fff;background-color: #02D12D;text-align: center;padding: 20px;z-index: 99;border-radius: 10px;font-family: "Open Sans";box-shadow: 1px 2px 844px 170px rgba(0, 0, 0, .5); }
.fancybox-navigation {top: 49%;}
.garyscale { filter: url("data:image/svg+xml;utf8,&amp;lt;svg xmlns='http://www.w3.org/2000/svg'&amp;gt;&amp;lt;filter id='grayscale'&amp;gt;&amp;lt;feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;/svg&amp;gt;#grayscale");filter: gray;-webkit-filter: grayscale(100%);}

.btn { padding:1% 3%;  border-radius:10px 10px 0 0; cursor:pointer;transition: all 0.5s ease;display: inline-block;margin: 1% 1% 1% 0;}
.btn::after {content:'';border-radius:0 0 10px 10px ; position: absolute;top:10px;left:0; width:100%; height:100%; z-index:-1;transition: all 0.6s ease-out;}
.btn:hover { background-color:var(--color-hover);border-radius:10px}
.btn:hover::after {margin-top:-10px;border-radius:10px}

.btn-yellow {background-color:var(--blue-dark);color:black;text-align:center; text-decoration: none;font-size:1.5rem;}
.btn-yellow::after {background-color:black;font-size:1.9em; }

.btn-white {background-color:white;color:black;text-align:center; text-decoration: none;font-size:1.5rem;}
.btn-white::after {background-color:var(--color-grey);font-size:1.9em; }


.btn-rent {background-color:white;padding:10px 15px;border:2px solid black;border-radius:5px; cursor:pointer;transition: all 0.5s ease;text-decoration: none;color:var(--color-grey);font-size:1.2rem}
.btn-rent:hover {background-color:black;color:white}

.btn-szczegoly {background-color:transparent;padding:10px 15px;border:2px solid black;border-radius:5px; cursor:pointer;transition: all 0.5s ease;text-decoration: none;color:black;font-size:1.2rem}
.btn-szczegoly:hover {background-color:black;color:white}

.btn-black {background-color:black;padding:10px 15px;border:2px solid black;border-radius:5px; cursor:pointer;transition: all 0.5s ease;text-decoration: none;color:white;font-size:1.2rem}
.btn-black:hover {background-color:white;color:black}

.mr10 {margin-right:10px}
.bgy {background-color:var(--blue-dark)}

.bgb {background-color:black}
.white {color:white}

.di {display:inline}


















@media screen and (max-width : 480px) {
header {margin-top: 0px;position:fixed; height:50px;width:100% ;top:0;background-color: RGBA(12,12,12,0.8);}
.nav-container {display:none}
header #logo {width: 70px}
header #logo img {padding: 5px;}
header .container {width: 100%;}

.hamburger {display:block !important;position:fixed; margin-top:0px !important }
.lang {display:none}
.mobile-menu-box {position:unset}
.nav-mobile {display:block}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: var(--blue-dark);}
#sliderFull .content {margin-left: 5%;margin-top: 5%;width:90%}
#sliderFull .text-title {font-size: 3rem;width: 100%;}
#sliderFull .text-subtitle-sub {width: 100%;}
#sliderFull .container {height: 300px;background-size: cover !important;background-position: center !important;}
#sliderFull .slick-slide {height: 300px;}
#sliderFull .fa-3x {font-size: 2em;}
#sliderFull .slider-buttons {top: 65%;}

#who_we_are .title-main {font-size: 2.5rem;padding: 0 0 30px 0;}
#who_we_are .content {width: 90%;grid-template-columns: 1fr;}
#who_we_are .container-text .title {font-size: 1.5rem;padding: 30px 0;}
#who_we_are .container-text .text {font-size: 1rem;padding: 10px 0;}
#who_we_are .content:nth-child(odd) .container-text {order:0 ; }
#who_we_are .img {height: 200px;}

#brands .filter-btn {margin: 5px;}
#brands .title-main {font-size: 2.5rem;padding: 0 0 30px 0;}
#brands .modal-text .title {font-size: 1.5rem; padding: 10px;}
#brands .modal-content {width: 90%;top: 50%;left: 50%;border-radius: 0.5rem;display: grid;grid-template-columns: 1fr;}
#brands .modal-image {background-size: 30%;}
#brands .modal-image a {margin: 20px 0;}
#brands .modal-text {padding: 10px 10px 10px 10px;}
#brands .close-button {margin: 0px;width: 2.5rem;line-height: 2.5rem;text-align: center;top: 0;font-size: 2rem;}
#brands .modal-text .text {padding: 10px;font-size: 0.8rem;}
#brands .container-img {padding:10%;margin:3% 0 }
#brands .container-img img {max-width: 180px;}
#brands .content {width:90%}


#boxy .container {width: 90%;}
#boxy .box { width: 100%;background-size: cover !important;}
#boxy .title {font-size: 1.5rem;}
#boxy .text {font-size: 1.0rem;}
#boxy .box-link {font-size: 1rem; margin-top: 20px;padding-bottom: 10px;}


#markets .title-main {font-size: 2.5rem;}
#markets .container {width: 90%;}
#markets .markets-container {grid-gap: 0}
#markets .markets-item {width: 48%;height: 150px;margin:2px;}
#markets .markets-item-title {font-size: 1.0rem;}
#markets .modal-content {width: 90%;top: 50%;left: 50%;border-radius: 0.5rem;display: grid;grid-template-columns: 1fr;}
#markets .modal-image {height: 100px;background-size: 30%;}
#markets .modal-text {padding: 10px 10px 10px 10px;}
#markets .close-button {margin: 0px;width: 2.5rem;line-height: 2.5rem;text-align: center;top: 0;font-size: 2rem;}
#markets .modal-text .text {padding: 10px;font-size: 0.8rem;}
#markets .modal-image {width: 90%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;grid-gap: 10px;padding: 5px;align-content: center;height:auto}
#markets .modal-text { padding: 10px;}
#markets .modal-text .text {text-align: left;padding: 10px;font-size: 0.8rem;}
#markets .modal-image img {width: 20%;padding: 1%;}


#contact .container {width: 90%;margin: 20px auto;}
#contact .content-box {width: 90%;margin: 10px 0;}
#contact .title-main {font-size: 2.5rem;}

#job_offers .container {width: 90%;}
#job_offers .job-container {grid-gap: 0}
#job_offers {margin: 20px 0 20px 0;}
#job_offers .title-main {font-size: 2.5rem;}
#job_offers .text-subtitle {font-size: 1.0rem;padding: 10px 0;width: 90%;}
#job_offers .job-item {width: 48%;height: 150px;margin:2px; }
#job_offers .job-item-title {font-size: 1.0rem;}

#job_offers_list .title-main {font-size: 2.5rem;}
#job_offers_list {margin: 20px auto;width: 90%;}
#job_offers_list .container {width: 90%;}
#job_offers_list .brand-container {padding: 10px 0;}
#job_offers_list .container-img {width: 50%;}

#job .title-main {font-size: 2.5rem;}
#job .content {width: 90%;}
#job .table {font-size: 0.8rem;}
#job .head {font-size: 0.8rem;}
#job .role {font-size: 0.8rem;}
#job .row {font-size: 0.8rem;}




#section-strona {padding:2% 5% 10% 5%;}
#section-strona .title-main {font-size: 2.5rem;padding:2% 0 0 0}
#section-strona .line-under-title {height:1px; width:25%;}
#section-strona .text-subtitle {font-size:1rem;}
#section-strona  img { max-width:100%}
#section-strona .container {width: 90%;}

footer .hdweb { }
footer .link-hdweb  {}
footer .footer-link {color:#b1b1b1; text-decoration:none;font-weight:100}
footer .footer-link:hover {color:var(--blue-dark); text-decoration:underline;font-weight:100}
footer ul li {display: block;border-bottom:1px solid #6d6d6d;padding: 10px 0px 10px 0px;}








}


@media screen and (min-width:481px) and (max-width : 992px) {    
    header {margin-top: 0px;position: fixed;height: 60px;width: 100%;top: 0;background-color: RGBA(0,0,0,0.8);}
    .nav-container {display:none}
    header #logo {width: 150px}
    header #logo img {padding: 0px;}
    header .container {width: 100%;}
    .hamburger {display:block !important;position:fixed; margin-top:6px !important }
    .lang {display:none}
    .mobile-menu-box {position:unset}
    .nav-mobile {display:block}
    #mobile .mobile-menu {margin-top: 7%;}
    .s50 {height: 60px;}
    #mobile .menu-item {font-size: 3vw}
    
    #sliderFull .content {width: 90%;margin-left:8%}
    #sliderFull .text-title {width: auto;}
    #sliderFull .text-subtitle-sub {width: auto;}
    #sliderFull .container {height: 300px;background-size: cover !important;}
    #sliderFull .slick-slide {height: 300px;}
    #sliderFull .fa-3x {font-size: 2em;}
    #sliderFull .slider-buttons {top: 35%;}

    #who_we_are .title-main {font-size: 2.5rem;padding: 0 0 30px 0;}
    #who_we_are .content {width: 90%;grid-template-columns: 1fr;}
    #who_we_are .container-text .title {font-size: 1.5rem;padding: 30px 0;}
    #who_we_are .container-text .text {font-size: 1rem;padding: 10px 0;}
    #who_we_are .content:nth-child(odd) .container-text {order:0 ; }
    #who_we_are .img {height: 250px;}
    
    #brands .filter-btn {margin: 5px;}  
    #brands .content {width:90%}
    #brands .container-img {justify-content: flex-start;padding: 48px;}
    #brands .modal-content {width: 90%;top: 50%;left: 50%;border-radius: 0.5rem;display: grid;grid-template-columns: 1fr;}
    #brands .modal-image {background-size: 20%;}
    #brands .modal-image a {margin: 20px 0;}
    #brands .modal-text {padding: 10px 10px 10px 10px;}
    #brands .close-button {margin: 0px;width: 2.5rem;line-height: 2.5rem;text-align: center;top: 0;font-size: 2rem;}
    #brands .modal-text .text {padding: 10px;font-size: 0.8rem;}
    #brands .modal-text .title {padding: 20px 20px 20px 10px;}
    #brands .container-img {margin:1% }
    
    #boxy .container { width: 90%;}
    #boxy .box {width: 100%;}

    
    footer .hdweb { }
    footer .link-hdweb  {}
    footer .footer-link {color:#b1b1b1; text-decoration:none;font-weight:100}
    footer .footer-link:hover {color:var(--blue-dark); text-decoration:underline;font-weight:100}
    footer ul li {display: block;border-bottom:1px solid #6d6d6d;padding: 10px 0px 10px 0px;}

  
    #section-strona {}
    #section-strona .title-main {font-size: 2.5rem;padding:2% 0 0 0}
    #section-strona .line-under-title {height:1px; width:25%;}
    #section-strona .text-subtitle {font-size:1rem;}
    #section-strona  img { max-width:100%}
    #section-strona .container {width: 90%;}
    
    #markets .title-main {font-size: 2.5rem;}
    #markets .container {width: 90%;}
    #markets .markets-container {grid-gap: 0}
    #markets .markets-item {width: 48%;height: 150px;margin:4px;}
    #markets .markets-item-title {font-size: 1.5rem;}
    #markets .modal-content {width: 90%;top: 50%;left: 50%;border-radius: 0.5rem;display: grid;grid-template-columns: 1fr;}
    #markets .modal-image {height: 100px;background-size: 30%;}
    #markets .modal-text {padding: 10px 10px 10px 10px;}
    #markets .close-button {margin: 0px;width: 2.5rem;line-height: 2.5rem;text-align: center;top: 0;font-size: 2rem;}
    #markets .modal-text .text {padding: 10px;font-size: 0.8rem;}
    #markets .modal-image {width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;grid-gap: 10px;padding: 5px;align-content: center;height:auto}
    #markets .modal-text { padding: 10px;}
    #markets .modal-text .text {text-align: left;padding: 10px;font-size: 0.8rem;}
    #markets .modal-image img {width: 20%;padding: 1%;}

    #contact .container {width: 90%;margin: 20px auto;}
    #contact .content-box {width: 90%;margin: 10px 0;}
    #contact .title-main {font-size: 2.5rem;}

    #job_offers .container {width: 90%;}
    #job_offers {margin: 20px 0 20px 0;}
    #job_offers .job-container {grid-gap: 0}
    #job_offers .title-main {font-size: 2.5rem;}
    #job_offers .text-subtitle {font-size: 1.0rem;padding: 10px 0;width: 90%;}
    #job_offers .job-item {width: 48%;height: 150px;margin:4px;}
    #job_offers .job-item-title {font-size: 1.5rem;}

    #job_offers_list .title-main {font-size: 2.5rem;}
    #job_offers_list {margin: 20px auto;width: 90%;}
    #job_offers_list .container {width: 90%;}
    #job_offers_list .brand-container {padding: 10px 0;}
    #job_offers_list .container-img {width: 33%;}
    #job_offers_list .container-img img {max-width: 80%;padding: 0%;}


    #job .title-main {font-size: 2.5rem;}
    #job .content {width: 90%;}
    #job .table {font-size: 0.8rem;}
    #job .head {font-size: 0.8rem;}
    #job .role {font-size: 0.8rem;}
    #job .row {font-size: 0.8rem;}
    #job {margin: 20px 0 80px 0;}




}

@media screen and (min-width:993px)and (max-width : 1300px) {
    header .container {width: 85%;}
    .hamburger           {display:none !important }
    header nav li a {font-size: 0.8rem;padding: 0 15px;}
    header nav li  {height:80%}
    header nav ul  {align-items: center;}
    header nav li a:hover {border-radius: 10px;}
    header #logo {width: 90px;}
    #sliderFull .content {width: 80%;}
    #sliderFull .container {background-size: cover !important;}
    #sliderFull .text-title {width: 80%;}
    #sliderFull .text-subtitle-sub {width: 60%;}
    #contact .container {width: 85%;}
    #contact .title {padding: 30px 30px 0 30px;height: 50px;}
    #boxy .container {width: 85%;}
    #boxy .box {background-size:cover !important}
    #who_we_are .title-main {padding: 0 0 50px 0;}
    #who_we_are .content {width: 85%;}
    #brands .content {width: 85%;}    
    #brands .container-img img {max-width: 180px;}
    #brands .container-img {    padding: 3%;}
    #brands .modal-content {width: 80%;}
    #brands .modal-image {background-size: 40%;}
    footer .footer-container {width: 85%}
    footer ul li {padding: 10px 30px;}
    #section-strona .container {width: 85%;}
    #markets .container {width: 85%;}
    #markets .content {width: 85%;}    
    #markets .container-img img {max-width: 120px;}
    #markets .modal-content {width: 80%;}
    #markets .modal-image {background-size: 40%;}
    #job_offers .text-subtitle {width: 70%;}
    #job_offers .container {width: 85%;}
    #job_offers_list .container {width: 85%;}
    #job .content {width: 85%;}
    
}

@media screen and (min-width:1300px)and (max-width : 1600px) {
   header .container {width: 85%;}
    .hamburger           {display:none !important }
    header nav li a {font-size: 1rem;padding: 0 15px;}
    header nav li  {height:80%}
    header nav ul  {align-items: center;}
    header nav li a:hover {border-radius: 10px;}
    header #logo {width: 90px;}
    #sliderFull .content {width: 80%;}
    #sliderFull .container {background-size: cover !important;}
    #sliderFull .text-title {width: 80%;}
    #sliderFull .text-subtitle-sub {width: 60%;}
    #contact .container {width: 85%;}
    #contact .title {padding: 30px 30px 0 30px;height: 50px;}
    #boxy .container {width: 85%;}
    #boxy .box {background-size:cover !important}
    #who_we_are .title-main {padding: 0 0 50px 0;}
    #who_we_are .content {width: 85%;}
    #brands .content {width: 85%;}    
    #brands .container-img img {max-width: 180px;}
    #brands .modal-content {width: 80%;}
    #brands .modal-image {background-size: 40%;}
    #brands .container-img {padding: 4%;}
    footer .footer-container {width: 85%}
    footer ul li {padding: 10px 30px;}
    #section-strona .container {width: 80%;}
    #markets .container {width: 85%;}
    #markets .content {width: 85%;}    
    #markets .container-img img {max-width: 120px;}
    #markets .modal-content {width: 80%;}
    #markets .modal-image {background-size: 40%;}
    #job_offers .text-subtitle {width: 70%;}
    #job_offers .container {width: 85%;}
    #job_offers_list .container {width: 85%;}
    #job .content {width: 85%;}    

}

@media screen and (min-width:1600px)and (max-width : 1900px) {

   header .container {width: 75%;}
    .hamburger           {display:none !important }
    header nav li a {font-size: 1rem;padding: 0 15px;}
    header nav li  {height:80%}
    header nav ul  {align-items: center;}
    header nav li a:hover {border-radius: 10px;}
    header #logo {width: 90px;}
    #sliderFull .content {width: 80%;}
    #sliderFull .container {background-size: cover !important;}
    #sliderFull .text-title {width: 80%;}
    #sliderFull .text-subtitle-sub {width: 60%;}
    #contact .container {width: 75%;}
    #contact .title {padding: 30px 30px 0 30px;height: 50px;}
    #boxy .container {width: 75%;}
    #boxy .box {background-size:cover !important}
    #who_we_are .title-main {padding: 0 0 50px 0;}
    #who_we_are .content {width: 75%;}
    #brands .content {width: 75%;}    
    #brands .container-img img {max-width: 180px;}
    #brands .modal-content {width: 60%;}
    #brands .modal-image {background-size: 40%;}
    #brands .container-img {padding: 4%;}
    footer .footer-container {width: 75%}
    footer ul li {padding: 10px 30px;}
    #section-strona .container {width: 75%;}
    #markets .container {width: 75%;}
    #markets .content {width: 75%;}    
    #markets .container-img img {max-width: 120px;}
    #markets .modal-content {width: 60%;}
    #markets .modal-image {background-size: 40%;}
    #job_offers .text-subtitle {width: 70%;}
    #job_offers .container {width: 75%;}
    #job_offers_list .container {width: 75%;}
    #job .content {width: 75%;}    


}</pre></body></html>