@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


@media screen and (max-width: 1600px){
*{
  margin: : 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serief;
}
html, body {
    max-width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    zoom: 0.950; 
}
.logo{
  position:fixed;
  top: 1.5vh;
  left:4vh;
  float:left;
  cursor: pointer;
  z-index: 2;
}

div.navi_mob{
  display:hidden;
}
.navi button.hamburger{
  display:none;
}
.navi button.hamburger2{
  display:none;
}
.navi button.hamburger3{
  display:none;
}
#navi_mob.hide{ 
  display:none; 
  }
div.navi{
  text-align: right;
  padding: 2.8%;
  font-weight: bold;
  font-size: 4vh; 
  background-color: white;
  position: fixed;
  width:100%;
  height:1%;
  top: 0;
  z-index: 1;
}
.navi a{
  color:#0097F4;
}
.navi a:hover{
  color:#007ef4;
}
.navi select{
  font-size: 3.3vh;
  border:none;
}
.navi select:focus{
  font-size: 3.3vh;
  border:none;
}
.wrapper{
position: fixed;
z-index: 10;
width: 40%;
height: 40%;
left: 30%;
bottom:40%;
border-radius: 15px;
border-style: solid;
border-color: #0097F4;
background:white; 
text-align: center;
padding: 25px 25px 30px 25px;
overflow: hidden;
}
.wrapper img{ max-width: 90px;
}
.wrapper content{ margin-top: 10px;
}
.wrapper.hide{
  opacity: 0;
  pointer-events: none;
  transform: scale(0.8);
  transition: all 0.3s ease;
  }
.content header{
font-size: 25px; font-weight: 600;
}
.content p{ 
color:#858585;
margin: 5px 0 20px 0;
}
.content .buttons{
display: flex;
align-items: center;
justify-content: center;
}
.buttons .item{ 
margin: 0 10px;
}
.buttons button{
padding: 10px 20px;
background: #0097F4;
border: none;
outline: none; 
font-size: 16px; 
font-weight:500;
color:#fff;
cursor: pointer;
border-radius: 5px;
}
.buttons a{ 
color:#0097F4;
}
.blue{
  width:600px;
  height:600px;
  background-color: #0097F4;
  position:relative;
  top: 80px;
  right:30px;
  float:right;
    border-radius: 8px;
}
.blue2{
  width:600px;
  height:600px;
  background-color: #0097F4;
  position:relative;
  bottom: 100px;
  right:30px;
  float:right;
    border-radius: 8px;
}
div.test {
   width:600px;
   height:600px;
     border-radius: 8px;
   background-image:url('stuff/test.jpg');
   position:relative;
   top:150px;
  left:500px;
  float:right;
}
img{
   bottom:15%;
  right:15%;
  float:right;
 width: 35%;
  max-height: 35%;
}
.pani{
  margin-top: 7%;
  position:relative;
   filter: drop-shadow(10px 5px 5px #0097F4);
}
div.mapa {
  width:600px;
   height:600px;
     border-radius: 8px;
        background-image:url('stuff/mapa.png');
   position:relative;
    bottom: 35px;
  left: 500px;
  float:right;
  font-size:500px;
  text-decoration: transparent;
  cursor: pointer;
}
div.column {
  column-fill: auto;
  width:600px;
  white-space: normal;
  position:relative;
  clear: left;
  text-align: left;
  padding:1%;
  font-size: 28px;
  bottom:400px;
  left:200px;
  line-height: 40px;
  float:left;
}
.column br{
    content: "";
  margin: 30px;
  display: block;
}
h2.column{
  font-size: 50px;
}
div.column2 {
  column-fill: auto;
  padding: 1%;
  width:90%;
  position:relative;
  float:left;
  line-height:40px; 
  font-size: 23px;
  bottom:200px;
  left:210px;
}
.column2 br{
   content: "";
  margin: 8px;
  display: block;
}
div.column3 {
  column-fill: auto;
  padding: 1%;
  width:700px;
  position:relative;
  float:left;
  line-height:30px; 
  font-size: 23px;
  bottom: 600px;
  left:210px;
}
div.column4{
  width:90%;
  height:100%;
  display: flex;
  padding-bottom: 6%;
    margin-bottom: 6%;
  position: relative;
}
div.informacje{
  margin-top: 7%;
position:relative;
text-align: center;
font-size: 1.3vw;
}
.informacje h1{
  margin-top: 7%;
position:relative;
text-align: center;
font-size: 2.5vw;
}
.informacje h2{
position:relative;
font-size: 2.3vw;
}
div.dane_kontaktowe{
text-align: start;
position:relative;
font-size: 1.9vw;
left:18%;
}
div.adresy{
 float:left;
 font-size: 1.7vw;
 position:relative;
  padding-left:20%;
  height:100%;
  width:100%;
}
div.mapa_nowa{
  -webkit-transform: translate3d(0px, 0px, 0px);
-webkit-mask-image: -webkit-radial-gradient(white, black);
  border-radius: 15px;
  float:right;
  display:flex;
  margin:1%;
}
.formkon{
  border: solid #0097F4;
  border-radius: 15px;
  background-color: white;
  border-width:4px;
  text-align: center;
  width:45%;
  color: #0097F4 !important;
  font-size:1.5vw;
  cursor:pointer;
  margin: 0 auto;
}
.formkon:hover{
  border: solid #007ef4;
  border-radius: 15px;
  border-width:4px;
  text-align: center;
  width:45%;
    font-size:1.5vw;
  color: white !important;
  background-color: #0097F4;
  cursor:pointer;
  margin: 0 auto;
}
div.sociale{

}
.button1{
  text-align: center;
  background-color: white;
 background-image:url('stuff/ico/f_b.png');
  background-repeat: no-repeat;
background-position: bottom;
background-size: 7vh;
  width: 8.5vh;
  height:8.5vh;
  border-radius:60%;
  border:none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 margin:2%;
  cursor: pointer;
}
.button1:hover{
  text-align: center;
  background-color: #1877F2;
  background-image:url('stuff/ico/f_w.png');
  background-repeat: no-repeat;
background-position: bottom;
background-size: 7vh;
  width: 8.5vh;
  height:8.5vh;
  border-radius:60%;
  border:none;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 margin:2%;
    cursor: pointer;
}
.button2{
    text-align: center;
    background-color: white;
   background-image:url('stuff/ico/tl_b.png');
  background-repeat: no-repeat;
background-position: center;
background-size: 4.5vh;
  width: 8.5vh;
  height:8.5vh;
   border-radius:60%;
    border:none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin:2%;
    cursor: pointer;
}
.button2:hover{
  text-align: center;
  background-color: #24A1DE;
   background-image:url('stuff/ico/tl_w.png');
  background-repeat: no-repeat;
background-position: center;
background-size: 4.5vh;
  width: 8.5vh;
  height:8.5vh;
  border-radius:60%;
  border:none;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 margin:2%;
    cursor: pointer;
}
.button3{
    text-align: center;
    background-color: white;
    background-image:url('stuff/ico/in_b.png');
  background-repeat: no-repeat;
background-position: center;
background-size: 4.5vh;
  width: 8.5vh;
  height:8.5vh;
   border-radius:60%;
   border:none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 margin:2%;
    cursor: pointer;
}
.button3:hover{
  text-align: center;
  background-color: #0072B1;
  background-image:url('stuff/ico/in_w.png');
  background-repeat: no-repeat;
background-position: center;
background-size: 4.5vh;
  width: 8.5vh;
  height:8.5vh;
  border-radius:60%;
  border:none;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 margin:2%;
    cursor: pointer;
}
.button4{
    text-align: center;
    background-color: white;
  background-image:url('stuff/ico/tt_b.png');
  background-repeat: no-repeat;
background-position: center;
background-size: 4.5vh;
  width: 8.5vh;
  height:8.5vh;
   border-radius:60%;
   border:none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin:2%;
    cursor: pointer;
}
.button4:hover{
  text-align: center;
  background-color: #010101;
  background-image:url('stuff/ico/tt_w.png');
  background-repeat: no-repeat;
background-position: center;
background-size: 4.5vh;
  width: 8.5vh;
  height:8.5vh;
  border-radius:60%;
  border:none;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 margin:2%;
    cursor: pointer;
}
.button5{
text-align: center;
   background-color: white;
  background-image:url('stuff/ico/yt_b.png');
  background-repeat: no-repeat;
background-position: center;
background-size: 5.5vh;
  width: 8.5vh;
  height:8.5vh;
   border-radius:60%;
   border:none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 margin:2%;
    cursor: pointer;
}
.button5:hover{
  text-align: center;
  background-color: #FF0000;
  background-image:url('stuff/ico/yt_w.png');
  background-repeat: no-repeat;
background-position: center;
background-size: 5.5vh;
  width: 8.5vh;
  height:8.5vh;
  border-radius:60%;
  border:none;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 margin:2%;
    cursor: pointer;
}
span{
  color:#0097F4;
}
footer{
	position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   font-weight: bold;
   font-size: 20px;
   background-color: white;
}
form.lang2{
position:relative;
  float:right;
  text-align: center;
}
div.kontakt{
  column-fill: auto;
  width:40%;
  max-height: 100%;
  white-space:normal;
  position:absolute;
  clear: left;
  text-align: left;
  padding:1%;
  font-size: 2.4vh;
  line-height: 2vh;
  left:200px;
  float:left;
    text-align: start;
  display:block;
  box-sizing: border-box;
}
.kontakt h1{
  margin-top: 15%;
   font-size: 3vh;
   line-height: 3vh;
    text-align: start;
  display:block;
  box-sizing: border-box;
}
.kontakt br{
  content: "";
  margin: 20px;
  display: block;
}
input[type=text], select.kontakt {
  width: 100%;
  height:60px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: black;
    font-weight:bold;
}
input[type=tel], select.kontakt{
  width: 100%;
  height:60px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: black;
    font-weight:bold;
}
input[type=E-mail], select.kontakt{
  width: 100%;
  height:60px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: black;
    font-weight:bold;
}
input[type=submit] {
  width: 100%;
  background-color: #0097F4;
  color: white;
    font-weight:bold;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
   margin-bottom: 20%;
}
input[type=submit]:hover {
  background-color: #007ef4;
}
input[type=text]:focus {
  border: 4px solid #0097F4;
  border-radius: 4px;
  outline: 0;
    cursor: pointer;
    color: black;
    font-weight:bold;
}
input[type=tel]:focus {
  border: 4px solid #0097F4;
  border-radius: 4px;
  outline: 0;
    cursor: pointer;
    color: black;
    font-weight:bold;
}
input[type=E-mail]:focus {
  border: 4px solid #0097F4;
  border-radius: 4px;
  outline: 0;
    cursor: pointer;
    color: black;
    font-weight:bold;
}
textarea:focus {
  border: 4px solid #0097F4;
  border-radius: 4px;
  outline: 0;
    cursor: pointer;
    color: black;
    font-weight:bold;
}
select{ border: none; font-size: 18px; font-weight: bold;}

select:focus{ border: none; font-size: 18px; font-weight: bold; border: 4px solid #0097F4;}

select[name=temat]{
  width: 100%;
  height:60px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
color: black;
    font-weight:bold;}


a:link { text-decoration: none; }


a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }

a { color: #0097F4; }
}

@-moz-document url-prefix() {
  html, body {
    max-width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    zoom: 0.990; 
    }
.logo{
  position:fixed;
  top: 30px;
  left:30px;
  float:left;
}
.column2 br{
   content: "";
  margin: 3px;
  display: block;
}
div.column2 {
  column-fill: auto;
  padding: 1%;
  width:80%;
  position:relative;
  float:left;
  line-height:40px; 
  font-size: 23px;
  bottom:200px;
  left:210px;
}
}