@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
body{margin:0; font-size:18px; position:relative; font-family:Rajdhani; background-color:#FFFFFF; color:#4b4b4b;}
h1{color:#4b4b4b;font:32px Rajdhani;font-family:Rajdhani;margin:25px 0px 10px 0px;font-weight:700;text-align:left;}
.IndexH1{color:#4b4b4b;font:32px Rajdhani;font-family:Rajdhani;margin:25px 0px 10px 0px;font-weight:700; text-align:center; text-transform: uppercase;}
.IndexH2{margin-top:150px; text-align:center;}
.IndexH3{margin-top:150px; text-align:center;}
.H3zestaw{font-size:18px; margin:25px 0px 0px 0px;}
h2{color:#4b4b4b;font:32px Rajdhani;font-family:Rajdhani; margin:25px 0px 10px 0px;font-weight:700;text-align:left;}
h2 span{color:#4d4d4d; font:26px Rajdhani;font-family:Rajdhani;font-weight:400; text-align:left;}
h3{color:#4b4b4b;font:32px Rajdhani;font-family:Rajdhani;margin:25px 0px 10px 0px;font-weight:700;text-align:left;}
input{ padding:5px; border:none; border-bottom:1px #999999 solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px; background:none;}
h4{margin:5px;}
h4 div {width:40px; text-align:center; display:inline-block; margin-right:10px; font-weight:300;}
h4 div img { margin:5px; vertical-align:middle;}

hr {background-color: #FFFFFF; height: 1px; color: #FFFFFF; border: 0px; clear:both;}
.HrOpinie{background-color: #FFFFFF; height: 1px; color: #FFFFFF; border: 0px; clear:both;}
label a{color:#4d4d4d; text-decoration:none;}
* {scroll-behavior: smooth; -webkit-text-size-adjust: none;  text-size-adjust: none; }
.inputOther{width:100% !important; padding:5px; border:none; border-bottom:1px #999999 solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px;}  
.inputOtherKW{width:100% !important; padding:5px; border:none; border-bottom:1px #999999 solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px; height:200px;}  

.inputSubmit{width:30% !important; padding:5px; border:none; border:1px #999999 solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px;}  
.inputCheckbox{width:15px !important; padding:5px; border:none; border:1px #999999 solid; color:#4b4b4b; font-family:Rajdhani; font-size:16px;}  

  
  
.DivMiniSchowek{width:40px; height:30px; color:#FFFFFF; position:fixed; right:34px; top:calc(40vh + 12px); z-index:2; border-radius:10px; }
.DivMiniSchowek input{ border:none; text-align:center; color:#FFFFFF; font-size:26px; font-weight:600;}
  

.SchowekBig{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;}
.SchowekBig: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;}

.SchowekBig_a{color:#4d4d4d; text-decoration:none;}
.SchowekBig_a:hover{color:#FFFFFF; text-decoration:none;}
.SchowekBig div{width:50px;height:50px; display:inline-block; margin:-12px 0px 0px 0px; overflow:hidden; border-radius: 35px; transition:all 0.2s;  box-sizing:border-box; border:1px #4d4d4d solid; background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover; float:right;}
  
.Cont_zew{text-align:center; }
.Cont_wew{margin:0 auto; width:1200px; text-align:left; -webkit-animation:fadein 1.2s;-moz-animation:fadein 1.2s;-ms-animation:fadein 1.2s;-o-animation:fadein 1.2s;animation:fadein 1.2s;  display:inline-block;position: relative}
.Cont_wewLinki{text-decoration:none; color:#4d4d4d; font-weight:400;}


@keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@-moz-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
@-ms-keyframes fadein{from{opacity:0;}
to{opacity:1;}
}


.Div_midprzer{clear:both; font-size:1px;}
.Div_midprzer900{ font-size:1px;width:900px; display:block; height:1px; border-top:1px #d3d3d3 solid;}
.Div_midprzer900_more{margin-top:30px;}

.NawigatorButton{margin:35px 0px 15px 0px; text-align:center; display:block; width:100%;}
.NawigatorButton img{width:100%;}
 
.Div_Logo{text-align:center;  height:100vh; background-image:url(images/tlo_top_glowna.png);background-repeat:no-repeat; background-position:center top; background-size: cover; }

.Div_Logo_big{text-align:center;  height:auto;position:relative; }


.Div_Logo_in_call{width:100%; height:350px;  text-align:center; font-size:24px; font-weight:300;  display:inline-block; text-align:center;  top:2%; right:5vw; position:absolute; top:350px; left:0%; color:#4b4b4b; }


.SnapContGlowna{background-color:#F7F7F8; box-sizing:border-box; padding:40px 0px 40px 0px; position:relative;}
.SnapContGlowna_left{float:left; width:100px;  box-sizing:border-box; text-align:center; cursor:pointer;height:350px;}
.SnapContGlowna_left img{margin-top:120px;}

.SnapContGlowna_center{float:left; width:1000px;  box-sizing:border-box; overflow:hidden; height:350px; }
.SnapContGlowna_center_inside{ overflow: hidden; scroll-behavior: smooth; height:350px;  }

.SnapContGlowna_right{float:left; width:100px;  box-sizing:border-box; text-align:center;cursor:pointer;height:350px;}
.SnapContGlowna_right img{margin-top:120px;}

.DivGlownaDz_1{background-image:url(images/bg-glowna-1.png);background-repeat:no-repeat; background-position:center center; background-size: cover; height:546px;}
.DivGlownaDz_2{background-image:url(images/bg-glowna-2.png);background-repeat:no-repeat; background-position:center center; background-size: cover; height:426px;}
.DivGlownaDz_3{background-image:url(images/bg-glowna-3.png);background-repeat:no-repeat; background-position:center center; background-size: conatin; height:581px; margin-top:150px;}



.ImgCechy{margin:80px 0px 80px 0px;}


.DivPromoImg1{width:250px; height:86px; margin:5px 0px 0px 0px; display:inline-block; box-sizing:border-box; text-decoration:none; background-image:url(images/promo.png);background-repeat:no-repeat; background-position:center top;}
.DivPromoImg2{width:250px; height:86px; margin:5px 0px 0px 0px; display:inline-block; box-sizing:border-box; text-decoration:none; background-image:url(images/promo2.png);background-repeat:no-repeat; background-position:center top;}
.DivPromoImg3{width:250px; height:86px; margin:5px 0px 0px 0px; display:inline-block; box-sizing:border-box; text-decoration:none; background-image:url(images/promo3.png);background-repeat:no-repeat; background-position:center top;}


.DivPromoImg1in{width:250px; height:86px; margin:0px; display:inline-block; box-sizing:border-box;  background-image:url(images/promo-on.png);background-repeat:no-repeat; background-position:center top; opacity: 0; transition: all .5s ease-in-out;}
.DivPromoImg2in{width:250px; height:86px; margin:0px; display:inline-block; box-sizing:border-box;  background-image:url(images/promo2-on.png);background-repeat:no-repeat; background-position:center top; opacity: 0; transition: all .5s ease-in-out;}
.DivPromoImg3in{width:250px; height:86px; margin:0px; display:inline-block; box-sizing:border-box;  background-image:url(images/promo3-on.png);background-repeat:no-repeat; background-position:center top; opacity: 0; transition: all .5s ease-in-out;}


.DivPromoImg1in:hover{width:250px; height:86px; margin:0px; display:inline-block; box-sizing:border-box;  background-image:url(images/promo-on.png);background-repeat:no-repeat; background-position:center top;opacity: 1;
 transition: all .5s ease-in-out;}
.DivPromoImg2in:hover{width:250px; height:86px; margin:0px; display:inline-block; box-sizing:border-box;  background-image:url(images/promo2-on.png);background-repeat:no-repeat; background-position:center top;opacity: 1;
 transition: all .5s ease-in-out;}
 .DivPromoImg3in:hover{width:250px; height:86px; margin:0px; display:inline-block; box-sizing:border-box;  background-image:url(images/promo3-on.png);background-repeat:no-repeat; background-position:center top;opacity: 1;
 transition: all .5s ease-in-out;}





.Div_Logo_in_call_float{width:219px;  height:52px; text-align:center; font-size:24px; font-weight:300;  display:inline-block; text-align:center; top:2vh; right:1vw; position: fixed; z-index:1;  background-image:url(images/call_float.png);background-repeat:no-repeat; background-position:center center; line-height:19px; -webkit-animation:InvertAnim 5s linear 2s infinite; -moz-animation:InvertAnim 5s linear 2s infinite;-ms-animation:InvertAnim 5s linear 2s infinite; -o-animation:InvertAnim 5s linear 2s infinite;animation:InvertAnim 5s linear 2s infinite;}
.Div_Logo_in_call_float span{color:#006b7d; font-size:14px; }
.Div_Logo_in_call_float a{color:#006b7d; text-decoration:none; font-weight:900; }

.Div_Logo_in_call_float_schowek{width:119px; height:103px; text-align:center; display:inline-block; text-align:center; top:40vh; right:0vw; position: fixed; z-index:1;  background-image:url(images/schowek.png);background-repeat:no-repeat; background-position:center center; text-decoration:none;   transition: all .5s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.Div_Logo_in_call_float_schowek:hover{width:119px; height:103px; text-align:center; display:inline-block; text-align:center; top:40vh; right:0vw; position: fixed; z-index:1;  background-image:url(images/schowek.png);background-repeat:no-repeat; background-position:center center; text-decoration:none;    transition: all .5s ease-in-out; -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);}


.Div_Logo_in_call_float_nu{width:119px; height:103px; text-align:center; display:inline-block; text-align:center; top:28vh; right:0vw; position: fixed; z-index:1;  background-image:url(images/nawigator-urzadzen.png);background-repeat:no-repeat; background-position:center center; text-decoration:none;}


.Div_Logo_in_diamond{width:322px; height:94px; text-align:center; font-size:24px; font-weight:300;  display:inline-block; text-align:center; position:absolute; top:0%; left:calc(50% - 161px); background-image:url(images/diament.png);background-repeat:no-repeat; background-position:center center;}

.Div_Logo_in_belka{width:100%; height:106px; text-align:center; font-size:24px; font-weight:300;  display:inline-block; text-align:center; position:absolute; top:70%; left:0%; background-image:url(images/belka.png);background-repeat:no-repeat; background-position:center center; transition: all 0.5s ease; }


.Div_Logo_in_more{width:100px; height:50px; text-align:center; font-size:24px; font-weight:300;  display:inline-block; text-align:center; position:absolute; bottom:20px; left:calc(50% - 50px); background-image:url(images/zobacz_wiecej.png); background-repeat:no-repeat; background-position:center center; -webkit-animation:MoreAnim 1.5s linear .1s infinite; -moz-animation:MoreAnim 1.5s linear .1s infinite;-ms-animation:MoreAnim 1.5s linear .1s infinite; -o-animation:MoreAnim 1.5s linear .1s infinite;animation:MoreAnim 1.5s linear .1s infinite; cursor:pointer;}


@keyframes MoreAnim{0%{bottom:20px}50%{bottom:35px} 100%{bottom:20px}}
@-moz-keyframes MoreAnim{0%{bottom:20px}50%{bottom:35px} 100%{bottom:20px}}
@-webkit-keyframes MoreAnim{0%{bottom:20px}50%{bottom:35px} 100%{bottom:20px}}
@-ms-keyframes MoreAnim{0%{bottom:20px}50%{bottom:35px} 100%{bottom:20px}}



.Div_Logo_in{margin:0 auto; width:1200px; text-align:center; -webkit-animation:fadein 1.2s;-moz-animation:fadein 1.2s;-ms-animation:fadein 1.2s;-o-animation:fadein 1.2s;animation:fadein 1.2s;  height:calc(100vh - 96px); display:inline-block; position: relative;}
.Div_Logo_in_left{width:449px;  text-align:center; font-size:24px; font-weight:300;  display:inline-block; text-align:center; position:absolute; top:120px; left:calc(50% - 224px);}
.Div_Logo_in_social{width:600px;  text-align:right; float:right;  position: absolute;  bottom: 0; right:0; margin:0px 0px 15px 0px;}

.Div_top_Index_Fast{text-align:center;background-image:url(images/tlo_top_fast.png); background-repeat:repeat-x; background-position:top center;}


.Div_Logo_small{text-align:center;  height:203px; background-image:url(images/tlo_top_small.png);background-repeat:no-repeat;background-position:center center; border:1px #efefef solid; -webkit-box-shadow: inset 0px 0px 10px -3px rgba(0,0,0,0.25); 
box-shadow: inset 0px 0px 10px -3px rgba(0,0,0,0.25);}

.Div_Logo_small_anim{text-align:center;  height:auto;position:relative;}



.Div_Logo_in_small{margin:0 auto; width:1200px; text-align:left; -webkit-animation:fadein 1.2s;-moz-animation:fadein 1.2s;-ms-animation:fadein 1.2s;-o-animation:fadein 1.2s;animation:fadein 1.2s;  height:203px; display:inline-block; position: relative; }
.Div_Logo_in_left_small{width:449px;  text-align:center; font-size:24px; font-weight:300; margin:20px 0px 0px 0px; display:inline-block;}
.Div_Logo_in_social_small{width:450px;  text-align:right; float:right;  position: absolute;  top: 100px; left:calc(50% - 200px); margin:0px; color:#4d4d4d;  background-image:url(images/tlo_top_small_zadzwon.png); background-repeat:no-repeat; background-position:-33% center; }


.PromocjeHref{text-decoration:none;}
.TopdivPromocje{text-align:center; padding:15px 0px 0px 0px;background: rgb(255,0,0);background: radial-gradient(circle, rgba(255,0,0,1) 0%, rgba(153,0,0,1) 100%); -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.41); box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.41); z-index:10;position:relative; height:40px; transition:all 0.5s ease;}
.TopdivPromocje:hover{text-align:center; padding:15px 0px 0px 0px;background: rgb(255,0,0);background: radial-gradient(circle, rgba(255,0,0,1) 0%, rgba(153,0,0,1) 100%); -webkit-box-shadow: none; box-shadow: none; z-index:10;position:relative; height:40px; transition:all 0.5s ease;}

.TopdivPromocje_in{margin:0 auto; width:1200px; text-align:left; color:#FFFFFF;}
.TopdivPromocje_in span{font-weight:900;}
.TopdivPromocje_in img{vertical-align:middle; margin:0px 15px 0px 0px;}
.PromocjeLista{display:inline-block; width:800px; height:25px; overflow:hidden; float:right; box-sizing:border-box;}
.PromocjeLicz{display:inline-block; width:250px; border:1px #FFFFFF solid;overflow:hidden; float:right; box-sizing:border-box; border-radius:5px; text-align:center; font-size:14px;padding:5px; margin-top:-5px;}
.PromocjeLicz div{display:inline-block; color:#FF0000; background-color:#FFFFFF; border-radius:3px; padding:0px 5px 0px 5px; font-size:18px; font-weight:900; margin:0px 0px 0px 15px;}


.ButtonSocial{margin:5px 0px 0px 20px; display:inline-block; }
.ButtonSocial img{vertical-align:middle; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.ButtonSocial img:hover{vertical-align:middle;  -webkit-filter: none; filter: none; }


.ButtonSocialCopy{margin:5px 0px 0px 75px !important; display:inline-block; float:left;}
.ButtonSocialCopy img{vertical-align:middle;  float:left; margin:0px !important;}
.ButtonSocialCopy img:hover{vertical-align:middle;  float:left; margin:0px !important;}


.Div_menuCont{ z-index:2; position:relative; background-color:#FFFFFF;}
.Div_menu{position:relative;}



.Div_menu a img{vertical-align:middle; float:left; margin:25px;}
.Div_menu a img:hover{vertical-align:middle; float:left; margin:25px;}

.ButtonMenu{display:block; width:auto; padding:5px 15px 5px 15px; border:1px #4d4d4d solid; border-radius:5px; float:right; color:#4d4d4d; text-decoration:none; font-weight:900; margin:25px 0px 25px 40px;transition:all 1s ease; background:none;}
.ButtonMenu:hover{display:block; width:auto; padding:5px 15px 5px 15px; border:1px #4d4d4d solid; border-radius:5px; float:right; color:#4d4d4d; text-decoration:none; font-weight:900; margin:25px 0px 25px 40px;transition:all 1s ease; background-color:rgba(255,255,255,0.4);}

.ButtonMenu2{display:block; width:205px; padding:5px 15px 5px 15px; border:1px #4d4d4d solid; border-radius:5px;  color:#4d4d4d; text-decoration:none; font-weight:500; margin:5px 0px 0px 0px;transition:all 1s ease; background:none; text-align:center;}
.ButtonMenu2:hover{display:block; width:205px; padding:5px 15px 5px 15px; border:1px #4d4d4d solid; border-radius:5px;  color:#4d4d4d; text-decoration:none; font-weight:500; margin:5px 0px 0px 0px;transition:all 1s ease; background-color:rgba(206,206,206,0.4); text-align:center;}



.ButtonOnPage{display:block; width:auto; padding:5px 15px 5px 15px; border:1px #4d4d4d solid; border-radius:5px; float:right; color:#4d4d4d; text-decoration:none; font-weight:900; transition:all 1s ease; background:none;}
.ButtonOnPage:hover{display:block; width:auto; padding:5px 15px 5px 15px; border:1px #4d4d4d solid; border-radius:5px; float:right; color:#4d4d4d; text-decoration:none; font-weight:900; transition:all 1s ease; background-color:rgba(255,255,255,0.4);}
.ButtonOnPage img{vertical-align:middle; margin-left:10px;}

.ButtonOnPage a{color:#4d4d4d; text-decoration:none;}

.ButtonOnPage_center{float:none !important; text-align:center; width:150px; margin:330px 0px 0px calc(50% - 75px);  box-sizing:border-box; clear:both;}
.ButtonOnPage_center:hover{float:none !important; text-align:center; width:150px; margin:330px 0px 0px calc(50% - 75px);  box-sizing:border-box; clear:both;}

#SchowekLicznik{width:70%;}


.TopLinkTel{display:block; width:auto;   float:right; color:#4d4d4d; text-decoration:none; font-weight:300; position:absolute; top:80px; right:0px;  width:265px; text-align:left;}
.TopLinkTel:hover{display:block; width:auto;   float:right; color:#4d4d4d; text-decoration:none; font-weight:500; position:absolute; top:80px; right:0px;  width:265px; text-align:left;}
.TopLinkTel img{vertical-align:middle; margin-right:10px;}

.TopLinkTel2{display:block; width:auto;   float:right; color:#4d4d4d; text-decoration:none; font-weight:300; position:absolute; top:110px; right:0px;  width:265px; text-align:left;}
.TopLinkTel2:hover{display:block; width:auto;   float:right; color:#4d4d4d; text-decoration:none; font-weight:500; position:absolute; top:110px; right:0px;  width:265px; text-align:left;}
.TopLinkTel2 img{vertical-align:middle; margin-right:10px;}


.TopLinkMail{display:block; width:auto;   float:right; color:#4d4d4d; text-decoration:none; font-weight:300; position:absolute; top:140px; right:0px;  width:265px; text-align:left;}
.TopLinkMail:hover{display:block; width:auto;   float:right; color:#4d4d4d; text-decoration:none; font-weight:500; position:absolute; top:140px; right:0px;  width:265px; text-align:left;}
.TopLinkMail img{vertical-align:middle; margin-right:10px;}



.ButtonOnPage_topBaseny{margin:-5px 0px 0px 15px;}

.DivTopBelka1{position:absolute;  left:0px; top:73vh; width:70vw; height:auto; background-image:url(images/bleka-glowna.png);background-repeat:no-repeat; background-position:top right; height:141px;}
.DivTopBelka2{position:relative; float:right; width:400px; box-sizing:border-box;}
.DivTopBelka3{width:400px; text-align:right; margin:0px; box-sizing:border-box; position:absolute; top:10px; right:35px; color:#FFFFFF; }
.DivTopBelka4{background-color:#808080;color:#FFFFFF;  border-radius:5px;  padding:3px 15px 3px 15px; box-sizing:border-box; position:absolute; top:55px; right:50px;}
.DivTopBelka5{position:absolute; top:75px;  left:112px; font-weight:300; text-align:left; width:570px; color:#4d4d4d;}




.AddedInput{color:#686868; width:420px;}
.AddedInput::placeholder{color:#686868;}
.Div_menu form{width:500px;  box-sizing:border-box; padding:15px; float:right; margin:30px 20px 0px 0px; position:fixed; top:0px; left: calc(50% - 240px); z-index:100; transition:all 1s ease; border-radius:5px;}
.ImgSubmit{vertical-align:middle; float:right; width:16px; border:none;}
.ImgSubmit:hover{vertical-align:middle; float:right; width:16px;border:none;}



.mr5pxIMG{margin:5px;}
.LinkKolorNice{text-decoration:none; color:#4d4d4d;}



.LinkKolorNiceBig{text-decoration:none; color:#4d4d4d; font-weight:600; font-size:28px; margin:0px 5px 0px 0px; padding:10px;}

.LinkKolorNiceNew{text-decoration:none; color:#4d4d4d; display: inline !important; width:auto !important; float:none !important; font-weight:600;}
.LinkKolorNiceNew:hover{text-decoration:underline; color:#4b4b4b; display: inline !important; width:auto !important; float:none !important;}


.TelefonLink {border:none; text-decoration:none; color:#4b4b4b; font-weight:700; font-size:20px;}
.TelefonLink:hover {border:none; text-decoration:none; color:#5d1676; font-weight:700; font-size:20px;}

.TelefonLinkFat {border:none; text-decoration:none; color:#4d4d4d; font-weight:900;  font-size:28px; }
.TelefonLinkFat:hover {border:none; text-decoration:none; color:#000000; font-weight:900; font-size:28px; }

.PromoCounter{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important;font-weight:400; margin:1px 10px 0px 0px; background-color:#5d1676; padding:1px 5px 1px 5px; box-sizing:border-box; font-size:14px; border-radius:3px;  text-align:center; margin:0px 0px 0px 5px;}
.CoptTitle{font-size:28px;}
.ImgCopyTelMail{vertical-align:middle; margin:0px 5px 0px 0px;}






.ButtonAllCopy{font-size:18px !important; transition:all 0.5s ease !important;  width:300px !important; height:38px !important; color:#FFFFFF !important; border:none !important; text-align:center !important;  display: flex !important; flex-direction: column !important;  justify-content: center !important; overflow: hidden !important;  background-image:url(images/button_off.png) !important; margin-left:30px;}
.ButtonAllCopy a{font-size:18px !important; transition:all 0.5s ease !important; color:#FFFFFF !important;  margin: 0 !important; padding: 20px !important; text-decoration:none !important; }
.ButtonAllCopy a:hover{font-size:18px !important; transition:all 0.5s ease !important; color:#4b4b4b !important;  margin: 0 !important; padding: 20px !important; text-decoration:none !important;}
.ButtonAllCopy:hover{font-size:18px !important; width:300px !important; height:38px !important; color:#FFFFFF !important; border:none !important; text-align:center !important;  display: flex !important; flex-direction: column !important; justify-content: center !important; overflow: hidden !important; background-image:url(images/button_on.png) !important; margin-left:30px;}

.LineDivider{margin:0px 0px 30px 0px;}
.LineDividerLight{margin:0px 0px 5px 0px;}


.LinkCleanStrong{text-decoration:none; color:#4b4b4b;}

@keyframes InvertAnim{0%{filter: invert(0); transform: rotate(0deg);}5%{filter: invert(0.30);transform: rotate(5deg);}10%{filter: invert(0); transform: rotate(0deg);} 15%{filter: invert(0.30); transform: rotate(5deg);} 20%{filter: invert(0); transform: rotate(0deg);}100%{filter: invert(0);transform: rotate(0deg);}}
@-moz-keyframes InvertAnim{0%{filter: invert(0); transform: rotate(0deg);}5%{filter: invert(0.30);transform: rotate(5deg);}10%{filter: invert(0); transform: rotate(0deg);} 15%{filter: invert(0.30); transform: rotate(5deg);} 20%{filter: invert(0); transform: rotate(0deg);}100%{filter: invert(0);transform: rotate(0deg);}}
@-webkit-keyframes InvertAnim{0%{filter: invert(0); transform: rotate(0deg);}5%{filter: invert(0.30);transform: rotate(5deg);}10%{filter: invert(0); transform: rotate(0deg);} 15%{filter: invert(0.30); transform: rotate(5deg);} 20%{filter: invert(0); transform: rotate(0deg);}100%{filter: invert(0);transform: rotate(0deg);}}
@-ms-keyframes InvertAnim{0%{filter: invert(0); transform: rotate(0deg);}5%{filter: invert(0.30);transform: rotate(5deg);}10%{filter: invert(0); transform: rotate(0deg);} 15%{filter: invert(0.30); transform: rotate(5deg);} 20%{filter: invert(0); transform: rotate(0deg);}100%{filter: invert(0);transform: rotate(0deg);}}


.DivMidRight{width:100%; display:inline-block; text-align:justify; margin-bottom:40px; }
.DivMidRight div{margin:0px auto; width:1200px; }
.DivMidRight div img{float:right; margin:0px 0px 35px 35px;}
.DivMidRight a{display:block; width:50%; float:left; text-align:center; position:relative;}
.DivMidRight a div{clear:both; display:inline-block; width:237px; height:43px; background-image:url(images/oferta.png);background-repeat:no-repeat;background-position:center center;  float:left; margin:25px 0px 0px calc(50% - 102px); -webkit-animation:InvertAnim 5s linear 2s infinite; -moz-animation:InvertAnim 5s linear 2s infinite;-ms-animation:InvertAnim 5s linear 2s infinite; -o-animation:InvertAnim 5s linear 2s infinite;animation:InvertAnim 5s linear 2s infinite;}

.DivMidRight a div:hover{clear:both; display:inline-block; width:237px; height:43px; background-image:url(images/oferta-on.png);background-repeat:no-repeat;background-position:center center;  float:left; margin:25px 0px 0px calc(50% - 102px); -webkit-animation:InvertAnim 5s linear 2s infinite; -moz-animation:InvertAnim 5s linear 2s infinite;-ms-animation:InvertAnim 5s linear 2s infinite; -o-animation:InvertAnim 5s linear 2s infinite;animation:InvertAnim 5s linear 2s infinite;}

.DivMidRightSplit{width:49%; display:inline-block; float:left; text-align:justify; margin-bottom:15px; padding:20px; box-sizing:border-box; position:relative;}
.DivMidRightSplit h2{margin:5px 0px 15px 5px;}
.DivMidRightSplit a{display:block; width:100%; float:left; text-align:center; position:relative;}
.DivMidRightSplit a img{clear:both; float:left; margin:25px 0px 0px calc(50% - 102px); cursor:pointer; height:auto !important; -webkit-animation:InvertAnim 5s linear 2s infinite; -moz-animation:InvertAnim 5s linear 2s infinite;-ms-animation:InvertAnim 5s linear 2s infinite; -o-animation:InvertAnim 5s linear 2s infinite;animation:InvertAnim 5s linear 2s infinite;}
.DivMidRightSplit img{cursor:pointer; transition:all 1s ease; height:317px; max-width:100%;}


.MidBlue{width:100%; clear:both; font-size:1px; background-image:url(images/bg-mid-blue.png); background-repeat:no-repeat; background-position:center center; display:block; height:143px;}
.MidBlue_small{height:24px;}


.VideoIndex{height:0px; width:100%; transition:all 1s ease; display:block;}
.VideoIndexActive{height:320px; width:100%; transition:all 1s ease; display:block;}



.DivMidLeft{width:100%; display:inline-block; text-align:justify; margin-bottom:40px; }
.DivMidLeft div{margin:0px auto; width:1200px; }
.DivMidLeft div img{float:left; margin:0px 35px 35px 0px;}
.DivMidLeft a{display:block; width:45%; float:right; text-align:center; position:relative;}
.DivMidLeft a div{clear:both; display:inline-block; width:237px; height:43px; background-image:url(images/oferta.png);background-repeat:no-repeat;background-position:center center;  float:left; margin:25px 0px 0px calc(50% - 102px); -webkit-animation:InvertAnim 5s linear 2s infinite; -moz-animation:InvertAnim 5s linear 2s infinite;-ms-animation:InvertAnim 5s linear 2s infinite; -o-animation:InvertAnim 5s linear 2s infinite;animation:InvertAnim 5s linear 2s infinite;}

.DivMidLeft a div:hover{clear:both; display:inline-block; width:237px; height:43px; background-image:url(images/oferta-on.png);background-repeat:no-repeat;background-position:center center;  float:left; margin:25px 0px 0px calc(50% - 102px); -webkit-animation:InvertAnim 5s linear 2s infinite; -moz-animation:InvertAnim 5s linear 2s infinite;-ms-animation:InvertAnim 5s linear 2s infinite; -o-animation:InvertAnim 5s linear 2s infinite;animation:InvertAnim 5s linear 2s infinite;}


.GoogleMaps{width:100%; height:450px; margin-bottom:-6px; border-top:3px #1ad5ff solid; border-right:none; border-left:none; border-bottom:none; }


.ImgIndexZDO{text-align:center; width:100%;display:block; margin-top:50px;}

 
.DivHarmonogram{text-align:center;background-image:url(images/tlo_harmonogram.png); background-repeat:no-repeat; background-position:center center; height:339px; width:100%; margin:45px 0px 45px 0px; display:inline-block; position: relative;}
.DivHarmonogram p{font-size:22px; margin:60px 0px 30px 0px;}

.PtextSmall{margin:5px 0px 0px 0px;  font:14px Rajdhani; font-family:Rajdhani; font-weight:500; text-align:justify;} 


.Copy{width:100%; height:425px;background-image:url(images/tlo_copy.png);background-repeat:no-repeat;background-position:top center; margin-top:50px;}
.Copy_in{width:1200px; height:425px; margin:0 auto; color:#4b4b4b; padding-top:50px; box-sizing:border-box; }
.DivTriCopy{width:395px; text-align:left; display:inline-block; float:left; position:relative; padding:20px 0px 0px 120px; box-sizing:border-box; }
.DivTriCopy a{color:#4b4b4b; text-decoration:none; width:100%; display:block; margin:30px 0px 0px 0px;}
.DivTriCopy a:hover{color:#000000; text-decoration:none; width:100%; display:block; margin:30px 0px 0px 0px;}
.DivTriCopy_Logo{margin:30px 0px 0px 0px;}

.CopyAddBottomDiv{clear:both; padding-top:120px;text-shadow: 2px 2px 2px #4b4b4b; }
.EtapImg{margin:60px 0px 0px 0px;}
.Wykonanie{ background-color:#4d4d4d;  text-align:right; padding:10px 100px 10px 0px; font-size:14px; }
.Wykonanie a img{vertical-align:middle;}



.DotCennik{vertical-align:middle; margin:0px 10px 0px 0px;}

.cookiesAlert{width:600px; height:auto;  background-color: #FFFFFF;   position: fixed;  bottom: 70px;  left:calc(50% - 300px); 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:#00ccff; 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:#05558e; 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;}







.DivKatOpis{padding:0px 20px 0px 20px; border:1px #e3e3e3 solid; margin:0px 15px 0px 0px; box-sizing:border-box; border-radius:5px;-webkit-box-shadow: inset 0px 0px 8px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 8px 1px rgba(0,0,0,0.1); overflow:hidden;}
.MalaIkonkaTop{margin-top:40px;}
 

.DivPageKat {font-size:14px; margin-top:-10px; margin-bottom:15px;}
.DivPageKat a{font-size:14px;padding-left:10px; color:#4d4d4d; text-decoration:none;}
.DivPageKat a:hover{font-size:14px;padding-left:10px; color:#4d4d4d; text-decoration:underline;}

.LinkKatSmall{font-size:14px; text-decoration:underline; text-decoration-color:#e0e0e0; color:#4d4d4d; font-weight:100;}
.LinkKatSmall:hover{font-size:14px; text-decoration:none; color:#4b4b4b; font-weight:300;}

.LinkNawigator {text-decoration:none; color:#808080; display: inline-block; margin:10px; border:1px #eaeaea solid; padding:10px; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px; overflow: hidden; transition:all 0.5s;} 
.LinkNawigator:hover {text-decoration:none; color:#4d4d4d; display: inline-block; margin:10px; border:1px #4d4d4d solid; padding:10px; -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px; overflow: hidden; transition:all 0.5s;} 
.DivNawigator {text-align:center; margin-bottom:15px;}

.floatright{float:right;}
.mr5px{margin-right:5px;margin-left:10px;}
.mr15pxtop{margin:15px 0px 0px 0px;} 
.DivCertyfikaty{height:0px; overflow:hidden;  }

.DivPromoTematyczny {width:250px; min-height:600px; float:right; padding:0px 10px 0px 10px; margin:0px 10px 0px 10px;}
.DivPromoTematyczny a{display:block; text-decoration:none; margin:3px 3px 6px 3px; color:#4d4d4d;}
.DivPromoTematyczny a:hover{display:block; text-decoration:none; margin:3px 3px 6px 3px; color:#4b4b4b; }



.DivPromoTematycznyCennik {width:250px; float:right; padding:0px 10px 0px 10px; margin:0px 10px 0px 10px;}
.DivPromoTematycznyCennik a{display:block; text-decoration:none; margin:3px 3px 6px 3px; color:#4d4d4d;}
.DivPromoTematycznyCennik a:hover{display:block; text-decoration:none; margin:3px 3px 6px 3px; color:#4b4b4b; }


.DivPromoImg{display:block; text-decoration:none; margin:3px 3px 3px 3px !important; border:none;}


.DivNumberAddCartCont{width:90%; display:flex; justify-content:center; align-content:center; margin:30px 10px 0px 0px;}
.DivNumberAddCartContMinus{padding:10px 20px 10px 20px; font-size:28px; display:flex; justify-content:center; align-content:center; border:1px #999999 solid; cursor:pointer;}
.DivNumberAddCartContPlus{padding:10px 20px 10px 20px; font-size:28px; display:flex; justify-content:center; align-content:center; border:1px #999999 solid; cursor:pointer;}
.MoveToShInput{width:30%; font-size:24px;box-sizing:border-box; appearance: textfield; text-align:center;}



.SchowekLink {display:block; width:90%; box-sizing:border-box; margin:10px 10px 10px 0px;  padding:10px 20px; text-align:center;   border:1px #999999 solid; text-decoration:none; font-size:22px; color: #4d4d4d; cursor:pointer;}
.SchowekLink:hover {display:block; width:90%; box-sizing:border-box; margin:10px 10px 10px 0px;  padding:10px 20px; text-align:center;   border:1px #999999 solid; text-decoration:none; font-size:22px; color:#000000; cursor:pointer;}
.SchowekLink img{vertical-align:middle; margin-left:10px;}
 
 
.InfoDiv{position:fixed;transition:all 0.5s; top:-50%; width:400px; left:calc(50vw - 200px); background-color:#FFFFFF; border:1px gray solid; padding:20px; text-align:center; -webkit-box-shadow: 1px 1px 24px -16px rgba(66, 68, 90, 1);-moz-box-shadow: 1px 1px 24px -16px rgba(66, 68, 90, 1);box-shadow: 1px 1px 24px -16px rgba(66, 68, 90, 1); font-size:26px;}
.InfoDiv img{width:30px; vertical-align:middle; margin-left:10px;}
 
 
.SchowekLinkOFF {display:block; width:90%; box-sizing:border-box; margin:30px 10px 10px 0px; border:1px #d8b63c solid; padding:10px 20px; text-align:center; background-color:#fcf4d6; color:#d8b63c; border-radius:7px; text-decoration:none; font-size:22px; font-weight:600;}
.SchowekLinkOFF:hover {display:block; width:90%; box-sizing:border-box; margin:30px 10px 10px 0px; border:1px #d8b63c solid; padding:10px 20px; text-align:center; background-color:#fceeba; color:#d8b63c; border-radius:7px; text-decoration:none; font-size:22px; font-weight:600;} 






.MalaIkonka{margin-right:5px;}


.WpisCenyKolor{ color:#4d4d4d; }
[tip] .tooltip {  position: fixed;  font-size: 16px;  line-height: 20px;  padding: 5px;  background: white;  border: 1px solid #ccc;  visibility: hidden;  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);  opacity: 0;  transition:    opacity 0.3s,    visiblity 0s;}
[tip]:hover .tooltip {  visibility: visible;  opacity: 1;}
.DivCennik{padding:5px; display:table; border-bottom:1px #0474C4 solid; border-radius: 5px; margin:3px 3px 3px 0px; width:880px;}
.DivCennikBig{padding:5px; display:table; border-bottom:1px #0474C4 solid; border-radius: 5px; margin:3px 3px 3px 0px; width:99%;}
.DivCennikL{width:74%; display:inline-block; float:left;}
.DivCennikR{width:25%; display:inline-block; float:right; text-align:center;}
.Ukryte{display: none;}
.Ukryteli{list-style-type: none; margin:0px; width:880px; padding:0px;}
.search-list{list-style-type: none; margin:0px; width:880px; padding:0px;}

.GalDivGlowny{width:900px;height:300px;float:left; margin:5px 5px 10px 5px; overflow:hidden; border-radius: 35px; transition:all 0.2s; -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.59); box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.59); box-sizing:border-box; }
.GalDivGlowny:hover{width:900px;height:300px;float:left; margin:5px 5px 10px 5px; overflow:hidden; border-radius: 5px; transition:all 0.2s; -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.59); box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.59); box-sizing:border-box; }
.GalDivGlowny a{text-decoration:none;}
.GalDivGlowny div{display:table;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;transition:all 2s;text-align:center;}



.GalDivGlownyProdukt{width:50px;height:50px; display:inline-block; margin:10px 5px 10px 5px; overflow:hidden; border-radius: 35px; transition:all 0.2s;  box-sizing:border-box; border:1px #4d4d4d solid;}
.GalDivGlownyProdukt:hover{width:50px;height:50px; display:inline-block; margin:10px 5px 10px 5px; overflow:hidden; border-radius: 5px; transition:all 0.2s;  box-sizing:border-box; border:1px #000000 solid;}
.GalDivGlownyProdukt a{text-decoration:none;}
.GalDivGlownyProdukt div{display:table;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;transition:all 2s;text-align:center;}


.GalDivGlownyProduktGlowneDiv{max-width:450px; max-height:450px; display:inline-block; text-align:center; min-height:350px;}
.GalDivGlownyProduktGlowne{max-width:450px; max-height:450px; margin:0px 28px 0px 0px;}

.DivMoveToSh{width:420px; display:inline-block; height:100px; float:right; margin:50px 0px 0px 0px;}

.CechaOpis{width:855px; box-sizing:border-box; padding:5px 5px 5px 15px; margin:20px 0px 0px 40px;  border-radius:10px; background-color:#eaeaea; color:#6A6A6A; transition:all 0.5s;}
.CechaOpisImg{float:left; margin:3px 0px 0px 0px;}


.ButtonMoveToSh{width:100%; height:65px; border-radius:5px; font-size:28px; color:#4d4d4d; text-align:center; padding:14px; box-sizing:border-box; display:block; background-image:url(images/tlo_top_small_cena.png); background-repeat:no-repeat; background-position:center center; font-weight:200;}
.ButtonMoveToSh span{font-size:20px;  font-weight:600;}

.GalDivGlownySmall{margin:0 auto;width:120px;height:120px;float:left; margin:15px; box-sizing:border-box; overflow:hidden; transition:all 0.2s; border-radius:35px; -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.59); box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.59); box-sizing:border-box; }
.GalDivGlownySmall:hover{margin:0 auto;width:120px; height:120px; float:left; margin:15px; box-sizing:border-box;  overflow:hidden; border-radius: 5px; transition:all 0.5s; }

.GalDivGlownySmall a{text-decoration:none;}
.GalDivGlownySmall div{display:table;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;transition:all 2s;text-align:center;}


.DivKatPods{display:inline-block; position:relative; border:1px #808080 solid; margin:20px; width:250px; height:310px; transition: 1s;
 text-align:center; background-color:#4d4d4d; color:#FFFFFF;-webkit-box-shadow: 4px 6px 8px 1px rgba(0,0,0,0.43); box-shadow: 4px 6px 8px 1px rgba(0,0,0,0.43); overflow:hidden;}
 .DivKatPods:hover{display:inline-block; position:relative; border:1px #808080 solid; margin:20px; width:250px; height:310px; transition: 1s; text-align:center; -webkit-box-shadow: none; box-shadow: none; overflow:hidden;}
 .DivKatPods span{color:#FFFFFF; display:block; position:absolute; top:5px; font-size:14px; font-weight:300; mix-blend-mode: difference;}
 
.CenaAll{display:block; width:250px; height:40px; position:absolute; top:280px !important; left:0px; background-color:#757474; color:#FFFFFF;  mix-blend-mode: initial !important; font-size:22px !important; font-weight:600 !important;}
 
 
.DivKatPods_img{width:100%; height:180px;  display:inline-block;  background-repeat:no-repeat;background-position:center center;background-size:cover;  background-color: white;}
.DivPageKatPods{box-sizing:border-box; padding:10px;}
.LinkKolorNice h3{text-decoration:none; color:#FFFFFF; font-family:Rajdhani;font-weight:900; text-align:center; padding:5px; box-sizing:border-box; font-size:16px; margin:0px;}
.LinkKolorNice h3:hover{text-decoration:none; color:#FFFFFF; font-family:Rajdhani; font-weight:900; text-align:center; padding:5px;box-sizing:border-box; font-size:16px; margin:0px;}


.KatMenuLeft{width:294px; float:left;  box-sizing:border-box; padding:10px;}
.KatMenuRight{width:900px; float:left;  box-sizing:border-box;padding:0px;}

.KatBig{padding:0px; margin:0px;}

.KatLvl1{margin:0px; font-weight:900; list-style:none;}
.KatLvl1 a{text-decoration:none; color:#4d4d4d; border:1px #e3e3e3  solid; width:100%; display:block;padding:15px; box-sizing:border-box; margin:0px 0px 5px 0px; border-radius:3px; background-color:#F7F6F6; transition: 1s; margin:15px 0px 5px 0px;}
.KatLvl1 a:hover{text-decoration:none; color:#FFFFFF; border:1px #4d4d4d  solid; width:100%; display:block;padding:15px; box-sizing:border-box; margin:0px 0px 5px 0px; border-radius:3px; background-color:#4d4d4d; transition: 1s; margin:15px 0px 5px 0px;}


.KatLvl2{margin:15px 0px 5px 20px;font-weight:500;list-style:none;}
.KatLvl2 a{text-decoration:none; color:#4d4d4d;}
.KatLvl2 a:hover{text-decoration:underline; color:#4d4d4d; }


.KatLvl3{margin:15px 0px 5px 40px;font-weight:300;list-style:none;}
.KatLvl3 a{text-decoration:none; color:#4d4d4d; }
.KatLvl3 a:hover{text-decoration:underline; color:#4d4d4d;}
 
 
 
 .DivKatPodsSmall{display:inline-block; position:relative; border:1px #eaeaea solid; margin:20px 0px 20px 0px; width:150px; height:150px; transition: 1s; text-align:center; background-color:#eaeaea; color:#6A6A6A; overflow:hidden;-webkit-box-shadow: none; box-shadow: none;}
 .DivKatPodsSmall:hover{display:inline-block; position:relative; border:1px #eaeaea solid; margin:20px 0px 20px 0px; width:150px; height:150px; transition: 1s; text-align:center; -webkit-box-shadow: 4px 6px 8px 1px rgba(0,0,0,0.43); box-shadow: 4px 6px 8px 1px rgba(0,0,0,0.43); overflow:hidden; background-color:#eaeaea; color:#6A6A6A;}
 .DivKatPodsSmall span{color:#808080; display:block; position:absolute; top:5px; font-size:14px;}
 .DivKatPods_imgSmall{width:100%; height:80px;  display:inline-block;  background-repeat:no-repeat;background-position:center center;background-size:cover;  }
 .DivPageKatPodsSmall{box-sizing:border-box; padding:10px;}
.LinkKolorNiceSmall{text-decoration:none;} 
.LinkKolorNiceSmall h3{text-decoration:none; color:#6A6A6A; font:12px Rajdhani;font-family:Rajdhani;font-weight:500; text-align:center; padding:5px; box-sizing:border-box; font-size:12px; margin:0px;}
.LinkKolorNiceSmall h3:hover{text-decoration:none; color:#6A6A6A; font:12px Rajdhani;font-family:Rajdhani; font-weight:500; text-align:center; padding:5px;box-sizing:border-box; font-size:12px; margin:0px;}
.DivKatSmallPlus{display:inline-block; position:relative;  margin:20px 0px 20px 0px; width:40px; height:150px; transition: 1s; text-align:center; overflow:hidden; background-image:url(images/tlo_plus_small_zestaw.png); background-repeat:no-repeat; background-position:center center;}


.DivKatSmallPlusSchowek{display:inline-block; position:relative;  margin:20px 0px 20px 0px; width:150px; height:150px; transition: 1s; text-align:center; overflow:hidden; background-image:url(images/tlo_plus_small_zestaw_schowek.png); background-repeat:no-repeat; background-position:center center; text-decoration:none;}


 .DivKatPodsSmallRight{display:inline-block; position:relative; border:1px #eaeaea solid; margin:20px 0px 20px 0px; width:270px; height:170px; transition: 1s; text-align:center; background-color:#eaeaea; color:#6A6A6A; overflow:hidden;-webkit-box-shadow: none; box-shadow: none;}
 .DivKatPodsSmallRight:hover{display:inline-block; position:relative; border:1px #eaeaea solid; margin:20px 0px 20px 0px; width:270px; height:170px; transition: 1s; text-align:center; -webkit-box-shadow: 4px 6px 8px 1px rgba(0,0,0,0.43); box-shadow: 4px 6px 8px 1px rgba(0,0,0,0.43); overflow:hidden; background-color:#eaeaea; color:#6A6A6A;}
 .DivKatPodsSmallRight span{color:#FFFFFF; display:block; position:absolute; top:5px; font-size:14px; mix-blend-mode: difference;}
 .DivKatPods_imgSmallRight{width:100%; height:80px;  display:inline-block;  background-repeat:no-repeat;background-position:center center;background-size:cover;  }
 .DivPageKatPodsSmallRight{box-sizing:border-box; padding:10px;}
.LinkKolorNiceSmallRight{text-decoration:none; margin:0px !important;} 
.LinkKolorNiceSmallRight h3{text-decoration:none; color:#6A6A6A; font:16px Rajdhani;font-family:Rajdhani;font-weight:500; text-align:center; padding:5px; box-sizing:border-box; font-size:16px; margin:0px; }
.LinkKolorNiceSmallRight h3:hover{text-decoration:none; color:#6A6A6A; font:16px Rajdhani;font-family:Rajdhani; font-weight:500; text-align:center; padding:5px;box-sizing:border-box; font-size:16px; margin:0px; }
 

 

.BlogWpis{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;}
.BlogWpis:hover{margin:0px 15px 25px 15px; padding:25px; border-left:1px #4d4d4d solid; border-top:1px #4d4d4d 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;}

.AddToClip{width:100%; padding:10px; text-align:center; border:1px #6fb06f solid; border-radius:5px; margin:15px 0px 0px 0px; background-color:#D6FFD3; color:#204a02; font-weight:900;}


.ButtonAll{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 #4d4d4d solid !important; border-radius:5px;}
.ButtonAll: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 #4d4d4d solid !important;border-radius:5px;}
.ButtonAll a{font-size:18px !important; transition:all 0.5s ease !important; color:#4d4d4d !important;  margin: 0 !important; padding: 20px !important; text-decoration:none !important; font-weight:900; }
.ButtonAll a:hover{font-size:18px !important; transition:all 0.5s ease !important; color:#4d4d4d !important;  margin: 0 !important; padding: 20px !important; text-decoration:none !important;font-weight:900;}


.inputFiltr{width:72%;}



.ParamertyTable{width:calc(100% - 300px);border:none; margin:0px;}
.ParamertyTable td{padding:10px; border:none; margin:0px;}
.ParamertyTable tr{background:none; transition:all 0.5s ease;border:none; margin:0px;}
.ParamertyTable tr:hover{background-color:#e2f6fa; transition:all 0.5s ease;border:none; margin:0px;}
.TdHead{border-bottom:1px #e2f6fa solid !important; font-weight:600;}

.FilmPromoBasenySwimSPA{width:calc(100% - 300px);  margin-top:40px;}




.KoszykDiv1{border:1px gray solid; display:flex; justify-content:center; align-content:center; padding:20px;  margin:0px 0px 40px 0px;} 
.KoszykDiv2{width:300px;}
.KoszykDiv2 div{width:300px; height:300px; background-position:center center;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain; background-repeat:no-repeat;}

.KoszykDiv3{width:100%; border-left:1px #e0e0e0 solid; padding:0px 0px 0px 20px; display:flex; justify-content:center; align-content:space-evenly; flex-wrap: wrap;}
.KoszykDiv4{display:flex; justify-content:center; align-content:center; width: 100%;}
.KoszykDiv4_1{width:50%; display:flex; justify-content:flex-end; align-content:center;}
.KoszykDiv5{width:100%; font-size:24px; padding-left:20px; padding-right:20px;}
.KoszykDiv5_1{width:100%; font-size:24px; padding-left:30px;}
.KoszykDiv5 a{color: #4b4b4b; font-size:28px; text-decoration:none; font-weight:600; }
.KoszykDiv5 a:hover{color: #4b4b4b; font-size:28px; text-decoration:underline; }
.KoszykDiv6 {padding: 15px 20px 10px 20px;  font-size: 18px;  display: flex;  justify-content: center;  align-content: center;  border: 1px #e3e3e3 solid; cursor: pointer; background-color:#ececec;}






.Finalizacja7 {text-align: right;}
.Finalizacja7 input{padding:10px; text-align:center; border:1px #4d4d4d solid; border-radius:7px; margin:10px; font-size:22px;}

.Finalizacja8 input{ width:100%; padding:5px; margin-bottom:45px;}



.radio-input {display: none;}
.radio-label {display: flex;justify-content: start;align-items: center;gap: 1rem;font-size: 1.5rem;cursor: pointer; padding:20px; border:1px #4d4d4d solid; margin:10px 0px 10px 0px; background-color:#FFFFFF;}
.radio-label:hover {display: flex;justify-content: start;align-items: center;gap: 1rem;font-size: 1.5rem;cursor: pointer; padding:20px; border:1px #4d4d4d solid; margin:10px 0px 10px 0px; background-color:#ececec;}
.radio-button {height: 1.5rem;width: 1.5rem; border: 2px solid #55757a; border-radius: 50%; display: inline-block; position: relative; transform: translateY(-2px);
    &::after {
      content: "";display: block; height: 1.3rem; width: 1.3rem; position: absolute; border-radius: 50%; top: 50%; left: 50%; transition: opacity 0.1s; transform: translate(-50%, -50%);background-color: #4d4d4d; opacity: 0;}}
.radio-input:checked + .radio-label .radio-button:after {opacity: 1;}


.St01{font-size:24px; text-align:center; display:block; line-height:24px; padding:3px 45px 3px 0px;}
.St02{display:inline-block; width:24px; height:24px; background-color:#62b735; border-radius:30px; }
.St03{display:inline-block; width:24px; height:24px; background-color:red; border-radius:30px;}
