@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
html{scroll-behavior: smooth;}
body{margin:0; font-size:18px; position:relative; font-family:Rajdhani; background-color:#FFFFFF; color:#333333;}
*{box-sizing:border-box;}
h1{color:#333333;font:38px Rajdhani;font-family:Rajdhani; padding:10px 10px 0px 10px; margin:0px;font-weight:300; scroll-margin-top: 120px;text-transform:uppercase; }
h2{color: #ab7e24;font-size: 42px;  font-weight: 300; font-family: Rajdhani; margin: 25px 0px 10px 0px; text-align: left;}
input{ padding:5px; border:none; border-bottom:1px #999999 solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px; background:none;}
hr {background-color: #ebd094;height: 1px;color: #ebd094;border: 0px;clear: both;width: 90%;}
.St34{transition:all 2s ease; color:#ebd094;}/*---cooltext---*/
.St51{clear:both; font-size:0px;}/*---mid przer---*/

/*--------------------------cookies-------------------------------------*/


.cookiesAlert{width:100vw; height:auto;  background-color: #FFFFFF;   position: fixed;  bottom: 70px;  left:calc(50% - 50vw); z-index:100; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 15px; line-height:20px; text-align:center; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.41); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.41); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.1); transition:all .5s ease !important; box-sizing:border-box; padding:30px 10px 10px 10px;}

.cookiesAlert button{ font-family: 'Roboto', sans-serif; margin:15px 0px 15px 0px;  padding:17px; box-sizing:border-box; display:inline-block; background-color:#ebd094; color:#FFFFFF; border-radius:2px; text-decoration:none; -moz-box-shadow: none;box-shadow:none; border:none;  -webkit-appearance: none; font-weight:300; width:250px; cursor:pointer; text-align:center; }

.cookiesAlert button:hover{font-family: 'Roboto', sans-serif; margin:15px 0px 15px 0px;  padding:17px; box-sizing:border-box; display:inline-block; border-radius:2px;text-decoration:none; border:none;-webkit-appearance: none; font-weight:300; width:250px; cursor:pointer; background-color:#d3b063; color:#FFFFFF; text-align:center;  -webkit-box-shadow: none; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.50);-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.50);box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.50);}

.cookiesAlert a{color:#4d4d4d; text-decoration:none; }
.cookiesAlert a:hover{color:#4d4d4d; text-decoration:underline;}



/*--------------------------menu hp top-------------------------------------*/
.St1 {display:block; height:304px; width:100%; position:fixed; z-index:100; top:0px; transition:all 1s ease;}
.St2 {display:flex; align-items: center; justify-content: center; position:fixed; top:0px; flex-flow: wrap;height:252px; background-color:#FFFFFF; width:100%; transition:all 1s ease; z-index:104;}
.St3 {display:block; height:10px; background-color:#FFFFFF; width:100%; top:268px; position:fixed; transition:all 1s ease; z-index:101;}
.St4 {display:block; height:5px; background-color:#FFFFFF; width:100%; top:294px; position:fixed; transition:all 1s ease; z-index:102;}
.St5 {display:block; height:304px; width:100%; z-index:1; position:relative; transition:all 1s ease;}
.St7 {width:120px;position: absolute; top:3px; right:160px; transition:all 1s ease; display:flex; align-items: center; justify-content: center;}
.St7 a{display:block; width:120px; color:#333333; text-decoration:none;min-height:18px; padding:0px 0px 0px 30px; background-image:url(images/small-dot.png); background-repeat:no-repeat; background-position:left center; font-size:20px; margin:10px; transition:all 1s ease;}
.St7 a:hover{display:block; width:120px; color:#333333; min-height:18px; padding:0px 0px 0px 30px; background-image:url(images/small-dot.png); background-repeat:no-repeat; background-position:left center; font-size:20px; margin:10px; transition:all 1s ease; text-decoration:underline;}
.St8 {width:100%; transition:all 1s ease; display:flex; align-items: center; justify-content: center; padding-top: 30px;}
.St8 img{width:250px; }
.St9 {width:140px; position: absolute; top:3px; right:2px; transition:all 1s ease; display:flex; align-items: center; justify-content: center; flex-direction: column;}
.St9 a{display:block; width:140px; color:#333333; text-decoration:none; min-height:18px; padding:0px 0px 0px 30px; background-image:url(images/small-dot.png); background-repeat:no-repeat; background-position:left center; font-size:20px; margin:10px; transition:all 1s ease;}
.St9 a:hover{display:block; width:155px; color:#333333; min-height:18px; padding:0px 0px 0px 30px; background-image:url(images/small-dot.png); background-repeat:no-repeat; background-position:left center; font-size:20px; margin:10px; transition:all 1s ease; text-decoration:underline;}
.St10 {transition:all 1s ease; display:block; width:90px !important; color:#808080; font-size:14px !important; font-weight:900; text-decoration:none !important; background-color:#F7F7F8; border-radius:3px; background-image:none !important; text-align:center; padding:3px !important;}
.St10:hover {transition:all 1s ease; display:block; width:90px !important; color:#808080; font-size:14px !important; font-weight:900; text-decoration:none !important; background-color:#FAEDD0; border-radius:3px; background-image:none !important; text-align:center; padding:3px !important;}
.St11{display:block; height:20px; width:50px;  background-color:#FFFFFF; top:10px; left:4%; position:fixed; transition:all 1s ease; z-index:105; }
.St11 a{color:#808080; font-size:26px; text-decoration:none; border-right: 1px #d7d7d7 solid; padding-right: 4px;}
.St11 a:hover{color:#808080; font-size:26px; text-decoration:underline; border-right:1px #d7d7d7 solid; padding-right: 4px;}
.St12{display:block; height:20px; width:50px;  background-color:#FFFFFF; top:10px; left:12%; position:fixed; transition:all 1s ease; z-index:105; }
.St12 a{color:#808080; font-size:26px; text-decoration:none}
.St12 a:hover{color:#808080; font-size:26px; text-decoration:underline}
/*----------------------------loader------------------------------------*/
.St13{display:flex; align-items: center; justify-content: center; position:fixed; z-index:500; width:100vw; height:100vh; background-image:url(images/ladowanie.png); background-repeat:no-repeat; background-position:center center; background-size: cover;
animation:ladowanie 6s; transition:all 1s ease; top:-100vh; left:0px; opacity: 1; flex-flow: wrap; flex-direction: column; background-color:#FFFFFF;} 
.St15{animation:ladowanieLogo 2s ease 0s infinite normal forwards; transform:scale(0.9); padding:0vh;} 
.St14{width:100%; height:200px;  position: relative;}
.St14ld1{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 1s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld2{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 1.5s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld3{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 2s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld4{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 2.5s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld5{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 3s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld6{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 3.5s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld7{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 4s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld8{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 4.5s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld9{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 5s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
.St14ld10{position:absolute; left:calc(50vw - 100px); top:100px; animation: loadingImgRow 1s ease 5.5s 1 normal forwards; opacity: 0; box-shadow: 5px 5px 6px -6px rgba(66, 68, 90, 1); border:10px #FFFFFF solid;}
/*-------------------------promocje pasek--------------------------------------*/
.St16{text-decoration:none; cursor:pointer;}
.St17{text-align:center; padding:15px 0px 0px 0px; background-color:#faedd0;  z-index:150;position:fixed; height:40px; transition:all 1s ease; bottom:0px;left:0px; width:100vw; padding:3px 15px 3px 15px; color:#ab7e24; display:flex; align-items: center; justify-content: center;  flex-flow: wrap;}
.St17 span{width:100px; border:1px red soldlid; display:block; font-weight:900;}
.St19{display:inline-block; width:calc(100vw - 240px); height:25px; overflow:hidden; float:right; box-sizing:border-box; text-align:left; transition:all 1s ease; overflow:hidden;}
.St20{display:inline-block; width:90px; background-color:#FFFFFF;float:right; box-sizing:border-box; border-radius:3px; text-align:center; padding:3px;  font-size:14px !important; font-weight:900; transition:all 1s ease;}
/*--------------------------slider------------------------------------*/
.St6 {display:block; height:calc(100vh - 252px); width:100%; background-color:#FFFFFF; margin-top:-52px; transition:all 1s ease;background-image:url(images/slider-bg.png); background-repeat:no-repeat; background-position:center center;}
.St21{height:calc(100vh - 252px); width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; transition:all 1s ease; clear:both; position:relative; }
.St22{width:100%; height:100%; transition:all 2s ease; background-repeat:no-repeat; background-size:cover; background-position:center center; position:absolute; top:0; left:0; opacity: 0; text-align:center; overflow:hidden; }
.St23{width:100vw; margin:0 auto; position:relative; }
.St24{width:100vw; height:100px;  position:absolute; top:1000px; left:0px; color:#FFFFFF; transition:all 1s ease; text-align:left;  display:flex; align-items: start; justify-content: left;flex-direction: column; padding:0px 0px 15px 20px; }
.St25{font-size:140px; font-weight:900; color: #d7b56d;  }
.St26{font-size:22px; font-weight:500; color: #4d4d4d; margin-top:10px; padding:0px 0px 0px 0px; }
.Slide1{background-image:url(images/slider/slider_1m.png);}
.Slide2{background-image:url(images/slider/slider_2m.png);}
.Slide3{background-image:url(images/slider/slider_3m.png);}
.Slide4{background-image:url(images/slider/slider_4m.png);}
.Slide5{background-image:url(images/slider/slider_5m.png);}
.Slide6{background-image:url(images/slider/slider_6m.png);}
.Slide7{background-image:url(images/slider/slider_7m.png);}
.Slide8{background-image:url(images/slider/slider_8m.png);}
.Slide9{background-image:url(images/slider/slider_9m.png);}
.Slide10{background-image:url(images/slider/slider_10m.png);}
/*---------------------------hp kontakt small top--------------------------------------*/
.St27{width:100%; height:80px; display:flex; align-items: center; justify-content: center;}
.St28{width:0%; display:none;}
.St29{width:100%;text-align:center; padding:0px 0px 0px 0px;}
.St30{display:inline-block; width:auto; color:#333333; text-decoration:none; padding:0px 0px 0px 30px;  background-image:url(images/small-dot-c.png); background-repeat:no-repeat; background-position:left center; font-size:20px; margin:10px; transition:all 1s ease; text-align:left;}
.St30:hover{display:inline-block; width:auto; color:#333333; padding:0px 0px 0px 30px;  background-image:url(images/small-dot-c.png); background-repeat:no-repeat; background-position:left center; font-size:20px; margin:10px; transition:all 1s ease; text-decoration:underline; text-align:left;}
/*-------------------------hp cms---------------------------*/
.St31{width:100%; display:flex; align-items: start; justify-content: center; flex-flow: wrap;}
.St32{width:100%; padding:10px; font-size:26px;}
.St33{width:100%;text-align:right; padding:10px; transition:all 1s ease;}
.St33 img{width:100%; text-align:center;}
.St35{padding:10px 10px 10px 10px;}
/*-------------------------hp kolekcje lista------------------------------------------*/
.St36{width:calc(100% - 102px); max-width:calc(100% - 102px); overflow:hidden; vertical-align: middle;  text-align: center; margin:0px 50px 70px 50px;}
.St36 td{padding:50px 10px 10px 10px; vertical-align: middle;  text-align: center; overflow:hidden;  border-bottom:1px #e2e2e2 solid;}
.St37{font-size:80px; font-weight:300; color:#d7b56d; max-width: 5em; line-height: 70px;}
.St37 a{font-size:80px; font-weight:300; color:#d7b56d; text-decoration:none;}
.St37 a:hover{font-size:80px; font-weight:300; color:#d7b56d; text-decoration:underline;}
.St38 {width:15%;}
.St38 img{max-width:100%; border-radius:7px;}
.St39{vertical-align: top !important; text-align:left !important;}
.St39 img{vertical-align: top !important;}
.St40{vertical-align: top !important; text-align:left !important;}
.St41{display:block; width:100%; margin:5px; border:1px #b3b3b3 solid; border-radius:7px; padding:5px; color:#333333; text-decoration:none; font-size:14px; height:33px; line-height: 22px;overflow:hidden;}
.St41:hover{display:block; width:100%; margin:5px; border:1px #686868 solid; border-radius:7px; padding:5px; color:#333333; text-decoration:underline;font-size:14px;height:33px; line-height: 22px; overflow:hidden;} 
.St41 div{float: left; width:20px; height:20px; font-size:1px; background-color:#dddbdb; margin:0px 10px 0px 0px;border-radius: 5px;}
.St42 {display:block; width:100%; margin:5px; border:1px #b3b3b3 dashed; border-radius:7px; padding:5px; color:#333333; text-decoration:none;}
.St43{display:block; width:100%; margin:5px; border-radius:7px; padding:5px; color:#333333; text-decoration:none; font-weight:500;}
.St43:hover{display:block; width:100%; margin:5px; border-radius:7px; padding:5px; color:#333333; text-decoration:underline; font-weight:500;}
.St43 span{text-decoration:none; font-weight:300 !important; border-bottom:1px #b3b3b3 solid;}
/*-----------------------------hp materiały----------------------------------*/


.St152{font-size:40px; font-weight:300; padding:0px 0px 0px 10px; color:#d7b56d;} 
.St44{display:inline-block; width:170px; height: 38px; line-height: 25px; margin:10px; border:1px #b3b3b3 solid; border-radius:7px; padding:5px; color:#333333; text-decoration:none; text-align:left !important; overflow:hidden;}
.St44:hover{display:inline-block; width:170px; height: 38px; line-height: 25px; margin:10px; border:1px #686868 solid; border-radius:7px; padding:5px; color:#333333; text-decoration:none; text-align:left !important; overflow:hidden;}
.St44 div{float: left; width:25px; height:25px; font-size:1px; background-color:#dddbdb; margin:0px 10px 0px 0px;border-radius: 5px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.St45{ display:flex; align-items: start; justify-content: center;  flex-flow: wrap; margin:0px 0px 100px 0px;}
.St46{width:100%;  padding:0px 10px 0px 10px; text-align:left;}
.St46 span{font-size:36px; display:block; clear:both; width:100%; text-align:left; padding:0px 5px 5px 0px;}
.St46 span img{vertical-align:middle;}
.St47{width:100%; padding:0px 10px 0px 10px;}
.St47 span{font-size:36px; display:block; clear:both; width:100%; text-align:left; padding:0px 5px 5px 0px;}
.St47 span img{vertical-align:middle;}
/*--------------------------hp promocje----------------------------------------*/
.St48{padding:5px; margin:10px 10px 10px 10px; font-size:20px; border:1px #b3b3b3 solid; clear:both; border-radius:7px;}
.St49{display:inline-block; background-size:cover; float:left; width:160px; height:160px; background-repeat:no-repeat; background-position:center center; margin:0px 25px 15px 0px;}
.St50{color:#4d4d4d; font-weight:400; font-size:22px;}

/*--------------------------copy-----------------------------------*/


.St52{background-color:#E6E6E6; width:100%;  display:flex; align-items: center; justify-content: center; margin:50px 0px 0px 0px; padding:0px 0px 40px 0px;}
.St53{padding:0px 0px 0px 5px; width:100%;}
.St53 div{width:100%; float: left; padding:20px 0px 0px 20px;}
.St53 div span{display:block; width:100%; font-size:24px; font-weight:500;color:#333333;}
.St53 div a{display:block; color:#333333; text-decoration:none; padding:20px 0px 0px 20px;}
.St53 div a:hover{display:block; color:#333333; text-decoration:underline; padding:20px 0px 0px 20px;}
.St54{padding:0px 5px 0px 0px;  width:100%; text-align:center;display:none;}
.St54 div{display:none;}

/*------------------------page normal top-----------------------------------------*/
.St55 {display:block; height:214px; width:100%; margin:0px 0px 50px 0px; transition:all 1s ease; background-color:#DCDDE0;  background-repeat:no-repeat; background-position:center center; background-size:cover;  background-image:url(images/top-small-bg.png);}
.St56 {display:block; height:25px; width:100%; position:fixed; z-index:100; top:0px; transition:all 1s ease; background-color:#FFFFFF;  text-align:center;}
.St57 {display:block; height:10px; background-color:#FFFFFF; width:100%; top:40px; position:fixed; transition:all 1s ease; z-index:101;}
.St58 {display:block; height:5px; background-color:#FFFFFF; width:100%; top:66px; position:fixed; transition:all 1s ease; z-index:102;}
.St59 {display:block; position:fixed; top:104px; left:10px;transition:all 1s ease; z-index:99; width: 59%; padding:0px 0px 0px 20px;}
.St59 img{width:100%; margin-top:8px;}
.St60 {display:block; position:fixed; top:122px; right:20px; width:82px; height:25px; background-image:url(images/menu-small.png); background-repeat:no-repeat; background-position:center center; cursor:pointer;transition:all 1s ease; z-index:105;}
.St61{padding:70px 0px 0px 0px; position:fixed; width:350px; height:100vh; border-left: 1px #b3b3b3 solid; top:0px; right:-355px; background-color:#FFFFFF; z-index:105; transition:all 1s ease;}
.St61 span{font-size:48px; position:absolute; top:10px; right:20px; display:block; font-weight:300; padding:5px; cursor:pointer; }
.St62{display:block; width:100%; font-size:22px; text-decoration:none; padding:5px 0px 5px 25px; color:#333333; text-transform:uppercase; }
.St62:hover{display:block; width:100%; font-size:22px; text-decoration:underline; padding:5px 0px 5px 25px; color:#333333;}
.St62 img{vertical-align:middle;margin-right:10px;}
.St63{display:block; width:100%; font-size:18px; text-decoration:none; padding:5px 0px 5px 55px; color:#333333; text-transform:uppercase; }
.St63:hover{display:block; width:100%; font-size:18px; text-decoration:underline; padding:5px 0px 5px 55px; color:#333333;}
.St63 img{vertical-align:middle; margin-right:5px;}
/*---------------------------page normal mid------------------------------*/
.St64{padding:10px 10px 10px 10px;}
/*--------------------------page normal galeria-------------------------------*/
.St65{display:inline-block; height:300px;width:100vw; background-repeat:no-repeat; background-position:center center; cursor:pointer;transition:all 1s ease; background-size:cover; border-radius:0px; margin:14px; transition:all 0.3s ease;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.St65:hover{display:inline-block; height:300px;width:100vw; background-repeat:no-repeat; background-position:center center; cursor:pointer;transition:all 1s ease; background-size:cover; border-radius:0px; margin:14px; transition:all 0.3s ease; -webkit-box-shadow: 8px 8px 24px -10px rgba(66, 68, 90, 1);-moz-box-shadow: 8px 8px 24px -10px rgba(66, 68, 90, 1);box-shadow: 8px 8px 24px -10px rgba(66, 68, 90, 1);}
.St66{display:flex; align-items: center; justify-content: center; flex-flow: wrap; z-index:1; position:relative; transition:all 0.3s ease;}
.St67{position:fixed; background-color:rgba(0,0,0,0.5); height:100vh; width:100vw; top:101vh; z-index:154; transition:all 0.3s ease;}
.St68{width:100vw; height:80vh;margin-top:10px; background-size: contain; background-repeat: no-repeat; background-position:center center; cursor:pointer;}
/*---------------------------asortyment / kolekcje hub------------------------------*/
.St69{padding:0px; margin:0px;}
.St70{margin:0px; font-weight:900; list-style:none;}
.St70 a{text-decoration:none; color:#4d4d4d; width:100%; display:block; font-size: 55px; font-weight: 300; color: #d7b56d; padding:15px;  transition: 1s; line-height:48px;}
.St70 a:hover{text-decoration:underline; color:#4d4d4d; width:100%; display:block; font-size: 55px; font-weight: 300; color: #d7b56d; padding:15px;  transition: 1s; line-height:48px;}
.St71{width:100%; float:left;  box-sizing:border-box; padding:10px 10px 0px 10px;}
.St72{width:100%; float:left;  box-sizing:border-box;padding:0px;}
.St73{display:flex; align-items: start; justify-content: center; flex-flow: wrap;}
.St74{padding:10px; border:1px #b3b3b3 solid; margin:0px 5px 0px 5px; box-sizing:border-box; border-radius:5px;}
.St75{width:100%; padding:10px; text-align:center; border:1px #6a9d66 solid; margin:15px 0px 0px 0px; background-color:#d7ff9b; color:#6a9d66; font-weight:500;}
.St76{padding:20px 0px 0px 10px; display:block; width:100%; font-size:22px; color: #4d4d4d; font-weight: 400;}
/*---------------------------lookbook---------------------------------------*/
.St77{font-size:18px !important; transition:all 0.5s ease !important;  width:205px !important; height:60px !important; color:#000000 !important; border:none !important; text-align:center !important; margin:0px auto !important; display: flex !important; flex-direction: column !important;  justify-content: center !important; overflow: hidden !important;  background-color:#FFFFFF; border:1px #333333 solid !important; border-radius:5px;}
.St77:hover{font-size:18px !important; width:205px !important; height:60px !important; color:#000000 !important; border:none !important; text-align:center !important; margin:0px auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; overflow: hidden !important; background-color:#FFFFFF; border:1px #333333 solid !important;border-radius:5px;}
.St77 a{font-size:18px !important; transition:all 0.5s ease !important; color:#333333 !important;  margin: 0 !important; padding: 20px !important; text-decoration:none !important; font-weight:900; }
.St77 a:hover{font-size:18px !important; transition:all 0.5s ease !important; color:#333333 !important;  margin: 0 !important; padding: 20px !important; text-decoration:none !important;font-weight:900;}
.St78{margin:0px 15px 25px 15px; padding:25px; border-left:1px #e0e0e0 solid; border-top:1px #e0e0e0 solid; border-radius:5px 0px 0px 0px;  display:inline-block; box-sizing:border-box; width:45%;  overflow:hidden; height:400px; overflow:hidden; font-size:14px; position:relative; transition:all 0.5s;}
.St78:hover{margin:0px 15px 25px 15px; padding:25px; border-left:1px #333333 solid; border-top:1px #333333 solid; border-radius:5px 0px 0px 0px;  display:inline-block; box-sizing:border-box; width:45%;  overflow:hidden; height:400px; overflow:hidden; font-size:14px; position:relative;transition:all 0.5s;}
.St79{display:block; width:auto; padding:5px 15px 5px 15px; border:1px #333333 solid; border-radius:5px;  color:#333333; text-decoration:none; font-weight:900; transition:all 1s ease; background:none; float:left; margin:0px 20px 5px 0px;}
.St79:hover{display:block; width:auto; padding:5px 15px 5px 15px; border:1px #333333 solid; border-radius:5px; color:#333333; text-decoration:none; font-weight:900; transition:all 1s ease; background-color:rgba(255,255,255,0.4); float:left;  margin:0px 20px 5px 0px;}
.St79 img{vertical-align:middle; margin-left:10px;}
.St79 a{color:#333333; text-decoration:none;}
/*-----------------------------podsy--------asortyment-------------------------*/
.St83{width:100%; display:flex; align-items: start; justify-content: left; flex-flow: wrap;}
.St80{display:block; position:relative; border: 1px #FFFFFF  solid; border-radius: 7px; margin:10px; padding:10px; width:calc(100% - 22px); height:370px; transition:all 1s ease;  text-align:center; background-color:#FFFFFF;  overflow:hidden;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.St80:hover{display:block; position:relative; border: 1px #FFFFFF solid; border-radius: 7px; margin:10px; padding:10px; width:calc(100% - 22px); height:370px; transition:all 1s ease;  text-align:center; background-color:#FFFFFF; overflow:hidden; -webkit-box-shadow: 8px 8px 24px -10px rgba(66, 68, 90, 1);-moz-box-shadow: 8px 8px 24px -10px rgba(66, 68, 90, 1);box-shadow: 8px 8px 24px -10px rgba(66, 68, 90, 1);}
.St80:hover > a .St81{border:0px #FFFFFF solid;}
.St80:hover > a .St81 .St82 span{font-size:28px;} 
.St80 a{text-decoration:none; cursor:pointer;}
.St80 span{color:#FFFFFF; display:block;float: left; width: 100%; text-align: left; font-size:20px; font-weight:300; margin-top:5px; mix-blend-mode: difference; transition:all 1s ease;}
.St80 span strong{font-weight:500; transition:all 1s ease;}
.St81{width:100%; height:300px;  display:inline-block;  background-repeat:no-repeat; background-position:center center; background-size:cover;  border-radius:7px 7px 0px 0px; transition:all 1s ease;border:0px #FFFFFF solid; }
.St82{box-sizing:border-box; padding:10px;}
.St84{ display:flex; align-items: center; justify-content: center; margin:5px 0px 0px 0px; background-color:#FAEDD0; color:#AB7E24; font-size:14px; height: 45px; line-height: 45px;border-radius:0px 0px 7px 7px;}
.St84 div{width:33%; text-align:center;}
/*----------------------------podsy big i nawigator ---------------------------*/
.St85{height:370px !important;}
.St86{height:300px !important;} 
.St87 {text-align:left; margin-bottom:15px;}


.St88 {font-size: 32px; max-width:calc(100% - 50px); overflow:hidden; font-weight:300; text-decoration:none; color:#808080; display: inline-block; margin:10px; border:1px #eaeaea solid; padding:10px 25px 10px 25px; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px; overflow: hidden; transition:all 0.5s;} 
.St88:hover {font-size: 32px; max-width:calc(100% - 50px);  font-weight:300; text-decoration:none; color:#4d4d4d; display: inline-block; margin:10px; border:1px #4d4d4d solid; padding:10px 25px 10px 25px; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px; overflow: hidden; transition:all 0.5s;} 



.St134 {font-size: 20px; font-weight:300; text-decoration:none; color:#333333; display: inline-block; margin:10px; border:1px #FFFFFF solid; padding:5px; overflow: hidden; transition:all 0.5s;   font-weight: 400;} 
.St134:hover{font-size: 20px; font-weight:300; text-decoration:none;  display: inline-block; margin:10px;  padding:5px; overflow: hidden; transition:all 0.5s;border:1px #6a9d66 solid; background-color:#d7ff9b; text-decoration:none; color:#6a9d66;   font-weight: 400;} 

.St135{border:1px #6a9d66 solid; background-color:#d7ff9b; text-decoration:none; color:#6a9d66;}
.St136{font-size:24px;  margin:0px; padding:5px 5px 5px 5px;  width:100%; display:block;}
.St136 img{vertical-align:middle;margin:0px 0px 0px 10px;}


/*---------------------------koszyk top + page---------------------------*/
.St89{position:fixed; bottom:50px; right:10px; width:92px; height:88px; background-repeat:no-repeat; background-position:center center; background-size:cover;  background-image:url(images/koszyk.png); text-decoration:none;}
.St90{position:absolute; width:40px; text-align:center; display:block; top:16px; left:32px; color:#FFFFFF; font-weight:900; font-size:22px;}
.St91{width:100% !important; padding:5px; border:none; border-bottom:1px #999999 solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px;} 
.St92{width:30% !important; padding:5px; border:none; border:1px #dbdbdb solid; color:#4b4b4b; background-color:#FFFFFF; font-family:Rajdhani; font-size:16px; cursor:pointer;color:#4d4d4d;}  
.St92:hover{width:30% !important; padding:5px; border:none; border:1px #4d4d4d solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px; cursor:pointer; background-color:#4d4d4d; color:#FFFFFF; } 
.St93{width:15px !important; padding:5px; border:none; border:1px #999999 solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px;}  
.St94{color:#4d4d4d; text-decoration:none;}
.St94:hover{color:#FFFFFF; text-decoration:none;}
.St95{width:100%; box-sizing:border-box; padding:20px; margin:0px 0px 20px 0px; border:1px #dbdbdb solid; border-radius:10px; background-color:#FFFFFF; transition:all 0.5s;display:flex; align-items: start; flex-flow: wrap; justify-content: left;}
.St95:hover{width:100%; box-sizing:border-box; padding:20px; margin:0px 0px 20px 0px; border:1px #4d4d4d solid; border-radius:10px;background-color:#4d4d4d; transition:all 0.5s;display:flex; align-items: start; justify-content: left;}
.St95 div{width:100%; height: 100px;  display:flex; align-items: center; justify-content: center; overflow:hidden;  transition:all 1s;  box-sizing:border-box; background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover; float:right; border-radius:7px;}
.St95 div strong{margin:0px 0px 0px 10px; font-size:32px;}
.St96 {color:#ab7e24; font-size:48px; flex-flow: wrap !important; justify-content: center !important; font-weight:300;}
.St96 span{color:#333333 !important; font-size:24px !important; width:100%; margin-top:-30px; text-align:center;}
.St97{color:green;padding:20px; display:block; background-color:#FFFFFF; border: 1px green solid;text-align: center;border-radius: 5px; margin: 10px 0px 0px 0px; position: fixed;  top:-10vh;  left:2%;  width:96%;  z-index: 1000; transition:all 1s ease;}
.St98{color:red;padding:20px;display: block;border: 1px red solid;text-align: center;border-radius: 5px; background-color:#FFFFFF;
margin: 10px 0px 0px 0px; position: fixed;  top:48vh;  left:2%;  width:96%;  z-index: 1000; transition:all 1s ease;}
.St99{width:100px; text-align:center; float:right; display:block; background-color: #ff9494; border-radius:7px; padding:5px 15px 5px 15px;margin:-38px 20px 0px 0px; color:#FFFFFF; text-decoration:none;transition:all 1s ease;}
.St99:hover{width:100px; text-align:center; float:right; display:block; background-color: #f46c6c; border-radius:7px; padding:5px 15px 5px 15px;margin:-38px 20px 0px 0px; color:#FFFFFF; text-decoration:none;transition:all 1s ease;}
.St100{margin:0px 0px 25px 0px;}

/*-----------------------------strona produkt----------------------------------*/
.St101{object-fit: cover; -o-object-fit: cover; width:100%; height:100vh; position:absolute; top:0px; left:0px; z-index:1;display:none;}
.St101m{object-fit: cover; -o-object-fit: cover; width:100%; height:100vh; position:absolute; top:0px; left:0px; z-index:1;}
.St102{position:absolute;z-index:100; top:82vh; left:20px; font-size:48px; line-height: 48px;}
.St103{font-size:220px; color:#d7b56d; font-weight:300; margin-right:25px; display:block; max-width:calc(100vw - 20px); overflow:hidden;}
.St104{font-weight:300;}
.St105{position:absolute;z-index:100; top:300px; left:50px; font-size:48px; line-height: 60px;}
.St106{font-size:220px; color:#d7b56d; font-weight:300; margin-right:25px;}
.St107{font-weight:300;}
.St108{width:100%; display:flex; align-items: start; justify-content: center;flex-flow: wrap; }
.St109{width:100%; padding:10px;}
.St110{width:100%;float:right;} 
.St111{width:100%;float:left; font-size:28px; padding:0px 0px 0px 10px;}
.St112{width:100%;text-align:right; padding:10px; transition:all 1s ease;}
.St112 img{width:100%; text-align:center;}
.St113{ margin:5px; border-radius:7px; padding:5px; color:#333333; text-decoration:none; font-weight:500; font-size:24px;}
.St113:hover{ margin:5px; border-radius:7px; padding:5px; color:#333333; text-decoration:underline; font-weight:500;font-size:24px;}
.St113 span{text-decoration:none; font-weight:300 !important; border-bottom:1px #b3b3b3 solid;}
.St114{display:block; width:100%; text-align:center; border:1px #ab7e24 solid; padding:15px 0px 15px 0px;margin:20px 0px 0px 0px; background-color:#faedd0; text-decoration:none; color:#ab7e24; font-size:22px;}
.St114:hover{display:block; width:100%; text-align:center; border:1px #6a9d66 solid; padding:15px 0px 15px 0px;margin:20px 0px 0px 0px; background-color:#d7ff9b; text-decoration:none; color:#6a9d66; font-size:22px;}
.St114 img{vertical-align:middle;}
.St115{display:block; width:100%; text-align:center; border:1px #6a9d66 solid; padding:15px 0px 15px 0px;margin:20px 0px 0px 0px; background-color:#d7ff9b; text-decoration:none; color:#6a9d66; font-size:22px;}
.St115 a{color:#6a9d66; text-decoration:none;}
.St115 a:hover{color:#6a9d66; text-decoration:underline;}
.St115 img{vertical-align:middle;}
.St116{display:flex; align-items: start; justify-content: center;  flex-flow: wrap;}
.St117{position:relative;width:100%;}
.St117 img{width:100%; }
.St118{position:relative;width:100%;}
.St118 img{width:100%; }
.St119{position:relative;width:100%;}
.St119 img{width:100%; }

.St120{position:absolute;left: 10px; top: 0px; font-size:26px;}
.St120 span{font-weight:900;}
.St121{position:absolute;right: -101px; top: 120px; font-size: 26px; transform: rotate(90deg);width: 246px;}
.St121 span{font-weight:900;}
.St122{position:absolute;right: -75px;top: 58%; font-size:26px;  transform: rotate(90deg);width: 246px;}
.St122 span{font-weight:900;}
.St123{position:absolute;left: calc(50% - 70px); top: 72%; font-size:26px;}
.St123 span{font-weight:900;}

.St124{float:left; margin:3px 0px 0px 0px;}
.St125{width:100%; padding:5px 5px 5px 15px; margin:20px 0px 0px 40px; border-bottom:1px #E6E6E6 solid; font-size: 20px;}
.St126{float:left; margin:3px 0px 0px 0px;}


.St127{width:150px;height:150px; display:inline-block; margin:10px 5px 10px 5px; overflow:hidden; }
.St127 div{display:table;width:150px;height:150px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;transition:all 1s;text-align:center;}


.St128{padding:10px; margin:10px 0px 10px 0px; font-size:20px; border-bottom:1px #faedd0 solid; clear:both; border-radius:7px; }
.St129{display:inline-block; background-size:cover; float:left; width:100%; height:300px; background-repeat:no-repeat; background-position:center center; margin:0px 25px 15px 0px; }
.St130{color:#4d4d4d; font-weight:500; font-size:26px;}

.St131{display:block; width:100%; text-align:center; border:1px #ab7e24 solid; padding:15px 10px 15px 10px; margin:10px 0px 0px 0px; background-color:#faedd0; text-decoration:none; color:#ab7e24; font-size:16px !important;font-weight:400;clear: both;}

.St131:hover{display:block; width:100%; text-align:center; border:1px #6a9d66 solid; padding:15px 10px 15px 10px; margin:10px 0px 0px 0px; background-color:#d7ff9b; text-decoration:none; color:#6a9d66; font-size:16px !important;font-weight:400;clear: both;}



.St132{width:100%; display:flex; align-items: start; justify-content: left; flex-flow: wrap; padding:0px 10px 0px 10px;}
.St133{transform-origin: top left;   }
.St133:hover{transform-origin: top left;   }







/*---------------------------zamowienie--------------------------------------*/

.St137{padding:20px; font-size:22px; font-weight:500; display:flex; align-items: center; justify-content: left; flex-flow: wrap;}/*--- red */
.St140{display:inline-block; width:40px !important; height:40px; background-color:#ab7e24;border-radius:50%; margin:0px 15px 0px 0px; border:3px #865745 solid; color:#865745; text-align:center; line-height:39px;}/*--- red */
.St137 div {width:calc(100% - 82px);}
.St137 div span{font-size:18px; font-weight:300;}
.St137 div a{color:#ab7e24; font-weight:900; font-size:22px;}




.St138{padding:20px; font-size:22px; font-weight:500; display:flex; align-items: center; justify-content: left; flex-flow: wrap; color:#e5e5e5;}/*--- gray */
.St141{display:inline-block; width:40px !important; height:40px; background-color:#e5e5e5;border-radius:50%; margin:0px 15px 0px 0px;}
.St138 div{width:calc(100% - 82px);}/*--- gray */
.St138 div span{font-size:18px; font-weight:300;}


.St139{padding:20px; font-size:22px; font-weight:500; display:flex; align-items: center; justify-content: left; flex-flow: wrap; color:#1f5e1a;}/*--- green */
.St142{display:inline-block; width:40px !important; height:40px; background-color:#d7ff9b; border:3px #6a9d66 solid; border-radius:50%; margin:0px 15px 0px 0px; text-align:center; line-height:35px; color:#6a9d66;}
.St139 div{width:calc(100% - 82px);}/*--- gray */
.St139 div span{font-size:18px; font-weight:300;}





/*--------------------------konfiguracja---------------------------------*/

.St143{border:5px #d7ff9b solid;  position:absolute !important; height:auto !important; transition:all 1s ease; left:5px; top:5px; background-color:#FFFFFF; z-index:10; cursor:pointer; padding-bottom:30px !important;}
.St143:hover{border:5px #d7ff9b solid;  position:absolute !important; height:auto !important; transition:all 1s ease; left:5px; top:5px; background-color:#FFFFFF; z-index:10; cursor: auto !important;  box-shadow:none !important; padding-bottom:30px !important;}
.St143 .St146{display:none;}
.St143 .St44{transform: scale(1.1); margin:10px 20px 10px 20px;}
.St143 > a{cursor: default;}



.St144{border:1px #ececec solid;  position:relative; height:auto !important;  transition:all 1s ease; left:0px; top:0px; float:left; display:inline-block;background-color:#FFFFFF;cursor:pointer; padding-bottom:30px !important;} 


.St144 .St146{display:block;}
.St144:hover > a .St146 {mix-blend-mode: unset !important; width:100%; text-align:center; border:1px #6a9d66 solid; padding:15px 0px 15px 0px;margin:0px 0px 10px 0px; background-color:#d7ff9b; text-decoration:none; color:#6a9d66 !important; font-size:22px;} 

.St144 .St44{transform: scale(1);margin:5px;}


.St145{position:relative; clear:both;}
.St146{ mix-blend-mode: unset !important; width:100%; text-align:center; border:1px #ab7e24 solid; padding:15px 0px 15px 0px;margin:0px 0px 10px 0px; background-color:#faedd0; text-decoration:none; color:#ab7e24 !important; font-size:22px;}
.St146:hover{ mix-blend-mode: unset !important; width:100%; text-align:center; border:1px #6a9d66 solid; padding:15px 0px 15px 0px;margin:0px 0px 10px 0px; background-color:#d7ff9b; text-decoration:none; color:#6a9d66 !important; font-size:22px;}


.St147{padding:10px;}
.St148{ min-height:625px; clear:both; width:100%; padding:670px 5px 0px 0px; border-bottom: 1px #faedd0 solid; clear:both;}
.St149{padding:20px 0px 20px 0px;}

.St150{text-align:left;}
.St151{text-align:center;width:100%; clear:both; font-size:24px; padding:20px 0px 10px 0px;}
.St151 img{vertical-align:top; height:25px;}



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






.Wykonanie{ background-color:#4d4d4d;  text-align:right; padding:10px 10px 10px 0px; font-size:14px; }
.Wykonanie a img{vertical-align:middle;}





@keyframes ladowanie {
	0% {
		background-position: center center;
		top:0px;
		opacity: 1;
	}

	90% {
		background-position: center center;
		top:0px;
		opacity: 1;
	}
	100% {
		background-position: center center;
		top:-100vh;
		opacity: 1;
	}

}

@keyframes ladowanieLogoSize {
	0% {
transform:scale(0.9);
	}
	100% {
transform:scale(1.2);
	}

}


@keyframes ladowanieLogo {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(-45px);
		transform:scale(1);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(-24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(-12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(-6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
		
	}
}


@keyframes loadingImgRow {
	0% {
		opacity: 0;
		transform: translateX(-450px) rotate(-200deg);
	}

	50% {
		opacity: 1;
		transform: translateX(0) rotate(0deg);
	}
	
	100% {
		opacity: 0;
		transform: translateX(450px) rotate(200deg);
	}
	
	
}