@font-face {
  font-family: 'Dosis';
  src: url('imgv10/Dosis.ttf') format('truetype');
  font-weight: 200 800; /* zakres wag dostępnych w jednym pliku */
  font-style: normal;
}

*{box-sizing:border-box; font-family: 'Dosis', sans-serif; scroll-behavior: smooth; transition:all 0.2s ease; color:#333333;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }



.DivContainer{}





.St1{font-size:16px; position: relative; margin:0px; padding:0px; background-color:#FFFFFF;}

.St1_1{min-height:100vh;}

.St1_film{object-fit: cover;  -o-object-fit: cover;  width: 100%;  height: 100vh;  position: absolute;  top: 0px;  left: 0px;  z-index: -1;}
.St1_filmm{display:none;}




.St2{display:flex; align-items: center; justify-content: space-evenly;  padding:5px; margin:0px;  height: 70px;   position: -webkit-sticky;  position: fixed;  top: 10px;   background-color:#FFFFFF; z-index:500; border-radius: 40px; width: 90vw;  left: 5vw;}
.St3{}
.St4{display:none;}


.St5{display:none;}



.St6{width: 50vw; padding: 50px;    display: block; margin-top: 48vh; margin-left:25vw; color:#FFFFFF;  z-index: 2;}
.St7{width: 30%; padding: 10px 0px 0px 0px;   float: left;  display: block;}
.St8{width:100%;}
.St9{max-width:100%;}
.St10{text-align:center; margin:150px 0px 100px 0px;}


.St11{background: rgb(242,251,131);background: linear-gradient(114deg, rgba(242,251,131,1) 0%, rgba(219,226,133,1) 100%);}
.St12{background: rgb(153, 0, 153);background: linear-gradient(114deg, rgb(153, 0, 153) 0%, rgb(0, 26, 102) 100%);  }

.St13{display:inline-block; font-weight:200; font-size:clamp(26px, 32px, 38px); padding:5px 30px 5px 30px; color:#000000; margin-right:30%;}
.St14{display:inline-block; font-weight:200; font-size:clamp(26px, 32px, 38px); padding:5px 30px 5px 30px; color:#FFFFFF;}
.St15{padding:20px 10px 20px 10px;font-weight:200; font-size:20px; text-align: justify; }

.St16{width:700px; height:300px;}

.St17{padding:100px 75px 100px 75px; display:flex; flex-flow: wrap; }
.St17_1{width:120px;}
.St17_2{width:calc(100% - 120px);}

.St17_2 h1{width:100%; text-align:left; line-height: 35px; font-weight: 200; font-size:36px;}
.St17_2 span{width:100%; text-align:left; padding:15px; display: block; font-size:20px; font-weight:200;}
.St17_2 span img{float:right; margin:0px 0px 15px 15px; filter: grayscale(1);}
.St17_1 img{float:left; width:100px; height:100px;}


.St18{width:50%; height:11px; display:inline-block; font-size:1px;}
.St19{width:30%; height:5px;display:inline-block;font-size:1px;margin-top: 8px; position: absolute;}

.St20{width:auto !important; height:auto !important; clear:both !important;}


.St21_cont{display: flex;  align-items: center;  justify-content: center; }
.St21{color: #333; display:none;  font-size: 55px;  font-weight: 100;  line-height: 1.5;  text-transform: uppercase;  white-space: nowrap;  overflow: hidden;  position: relative;  width: 900px;  box-sizing: border-box;}
.St21 span {  font-size: 55px;  margin-left: -450px;}
.message {  background-color: yellow;  color: #333;  display: block;  font-weight: 300;  overflow: hidden;  position: absolute;  padding-left: 10px;  top: 0px;  left: 450px;  animation: openclose 7s ease-in-out infinite;  font-size:55px;}
.word1, .word2, .word3 {text-align:left;}
@keyframes openclose {
  0% {
    top: 0px;
    width: 0;
  }
  5% {
    width: 0;
  }
  15% {
    width: 390px;
  }
  30% {
    top: 0px;
    width: 390px;
  }
  33% {
    top: 0px;
    width: 0;
  }
  35% {
    top: 0px;
    width: 0;
  }
  38% {
    top: -82px;
    
  }
  48% {
    top: -82px;
    width: 300px;
  }
  62% {
    top: -82px;
    width: 300px;
  }
  66% {
    top: -82px;
    width: 0;
    text-indent: 0;
  }
  71% {
    top: -164px;
    width: 0;
    text-indent: 5px;
  }
  86% {
    top: -164px;
    width: 400px;
  }
  95% {
    top: -164px;
    width: 400px;
  }
  98% {
    top: -164px;
    width: 0;
    text-indent: 5px;
  }
  100% {
    top: 0;
    width: 0;
    text-indent: 0;
  }
}

.St22{clear:both;  display:block; background-repeat:no-repeat; background-position:top center; position: relative; margin:0px; padding:0px; text-align:center;  padding:40px 0px 0px 0px; background-size: contain;}



.St24{font-size:26px;padding:0px 250px 0px 250px; font-weight:300; display:block; width:100%; color: #FFFFFF;}

.St26{width:100%;}
.St26 div{float: left;  border: 1px #e8e8e8 solid;  padding: 15px;  color:#021a67;  font-weight: 700;  font-size: 16px;  margin: 5px;  border-radius: 5px; border-bottom:4px #F9F9F9 solid;-webkit-box-shadow: 2px 2px 4px 0px rgba(194, 194, 194, 1);-moz-box-shadow: 2px 2px 4px 0px rgba(194, 194, 194, 1);box-shadow: 2px 2px 4px 0px rgba(194, 194, 194, 1); background-color:#FFFFFF;}


.St27{padding:20px; font-size:20px; font-weight:200; text-align:left;}

.St27 a{float:right; margin:15px 15px 25px 45px; width:450px; padding:15px; display:block; color:#4D4D4D; text-decoration:none; font-size:20px; text-align:center; font-weight:600; background: rgb(242,251,131);background: linear-gradient(90deg, rgba(242,251,131,1) 0%, rgba(219,226,133,1) 100%);}
.St27 a:hover{width:450px;  padding:15px; color:#FFFFFF; text-decoration:none; font-size:20px; text-align:center; font-weight:600; background: rgb(153, 0, 153);background: linear-gradient(90deg, rgb(153, 0, 153) 0%, rgb(0, 26, 102) 100%);  }

.St28{padding:20px; text-align:center; max-width: 1600px;  width: 90%; display:block; margin:0 auto; color: #FFFFFF;}
.St28 h1{}
.St28 div{border: 1px #716f6f solid; padding:5px 10px 5px 10px; border-radius:3px; display:inline-block; font-size:14px;text-align:center; margin:3px; text-transform: uppercase; font-weight:200;}






.St30{width:100%;  padding:30px 0px 30px 0px; text-align:center; margin-top:80px;}
.St31{padding:20px;  max-width: 1600px;  width: 90%; display:block; margin:0 auto;}
.St31 h1{color:#FFFFFF;}









.St38{width:250px; padding:10px; display:block; color:#4D4D4D; text-decoration:none; font-size:20px !important; text-align:center; font-weight:600 !important; background: rgb(242,251,131);background: linear-gradient(90deg, rgba(242,251,131,1) 0%, rgba(219,226,133,1) 100%); cursor:pointer; margin:20px 0px 0px 0px;}
.St38:hover{width:250px;  padding:10px; display:block; color:#FFFFFF; text-decoration:none; font-size:20px !important; text-align:center; font-weight:600 !important; background: rgb(153, 0, 153);background: linear-gradient(90deg, rgb(153, 0, 153) 0%, rgb(0, 26, 102) 100%); cursor:pointer; margin:20px 0px 0px 0px;}





.St40{width:100%; max-width:1600px;  display:flex; align-items: start; justify-content: space-evenly;  text-align:left;  margin:40px 0px 40px 0px;}
.St40 div{font-size:36px; color:#FFFFFF; font-weight:700;}
.St40 div a{font-size:36px; color:#FFFFFF; text-decoration:none; font-weight:700;}

.St41{font-size:18px; text-align:left; font-weight:200;  border-top:1px #FFFFFF solid; padding:40px 0px 0px 0px; color:#FFFFFF;}


.St43{align-self: stretch; display:flex; align-items: center; justify-content: center; flex-flow: wrap; padding:60px 0px 60px 0px; width:20%;}
.St43 a{width:100%; color:#FFFFFF; display:block; text-decoration:none;}
.St43 a:hover{width:100%; color:#FFFFFF; display:block; text-decoration:underline;}
.St44{align-self: stretch; display:flex; align-items: center; justify-content: center; width:20%;}
.St45{align-self: stretch;color:#FFFFFF; width:20%; text-align:right; padding:60px 0px 0px 0px;}
















.St52{display:block; width:40px; height:40px; }


.St55{display:block; height:28px;}


.St56{padding:40px; display:flex; align-items: center; justify-content: center; flex-wrap:wrap; position:relative;}
.St56 h1{color:#FFFFFF; font-size:52px; font-weight:200; padding:40px; border:1px #FFFFFF solid; text-align:center; border-radius:10px; width:40%; margin:4%; line-height: 84px;
}
.St56 h2{color:#F2FB83; font-size:36px; padding:10px; display:block; text-align:center; margin:10px; background-color:#000000; border-radius:10px; font-weight:200;}
.St56 h3{color:#FFFFFF; font-size:22px; padding:0px; display:block; text-align:center; margin:10px 0px 0px 0px;}
.St56 div{width:40%; border:1px #2b2b2b solid; padding:30px; border-radius:28px; color:#FFFFFF; margin:0px 20px 30px 20px; align-self:stretch; font-size: 20px;  font-weight: 300; text-align:left; position: relative;  background-color:#1e1e1e; }
.St56 div strong{font-weight:600;}
.St56 p{text-align: justify;}

.St56_img_h1{position:absolute; top:-250px; left:10px; max-height:450px; border-radius:10px;-webkit-box-shadow: 0px 14px 22px -9px rgba(0, 0, 0, 1);-moz-box-shadow: 0px 14px 22px -9px rgba(0, 0, 0, 1);box-shadow: 0px 14px 22px -9px rgba(0, 0, 0, 1);}






.St60{background-image:  url('imagesv9/dysk.png'), linear-gradient(to bottom, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 1) 8%); background-position: bottom center, top center;
 background-size: 100% auto, auto ;   background-repeat: no-repeat,  no-repeat;  min-height:600px; display:flex; align-items: center; justify-content: space-around; margin-top:-5%; flex-wrap: wrap;}
.St60_1{color:#FFFFFF; font-size:36px; font-weight:100; width:300px;align-self: stretch; padding-top:200px; }
.St60_1 hr{margin:5px;  color: #FFF; border:none;  background-color: #FFF; height: 1px;}
.St60_1 span{color:#F2FB83; font-size:56px; }



.St61{display:flex; align-items: center; justify-content: center; flex-wrap: wrap; color:#FFFFFF; text-align:center; padding:100px 50px 100px 50px;}
.St61 img{margin:50px;}
.St61 h1{text-align:center; font-size:56px;}
.St61_1{ text-align:justify; font-size:22px; font-weight:200; padding:50px 20% 50px 20%;}










h1{width:100vw; text-align:left;   font-size: calc(28px + 2vw); font-weight:200; padding:10px 0px 0px 0px; margin-top: -40px;}
h1 img{vertical-align: bottom; margin:0px 10px 0px 10px;}
h2{width:1100vw; text-align:center; font-size:48px; font-weight:200; color: #d2c8bb;}
h3 { position: relative; padding-left: 36px; width:100%; text-align:left; font-size:32px; font-weight:200; margin:0px;}
h3::before {  content: "";  position: absolute;  left: 0;  top: 8px;  width: 6px;  height: 32px;  background-color: #f6f1ea;  border-radius: 4px;  margin-left: 10px;}
 


.V10St0{font-size:20px; position: relative; margin:0px; padding:0px; background-color:#FFFFFF; font-weight:200;}
.V10St1{position:fixed; width:100vw; height:80px; background-color:#FFFFFF; z-index:1000; display:flex; align-items: center; justify-content: space-between; padding:0px 25px 0px 15px; border-bottom:1px #FFFFFF solid; top:0px; left:0px;}
.V10St2{position:absolute; left:0px; top:80px; width:100vw; height:99vw; background-color:#FFFFFF;   }
.V10St3{position:absolute; left:0vw; top:120vw; width:100vw; height:auto; background-color:#FFFFFF;  display:flex; align-items: center; justify-content: center; flex-wrap:wrap;}
.V10St3 a{width:80%;padding:20px !important;  border-radius:15px; border-bottom:1px #E1D9CF solid; border-left:1px #E1D9CF solid; border-right:1px #E1D9CF solid; border-top:1px #FFFFFF solid; position:relative; position:relative; background-color:none; text-decoration:none; text-align:center; margin:20px; font-size:16px; font-weight:400;}
.V10St3 a:hover{width:80%;padding:20px !important;  border-radius:15px; border-bottom:1px #AA906F solid; border-left:1px #E1D9CF  solid; border-right:1px #E1D9CF  solid; border-top:1px #FFFFFF solid; position:relative; background-color:#f7f4f1; text-decoration:none; text-align:center; margin:20px; font-size:16px; font-weight:400;}
.V10St3 a div{position:absolute; width:40px; height:10%; background-color:#E6E6E6; left: calc(50% - 20px); top:95%; border-radius:25px;}


.V10St3 div{display:flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.V10St3 div span{display:block;  width:100%;  text-align:center; font-size:36px; font-weight:200; padding:20px;}



.V10St4{position:fixed; height:calc(100vh - 80px); background-color:#FFFFFF; top:79px; right:-110vw; width:100vw; font-weight:200; overflow-y: scroll; padding:10px 10px 100px 10px;}
.V10St4 a{ text-decoration:none; font-size:20px; text-align:center; padding:10px; border-bottom:1px #E1D9CF solid; width:calc(100%-50px); display:block; margin:25px 10px 25px 10px;}
.V10St4 a:hover{ text-decoration:none; font-size:20px; text-align:center; padding:10px; border-bottom:1px #AA906F solid; width:calc(100%-50px); display:block;  margin:25px 10px 25px 10px;}




.V10St5{padding:20px !important;  border-radius:15px; border-bottom:1px #E1D9CF solid; border-left:1px #E1D9CF solid; border-right:1px #E1D9CF solid; border-top:1px #FFFFFF solid;  position:relative; background-color:#FFFFFF; }
.V10St5 div{position:absolute; width:20%; height:10%; background-color:#E6E6E6; left:40%; top:95%; border-radius:25px;}
.V10St5:hover{padding:20px !important;  border-radius:15px; border-bottom:1px #AA906F solid; border-left:1px #E1D9CF solid; border-right:1px #E1D9CF solid; border-top:1px #FFFFFF solid; position:relative; background-color:#f7f4f1;}


.V10St6{cursor:pointer;}

.V10St7{text-decoration: none;  font-size: 18px !important;  text-align: left !important;  padding: 5px !important;  border-bottom:none !important; margin: 10px !important; }
.V10St7 img{vertical-align:bottom; margin:0px 10px 0px 0px;}
.V10St8{text-decoration: none;  font-size: 16px !important;  text-align: left;  padding: 5px !important;  border-bottom:none !important; margin:10px !important;}
.V10St8 a{font-size:16px; border:none; display:inline-block; padding:0px; margin:0px;}
.V10St8 a:hover{font-size:16px; border:none; display:inline-block; padding:0px; margin:0px;}

.V10St9{width:100%; height:100vw; object-fit:cover;  background: #fff; mask-image: -webkit-radial-gradient(white, black);}




.V10St10{display:flex; align-items: center; justify-content: center; padding: 40 40px 40px 40px; flex-wrap: wrap; overflow: hidden;}
.spacer{height:calc(100vw + 580px); }
.V10St10_span{color:#f8f8f8; font-weight:200; max-width:100vw; overflow:hidden; display:block; white-space: nowrap; text-align:left; font-size:160px; width:100%;}


.V10St11{display:flex; align-items: center; justify-content: center;  flex-wrap: wrap; padding:10px; overflow: hidden;}

.V10St12{padding:20px 10px 50px 10px; display:block; width:100%; background: #fafafa; border-bottom:1px #e3e3e3 solid; display:flex; align-items: center; justify-content: center;  flex-wrap: wrap; margin:50px 0px 0px 0px;}
.V10St12 span{display:inline-block; background-color:#f6f1ea; padding:10px 20px 10px 20px; margin:10px; border-radius:15px;  color:#8a7a64; text-align:center;}
.V10St12 ul{list-style:none; padding:0px; color:#d2c8bb; margin:0px 20px 30px 20px; align-self:start; max-width:100%;}
.V10St12 ul li{color:#97846c; margin-top:20px; text-align: center;}

.V10St13{ display:flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width:1004px;}
.V10St14{display:block; width:auto; padding:0px 20px 20px 20px;}
.V10St15{max-width:100vw; height:auto; mask-image: -webkit-radial-gradient(white, black);}
.V10St16{display:flex; align-items: center; justify-content: center; padding:35px;}
.V10St17{width:40%;padding:20px !important;  border-radius:15px; border-bottom:1px #E1D9CF solid; border-left:1px #E1D9CF solid; border-right:1px #E1D9CF solid; border-top:1px #FFFFFF solid; position:relative;  background-color:none; text-decoration:none; text-align:center; margin:20px; font-size:16px; font-weight:400; cursor:pointer; display:block;}

.V10St17 div{position:absolute; width:40px; height:10%; background-color:#E6E6E6; left: calc(50% - 20px); top:95%; border-radius:25px;}



.V10St18{padding:10px 10px 50px 10px; display:block; width:100%; background: #fafafa; border-bottom:1px #e3e3e3 solid; display:flex; align-items: center; justify-content: center;  flex-wrap: wrap; margin:50px 0px 50px 0px; scroll-margin-top:80px;}



.V10St19{width:100%;   display:flex; align-items: center; justify-content: center; padding:40px;  align-self: stretch;  border-radius: 15px; background: #f6f1ea;}
.V10St19 span{font-size:18px; font-weight:200; color:#8a7a64;}


.V10St20{width:100%;  padding:5px; align-self: stretch; font-weight: 200; font-size: 20px;}
.V10St20 h1{font-size:26px; color:#000000;}


.V10St21{padding:20px 10px 20px 10px; text-align:center;}
.V10St21 a{color:#000000;}
.V10St22{width:1px; height:1px; border:0px; margin:0px; padding:0px; visibility:hidden;}


.V10St23{text-decoration: none;  font-size: 36px !important;  text-align: left !important;  padding: 5px !important;  border-bottom:none !important; margin: 10px !important; font-weight:200; }
.V10St23 img{vertical-align:bottom; margin:0px 5px 0px 0px;}


.V10St24{width:100%; max-width:1200px;  display:flex; align-items: start; justify-content: center; flex-flow: wrap; background-color:#FFFFFF; text-align:left;  margin:40px 0px 40px  0px; border-radius: 10px;}
.V10St25{display:flex; align-items: start; justify-content: center;}

.V10St26{margin-top:20px;}
.V10St26 img{margin:0px 10px 0px 10px; vertical-align: bottom;}
.V10St26 input{width:100%; padding:10px; font-size:20px; border-bottom:1px #AA906F solid; border-top:1px #FFFFFF solid; border-right:1px #FFFFFF solid; border-left:1px #FFFFFF solid; border-radius:0px; font-family: 'Dosis', sans-serif; margin:10px 0px 10px 0px; font-weight: 200;}
.V10St26 input:focus{border:5px #fafafa solid;}
.V10St26 input::-webkit-input-placeholder { color: #888; font-weight: 200;}
.V10St26 input::-moz-placeholder { color: #888; font-weight: 200;}
.V10St26 input:-ms-input-placeholder { color: #888; font-weight: 200;}
.V10St26 input::placeholder { color: #888; font-weight: 200;}


.V10St26 textarea{width:100%; padding:10px; font-size:20px; border-bottom:1px #AA906F solid; border-top:1px #FFFFFF  solid; border-right:1px #FFFFFF  solid; border-left:1px #FFFFFF  solid; border-radius:0px; font-family: 'Dosis', sans-serif; margin:10px 0px 10px 0px; height:150px; font-weight: 200;}
.V10St26 textarea:focus{border:5px #fafafa solid;}
.V10St26 textarea::-webkit-input-placeholder { color: #888; font-weight: 200;}
.V10St26 textarea::-moz-placeholder { color: #888; font-weight: 200;}
.V10St26 textarea:-ms-input-placeholder { color: #888; font-weight: 200;}
.V10St26 textarea::placeholder { color: #888; font-weight: 200;}



.V10St27{padding:20px;display:block; width:100%;  text-align:center;}
.V10St28{padding:20px; display:block; width:100%; background-color:#f6f1ea; color:#8a7a64; border-radius:15px; text-align:center; margin:20px 0px 20px 0px;}



.V10St29{z-index:900;position:fixed; width:400px; left:calc(50% - 200px); top:-500px; transition:all .5s ease; text-align:center; border-radius:15px; padding:25px; box-sizing:border-box; -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1); font-size:24px; font-weight:200; color:#8a7a64; background-color:#f6f1ea;}


.V10St30{ display:flex;align-items: center;  justify-content: space-around; background-color: #FFFFFF; height:250px; text-align:right; flex-wrap: wrap;}
.V10St30 img{float:right;}

.V10St31{max-width:1600px; width:100vw; display: block; margin:100px auto 100px auto;   }
.V10St32{ display:block; }
.V10St32 p{ padding:10px; }

.V10St33{margin-right:0px;}
.V10St33 img{max-width:70vw; max-height:55px;}

.V10St34{list-style: decimal-leading-zero;}
.V10St34 li{padding:12px 10px 12px 10px;}


.V10St35{padding:50px 5px 30px 5px; display:block; width:100%; background: #fafafa; border-bottom:1px #e3e3e3 solid; display:flex; align-items: center; justify-content: center;  flex-wrap: wrap; margin:50px 0px 50px 0px;}
.V10St35 span{display:inline-block; background-color:#f6f1ea; padding: 5px 10px 5px 10px; margin:3px; border-radius:15px;  color:#8a7a64; font-size: 14px; text-align:center;}
.V10St35 ul{list-style:none; padding:0px; color:#d2c8bb; margin:0px 60px 0px 60px; align-self:start; max-width:14%;}
.V10St35 ul li{color:#97846c; margin-top:20px; text-align: center;}

.V10St36{display:inline-block; padding:5px 10px 5px 10px; border:1px #716f6f  solid; margin: 3px; border-radius:3px; font-size:14px;}
.V10St37{max-width:100%; height:auto; mask-image: -webkit-radial-gradient(white, black); margin:0px 0px 0px 0px;}
.V10St38{text-align:center; width:100%; padding-bottom:20px;}


.V10St39{padding:20px; text-align:center; max-width: 1600px;  width: 90%; margin:0 auto; display:flex; align-items: start; justify-content: space-evenly; flex-flow: wrap; color: #FFFFFF;}
.V10St39 div{border:1px #dfdfdf solid; padding:20px; border-radius:7px;  font-weight:200;  font-size:20px; text-align:center; margin:5px; display:flex; align-self: stretch; flex-flow: wrap;}
.V10St39 div strong{width:100%; display:flex; align-items: center; justify-content: center; padding:20px 30px 20px 30px; color:#FFFFFF; margin-top:40px; align-self:end ; min-height:104px; background-color: #f6f1ea; color: #8a7a64;}

.V10St40{display:none;}



/* wycena */
.V10St41{display:block; color: #d2c8bb; font-size:38px; width:100%; margin:10px; text-align:center;}
.V10St42{display:block;  font-size:40px; background-color: #f6f1ea;  padding: 10px 20px 10px 20px;  margin: 10px;  border-radius: 15px;  white-space: nowrap;  color: #8a7a64;}
.V10St43{max-width:90%; padding:10px;}
.V10St44{background-color: #f6f1ea;}
.V10St45{width:100vw; height:auto; float:right; margin:10px;  background: #fff; mask-image: -webkit-radial-gradient(white, black);}
/* wycena */