@font-face
{ 
font-family: 'Lato-Heavy';
src:url('../font/lato/Lato-Heavy.ttf');
font-display: swap;
}

@font-face
{
  
font-family: 'Lato-Medium';
src:url('../font/lato/Lato-Medium.ttf');
font-display: swap;
}
@font-face
{
font-family: 'Lato-Bold';
src:url('../font/lato/Lato-Bold.ttf');
font-display: swap;
}
#imagemypreviewaboutchoose
    {
    width:90%;
    height:50px;
 
     }
     #imagemypreviewaboutchoose1
    {
     width:90%;
     height:50px;
     }
     #imagemypreviewaboutchoose2
     {
      width:90%;
      height:50px;
      }
      #imagemypreviewaboutchoose3
      {
      width:90%;
      height:50px;
   
       }
.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Stylizacja ramki checkboxa */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px; /* Rozmiar zewnętrznego kwadratu */
  width: 25px; /* Rozmiar zewnętrznego kwadratu */
  background-color: #fff; /* Tło wewnątrz ramki */
  border: 4px solid rgb(254, 85, 7); /* Pomarańczowa ramka */
  border-radius: 0; /* Kwadratowe rogi */
}

/* Styl zaznaczonego checkboxa */
.custom-checkbox input:checked ~ .checkmark {
  background-color: #fff; /* Tło pozostaje białe */
}

/* Dodawanie mniejszego kwadratu wewnątrz przy zaznaczeniu */
.custom-checkbox input:checked ~ .checkmark:after {
  content: "";
  position: absolute;
  display: block;
  left: 6.3px; /* Pozycja mniejszego kwadratu */
  top: 6.3px; /* Pozycja mniejszego kwadratu */
  width: 12.5px; /* Rozmiar mniejszego kwadratu */
  height: 12.5px; /* Rozmiar mniejszego kwadratu */
  background-color: rgb(254, 85, 7); /* Kolor mniejszego kwadratu */
  border-radius: 0; /* Kwadratowe rogi */
}
#text5
{
  font-size:20px;
}
.tooltip {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px;
  border-radius: 5px;
  z-index: 1000;
  font-size: 14px;
  white-space: nowrap;  
}
#carolina_center
{
 
  background:url('../outing/carolina_center.png');
  background-repeat:no-repeat;
  background-size:90%;
  background-position:center; 
  width:150px;
  height:80px;
  top:0%;
  right:0%;
  
}
#imageback
{
  position:relative;
  float:left;
  background:url('../img/ico/replay.png');
  background-repeat:no-repeat;
  background-size:80%;
  background-position:center; 
  width:30px;
  height:30px;
  cursor:pointer;
}
#imageseniorin
{
  background:url('../img/frontpages/image322.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
}
#imageseniorinleczenie
{
  background:url('../outing/poradnik_dla_rodzicow.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
}
#regulationbuttoneditgeo
{
  background:url('../img/ico/geolok3.png');
  background-repeat:no-repeat;
  background-size:50%;
  background-position:center; 
}
#regulationbuttoneditmanual
{
  background:url('../img/ico/manualbar1.png');
  background-repeat:no-repeat;
  background-size:50%;
  background-position:center; 
}
#eagle
{
  background:url('../img/ico/eagle1.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
}
.heartimageempty
{
  background:url('../img/ico/heartempty.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
}
.heartimage
{
  background:url('../img/ico/heart.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
}
.heartimage1
{
  background:url('../img/ico/heart1.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
}
button
{
font-size:18px;
}
input[type="text"] {
  background-color: transparent; /* Domyślne tło transparentne */
  border: none; /* Opcjonalnie usunięcie obramowania */
}

input[type="text"]:focus {
  background-color: transparent; /* Tło pozostaje transparentne po zaznaczeniu */
  outline: none; /* Usuwa domyślny obrys focusu */
}
 input[type=text]
 {
  font-size:16px;
  cursor:text;
  outline-style:none;
  text-align:left;
  box-sizing: border-box;
 
  color:rgb(240,240,240); 
  border:none;
  -webkit-appearance: none;
 }
 input[type=email]
 {
  font-size:20px;
  cursor:text;
  outline-style:none;
  text-align:left;
  box-sizing: border-box;
  color:rgb(240,240,240);
  border:none;
  -webkit-appearance: none;
 }
 input[type=tel]
 {
  font-size:20px;
  cursor:text;
  outline-style:none;
  text-align:left;
  box-sizing: border-box;
  color:rgb(240,240,240);
  border:none;
  -webkit-appearance: none;
 }

 input[type="text"]:not([value=""]) {
  background-color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background-color: transparent !important;
}
[contenteditable="true"][placeholder]:after {
  content: attr(placeholder);
  color: #abb4cd;
}
[contenteditable="true"][placeholder]:not(:empty):after {
  display: none;
} 

::-webkit-scrollbar {
  width: 5px;
  height:5px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: rgb(80, 80, 80); 
  border-radius: 2.5px;
} 

video
	{
		position:relative;
		float:left;
		width:100%;
		height:100%;
		margin:20px 0 0 0;
	}
	
#videoshow
	{
	position:relative;
		float:left;
		height:90%;
		width:90%;	
		margin:5% 0 0 5%;
		
		overflow-y:auto;
	}
 
    #imagemaininparameterbottom
   {
	 position:relative;
     float:left;
     width:100%;
     height:95%; 
	 margin:0% 0 0 0;  
display:none;	 
   }
     #imagemaininparameterbottommobil
   {
	   position:relative;
     float:left;
     width:100%;
     height:400px; 
	   margin:0% 0 0 0; 
     display:block;	 
   }
   
       #imagemaininchoose
   {
	 position:relative;
     float:left;
     width:100%;
     height:90%;	 
	   
   } 
      #oringmenypodimage
   {
	   position:relative;
	   float:left;
	   width:95%;
	   height:60px;
	 margin:3% 0 2% 2.5%;
	   display:none;
   }
      #oringmenypodimagemobil
   {
	   position:relative;
	   float:left;
	   width:95%;
	   height:auto;
	 margin:1% 0 2% 2.5%;
	   display:block;
   }


#descriptionpodimage
{
	font-size:20px;

}
#aboutpodimage
{
	font-size:20px;

}
#videopodimage
{
	font-size:20px;

}


#choosesitterimagedzald
{
position:relative;
float:left;
  background:url('../img/ico/seniorold.png');
  background-repeat:no-repeat;
  background-size:80%;
  background-position:center; 
  border:2px solid rgb(244,114,0);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:60px;
  height:50px;

}
#choosesitterimageold
{
  position:relative;
  float:left;
  background:url('../img/ico/seniorold.png');
  background-repeat:no-repeat;
  background-size:80%;
  border:2px solid rgb(0,109,182);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-position:center;  
  margin:5px 0 5px 5px;
  width:60px;
  height:50px;

}
#choosesitterimageoldfund
{
  position:relative;
  float:left;
  background:url('../img/ico/seniorold.png');
  background-repeat:no-repeat;
  background-size:80%;
  background-position:center; 
  border:2px solid rgb(202, 149, 2);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:60px;
  height:50px;

}
#choosesitterimagedzaldfund
{
  position:relative;
  float:left;
  background:url('../img/ico/seniorold.png');
  background-repeat:no-repeat;
  background-size:70%;
  background-position:center; 
  border:2px solid rgb(154, 7, 199);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:60px;
  height:50px;
  
}


#freeimageright
{
  background:url('rightcategory1.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 
}
#freeimageleft
{
  background:url('leftcategory1.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 
}

#like
{
  background:url('categorylikeorange.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
}


#facebook
{
  background:url('../img/icomain/facebookwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;

}

#twitter
{
  background:url('../img/icomain/xwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
}
#youtube
{
  background:url('../img/icomain/ytwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
}
#tiktok
{
  background:url('../img/icomain/tiktokwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
}
#logo
{
  background:url('../../ico/icomain/logooryginal.png');
 background-repeat:no-repeat;
 background-size:70%;
 background-position:center;
}
#menu
{
  background:url('../../ico/icomain/menuwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
}
#menu1
{
  background:url('../../ico/icomain/menu1white.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
}
#login
{
  background:url('../../ico/icomain/loginwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
}
#trush
{
  background:url('../../ico/icomain/searchwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
}
#imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloor
{
  position:relative;
  float:left;
  width:80%;
   background:url('../img/frontpages/sitter213.jpg');
 /* background:url('../img/seniorsitter/senior/sen24.jpg');  sitter331.jpg'*/
  background-repeat:no-repeat;
  background-size:cover;
  background-position:bottom; 
 /*  box-shadow: -1px 11px 17px -9px rgb(121, 122, 10);
  -webkit-box-shadow: -1px 11px 17px -9px rgba(17, 17, 18, 1);
  -moz-box-shadow: -1px 11px 17px -9px rgba(17, 17, 18, 1); */
  box-shadow: -1px 11px 17px -9px rgba(255,255,255, 0.5);
z-index:1;
}
#floor
{
  background:rgb(0,0,0);
}
#floor1
{
  background:rgb(0,0,0);
display:none;
}
/* #floor2
{
  background:url('agefloor.png'); 
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
} */
#floor3
{
  background:rgb(23,23,23);
position:relative;
float:left;
width:100%;

}
.main
{
  position:relative;
  float:left;
  width:100%;
  height:auto;

}
#buttondopasuj
{display:none;}

#parallelogram 
{
  font-size:12px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  
}
.alert {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;

  color:white;
}
#text3
{
  left:5%;
}

#topbottomsearch
{
  position:absolute;float:left;width:100%;top:0%;height:100%;border:0px solid rgb(200,200,200);z-index:15;
  display:none;
 }
 #getwiekposearch3:hover,
 #getwiekposearch3:focus
 {
   -webkit-box-shadow: 6px 8px 13px -9px orange;
   -moz-box-shadow: 6px 8px 13px -9px orange;
   box-shadow: 6px 8px 13px -9px orange;
   border:2px solid white;

 }
 #getwiekposearch12:hover,
 #getwiekposearch12:focus
 {
   -webkit-box-shadow: 6px 8px 13px -9px green;
   -moz-box-shadow: 6px 8px 13px -9px green;
   box-shadow: 6px 8px 13px -9px green;
   border:2px solid white;

 }
 #getwiekposearch16:hover,
 #getwiekposearch16:focus
 {
   -webkit-box-shadow: 6px 8px 13px -9px blue;
   -moz-box-shadow: 6px 8px 13px -9px blue;
   box-shadow: 6px 8px 13px -9px blue;
   border:2px solid white;

 }
 #getwiekposearch18:hover,
 #getwiekposearch18:focus
 {
   -webkit-box-shadow: 6px 8px 13px -9px red;
   -moz-box-shadow: 6px 8px 13px -9px red;
   box-shadow: 6px 8px 13px -9px red;
   border:2px solid white;

 }
  body {
    background-color:rgb(255, 255, 255); 
    font-family:'Lato-Medium'; 
   font-size:20px;
    height:auto;
    width:100%;
    
   
  }
    .itemsaccountsmy
    {
        width:95%;
        height:110px;
        background:rgba(220,220,220,1.0);
        border:0.2px solid rgb(244,114,0);
        margin:10px 0 10px 2.5%;
        border-radius:0.5vw;
        -webkit-box-shadow: 4px 4px 7px -2px white; 
    box-shadow: 4px 4px 7px -2px white;
    }
    .itemsaccountsmycity
{
    width:47%;
    height:15vw;
    
    margin:1vw 0 1vw 2%;
    border-radius:0.5vw;
    
} 
.itemsaccountsmy:hover,
.itemsaccountsmy:focus
{
    -webkit-box-shadow: 4px 4px 7px -4px rgba(244,114,0,0.5); 
    box-shadow: 4px 4px 7px -4px rgba(244,114,0,0.5);
   
}
.itemsaccountsmycity:hover,
.itemsaccountsmycity:focus
{
    -webkit-box-shadow: 4px 4px 7px -4px rgba(244,114,0,0.5); 
    box-shadow: 4px 4px 7px -4px rgba(244,114,0,0.5);
    
    
}
@media only screen and (min-width:300px)
{
  #text3response
  {
    font-size:22px;
  }
  #outmypay
  {
    width:100%;
    margin:10px 0 20px 0;
  }
  #opispersonmap
  {
    position:relative;
    float:left;
    width:90%;
    height:auto;
    margin:10px 0 0 10px;
   border:0px solid red;
  }
  #text245
  {
    display:none;
    font-size:16px;
  }
  #text243
  {
    
    font-size:16px;
  }
  #choosesitterimagedzald
{
  position:relative;
  float:left;
  background:url('../img/ico/head_baby.png');
  background-repeat:no-repeat;
  background-size:60%;
  background-position:center; 
  border:2px solid rgb(244,114,0);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:50px;
  height:40px;

}
#choosesitterimageold
{
  position:relative;
  float:left;
  background:url('../img/ico/seniorold.png');
  background-repeat:no-repeat;
  background-size:70%;
  border:2px solid rgb(0,109,182);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-position:center;  
  margin:5px 0 5px 5px;
  width:50px;
  height:40px;

}
#choosesitterimageoldfund
{
  position:relative;
  float:left;
  background:url('../img/ico/oldfund.png');
  background-repeat:no-repeat;
  background-size:80%;
  background-position:center; 
  border:2px solid rgb(202, 149, 2);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:50px;
  height:40px;

}
#choosesitterimagedzaldfund
{
  position:relative;
  float:left;
  background:url('../img/ico/seniorfund.png');
  background-repeat:no-repeat;
  background-size:70%;
  background-position:center; 
  border:2px solid rgb(136, 4, 129);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:50px;
  height:40px;
  
}
  #imagepersonout
  {
    position:relative;
    float:left;
    width:200px;
    height:200px;
    margin:10px 0 0 10px;
    -webkit-box-shadow: 3px 4px 5px -2px rgb(1000,100,100); 
    box-shadow: 3px 3px 5px -2px rgb(100,100,100);
  }
  #regulationbuttoneditsearch
{
  width:180px;
  margin:5px 0 0 calc(35% - 90px);
}

  #textsenior
  {
   width:100%;
   margin:30px 0 0 0%;
  }
  #imageseniorin
  {
display:none;
  }
  #ontheoringmeny
  {
    position:relative;
    float:left;
    width:98%;
    height:80vw;
    margin:0px 0 0px 0%;
    z-index:10;
   /*  background:url('../img/seniorsitter/seniorprod.jpg');  */
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center; 
    background:none;
  }
    #ontheoringmeny_leczenie
  {
    position:relative;
    float:left;
    width:98%;
    height:220vw;
    margin:0px 0 0px 0%;
    z-index:10;

  }
  #choosesistter
  {

    top:calc(50% - 80px);
  right:0px;
  width:60px;
  background:rgb(13,13,13);
  }

  #text2site
  {
    display:block;
  }
  .itemsaccountsmy
      {
          width:95%;
          height:110px;
          background:rgba(220,220,220,1.0);
          border:0.2px solid rgb(244,114,0);
          margin:10px 0 10px 2.5%;
          border-radius:0.5vw;
          -webkit-box-shadow: 4px 4px 7px -2px white; 
      box-shadow: 4px 4px 7px -2px white;
      }
      .itemsaccountsmycity
  {
      width:47%;
      height:15vw;
      
      margin:1vw 0 1vw 2%;
      border-radius:0.5vw;
      
  } 
  .slider {
    position:absolute;
    float:left;
    top:50%;
    left:5%;
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 90%; /* Full-width */
  height: 3px; /* Specified height */
  background: rgb(100,100,100);
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 30px; /* Set a specific slider handle width */
    height: 30px; /* Slider handle height */
    background: rgb(248, 114, 5,1.0); /* Green background */
    border:2px solid white;
    border-radius:50%;
    cursor: pointer; /* Cursor on hover */
  }
  .slider::-moz-range-thumb {
    width: 30px; /* Set a specific slider handle width */
    height: 30px; /* Slider handle height */
    background: rgb(248, 114, 5,1.0); /* Green background */
    border:2px solid white;
    border-radius:50%;
    cursor: pointer; /* Cursor on hover */
  }
  #regulationsuv
  {
  position:relative;
  float:left;
  width:100%;
  height:60px;
  }
  #regulationbutton
  {
    position:relative;
    float:left;
    width:100%;
    height:60px;
  }
  #regulationedit
  {
  position:relative;
  float:left;
  width:98%;
  height:60px;
  }
  #regulationbuttonedit
  {
    position:relative;
    float:left;
    width:100%;
    height:60px;
  }
  #imagemainintop
  {
    height:300px;
  }
  button
  {
  font-size:14px;
  }
	.videoshowthis
	{
		height:300px;
		width:100%;
	}

  #topbottomsearch
      {
        height:70px;
        display:none;
        background:black;
       }
      #searchbuttonrightinput
      {
        display:none;
      }
     
      .oringsprzet
      {
        position:relative;
        float:left;
        width:20%;
        height:25px;
        margin:10px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
      #pcwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(240,240,240);
        border:none;
        -webkit-appearance: none;
        background:none;
      }


      #showvaluechar
      {
        position:absolute;
        float:left;
        top:12vw;
        width:100%;
        height:87vw;
        z-index:1;
        background:rgba(19,19,19,1.0);
        border-radius:0px;
       
        display:none;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:100%;
        width:20%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:80%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:calc(50% - 10px);
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 80, 5, 0.973);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:90%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:10%;
       background: rgb(252,254,7);
      
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:300px;
        border:1px solid red;
        left:calc(50% - 150px);
        display:none;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:60%;
        width:90%;
        border:1px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
  #freeimage
{
display:none;


}
#tlo
  {
    background:rgb(255,255,255,1.0);
  }
	
  #oringitemsopis
  {
    margin:0% 0 0 0%;
width:100%;
height:40%;
  }
  #oringitemsimage
{
width:80%;
height:60%;
left:10%;
-webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
  -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
  box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
  border-radius:20px;
}
  .dopasujshowgetbayingitems
{
  width:90%;
  height:70vw;
  margin:5vw 0 5vw 5%;
  
}
  #parallelogram 
  {
    font-size:10px;
    
  }
  #mymenu
  {
    display:none;
    width:100%;
    position:fixed;
    background:white;
  }
  #oringwiekdopasuj
  {
    top:17%;width:30%;left:35%;height:50%;
  }
  #infobutton
  {
    top:72%;
    height:100px;
  }
  .register
      {
        font-size:20px;
        cursor:text;
        outline-style:none;
text-align:left;
box-sizing: border-box;
color:rgb(240,240,240);
border:none;
background:none;
background:transparent;
-webkit-appearance: none;
      }

  #onas
  {

   display:none;
  }
  #text2
{
  position:relative;
  float:left;
  width:auto;
  font-size:14px;
  top:0%;
  left:0%;
  color:white;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
  #insubimagemain
      {
        position:relative;
        float:left;
        width:90%;
        left:3%;
        height:90%;
        top:1%;
       
      }
      .categorychoose
      {
position:relative;
float:left;
top:5vw;
left:1vw;
width:29vw;
height:35vw;

      }

      k 
      {
    position:relative;
    float:left;
    left:2vw;
font-size:2.4vw;
color:yellow;
top:0.8vw;
display:none;
      }
      #text3
      {
        font-size:3.5vw; 
        display:block;
      }
      #text4
      {
        font-size:3.5vw; 

      }
      l
      {
        position:relative;
        float:left;
        left:5vw;
font-size:2.4vw;
color:rgba(255,255,255,0.8);
top:0.8vw;
display:none;
      }
      t
      {
    
font-size:2.4vw;
color:rgb(244, 94, 7);
display:none;
      }

  #oringcategorydopasuj
  {
    height:300px;
  }

  .dopasujshow
  {
    position:fixed;
    float:left;
    width:100%;
    height:100%;
   
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
  #top
      {
 
  float:left;
  width:100%;
  height:80px;

      }

      #imagemain
      {
        position:relative;
        float:left;
        width:98%;
        height:auto;/*910px;*/
        margin:0 0 0 1%;
        border:0px solid red;
        
      }
    
     #imagemainin2
      {
      position:relative;
        float:left;
        width:95%;
       /*  height:500px; */
      margin:5px 0 10px 2.5%;
       
      }
      #imagemainin,#imagemainin1
      {
      position:relative;
        float:left;
        width:95%;
        height:510px;
      margin:10px 0 10px 2.5%;
       
      }

      #mapdivoring,#mapdivoring1
      {
        position:relative;
        float:left;
        width:95%;
        height:500px; 
        margin:0px 0 10px 2.5%;
    
      }
#mapdiv,#mapdiv1
{
  /* configure the size of the map */
  position:absolute;
  float:left;
  width: 100%;
  height: 100%;
}

#podimagemain
{
  position:relative;
  float:left;
  margin:10px 0 0px 0;
  width:100%;
  height:105vw;
  display:block;
}
#bestseller
{
position:absolute;
float:left;
top:95%;
width:100%;
height:20vw;
z-index:5;

display:none;
}
#premium
{
position:relative;
float:left;
width:100%;
height:20vw;
z-index:5;
display:none;
}
#popular
{
position:relative;
float:left;
width:100%;
height:20vw;
z-index:5;
display:none;
}
#znizka
{
position:relative;
float:left;
width:100%;
height:20vw;
z-index:5;
display:none;
}
#subimagemain
{
  position:relative;
  float:left;
  margin:0 0 0 0;
  width:100%;
  height:135vw;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:400px;
display:block;
 z-index:10;
}
#pasekdecor
{
  position:absolute;
  float:left;
  top:calc(100% - 1.2vw);
  z-index:5;
  width:100%;
  height:2vw;
  display:none;
}
#like
{
  position:absolute;
  float:left;
  left:83%;
  top:calc(100% - 4.5vw);
  z-index:5;
  cursor:pointer;
  width:15vw;
  height:15vw;
  display:none;
}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 11%;
  top:calc(50% - 3vw);
  z-index:5;
  cursor:pointer;
  width:8vw;
  height:8vw;

}
#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 15%;
  top:calc(50% - 3vw);
  z-index:5;
  cursor:pointer;
  width:8vw;
  height:8vw;
}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 11%;
  top:calc(50% - 4vw);
  z-index:5;
  cursor:pointer;
  width:10vw;
  height:10vw;

}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 11%;
  top:calc(50% - 4vw);
  cursor:pointer;
  z-index:5;
  width:10vw;
  height:10vw;
 
}
#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  cursor:pointer;
  z-index:5;
  top:calc(50% - 5.5vw);
  width:11vw;
  height:11vw;
 
}
#mybuttonmenu
{
  height:50px;
  font-size:18px;
  color:white;
  z-index:5;
}

#menu,#menu1
{
  position:relative;
  float:right;
  right:6%;
  top:calc(50% - 4vw);
  cursor:pointer;
  z-index:5;
  width:8vw;
  height:8vw;
 
}
#login
{
  position:relative;
  float:right;
 right:5%;
  top:calc(50% - 4vw);
  cursor:pointer;
  z-index:5;
  width:8vw;
  height:8vw;
 display:none
}
#trush
{
  position:relative;
  float:right;
 right:8%;
  top:calc(50% - 4vw);
  cursor:pointer;
  z-index:5;
  width:8vw;
  height:8vw;
 display:block;
}

#text
{
  position:relative;
  float:left;
  /* top:calc(50% - 12px); */
  width:auto;
  height:auto;
  font-size:22px;
  color:white;
display:block;
}
.exit
{
  font-size:22px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  font-size:22px;
  color:white;
display:block;
}
#texth2
{

  float:left;
  font-size:18px;
  color:white;
display:block;

}

#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
  font-size:12px;
   font-family:'Lato-Medium';
  margin:15px 0 0 7%;
  cursor:pointer;
}
#textfloor1
{
  position:absolute;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
  font-size:12px;
   font-family:'Lato-Medium';
left:3%;
top:calc(50% - 6px);
  
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:18px;
  top:0%;
  left:0%;
  
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
  margin:7% 0 5% 0;
}
.text2
{
  font-size:30px;
  color:white;

}
#textlogin
{
  font-size:14px;
  color:white;
top:0%;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:10px;
  color:white;
  z-index:5;
  font-display: swap;
display:none;

}
#oringsubimagemain
{
  margin:7% 0 0 0;
}
#oringsubimagemain1
{
  width:100%;
  height:35%;
  margin:6% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:50vw;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.0px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:20px;
  background:none;
  width:60%;
  height:12vw;
  left:calc(50% - 30%);
  top:0px;
  color:white;
  font-size:14px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:none;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:2px solid white;
  background:none;
  width:60%;
  height:12vw;
  left:calc(50% - 30%);
  top:0px;
  color:white;
  font-size:14px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
input[type=email]
{
font-size:16px;
border:1px solid green;
box-sizing: border-box;

}
input[type=email]:focus {
  border:3px solid green;
}

.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}

.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid  blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:20% 0 0 0;
  text-align:right;
  font-size:8px;
  font-family: 'Inter';
  color:rgb(200,200,200);
  display:none;
}
#imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
  top:0;
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:15vw;
  display:block;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:15vw;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:none;
 height:100%; 
}
#floor3
{
  display:none;
}
.developers
{
  display:block;
}

}
@media only screen and (min-width:360px)
{
  #text3response
  {
    font-size:22px;
  }
  #imageseniorin
  {
display:none;
  }
  #ontheoringmeny
{
  position:relative;
  float:left;
  width:99%;
  height:60vw;
  margin:0px 0 0px 0%;
 
  z-index:10;
}
  #ontheoringmeny_leczenie
{
  position:relative;
  float:left;
  width:99%;
  height:170vw;
  margin:0px 0 0px 0%;
 
  z-index:10;
}
  .itemsaccountsmy
      {
          width:95%;
          height:110px;
          background:rgba(220,220,220,1.0);
          border:0.2px solid rgb(244,114,0);
          margin:10px 0 10px 2.5%;
          border-radius:0.5vw;
          -webkit-box-shadow: 4px 4px 7px -2px white; 
      box-shadow: 4px 4px 7px -2px white;
      
      }
      .itemsaccountsmycity
  {
      width:47%;
      height:15vw;
      
      margin:1vw 0 1vw 2%;
      border-radius:0.5vw;
      
  } 
  button
  {
font-size:18px;
  }
  #topbottomsearch
      {
        height:70px;
        display:none;
        background:black;
       }
      #searchbuttonrightinput
      {
        display:none;
      }
     
      .oringsprzet
      {
        position:relative;
        float:left;
        width:19%;
        height:25px;
        margin:7px 0 0 4%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
      #pcwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(240,240,240);
        border:none;
        -webkit-appearance: none;
      }


      
      #showvaluechar
      {
        position:absolute;
        float:left;
        top:12vw;
        width:100%;
        height:87vw;
        z-index:1;
        background:rgba(19,19,19,1.0);
        border-radius:0px;
       
        display:none;
    
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:100%;
        width:20%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:80%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:calc(50% - 10px);
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(194,51,66,1.0);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:90%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:10%;
       background: rgb(252,254,7);
      
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:350px;
        border:0px solid red;
       left:calc(50% - 175px);
        display:none;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:55%;
        width:90%;
        border:0.5px solid rgba(230,230,230,0.2);
        left:5%;
        top:15%;
        border-radius:30px;
        display:block;
      }
  #oringitemsopis
  {
    margin:0% 0 0 0%;
width:100%;
height:40%;
  }
  #oringitemsimage
  {
  width:80%;
  height:60%;
  left:10%;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
    -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
    box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
    border-radius:20px;
  }
  .dopasujshowgetbayingitems
  {
    width:90%;
    height:70vw;
    margin:5vw 0 5vw 5%;
  }
  #textlogin
{
  font-size:14px;
  color:white;
  top:0%;
}
  #mymenu
  {
    display:none;
    width:100%;
    position:fixed;
  }
  #infobutton
  {
    top:72%;
    height:100px;
  }
  #oringwiekdopasuj
  {
    top:17%;width:30%;left:35%;height:50%;
  }
  .register
      {
        
        font-size:20px;
        cursor:text;
        outline-style:none;
text-align:left;
box-sizing: border-box;
border:none;
color:rgb(230,230,230);
-webkit-appearance: none;
      }

  #onas
  {

   display:none;
  }
  #text2
  {
    position:relative;
    float:left;
    width:auto;
    font-size:16px;
    top:0%;
    left:0%;
    color:white;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #insubimagemain
  {
    position:relative;
    float:left;
    width:90%;
    left:3%;
    height:90%;
    top:1%;
    
  }
  .categorychoose
  {
position:relative;
float:left;
top:5vw;
left:1vw;
width:29vw;
height:35vw;

  }

  k 
  {
position:relative;
float:left;
left:20px;
font-size:24px;
color:yellow;
top:8px;
display:none;
  }
  #text4
  {
    font-size:3.5vw; 
  }
  #text3
      {
        font-size:3.5vw; 
        display:block;
      }
  l
  {
    position:relative;
    float:left;
    left:50px;
    font-size:24px;
    color:rgba(255,255,255,0.8);
    top:8px;
    display:none;
  }
  t
  {
  font-size:24px;
  color:rgb(244, 94, 7);
  display:none;
  }

  #oringcategorydopasuj
  {
    height:350px;
  }

  .dopasujshow
  {
    position:fixed;
    float:left;
    width:100%;
    height:100%;
    
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
  #top
      {
  
  float:left;
  width:100%;
  height:80px;
 

      }
      #premium
      {
      position:relative;
      float:left;
      width:100%;
      height:20vw;
      z-index:5;
     
      display:none;
      }
      #popular
{
position:relative;
float:left;
width:100%;
height:20vw;
z-index:5;

display:none;
}
#choosesistter
{

  top:calc(50% - 80px);
right:0px;
width:60px;

}
#znizka
{
position:relative;
float:left;
width:100%;
height:20vw;
z-index:5;

display:none;
}
#imagemain
{
  position:relative;
  float:left;
  width:98%;
  height:925px;
  margin:0 0 0 1%;

}
#imagemainin2
{
position:relative;
  float:left;
  width:95%;
 /*  height:520px; */
margin:10px 0 10px 2.5%;
 
}
#imagemainin,#imagemainin1
{
position:relative;
  float:left;
  width:95%;
  height:520px;
margin:10px 0 10px 2.5%;
 
}

#mapdivoring,#mapdivoring1
{
  position:relative;
  float:left;
  width:95%;
  height:450px; 
  margin:0px 0 10px 2.5%;

}
#podimagemain
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100vw;
  display:block;
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
  display:block;
}
#bestseller
{
position:absolute;
float:left;
top:95%;
width:100%;
height:20vw;
z-index:5;

display:none;
}
#subimagemain
{
  position:relative;
  float:left;
  margin:0 0 0 0;
  width:100%;
  height:135vw;
 
}
#pasekdecor
{
  position:absolute;
  float:left;
  top:calc(100% - 1.2vw);
  z-index:5;
  width:100%;
  height:2vw;
display:none;
}
#like
{
  position:absolute;
  float:left;
  left:83%;
  top:calc(100% - 3.5vw);
  z-index:5;
  cursor:pointer;
  width:13vw;
  height:13vw;
  display:none;
}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 11%;
  top:calc(50% - 2.5vw);
  z-index:5;
  cursor:pointer;
  width:7vw;
  height:7vw;
 
}
#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 16%;
  top:calc(50% - 2.5vw);
  z-index:5;
  cursor:pointer;
  width:7vw;
  height:7vw;

}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 11%;
  top:calc(50% - 3vw);
  z-index:5;
  cursor:pointer;
  width:8vw;
  height:8vw;

}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 11%;
  top:calc(50% - 3vw);
  z-index:5;
  cursor:pointer;
  width:8vw;
  height:8vw;

}

#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 5vw);
  cursor:pointer;
  z-index:5;
  width:10vw;
  height:10vw;
}
#login
{
  position:relative;
  float:right;
 right:5%;
  top:calc(50% - 4vw);
  cursor:pointer;
  z-index:5;
  width:8vw;
  height:8vw;
 display:none
}
#trush
{
  position:relative;
  float:right;
 right:9%;
  top:calc(50% - 3vw);
  cursor:pointer;
  z-index:5;
  width:6vw;
  height:6vw;
 display:block;
}
#mybuttonmenu
{
  height:50px;
  font-size:18px;
  color:white;
  z-index:5;
}
#menu, #menu1
{
  position:relative;
  float:right;
 right:8%;
 top:calc(50% - 3.5vw);
  cursor:pointer;
  z-index:5;
  width:7vw;
  height:7vw;
 
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:22px;
  color:white;
  /* top:calc(50% - 13px); */
display:block;

}
.exit
{
  font-size:22px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:22px;
  color:white;
  /* top:calc(50% - 13px); */
display:block;

}
#texth2
{

  float:left;
  font-size:18px;
  color:white;
display:block;

}
#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:12px;
   font-family:'Lato-Medium';
  margin:18px 0 0 7%;
  cursor:pointer;
  
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:20px;
  top:0%;
  left:5%;
  
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
  margin:7% 0 5% 0;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size: 12px;
  color:white;
  z-index:5;
  font-display: swap;
  display:none;

}
#oringsubimagemain
{
  margin:7% 0 0 0;
}
#oringsubimagemain1
{
  width:100%;
  height:35%;
  margin:6% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:50vw;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.0px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:20px;
  background:none;
  width:60%;
  height:12vw;
  left:calc(50% - 30%);
  top:0px;
  color:white;
  font-size:16px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:none;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:2px solid white;
  background:none;
  width:60%;
  height:12vw;
  left:calc(50% - 30%);
  top:0px;
  color:white;
  font-size:16px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:20% 0 0 0;
  text-align:right;
  font-size:8px;
  font-family: 'Inter';
  color:rgb(200,200,200);
  display:none;
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:15vw;
  display:block;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:15vw;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:none;
 height:100%;
}

#imagefloorin
{
  position:absolute;
  float:left;
  width:100%;
  height:auto;
  top:0;
}
.developers
{
  display:block;
}
}
@media only screen and (min-width:390px)
    { 
      #text3response
      {
        font-size:22px;
      }
      #outmypay
      {
        width:100%;
        margin:10px 0 20px 0;
      }
      #opispersonmap
      {
        position:relative;
        float:left;
        width:36%;
        height:auto;
        margin:10px 0 0 20px;
       border:0px solid red;
      }
      #ontheoringmeny
      {
        position:relative;
        float:left;
        width:99%;
        height:50vw;
        margin:0px 0 0px 0%;
       
        z-index:10;
      }
        #ontheoringmeny_leczenie
      {
        position:relative;
        float:left;
        width:99%;
        height:110vw;
        margin:0px 0 0px 0%;
       
        z-index:10;
      }
      .itemsaccountsmy
      {
          width:95%;
          height:110px;
          background:rgba(220,220,220,1.0);
          border:0.2px solid rgb(244,114,0);
          margin:10px 0 10px 2.5%;
          border-radius:0.5vw;
          -webkit-box-shadow: 4px 4px 7px -2px white; 
      box-shadow: 4px 4px 7px -2px white;
      }
      .itemsaccountsmycity
  {
      width:47%;
      height:15vw;
      
      margin:1vw 0 1vw 2%;
      border-radius:0.5vw;
      
  } 
      .slider {
        position:absolute;
        float:left;
        top:50%;
        left:5%;
      -webkit-appearance: none;  /* Override default CSS styles */
      appearance: none;
      width: 90%; /* Full-width */
      height: 2px; /* Specified height */
      background: rgb(100,100,100);
      outline: none; /* Remove outline */
      opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
      -webkit-transition: .2s; /* 0.2 seconds transition on hover */
      transition: opacity .2s;
    }
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(248, 114, 5,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
      .slider::-moz-range-thumb {
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(248, 114, 5,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
      button
      {
    font-size:18px;
      }
	.popular
	{
		display:none;
	}
	.znizka
	{
		display:none;
	}
	 #imagemaininparameterbottom
   {
	 position:relative;
     float:left;
     width:100%;
     height:26%;
     margin:1% 0 0 0; 
	   
   }
	    #imagemaininchoose
   {
	 position:relative;
     float:left;
     width:100%;
     height:90%;	 
	   
   } 
	
	
	
	
	
     #descriptlong
	 {
	  position:relative;
		float:left;
		width:95%;
		height:400px;
		display:none;
		border:2px solid rgb(78,204,44);
		border-radius:10px;
		margin:2% 0 2% 2.5%;

	 }
	   #descriptabout
	 {
	  position:relative;
float:left;
width:95%;
height:400px;
display:none;
border:2px solid rgb(200,77,27);
border-radius:10px;	 
margin:2% 0 2% 2.5%; 
	 }
	    #descriptvideo
	 {
	  position:relative;
float:left;
width:95%;
height:400px;
display:none;
border:2px solid rgb(140,40,90);
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
	   #descriptwym
	 {
	  position:relative;
float:left;
width:95%;
height:400px;
display:none;
border:2px solid blue;
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
      #topbottomsearch
      {
        height:80px;
        display:none;
        background:black;
       }
      #searchbuttonrightinput
      {
        display:none;
      }
     
      .oringsprzet
      {
        position:relative;
        float:left;
        width:18%;
        height:25px;
        margin:7px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
      #pcwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(240,240,240);
        border:none;
        -webkit-appearance: none;
      }


     
      #showvaluechar
      {
        position:absolute;
        float:left;
        top:12vw;
        width:100%;
        height:87vw;
        z-index:1;
        background:rgba(19,19,19,1.0);
        border-radius:0px;
        border:0px solid red;
        display:none;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:100%;
        width:20%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:80%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:calc(50% - 10px);
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:90%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:10%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:400px;
        border:0px solid red;
       left:calc(50% - 200px);
        display:none;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:50%;
        width:90%;
        border:0.5px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
      #oringitemsopis
      {
        margin:0% 0 0 0%;
    width:100%;
    height:40%;
      }
      #oringitemsimage
      {
      width:80%;
      height:60%;
      left:10%;
      -webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        border-radius:20px;
      }
      .dopasujshowgetbayingitems
      {
        width:90%;
        height:70vw;
        margin:5vw 0 5vw 5%;
      }
      #textlogin
{
  font-size:14px;
  color:white;
  top:0%;
}
      #mymenu
      {
        display:none;
        width:100%;
        position:fixed;
      }
      #infobutton
      {
        top:72%;
        height:100px;
      }
      #oringwiekdopasuj
      {
        top:17%;width:30%;left:35%;height:50%;
      }
      .register 
      {
        
        font-size:20px;
        cursor:text;
outline-style:none;
border:none;
text-align:left;
box-sizing: border-box;
color:rgb(230,230,230);
-webkit-appearance: none;
      }

      #onas
      {
       display:none;
      }
      #text2
      {
        position:relative;
        float:left;
        width:auto;
        font-size:18px;
        top:0%;
        left:0%;
        color:white;
        z-index:5;
       /*  font-family:'Roboto-Regular'; */
      
      }
      #insubimagemain
      {
        position:relative;
        float:left;
        width:90%;
        left:3%;
        height:90%;
        top:1%;
        
      }
      .categorychoose
      {
position:relative;
float:left;
top:6vw;
left:1vw;
width:29vw;
height:35vw;

      }

      k 
      {
    position:relative;
    float:left;
    left:2vw;
    font-size:2.4vw;
    color:yellow;
    top:0.8vw;
    display:none;
      }
      #text4
      {
        font-size:3.5vw; 
      }
      #text3
      {
        font-size:3.5vw; 
        display:block;
      }
      l
      {
        position:relative;
        float:left;
        left:5vw;
        font-size:2.4vw;
        color:rgba(255,255,255,0.8);
        top:0.8vw;
        display:none;
      }
      t
      {
      font-size:2.4vw;
      color:rgb(244, 94, 7);
      display:none;
      }
  
      #oringcategorydopasuj
  {
    height:370px;
  }

      .dopasujshow
  {
    position:fixed;
    float:left;
    width:100%;
    height:100%;
   
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
  #top
  {
float:left;
width:100%;
height:80px;


  }

      #imagemain
      {
        position:relative;
        float:left;
        width:98%;
        height:985px;
        margin:0 0 0 1%;
     
      }
      #imagemainin2
      {
      position:relative;
        float:left;
        width:95%;
        /* height:520px; */
      margin:5px 0 5px 2.5%;
       
      }
      #imagemainin,#imagemainin1
      {
      position:relative;
        float:left;
        width:95%;
        height:520px;
      margin:5px 0 10px 2.5%;
       
      }
    
      #mapdivoring,#mapdivoring1
      {
        position:relative;
        float:left;
        width:95%;
        height:450px; 
        margin:5px 0 10px 2.5%;
    
      }
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#choosesistter
{

  top:calc(50% - 80px);
right:0px;
width:60px;
background:rgb(13,13,13);
}
#bestseller
{
position:absolute;
float:left;
top:95%;
width:100%;
height:20vw;
z-index:5;

display:none;
}
#premium
{
position:relative;
float:left;
width:100%;
height:20vw;
z-index:5;

display:none;
}
#popular
{
position:relative;
float:left;
width:100%;
height:20vw;
z-index:5;

display:none;
}
#znizka
{
position:relative;
float:left;
width:100%;
height:20vw;
z-index:5;

display:none;
}
#podimagemain
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:105vw;
  display:block;
}
#subimagemain
{
  position:relative;
  float:left;
  margin:0 0 0 0;
  width:100%;
  height:135vw;

}
#pasekdecor
{
  position:absolute;
  float:left;
  top:calc(100% - 1vw);
  z-index:5;
  width:100%;
  height:2vw;
 display:none;
}
#like
{
  position:absolute;
  float:left;
  left:83%;
  top:calc(100% - 4.5vw);
  z-index:5;
  cursor:pointer;
  width:15vw;
  height:15vw;
display:none;
}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 12%;
  top:calc(50% - 3vw);
  z-index:5;
  cursor:pointer;
  width:8vw;
  height:8vw;
  
}
#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 13%;
  top:calc(50% - 3vw);
  z-index:5;
  cursor:pointer;
  width:8vw;
  height:8vw;

}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 12%;
  top:calc(50% - 4vw);
  z-index:5;
  cursor:pointer;
  width:10vw;
  height:10vw;
 
}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 12%;
  top:calc(50% - 3vw);
  cursor:pointer;
  z-index:5;
  width:8vw;
  height:8vw;
 
}
 

#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 6vw);
  cursor:pointer;
  z-index:5;
  width:12vw;
  height:12vw;
 
}
#mybuttonmenu
{
  height:50px;
  font-size:18px;
  color:white;
  z-index:5;
}
#menu #menu1
{
  position:relative;
  float:right;
  right:8%;
  top:calc(50% - 3.5vw);
  cursor:pointer;
  z-index:5;
  width:7vw;
  height:7vw;
 display:block;
}
#login
{
  position:relative;
  float:right;
 right:5%;
  top:calc(50% - 4vw);
  cursor:pointer;
  z-index:5;
  width:8vw;
  height:8vw;
 display:none
}
#trush
{
  position:relative;
  float:right;
 right:9%;
  top:calc(50% - 3vw);
  cursor:pointer;
  z-index:5;
  width:6vw;
  height:6vw;
 display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font: size 22px;
  color:white;
display:block;
/* top:calc(50% - 15px); */
}
.exit
{
  font-size:22px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:22px;
  color:white;
display:block;
/* top:calc(50% - 15px); */
}
#texth2
{

  float:left;
  font-size:22px;
  color:white;
display:block;

}
#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:14px;
   font-family:'Lato-Medium';
  margin:18px 0 0 9%;
  cursor:pointer;
 
}
#parallelogram 
{
  font-size:12px;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:22px;
  top:0%;
  left:5%;
 
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
  margin:7% 0 10% 0;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:12px;
  color:white;
  z-index:5;
  font-display: swap;
  display:block;

}
#oringsubimagemain
{
  margin:7% 0 0 0;
}
#oringsubimagemain1
{
  width:100%;
  height:35%;
  margin:6% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:50vw;
  margin:8% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.0px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:20px;
  background:none;
  width:60%;
  height:12vw;
  left:calc(50% - 30%);
  top:0px;
  color:white;
  font-size:18px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:none;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:2px solid white;
  background:none;
  width:60%;
  height:12vw;
  left:calc(50% - 30%);
  top:0px;
  color:white;
  font-size:18px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}

.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:20% 0 0 0;
  text-align:right;
  font-size:8px;
  font-family: 'Inter';
  color:rgb(200,200,200);
  display:block;
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:15vw;
  display:block;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:15vw;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:none;
 height:100%;
}
#imagefloorin
{
  position:absolute;
  float:left;
  width:100%;
  height:auto;
  top:0;
}
.developers
{
  display:block;
}

    }
    @media only screen and (min-width:520px)
    { 
      #text3response
      {
        font-size:24px;
      }
      #opispersonmap
      {
        position:relative;
        float:left;
        width:250px;
        height:200px;
        margin:10px 0 0 20px;
       border:0px solid blue;
      }
      #choosesistter
  {

  top:calc(50% - 80px);
  right:0px;
  width:60px;
  background:rgb(13,13,13);
  }
      #choosesistterimage
      {
        position:relative;
        float:left;
      width:60px;
      height:50px;
      
      }
      .slider {
        position:absolute;
        float:left;
        top:50%;
        left:5%;
      -webkit-appearance: none;  /* Override default CSS styles */
      appearance: none;
      width: 90%; /* Full-width */
      height: 2px; /* Specified height */
      background: rgb(100,100,100);
      outline: none; /* Remove outline */
      opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
      -webkit-transition: .2s; /* 0.2 seconds transition on hover */
      transition: opacity .2s;
    }
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(248, 114, 5,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
      .slider::-moz-range-thumb {
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(248, 114, 5,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
      #regulationsuv
{
position:relative;
float:left;
width:100%;
height:60px;
}
#regulationbutton
{
  position:relative;
  float:left;
  width:100%;
  height:60px;
}
#regulationedit
{
position:relative;
float:left;
width:98%;
height:60px;
}
#regulationbuttonedit
{
  position:relative;
  float:left;
  width:100%;
  height:60px;
  
}

      button
      {
    font-size:18px;
      }
	.videoshowthis
	{
		height:400px;
		width:100%;
	}
	#imagemaininparameterbottom
	{
		
    position:relative;
    float:left;
    display:block;
    
	}
	#imagemaininparameterbottommobil
	{
		display:none;
	}
	
	     #oringmenypodimage
   {
	   position:relative;
	   float:left;
	   width:95%;
	   height:60px;
	   margin:3% 0 2% 2.5%;
	   display:block;
	   
   }
   
        #oringmenypodimagemobil
   {
	   position:relative;
	   float:left;
	   width:95%;
	   height:auto;
	   margin:3% 0 2% 2.5%;
	   display:none;
	   
   }
	
	     #imagemaininparameterbottom
   {
	 position:relative;
     float:left;
     width:100%;
     height:150px;
     margin:0% 0 0 0; 
	   
   }
	    #imagemaininchoose
   {
	 position:relative;
     float:left;
     width:100%;
     height:100%;	 
	   
   } 
	
	#tlo
  {
    background:rgb(255,255,255,0.5);
  }
	

	
     #descriptlong
	 {
	  position:relative;
		float:left;
		width:95%;
		height:500px;
		display:none;
		border:2px solid rgb(78,204,44);
		border-radius:10px;
		margin:2% 0 2% 2.5%;

	 }
	   #descriptabout
	 {
	  position:relative;
float:left;
width:95%;
height:500px;
display:none;
border:2px solid rgb(200,77,27);
border-radius:10px;	 
margin:2% 0 2% 2.5%; 
	 }
	    #descriptvideo
	 {
	  position:relative;
float:left;
width:95%;
height:500px;
display:none;
border:2px solid rgb(140,40,90);
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
	   #descriptwym
	 {
	  position:relative;
float:left;
width:95%;
height:400px;
display:none;
border:2px solid blue;
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
      #linuxwhite
{
  background:url('../../ico/icomain/linuxwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
width:30px;
height:30px;
margin:0 0 0 5%;
top:calc(50% - 15px);


}
#osxwhite
{
  background:url('../../ico/icomain/osxwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
width:30px;
height:30px;
margin:0 0 0 5%;
top:calc(50% - 15px);


}
#win8white
{
  background:url('../../ico/icomain/win8.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
width:30px;
height:30px;
margin:0 0 0 2%;
top:calc(50% - 15px);

}
#pcwhite
{
  background:url('../../ico/icomain/pcwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
width:30px;
height:30px;
margin:0 0 0 5%;
top:calc(50% - 15px);


}
#pswhite
{
  background:url('../../ico/icomain/pswhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
width:30px;
height:30px;
margin:0 0 0 3%;
top:calc(50% - 15px);


}
#pswhite1
{
  background:url('../../ico/icomain/pswhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
width:30px;
height:30px;
margin:0 0 0 5%;
top:calc(50% - 15px);

}
#xboxwhite
{
  background:url('../../ico/icomain/xboxwhite.png');
 background-repeat:no-repeat;
 background-size:90%;
 background-position:center;


 

}
#xboxwhite1
{
  background:url('../../ico/icomain/xboxwhite.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:center;
width:30px;
height:30px;
margin:0 0 0 6%;
top:calc(50% - 15px);
}

      #topbottomsearch
      {
        height:70px;
        display:none;
       }
      #searchbuttonrightinput
      {
        display:none;
      }
    
      .oringsprzet
      {
        position:relative;
        float:left;
        width:18%;
        height:25px;
        margin:5px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
      #pcwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:15px;
      }
      .register
      {
        font-size:20px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(230,230,230);
        border:none;
        -webkit-appearance: none;
      }


      #showvaluechar
      {
        position:absolute;
        float:left;
        width:500px;
        height:60vw;
        top:11vw;
        left:calc(50% - 250px);
        background:rgba(23,23,23,1.0);
        border-radius:20px;
        border:1px solid rgba(200,200,200,0.3);
       display:none;
       z-index:1;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:100%;
        width:20%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:80%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:calc(50% - 10px);
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:90%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:10%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:400px;
        border:0px solid red;
       left:calc(50% - 200px);
        display:none;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:50%;
        width:90%;
        border:0.5px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
      #oringitemsopis
      {
        margin:0% 0 0 2%;
    width:50%;
    height:100%;
      }
      #oringitemsimage
      {
      width:40%;
      height:70%;
      left:10%;
      -webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        border-radius:20px;
        z-index:10;
      }
      .dopasujshowgetbayingitems
      {
        width:100%;
        height:20vw;
        margin:3.5vw 0 3.5vw 0%;
      }

      #textlogin
{
  font-size:14px;
  color:white;

}
      #infobutton
      {
        top:500px;
        height:150px;
      }
      #oringwiekdopasuj
      {
        top:100px;width:30%;left:35%;height:350px;
      }
      #mybuttonmenu
{
  height:50px;
  font-size:18px;
  color:white;
  z-index:5;
}
      #mymenu
      {
        display:none;
        width:100%;
        height:100%;
        position:absolute;
        left:0%;
        background:black;
      }
      .bestseller
      {
        position:absolute;
        float:left;
        width:30vw;
        height:90%;
        
        top:5%;
        left:5vw;
      }
      .bestsellerin
      {
        width:90vw;
     left:2vw;
       
      }
      .premium
      {
        position:absolute;
        float:left;
        width:25vw;
        height:90%;
        
        top:5%;
        left:5vw;
      }
      #premiumin
      {
        width:90vw;
     left:2vw;
       
      }
      .popular
      {
        position:absolute;
        float:left;
        width:30vw;
        height:90%;
        display:block;
        top:5%;
        left:5vw;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:30vw;
        height:90%;
        display:block;
        top:5%;
        left:5vw;
      }
      #popularin
      {
        width:90vw;
        left:2vw;
    /*  --scrollbar-color-thumb: red; */
      
      }
      #znizkain
      {
        width:90vw;
     left:2vw;
       
      }
      .chooseoring
      {
        width:8vw;
        height:8vw;
      
      }
      #onas
      {
       position:absolute;
       float:left;
       width:80%;
       height:90%;
       left:calc(50% - 40%);
       top:5%; 
       border-radius:20px;
       border:1px solid rgba(255,255,255,0.8);
       background:rgba(0,0,0,0.5);
       display:block;
      }
      #text2
      {
        position:relative;
        float:left;
        width:auto;
        font-size:16px;
        top:0%;
        left:0%;
        color:white;
        z-index:5;
       /*  font-family:'Roboto-Regular'; */
      
      }
      #insubimagemain
      {
        position:relative;
        float:left;
        width:90%;
        left:5%;
        height:90%;
        top:5%;
        
      }
      .categorychoose
      {
position:relative;
float:left;
top:7vw;
left:3.5vw;
width:27vw;
height:25vw;

      }

      k 
      {
    position:relative;
    float:left;
    left:2vw;
    font-size:2.4vw;
    color:yellow;
    top:1vw;
    display:block;
      }
      #text4
      {
        font-size:2.4vw; 
      }
      #text3
      {
        font-size:2.4vw; 
        display:block;
        top:calc(50% - 1.2vw);
      }
      l
      {
        position:relative;
        float:left;
        left:5vw;
        font-size:2.4vw;
        color:rgba(255,255,255,0.8);
        top:1vw;
        display:block;
      }
      t
      {
      font-size:2.4vw;
      color:rgb(244, 94, 7);
      display:block;
      }
 
      #oringcategorydopasuj
  {
    height:170px;
  }
      .dopasujshow
  {
    position:absolute;
    float:left;
    width:100%;
    height:100%;
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
  #top
  {
float:left;
width:100%;
height:80px;


  }
     

 #bestseller
{
position:absolute;
float:left;
top:68%;
width:100%;
z-index:5;
height:45vw;

display:block;
}
#premium
{
position:relative;
float:left;
width:100%;
height:35vw;
z-index:5;
margin:0% 0 0 0;
display:block;

display:block;
}
#popular
{
position:relative;
float:left;
width:100%;
height:40vw;
z-index:5;

display:block;
}
#znizka
{
position:relative;
float:left;
width:100%;
height:45vw;
z-index:5;
margin:0% 0 0 0;
display:block;
}

      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:110vw;
        display:block;
      }
#subimagemain
{
  position:relative;
  float:left;
  margin:0vw 0 0 0;
  width:100%;
  height:95vw;
  
}
#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 5vw);
  cursor:pointer;
  z-index:5;
  width:10vw;
  height:10vw;
 
}
#menu, #menu1
{
  position:relative;
  float:right;
 right:7%;
  top:calc(50% - 2.5vw);
  cursor:pointer;
  z-index:5;
  width:5vw;
  height:5vw;
 display:block;
}
#login
{
  position:absolute;
  float:right;
 right:5%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width:4vw;
  height:4vw;
 display:none;
}
#trush
{
  position:absolute;
  float:right;
 right:15%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width:4vw;
  height:4vw;
 display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:24px;
  color:white;
display:block;
/* top:calc(50% - 15px); */
 
}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
/* top:calc(50% - 15px); */
 
}
#texth2
{

  float:left;
  font-size:22px;
  color:white;
display:block;

}
#pasekdecor
{
  position:absolute;
  float:left;
  top:calc(0% - 1.2vw);
  z-index:5;
  width:100%;
  height:2vw;
display:block;
}
#like
{
  position:absolute;
  float:left;
  left:89%;
  top:calc(0% - 7vw);
  z-index:5;
  cursor:pointer;
  width:8vw;
  height:8vw;
  display:none;
 
}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 12%;
  top:calc(50% - 2.5vw);
  z-index:5;
  cursor:pointer;
  width:5vw;
  height:5vw;

}
#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 20%;
  top:calc(50% - 2.5vw);
  z-index:5;
  cursor:pointer;
  width:5vw;
  height:5vw;

}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 12%;
  top:calc(50% - 3.5vw);
  z-index:5;
  cursor:pointer;
  width:7vw;
  height:7vw;

}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 12%;
  top:calc(50% - 2.5vw);
  cursor:pointer;
  z-index:5;
  width:5vw;
  height:5vw;

}

#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
  margin:18px 0 0 9%;
  cursor:pointer;
}
#textfloor1
{
  position:absolute;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
  font-size:14px;
   font-family:'Lato-Medium';
left:3%;
top:calc(50% - 7px);
  
}
#parallelogram 
{
  font-size:14px;
}
#textfloorocena
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
 
  cursor:pointer;
  top:52%;left:85%;width:40px;height:40px;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:20px;
  top:0%;
  left:0%;
 
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:20px;
  color:white;
  margin:7% 0 0 0;
}
.text2
{
  font-size:20px;
  color:white;

}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:14px;
  color:white;
  z-index:5;
  font-display: swap;
  display:block;

}
#oringsubimagemain
{
  margin:7% 0 0 0;
  
}
#oringsubimagemain1
{
  width:100%;
  height:32%;
  margin:6% 0 0 0;
}
#oringsubimagemainage
{
  width:90%;
  height:45vw;
  margin:8% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.0px solid white;
}
#buttondopasujgra
{
  position:absolute;
  float:left;
  border-radius:40px;
  border:2px solid rgba(255,255,255,0.7);
  background:rgba(244, 94, 7,0.9);
  width:27vw;
  height:7vw;
  left:calc(50% - 13.5vw);
  top:80%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  -moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  }



#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:27vw;
  height:7vw;
  left:calc(50% - 13.5vw);
  top:70%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:2px solid rgb(250, 213, 4);
  background:none;
  width:60%;
  height:8vw;
  left:calc(50% - 30%);
  top:0px;
  color:white;
  font-size:18px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:20% 0 0 0;
  text-align:right;
  font-size:9px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:70vw;
  margin:0% 0 0 0;
  display:block;
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:8vw;
  display:block;
  background:rgba(100,100,100,0.6);
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:8vw;
  display:block;
  background:rgba(100,100,100,0.6);
}
#floor2
{
  
 display:none;

  
}
#imagefloorin
{
  position:absolute;
  float:left;
  width:100%;
  height:auto;
 top:calc(100% - 70px);
}
.developers
{
  display:block;
}
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:980px;
  margin:0 0 0 0%;
  
}
#imagemainin2
{
position:relative;
  float:left;
  width:95%;
  /* height:520px; */ 
margin:10px 0 10px 2.5%;

}
#imagemainin,#imagemainin1
{
position:relative;
  float:left;
  width:95%;
  height:520px; 
margin:10px 0 10px 2.5%;

}

#mapdivoring,#mapdivoring1
{
  position:relative;
  float:left;
  width:95%;
  height:450px; 
  margin:0px 0 10px 2.5%;

}
#textsenior
  {
    width:48%;
    margin:30px 0 0 2%;
  }
  #imagesenior
  {
    width:46%;
  }
  #imageseniorin
  {
    display:block;
  }
#ontheoringmeny
{
  position:relative;
  float:left;
  width:99%;
  height:54vw;
  margin:0px 0 0px 0%;
  
  z-index:10;
}
#ontheoringmeny_leczenie
{
  position:relative;
  float:left;
  width:99%;
  height:84vw;
  margin:0px 0 0px 0%;
  
  z-index:10;
}

    }
    @media only screen and (min-width:600px)
    { 
      #text3response
      {
        font-size:24px;
      }
      .itemsaccountsmy
      {
          width:95%;
          height:110px;
          background:rgba(220,220,220,1.0);
          border:0.2px solid rgb(244,114,0);
          margin:10px 0 10px 2.5%;
          border-radius:0.5vw;
          -webkit-box-shadow: 4px 4px 7px -2px white; 
      box-shadow: 4px 4px 7px -2px white;
      }
      .itemsaccountsmycity
  {
      width:47%;
      height:15vw;
      
      margin:1vw 0 1vw 2%;
      border-radius:0.5vw;
      
  } 
      #regulationsuv
      {
      position:relative;
      float:left;
      width:100%;
      height:60px;
      }
      #regulationbutton
      {
        position:relative;
        float:left;
        width:100%;
        height:60px;
      }
      #regulationedit
{
position:relative;
float:left;
width:98%;
height:60px;
}
#regulationbuttonedit
{
  position:relative;
  float:left;
  width:100%;
  height:60px;
}
      button
      {
    font-size:18px;
      }
      #imagemain
      {
        position:relative;
        float:left;
        width:100%;
        height:1000px;
        margin:0 0 0 0%;
   
      }
      #imagemainin2
      {
      position:relative;
        float:left;
        width:90%;
        /* height:520px;  */
      margin:0px 0 10px 5%;
     
      }
      #imagemainin, #imagemainin1
      {
      position:relative;
        float:left;
        width:90%;
        height:520px; 
      margin:10px 0 10px 5%;
     
      }
    
      #mapdivoring,#mapdivoring1
      {
        position:relative;
        float:left;
        width: 90%;
        height:500px; 
        margin:0px 0 10px 5%;
    
      }
	
	     #imagemaininparameterbottom
   {
	 position:relative;
     float:left;
     width:100%;
     height:150px;
     margin:1% 0 0 0; 
	   
   }
	    #imagemaininchoose
   {
	 position:relative;
     float:left;
     width:100%;
     height:100%;	 
	   
   } 
	
	
	
	
	
     #descriptlong
	 {
	  position:relative;
		float:left;
		width:95%;
		height:600px;
		display:none;
		border:2px solid rgb(78,204,44);
		border-radius:10px;
		margin:2% 0 2% 2.5%;

	 }
	   #descriptabout
	 {
	  position:relative;
float:left;
width:95%;
height:500px;
display:none;
border:2px solid rgb(200,77,27);
border-radius:10px;	 
margin:2% 0 2% 2.5%; 
	 }
	    #descriptvideo
	 {
	  position:relative;
float:left;
width:95%;
height:600px;
display:none;
border:2px solid rgb(140,40,90);
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
	   #descriptwym
	 {
	  position:relative;
float:left;
width:95%;
height:500px;
display:none;
border:2px solid blue;
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
      #getwiekposearch3
      {
        position:absolute;float:left;
        width:8vw;
        height:8vw;
        top:calc(50% - 4vw);
        left:5vw;
        border-radius:50%;
        background:orange;
        border:2px solid orange;
        color:white;
        font-size:20px;
        cursor:pointer;
        -webkit-box-shadow: 6px 8px 13px -9px none;
        -moz-box-shadow: 6px 8px 13px -9px none;
        box-shadow: 6px 8px 13px -9px none;
      }
    
      #getwiekposearchvalue3
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:2vw;
        height:2vw;
        top:calc(100% - 1vw);
        left:calc(98% - 1vw);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch12
      {
        position:absolute;float:left;
        width:8vw;
        height:8vw;
        top:calc(50% - 4vw);
        left:18vw;
        border-radius:50%;
        background:green;
        border:2px solid green;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
     
      #getwiekposearchvalue12
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:2vw;
        height:2vw;
        top:calc(100% - 1vw);
        left:calc(98% - 1vw);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch16
      {
        position:absolute;float:left;
        width:8vw;
        height:8vw;
        top:calc(50% - 4vw);
        left:31vw;
        border-radius:50%;
        background:blue;
        border:2px solid blue;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue16
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:2vw;
        height:2vw;
        top:calc(100% - 1vw);
        left:calc(98% - 1vw);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch18
      {
        position:absolute;float:left;
        width:8vw;
        height:8vw;
        top:calc(50% - 4vw);
        left:44vw;
        border-radius:50%;
        background:red;
        border:2px solid red;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue18
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:2vw;
        height:2vw;
        top:calc(100% - 1vw);
        left:calc(98% - 1vw);
        border-radius:50%;
        display:none;
      }
      #topbottomsearch
      {
        height:70px;
        display:none;
       }
      .oringsprzet
      {
        position:relative;
        float:left;
        width:18%;
        height:25px;
        margin:5px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
      #pcwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(230,230,230);
        border:none;
        -webkit-appearance: none;
      }


      #showvaluechar
      {
        position:absolute;
        float:left;
        width:500px;
        height:65vw;
        top:12vw;
        left:calc(50% - 250px);
        background:rgba(23,23,23,1.0);
        border-radius:20px;
        border:1px solid rgba(200,200,200,0.3);
       display:none;
       z-index:10;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:100%;
        width:20%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:80%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:calc(50% - 10px);
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:90%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:10%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:350px;
        border:0px solid red;
       left:calc(55% - 175px);
        display:none;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:50%;
        width:90%;
        border:0.0px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
      #oringitemsimage
      {
      width:40%;
      height:70%;
      top:15%;
      left:10%;
      -webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        border-radius:20px;
        z-index:10;
      }
      .dopasujshowgetbayingitems
      {
        width:100%;
        height:20vw;
        margin:2vw 0 2vw 0%;
      }
      #textlogin
{
  font-size:14px;
  color:white;

}
      #infobutton
      {
        top:500px;
        height:150px;
      }
      #mybuttonmenu
{
  height:50px;
  font-size:18px;
  color:white;
  z-index:5;
}
      #mymenu
      {
        display:none;
        width:100%;
        height:100%;
        position:absolute;
        left:0%;
      }
      .bestseller
      {
        position:absolute;
        float:left;
        width:30vw;
        height:90%;
        
        top:5%;
        left:5vw;
      }
      .bestsellerin
      {
        width:92vw;
        left:2vw;
       
      }
      .premium
      {
        position:absolute;
        float:left;
        width:25vw;
        height:90%;
        
        top:5%;
        left:5vw;
      }
      .popular
      {
        position:absolute;
        float:left;
        width:23vw;
        height:85%;
        display:block;
        top:5%;
        left:5vw;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:23vw;
        height:87%;
        display:block;
        top:5%;
        left:5vw;
      }
      #premiumin
      {
        width:92vw;
        left:2vw;
       
      }
      #popularin
      {
        width:92vw;
     left:2vw;
       
      }
      #znizkain
      {
        width:92vw;
     left:2vw;
       
      }
      #onas
      {
       position:absolute;
       float:left;
       width:80%;
       height:75%;
       left:calc(50% - 40%);
       top:5%; 
       border-radius:20px;
       border:1px solid rgba(255,255,255,0.8);
       background:rgba(0,0,0,0.5);
       display:block;
      }
      #buttondopasujgra
{
  position:absolute;
  float:left;
  border-radius:40px;
  border:2px solid rgba(255,255,255,0.7);
  background:rgba(244, 94, 7,0.9);
  width:27vw;
  height:7vw;
  left:calc(50% - 13.5vw);
  top:73%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  -moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  }
      #text2
      {
        position:relative;
        float:left;
        width:auto;
        font-size:18px;
        top:0%;
        left:0%;
        color:white;
        z-index:5;
       /*  font-family:'Roboto-Regular'; */
      
      }
      #insubimagemain
      {
        position:relative;
        float:left;
        width:90%;
        left:5%;
        height:90%;
        top:5%;
        
      }
      .categorychoose
      {
position:relative;
float:left;
top:7vw;
left:3.5vw;
width:27vw;
height:25vw;

      }

      k 
      {
    position:relative;
    float:left;
    left:2vw;
    font-size:2.4vw;
    color:yellow;
    top:1vw;
    display:block;
      }
      #text4
      {
        font-size:2.4vw; 
      }
      #text3
      {
        font-size:2.4vw; 
        display:block;
        top:calc(50% - 1.4vw);
      }
      l
      {
        position:relative;
        float:left;
        left:5vw;
        font-size:2.4vw;
        color:rgba(255,255,255,0.8);
        top:1vw;
        display:block;
      }
      t
      {
      font-size:2.4vw;
      color:rgb(244, 94, 7);
      display:block;
      }

      #oringcategorydopasuj
  {
    height:200px;
  }
      .dopasujshow
  {
    position:absolute;
    float:left;
    width:100%;
    height:100%;
   
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
  #top
  {
float:left;
width:100%;
height:80px;


  }
	  

#bestseller
{
position:absolute;
float:left;
top:63%;
width:100%;
height:40vw;

z-index:5;

display:block;
}
#premium
{
position:relative;
float:left;
width:100%;
height:35vw;
z-index:5;
margin:0% 0 0 0;
display:block;

}
#popular
{
position:relative;
float:left;
width:100%;
height:35vw;
z-index:5;

display:block;
}
#znizka
{
position:relative;
float:left;
width:100%;
height:38vw;
z-index:5;
margin:0% 0 0 0;
display:block;
}
#podimagemain
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:80vw;
  display:block;
  background:none;
  background:1px solid red;
}
#subimagemain
{
  position:relative;
  float:left;
  margin:0vw 0 0 0;
  width:100%;
  height:100vw;

}
#pasekdecor
{
  position:absolute;
  float:left;
  top:calc(0% - 1.2vw);
  z-index:5;
  width:100%;
  height:2vw;

}
#like
{
  position:absolute;
  float:left;
  left:79%;
  top:calc(0% - 8vw);
  z-index:5;
  cursor:pointer;
  width:8vw;
  height:10vw;
 display:none;
}

#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 4.5vw);
  cursor:pointer;
  z-index:5;
  width:9vw;
  height:9vw;
 
}
#trush
{
  position:absolute;
  float:right;
 right:15%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width:4vw;
  height:4vw;
 display:block;
}
#menu ,#menu1
{
  position:relative;
  float:right;
 right:7%;
  top:calc(50% - 2.5vw);
  cursor:pointer;
  z-index:5;
  width:5vw;
  height:5vw;
 display:block;
}
#login
{
  position:absolute;
  float:right;
 right:3%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width:4vw;
  height:4vw;
 display:none;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
/* top:calc(50% - 16px); */
}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:24px;
  color:white;
display:block;
/* top:calc(50% - 16px); */
}
#texth2
{

  float:left;
  font-size:22px;
  color:white;
display:block;

}
#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';

  margin:18px 0 0 6%;
  cursor:pointer;
}
#textfloorocena
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
 
  cursor:pointer;
  top:60%;left:85%;width:40px;height:40px;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:22px;
  top:0%;
  left:0%;

  z-index:5;

}
.text1
{
  font-size:30px;
  color:white;
  margin:7% 0 0 0;
}
.text2
{
  font-size:30px;
  color:white;

}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:14px;
  color:white;
  z-index:5;
  font-display: swap;
  display:block;

}
#oringsubimagemain
{
  margin:7% 0 0 0;
  
}
#oringsubimagemain1
{
  width:50%;
  height:55%;
  margin:4% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:18vw;
  margin:8% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.5px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:27vw;
  height:7vw;
  left:calc(50% - 13.5vw);
  top:70%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:1px solid white;
  background:none;
  width:40%;
  height:8vw;
  left:calc(50% - 20%);
  top:0px;
  color:white;
  font-size:18px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:44%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:44%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:44%;
  height:100%;
  margin:0 0 0 3%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:1px solid orange;
  background:none;
  width: 44%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:15% 0 0 0;
  text-align:right;
  font-size:9px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:8vw;
  display:block;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:8vw;
  display:block;
}
#floor2
{
 
 display:none;

}
#floor3
{
  position:relative;
  float:left;
  height:6vw;
  display:block;
}
#imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  height:auto;

}
.developers
{
  display:block;
}

#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 27%;
  top:calc(50% - 1vw);
  z-index:5;
  cursor:pointer;
  width:5vw;
  height:5vw;

}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 8%;
  top:calc(50% - 1vw);
  z-index:5;
  cursor:pointer;
  width:5vw;
  height:5vw;

}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 8%;
  top:calc(50% - 1vw);
  z-index:5;
  cursor:pointer;
  width:5vw;
  height:5vw;
 
}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 8%;
  top:calc(50% - 1vw);
  z-index:5;
  cursor:pointer;
  width:5vw;
  height:5vw;

}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:75vw;
  margin:0% 0 0 0;
}
#tlo
{
  background:rgb(255,255,255,1.0);
}
#ontheoringmeny
{
position:relative;
float:left;
width:99%;
height:40vw;
margin:0px 0 0px 0%;

z-index:10;
}
#ontheoringmeny_leczenie
{
position:relative;
float:left;
width:99%;
height:60vw;
margin:0px 0 0px 0%;

z-index:10;
}
#textsenior
  {
    width:48%;
    margin:30px 0 0 2%;
  }
  #imagesenior
  {
    width:46%;
  }
  #imageseniorin
  {
    display:block;
  }
    }
@media only screen and (min-width:720px)
    { 
      #carolina_center
{
 
  background:url('../outing/carolina_center.png');
  background-repeat:no-repeat;
  background-size:90%;
  background-position:center; 
  width:200px;
  height:100px;
  right:5%;
}
      #text3response
      {
        font-size:24px;
      }
      #ontheoringmeny
      {
      position:relative;
      float:left;
      width:99%;
      height:40vw;
      margin:0px 0 0px 0%;
      
      z-index:10;
    }
        #ontheoringmeny_leczenie
      {
      position:relative;
      float:left;
      width:99%;
      height:60vw;
      margin:0px 0 0px 0%;
      
      z-index:10;
    }
      .itemsaccountsmy
      {
          width:95%;
          height:110px;
          background:rgba(220,220,220,1.0);
          border:0.2px solid rgb(244,114,0);
          margin:10px 0 10px 2.5%;
          border-radius:0.5vw;
          -webkit-box-shadow: 4px 4px 7px -2px white; 
      box-shadow: 4px 4px 7px -2px white;
      }
      .itemsaccountsmycity
  {
      width:47%;
      height:15vw;
      
      margin:1vw 0 1vw 2%;
      border-radius:0.5vw;
      
  } 
      .slider {
        position:absolute;
        float:left;
        top:50%;
        left:5%;
      -webkit-appearance: none;  /* Override default CSS styles */
      appearance: none;
      width: 90%; /* Full-width */
      height: 2px; /* Specified height */
      background: rgb(100,100,100);
      outline: none; /* Remove outline */
      opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
      -webkit-transition: .2s; /* 0.2 seconds transition on hover */
      transition: opacity .2s;
    }
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(248, 114, 5,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
      .slider::-moz-range-thumb {
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(251,61,12,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
      #regulationsuv
{
position:relative;
float:left;
width:55%;
height:60px;
}
#regulationbutton
{
  position:relative;
  float:left;
  width:45%;
  height:60px;
}
#regulationbuttoneditsearch
{
  width:200px;
  margin:5px 0 0 calc(35% - 100px);
}

#regulationedit
{
position:relative;
float:left;
width:50%;
height:60px;
}
#regulationbuttonedit
{
  position:relative;
  float:left;
  width:50%;
  height:60px;
}
      #tlo
  {
    background:rgb(255,255,255,1.0);
  }
      button
      {
    font-size:18px;
      }
	.videoshowthis
	{
		height:400px;
		width:400px;
	}
	#linuxwhite
{
  background:url('../../ico/icomain/linuxwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
width:40px;
height:40px;
margin:0 0 0 3%;
top:calc(50% - 20px);


}
#osxwhite
{
  background:url('../../ico/icomain/osxwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
width:40px;
height:40px;
margin:0 0 0 5%;
top:calc(50% - 20px);


}
#win8white
{
  background:url('../../ico/icomain/win8.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
width:40px;
height:40px;
margin:0 0 0 3%;
top:calc(50% - 20px);

}
#pcwhite
{
  background:url('../../ico/icomain/pcwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
width:30px;
height:30px;
margin:0 0 0 5%;
top:calc(50% - 15px);


}
#pswhite
{
  background:url('../../ico/icomain/pswhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
width:40px;
height:40px;
margin:0 0 0 3%;
top:calc(50% - 20px);


}
#pswhite1
{
  background:url('../../ico/icomain/pswhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
width:40px;
height:40px;
margin:0 0 0 5%;
top:calc(50% - 20px);

}
#xboxwhite
{
  background:url('../../ico/icomain/xboxwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;


 

}
#xboxwhite1
{
  background:url('../../ico/icomain/xboxwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
 width:40px;
height:40px;
margin:0 0 0 5%;
top:calc(50% - 20px);
}

	
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:1000px;
  margin:0 0 0 0%;
}
#imagemainin2
{
position:relative;
  float:left;
  width:90%;
  /* height:520px;  */
margin:0px 0 10px 5%;
}
#imagemainin, #imagemainin1
{
position:relative;
  float:left;
  width:90%;
  height:520px; 
margin:10px 0 10px 5%;
}
#allmapdivoring1
{
  width:100%;
}
#mapdivoring,#mapdivoring1
{
  position:relative;
  float:left;
  width:90%;
  height:500px; 
  margin:0px 0 10px 5%;

}
	     #imagemaininparameterbottom
   {
	 position:relative;
     float:left;
     width:100%;
     height:150px;
     	margin:1% 0 0 0; 
	   
   }
	    #imagemaininchoose
   {
	 position:relative;
     float:left;
     width:100%;
     height:100%;	 
	   
   } 
	
	
	
	
	
     #descriptlong
	 {
	  position:relative;
		float:left;
		width:95%;
		height:600px;
		display:none;
		border:2px solid rgb(78,204,44);
		border-radius:10px;
		margin:2% 0 2% 2.5%;

	 }
	   #descriptabout
	 {
	  position:relative;
float:left;
width:95%;
height:600px;
display:none;
border:2px solid rgb(200,77,27);
border-radius:10px;	 
margin:2% 0 2% 2.5%; 
	 }
	    #descriptvideo
	 {
	  position:relative;
float:left;
width:95%;
height:600px;
display:none;
border:2px solid rgb(140,40,90);
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
	   #descriptwym
	 {
	  position:relative;
float:left;
width:95%;
height:500px;
display:none;
border:2px solid blue;
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
    
      #topbottomsearch
      {
        height:70px;
        display:none;
       }
      .oringsprzet
      {
        position:relative;
        float:left;
        width:19%;
        height:30px;
        margin:4px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
      #pcwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:15px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(230,230,230);
        border:none;
        -webkit-appearance: none;
      }


      #showvaluechar
      {
        position:absolute;
        float:left;
        width:500px;
        height:70vw;
        top:12vw;
        left:calc(50% - 250px);
        background:rgba(23,23,23,1.0);
        border-radius:20px;
        border:1px solid rgba(200,200,200,0.3);
       display:none;
       z-index:10;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:100%;
        width:20%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:80%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:calc(50% - 12px);
       border-radius:50%;
       height:24px;
       width:24px;
       top:calc(50% - 12px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:90%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:10%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:370px;
        border:0px solid red;
       left:calc(55% - 185px);
        display:block;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:45%;
        width:90%;
        border:0.0px solid rgba(230,230,230,0.2);
        left:5%;
        top:27.5%;
        border-radius:30px;
        display:block;
      }
      #oringitemsimage
      {
      width:40%;
      height:70%;
      top:15%;
      left:10%;
      -webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        border-radius:20px;
        z-index:10;
      }
      .dopasujshowgetbayingitems
      {
        width:100%;
        height:20vw;
        margin:2vw 0 2vw 0%;
      }
      #textlogin
      {
        font-size:14px;
        color:white;

      }
      #infobutton
      {
        top:500px;
        height:150px;
      }
      #mybuttonmenu
{
  height:50px;
  font-size:18px;
  color:white;
  z-index:5;
}
      #mymenu
      {
        display:none;
        width:100%;
        height:100%;
        position:absolute;
        left:0%;
        border-left:0px solid black;
      }
      .bestseller
      {
        position:absolute;
        float:left;
        width:30vw;
        height:90%;
       
        top:5%;
        left:5vw;
      }
      .bestsellerin
      {
        width:92vw;
        left:2vw;
        
      }
      .premium
      {
        position:absolute;
        float:left;
        width:25vw;
        height:90%;
       
        top:5%;
        left:5vw;
      }
      .popular
      {
        position:absolute;
        float:left;
        width:23vw;
        height:85%;
        display:block;
        top:5%;
        left:5vw;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:23vw;
        height:90%;
        display:block;
        top:5%;
        left:5vw;
      }
      #premiumin
      {
        width:92vw;
        left:2vw;
        
      }
      #popularin
      {
        width:92vw;
     left:2vw;
       
      }
      #znizkain
      {
        width:92vw;
     left:2vw;
       
      }
      #buttondopasujgra
{
  position:absolute;
  float:left;
  border-radius:40px;
  border:2px solid rgba(255,255,255,0.7);
  background:rgba(244, 94, 7,0.9);
  width:27vw;
  height:7vw;
  left:calc(50% - 13.5vw);
  top:73%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  -moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  }
      #onas
      {
       position:absolute;
       float:left;
       width:80%;
       height:75%;
       left:calc(50% - 40%);
       top:5%; 
       border-radius:20px;
       border:1px solid rgba(255,255,255,0.8);
       background:rgba(0,0,0,0.5);
       display:block;
      }
      #text2
      {
        position:relative;
        float:left;
        width:auto;
        font-size:18px;
        top:0%;
        left:0%;
        color:white;
        z-index:5;
       /*  font-family:'Roboto-Regular'; */
      
      }
      #insubimagemain
      {
        position:relative;
        float:left;
        width:90%;
        left:5%;
        height:90%;
        top:5%;
        
      }
      .categorychoose
      {
position:relative;
float:left;
top:7vw;
left:3vw;
width:27vw;
height:25vw;

      }

      k 
      {
    position:relative;
    float:left;
    left:2vw;
    font-size:2.4vw;
    color:yellow;
    top:1vw;
    display:block;
      }
      #text4
      {
        font-size:2.4vw; 
      }
      #text3
      {
        font-size:2.4vw; 
        display:block;
        top:calc(50% - 1.4vw);
      }
      l
      {
        position:relative;
        float:left;
        left:5vw;
        font-size:2.4vw;
        color:rgba(255,255,255,0.8);
        top:1vw;
        display:block;
      }
      t
      {
      font-size:2.4vw;
      color:rgb(244, 94, 7);
      display:block;
      }
     
  
      #oringcategorydopasuj
  {
    height:210px;
  }
      .dopasujshow
  {
    position:absolute;
    float:left;
   
    width:100%;
    height:100%;
   
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
  #top
  {
float:left;
width:100%;
height:80px;


  }
   
      #bestseller
{
position:absolute;
float:left;
top:68%;
width:100%;
height:35vw;
z-index:5;
display:block;
}
#premium
{
position:relative;
float:left;
width:100%;
height:30vw;
z-index:5;
margin:0% 0 0 0;
display:block;

display:block;
}
#popular
{
position:relative;
float:left;
width:100%;
height:35vw;
z-index:5;

display:block;
}
#znizka
{
position:relative;
float:left;
width:100%;
height:37vw;
z-index:5;
margin:0% 0 0 0;
display:block;
}
      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:78vw;
        display:block;
      }
#subimagemain
{
  position:relative;
  float:left;
  margin:0vw 0 0 0;
  width:100%;
  height:100vw;

}
#pasekdecor
{
  position:absolute;
  float:left;
  top:calc(0% - 1vw);
  z-index:5;
  width:100%;
  height:2vw;
 
}
#like
{
  position:absolute;
  float:left;
  left:74%;
  top:calc(0% - 80px);
  z-index:5;
  cursor:pointer;
  width:55px;
  height:55px;
  display:none;

}


#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 4.5vw);
  cursor:pointer;
  z-index:5;
  width:9vw;
  height:9vw;
 
}
#menu, #menu1
{
  position:relative;
  float:right;
  right:7%;
  top:calc(50% - 2.3vw);
  cursor:pointer;
  z-index:5;
  width:5vw;
  height:5vw;
  display:block;
}
#login
{
  position:relative;
  float:right;
  right:3%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width:4vw;
  height:4vw;
 display:none;
}
#trush
{
  position:relative;
  float:right;
 right:10%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width:4vw;
  height:4vw;
 display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:28px;
  color:white;
display:block;
/* top:calc(50% - 18px); */
}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:24px;
  color:white;
display:block;
/* top:calc(50% - 18px); */
}
#texth2
{

  float:left;
  font-size:24px;
  color:white;
display:block;

}
#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
  margin:20px 0 0 3%;
  cursor:pointer;
}
#textfloorocena
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
 
  cursor:pointer;
  top:60%;left:90%;width:40px;height:40px;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:23px;
  top:0%;
  left:0%;
  
  z-index:5;
}
.text1
{
  font-size:30px;
  color:white;
  margin:7% 0 0 0;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:16px;
  color:white;
  z-index:5;
  font-display: swap;
  display:block;
}
#oringsubimagemain
{
  margin:7% 0 0 0;
  
}
#oringsubimagemain1
{
  width:50%;
  height:50%;
  margin:4% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:15vw;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.5px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:27vw;
  height:7vw;
  left:calc(50% - 13.5vw);
  top:70%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:2px solid white;
  background:none;
  width:30%;
  height:7vw;
  left:calc(50% - 15%);
  top:0px;
  color:white;
  font-size:18px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 15%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:1px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:15% 0 0 0;
  text-align:right;
  font-size:10px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:8vw;
  display:none;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:10vw;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:block;
 height:55px;
 width:100%;
 background:rgba(100,100,100,0.8);
}
#floor3
{
  position:relative;
  float:left;
  height:50px;
  display:block;
}
.developers
{
  display:block;
}

#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 8%;
  top:calc(50% - 2vw);
  z-index:5;
  cursor:pointer;
  width:3.5vw;
  height:3.5vw;

}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 2vw);
  z-index:5;
  cursor:pointer;
  width:3.5vw;
  height:3.5vw;

}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 2.2vw);
  z-index:5;
  cursor:pointer;
  width:4.2vw;
  height:4.2vw;

}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 2%;
  top:calc(50% - 2vw);
  z-index:5;
  cursor:pointer;
  width:3.5vw;
  height:3.5vw;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:70vw;
  margin:0% 0 0 0;
}
#imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
  top:calc(100% - 55px);
}
#choosesitterimagedzald
{
position:relative;
float:left;
  background:url('../img/ico/head_baby.png');
  background-repeat:no-repeat;
  background-size:60%;
  background-position:center; 
  border:2px solid rgb(244,114,0);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:50px;
  height:40px;

}
#choosesitterimageold
{
  position:relative;
  float:left;
  background:url('../img/ico/seniorold.png');
  background-repeat:no-repeat;
  background-size:70%;
  border:2px solid rgb(0,109,182);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-position:center;  
  margin:5px 0 5px 5px;
  width:50px;
  height:40px;

}
#choosesitterimageoldfund
{
  position:relative;
  float:left;
  background:url('../img/ico/oldfund.png');
  background-repeat:no-repeat;
  background-size:70%;
  background-position:center; 
  border:2px solid rgb(202, 149, 2);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:50px;
  height:40px;

}
#choosesitterimagedzaldfund
{
  position:relative;
  float:left;
  background:url('../img/ico/seniorfund.png');
  background-repeat:no-repeat;
  background-size:70%;
  background-position:center; 
  border:2px solid rgb(136, 4, 129);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin:5px 0 5px 5px;
  width:50px;
  height:40px;
  
}
#choosesistter
{
  top:calc(50% - 80px);
  right:0px;
  width:60px;
  background:rgb(13,13,13);
}

    }
  

    @media only screen and (min-width:755px)
    {  
      #text3response
      {
        font-size:24px;
      }
      #opispersonmap
      {
        position:relative;
        float:left;
        width:55%;
        height:auto;
        margin:10px 0 0 20px;
       border:0px solid red;
      }
      #textsenior
  {
    width:48%;
    margin:30px 0 0 2%;
  }
  #imagesenior
  {
    width:46%;
  }
  #imageseniorin
  {
    display:block;
  }
      #ontheoringmeny
      {
      position:relative;
      float:left;
      width:100%;
      height:35vw;
      margin:0px 0 0px 0;
      
      z-index:10;
    }
       #ontheoringmeny_leczenie
      {
      position:relative;
      float:left;
      width:100%;
      height:55vw;
      margin:0px 0 0px 0;
      
      z-index:10;
    }
      .itemsaccountsmy
      {
          width:95%;
          height:110px;
          background:rgba(220,220,220,1.0);
          border:0.2px solid rgb(244,114,0);
          margin:10px 0 10px 2.5%;
          border-radius:0.5vw;
          -webkit-box-shadow: 4px 4px 7px -2px white; 
      box-shadow: 4px 4px 7px -2px white;
      }
      .itemsaccountsmycity
  {
      width:47%;
      height:15vw;
      
      margin:1vw 0 1vw 2%;
      border-radius:0.5vw;
      
  } 
      .slider {
        position:absolute;
        float:left;
        top:50%;
        left:5%;
      -webkit-appearance: none;  /* Override default CSS styles */
      appearance: none;
      width: 90%; /* Full-width */
      height:2px; /* Specified height */
      background: rgb(100,100,100);
      outline: none; /* Remove outline */
      opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
      -webkit-transition: .2s; /* 0.2 seconds transition on hover */
      transition: opacity .2s;
    }
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(251,61,12,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
      .slider::-moz-range-thumb {
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(251,61,12,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
     
      #tlo
  {
    background:rgb(255,255,255,0.5);
  }
      button
      {
    font-size:18px;
      }
	#imagemain
      {
        position:relative;
        float:left;
        width:100%;
        height:900px;
        margin:0 0 0 0%;
   
      }
      #imagemainin2
      {
      position:relative;
        float:left;
        width:90%;
        /* height:520px; */ 
      margin:0px 0 10px 5%;
     
      }
      #imagemainin,#imagemainin1
      {
      position:relative;
        float:left;
        width:90%;
        height:520px; 
      margin:10px 0 10px 5%;
     
      }
      #allmapdivoring1
      {
        width:100%;
      }
      #mapdivoring,#mapdivoring1
      {
        position:relative;
        float:left;
        width:90%;
        height:570px; 
        margin:0px 0 10px 5%;
    
      }

	     #imagemaininparameterbottom
   {
	 position:relative;
     float:left;
     width:100%;
     height:150px;
     	margin:1% 0 0 0; 
	   
   }
	    #imagemaininchoose
   {
	 position:relative;
     float:left;
     width:100%;
     height:100%;	 
	   
   } 
	
	
	
     #descriptlong
	 {
	  position:relative;
		float:left;
		width:95%;
		height:600px;
		display:none;
		border:2px solid rgb(78,204,44);
		border-radius:10px;
		margin:2% 0 2% 2.5%;

	 }
	   #descriptabout
	 {
	  position:relative;
float:left;
width:95%;
height:600px;
display:none;
border:2px solid rgb(200,77,27);
border-radius:10px;	 
margin:2% 0 2% 2.5%; 
	 }
	    #descriptvideo
	 {
	  position:relative;
float:left;
width:95%;
height:700px;
display:none;
border:2px solid rgb(140,40,90);
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
	   #descriptwym
	 {
	  position:relative;
float:left;
width:95%;
height:600px;
display:none;
border:2px solid blue;
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
      .popular
      {
        position:absolute;
        float:left;
        width:22vw;
        height:85%;
        display:block;
        top:5%;
        left:5vw;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:22vw;
        height:85%;
        display:block;
        top:5%;
        left:5vw;
      }
      #getwiekposearch3
      {
        position:absolute;float:left;
        width:70px;
        height:70px;
        top:calc(50% - 40px);
        left:50px;
        border-radius:50%;
        background:orange;
        border:2px solid orange;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue3
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:20px;
        height:20px;
        top:calc(100% - 10px);
        left:calc(98% - 10px);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch12
      {
        position:absolute;float:left;
        width:70px;
        height:70px;
        top:calc(50% - 40px);
        left:170px;
        border-radius:50%;
        background:green;
        border:2px solid green;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue12
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:20px;
        height:20px;
        top:calc(100% - 10px);
        left:calc(98% - 10px);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch16
      {
        position:absolute;float:left;
        width:70px;
        height:70px;
        top:calc(50% - 40px);
        left:290px;
        border-radius:50%;
        background:blue;
        border:2px solid blue;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue16
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:20px;
        height:20px;
        top:calc(100% - 10px);
        left:calc(98% - 10px);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch18
      {
        position:absolute;float:left;
        width:70px;
        height:70px;
        top:calc(50% - 40px);
        left:410px;
        border-radius:50%;
        background:red;
        border:2px solid red;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue18
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:20px;
        height:20px;
        top:calc(100% - 10px);
        left:calc(98% - 10px);
        border-radius:50%;
        display:none;
      }
      #topbottomsearch
      {
        height:80px;
        display:none;
       }
      .oringsprzet
      {
        position:relative;
        float:left;
        width:23%;
        height:30px;
        margin:6px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
      #pcwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(230,230,230);
        border:none;
        -webkit-appearance: none;
      }


      #showvaluechar
      {
        position:absolute;
        float:left;
        width:600px;
        height:65vw;
        top:18vw;
        left:calc(50% - 300px);
        background:rgba(23,23,23,1.0);
        border-radius:20px;
        border:1px solid rgba(200,200,200,0.3);
       display:none;
       z-index:10;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:100%;
        width:20%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:80%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:calc(50% - 10px);
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:90%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:10%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:370px;
        border:0px solid red;
       left:calc(55% - 185px);
        display:block;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:50%;
        width:90%;
        border:0.0px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
      #freeimage
{
display:none;
}
#oringitemsimage
{
width:40%;
height:70%;
top:15%;
-webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
  -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
  box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
  border-radius:20px;
  z-index:10;
  left:10%;
}

      .dopasujshowgetbayingitems
      {
        width:100%;
        height:18vw;
        margin:2vw 0 2vw 0%; 
       
      }

      #textlogin
{
  font-size:16px;
  color:white;

}
      #infobutton
      {
        top:440px;
        height:130px;
      }
      #mybuttonmenu
{
  height:50px;
  font-size:18px;
  color:white;
  z-index:5;
}
      #mymenu
      {
        display:none;
        width:60%;
        height:100%;
        position:fixed;
       left:40%;
       background:white;
       border-left:1px solid black;
      }
      .bestseller
      {
        position:absolute;
        float:left;
        width:30vw;
        height:90%;
        
        top:5%;
        left:5vw;
      }
      .bestsellerin
      {
        width:92vw;
        left:2vw;
       
      }
      #popularin
      {
        width:92vw;
     left:2vw;
       
      }
      #znizkain
      {
        width:92vw;
     left:2vw;
       
      }
      #onas
      {
       position:absolute;
       float:left;
       width:80%;
       height:80%;
       left:calc(50% - 40%);
       top:5%; 
       border-radius:15px;
       border:1px solid rgba(255,255,255,0.8);
       background:rgba(0,0,0,0.5);
       display:block;
      }
      #buttondopasujgra
      {
        position:absolute;
        float:left;
        border-radius:40px;
        background:rgba(244, 94, 7,0.9);
        width:27vw;
        height:7vw;
        left:calc(50% - 13.5vw);
        top:75%;
        color:white;
        font-size:20px;
         font-family:'Lato-Medium';
        cursor:pointer;
        display:block;
        z-index:10;
        -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
      -moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
      box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
      }
      #text2
      {
        position:relative;
        float:left;
        width:auto;
        font-size:20px;
        top:0%;
        left:0%;
        color:white;
        z-index:5;
       /*  font-family:'Roboto-Regular'; */
      
      }
      #insubimagemain
      {
        position:relative;
        float:left;
        width:80%;
        left:10%;
        height:90%;
        top:0%;
     
      }
      .categorychoose
      {
		position:relative;
		float:left;
		top:5vw;
		left:3.5vw;
		width:25vw;
		height:23vw;

      }

      k 
      {
    position:relative;
    float:left;
    left:20px;
    font-size:18px;
    color:yellow;
    top:10px;
    display:block;
      }
      #text4
      {
        font-size:18px; 
      }
      #text3
      {
        font-size:18px; 
        display:block;
        top:calc(50% - 8px);
      }
      l
      {
        position:relative;
        float:left;
        left:60px;
        font-size:18px;
        color:rgba(255,255,255,0.8);
        top:10px;
        display:block;
      }
      t
      {
      font-size:18px;
      color:rgb(244, 94, 7);
      display:block;
      }
     

      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:absolute;
    float:left;
    top:200px;
    left:calc(50% - 250px);
    width:500px;
    height:550px;
    border:1px solid rgba(13,13,13,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
  #top
  {
float:left;
width:100%;
height:80px;


  }
    
      #bestseller
{
position:absolute;
float:left;
top:63%;
width:100%;
height:40vw;

z-index:5;

display:block;

}
#premium
{
position:relative;
float:left;
width:100%;
height:35vw;
z-index:5;
margin:0% 0 0 0;
display:block;

}
#popular
{
position:relative;
float:left;
width:100%;
height:35vw;
z-index:5;
display:block;
}
#znizka
{
position:relative;
float:left;
width:100%;
height:40vw;
z-index:5;
margin:0% 0 0 0;
display:block;
}
      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:93vw;
        display:block;
        
      }
#subimagemain
{
  position:relative;
  float:left;
  margin:0% 0 0 0;
  width:100%;
  height:95vw;
 
}
#pasekdecor
{
  position:absolute;
  float:left;
  top:-1vw;
  z-index:5;
  width:100%;
  height:2vw;
 
}
#like
{
  position:absolute;
  float:left;
  left:85%;
  top:calc(0% - 50px);
  z-index:5;
  cursor:pointer;
  width:60px;
  height:60px;

}

#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 4vw);
  cursor:pointer;
  z-index:5;
  width:8vw;
  height:8vw;
 
}
#trush
{
  position:relative;
  float:right;
 right:9%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width:4vw;
  height:4vw;
 display:block;
}
#login
{
  position:relative;
  float:right;
  right:3%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width: 4vw;
  height:4vw;
 display:none;
}
#menu, #menu1
{
  position:relative;
  float:right;
  right:7%;
  top:calc(50% - 2vw);
  cursor:pointer;
  z-index:5;
  width:4vw;
  height:4vw;
  display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:32px;
  color:white;
display:block;
/* top:calc(50% - 22px); */

}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:24px;
  color:white;
display:block;
/* top:calc(50% - 18px); */
}
#texth2
{
 
  float:left;
  font-size:24px;
  color:white;
display:block;

}
#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
  margin:20px 0 0 3%;
  cursor:pointer;
}
#textfloor1
{
  position:absolute;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
  font-size:16px;
   font-family:'Lato-Medium';
left:3%;
top:calc(50% - 8px);
  
}
#textfloorocena
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
  cursor:pointer;
  top:63%;left:90%;width:60px;height:60px;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:28px;
  top:5%;
  left:0%;
 
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
  margin:7% 0 10% 0;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:16px;
  color:white;
  z-index:5;
  font-display: swap;
  display:block;

}
#oringsubimagemain
{
  margin:7% 0 0 0;
  
}
#oringsubimagemain1
{
  width:50%;
  height:50%;
  margin:4% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:15vw;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.5px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:27vw;
  height:7vw;
  left:calc(50% - 13.5vw);
  top:70%;
  color:white;
  font-size:18px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:2px solid white;
  background:none;
  width:30%;
  height:7vw;
  left:calc(50% - 15%);
  top:0px;
  color:white;
  font-size:18px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 15%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:1px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:15% 0 0 0;
  text-align:right;
  font-size:10px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:10vw;
  display:none;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:10vw;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:block;
 height:60px;
 width:100%;
}
#floor3
{
  height:55px;
  display:block;
}
.developers
{
  display:block;
}

#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 8%;
  top:calc(50% - 2vw);
  z-index:5;
  cursor:pointer;
  width:3.5vw;
  height:3.5vw;

}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 2vw);
  z-index:5;
  cursor:pointer;
  width:3.5vw;
  height:3.5vw;

}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 2.2vw);
  z-index:5;
  cursor:pointer;
  width:4.2vw;
  height:4.2vw;

}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 2%;
  top:calc(50% - 2vw);
  z-index:5;
  cursor:pointer;
  width:3.5vw;
  height:3.5vw;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:70vw;
  margin:0% 0 0 0;
}
#imagefloorin
{
  position:absolute;
  float:left;
  width:100%;
  height:auto;
  top:calc(100% - 60px);
}
    }
@media only screen and (min-width:1000px)
    { 
      #outmypay
      {
        width:50%;
        margin:0px 0 20px 50%;
        
      }
#text245
{
  display:block;
  font-size:17px;
}
#text243
{

  font-size:17px;
}
      #text2site
      {
        display:block;
      }
      #imagepersonout
      {
        position:relative;
        float:left;
        width:200px;
        height:200px;
        margin:10px 0 0 10px;
        -webkit-box-shadow: 3px 4px 5px -2px rgb(1000,100,100); 
        box-shadow: 3px 3px 5px -2px rgb(100,100,100);
      }
      #opispersonmap
      {
        position:relative;
        float:left;
        width:320px;
        height:200px;
        margin:10px 0 0 20px;
        
      }
      #topersonshow
      {
        position:relative;
        float:left;
        width:100%;
       
        height:250px;

      }
    
      #bottompersonshow
      {
        position:relative;
        float:left;
        width:100%;
     
        height:0px;

      }
      .itemsaccountsmy
      {
          width:95%;
          height:110px;
          background:rgba(220,220,220,1.0);
          border:0.2px solid rgb(244,114,0);
          margin:10px 0 10px 2.5%;
          border-radius:0.5vw;
          -webkit-box-shadow: 4px 4px 7px -2px rgb(255,255,255); 
          box-shadow: 4px 4px 7px -2px rgb(255,255,255);
      }
      .itemsaccountsmycity
  {
      width:47%;
      height:130px;
     
      margin:15px 0 15px 2%;
      border-radius:0.5vw;
     
  }
      .slider {
        position:absolute;
        float:left;
        top:50%;
        left:5%;
      -webkit-appearance: none;  /* Override default CSS styles */
      appearance: none;
      width: 90%; /* Full-width */
      height: 2px; /* Specified height */
      background: rgb(100,100,100);
      outline: none; /* Remove outline */
      opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
      -webkit-transition: .2s; /* 0.2 seconds transition on hover */
      transition: opacity .2s;
    }
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(251,61,12,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
      .slider::-moz-range-thumb {
        width: 30px; /* Set a specific slider handle width */
        height: 30px; /* Slider handle height */
        background: rgb(251,61,12,1.0); /* Green background */
        border:2px solid white;
        border-radius:50%;
        cursor: pointer; /* Cursor on hover */
      }
#regulationsuv
{
position:relative;
float:left;
width:55%;
height:60px;
}
#regulationbutton
{
  position:relative;
  float:left;
  width:40%;
  height:60px;
}
#regulationedit
{
position:relative;
float:left;
width:53%;
height:60px;
}
#regulationbuttonedit
{
  position:relative;
  float:left;
  width:40%;
  height:60px;
}
      button
      {
    font-size:18px;
      }
      #tlo
      {
        background:rgb(255,255,255,0.5);
      }
	.videoshowthis
	{
		height:100%;
		width:100%;
	}
	#linuxwhite
{
  background:url('../../ico/icomain/linuxwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:left;
 width:40px;
height:40px;
margin:0 0 0 3%;
top:calc(50% - 20px);


}
#osxwhite
{
  background:url('../../ico/icomain/osxwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:left;
 width:40px;
height:40px;
margin:0 0 0 5%;
top:calc(50% - 20px);


}
#win8white
{
  background:url('../../ico/icomain/win8.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:left;
width:40px;
height:40px;
margin:0 0 0 5%;
top:calc(50% - 20px);

}
#pcwhite
{
  background:url('../../ico/icomain/pcwhite.png');
 background-repeat:no-repeat;
 background-size:60%;
 background-position:left;
 width:30px;
height:30px;
margin:0 0 0 0%;
top:calc(50% - 15px);


}
#pswhite
{
  background:url('../../ico/icomain/pswhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:left;
 width:40px;
height:40px;
margin:0 0 0 3%;
top:calc(50% - 20px);


}
#pswhite1
{
  background:url('../../ico/icomain/pswhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:left;
 width:40px;
height:40px;
margin:0 0 0 5%;
top:calc(50% - 20px);

}
#xboxwhite
{
  background:url('../../ico/icomain/xboxwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;


 

}
#xboxwhite1
{
  background:url('../../ico/icomain/xboxwhite.png');
 background-repeat:no-repeat;
 background-size:80%;
 background-position:center;
 width:40px;
height:40px;
margin:0 0 0 5%;
top:calc(50% - 20px);
}
	.premiumvideo
	{
		position:relative;
		float:left;
		width:90%;
		height:150px;
		margin:0 0 20px 5%;
		border-radius:10px;
	}

     #descriptlong
	 {
	  position:relative;
		float:left;
		width:95%;
		height:600px;
		display:none;
		border:2px solid rgb(78,204,44);
		border-radius:10px;
		margin:2% 0 2% 2.5%;

	 }
	   #descriptabout
	 {
	  position:relative;
float:left;
width:95%;
height:600px;
display:none;
border:2px solid rgb(200,77,27);
border-radius:10px;	 
margin:2% 0 2% 2.5%; 
	 }
	    #descriptvideo
	 {
	  position:relative;
float:left;
width:95%;
height:700px;
display:none;
border:2px solid rgb(140,40,90);
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }
	    #descriptwym
	 {
	  position:relative;
float:left;
width:95%;
height:600px;
display:none;
border:2px solid blue;
border-radius:10px;	 
margin:2% 0 2% 2.55%; 
	 }

   #oringmenypodimage
   {
	   position:relative;
	   float:left;
	   width:95%;
	   height:60px;
	 margin:3% 0 2% 2.5%;
	 display:block;
	   
   }
   #imagemaininparametercategorychoose
   {
    width:40px;
    height:40px;
   }
  #imagemainin2
  {
    position:relative;
    float:left;
    width:38%;
   /*  height:530px;  */
  margin:10px 0 10px 2%; 
  }
   #imagemainin,#imagemainin1
   {
	 position:relative;
     float:left;
     width:38%;
     height:530px; 
	 margin:10px 0 10px 2%; 
   
   }
   #imagemainintop
   {
    margin:80px 0 0 0;
     height:600px;
   }

   #mapdivoring, #mapdivoring1
    {
      position:relative;
      float:left;
      width:58%;
      height:530px;
      margin:10px 0 10px 10px; 
    }
       #imagemaininchoose
   {
	 position:relative;
     float:left;
     width:100%;
     height:100%;	 
	   
   } 
   #imagemaininparameter
   {
	 position:relative;
     float:left;
     width:25%;
     height:60%;
     	 
	   
   }
       #imagemaininparameterbottom
   {
	 position:relative;
     float:left;
     width:100%;
     height:180px;
     	margin:1% 0 0 0; 
	   
   }
      #getwiekposearch3
      {
        position:absolute;float:left;
        width:70px;
        height:70px;
        top:calc(50% - 40px);
        left:50px;
        border-radius:50%;
        background:orange;
        border:2px solid orange;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue3
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:20px;
        height:20px;
        top:calc(100% - 10px);
        left:calc(98% - 10px);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch12
      {
        position:absolute;float:left;
        width:70px;
        height:70px;
        top:calc(50% - 40px);
        left:170px;
        border-radius:50%;
        background:green;
        border:2px solid green;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue12
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:20px;
        height:20px;
        top:calc(100% - 10px);
        left:calc(98% - 10px);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch16
      {
        position:absolute;float:left;
        width:70px;
        height:70px;
        top:calc(50% - 40px);
        left:290px;
        border-radius:50%;
        background:blue;
        border:2px solid blue;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue16
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:20px;
        height:20px;
        top:calc(100% - 10px);
        left:calc(98% - 10px);
        border-radius:50%;
        display:none;
      }
      #getwiekposearch18
      {
        position:absolute;float:left;
        width:70px;
        height:70px;
        top:calc(50% - 40px);
        left:410px;
        border-radius:50%;
        background:red;
        border:2px solid red;
        color:white;
        font-size:20px;
        cursor:pointer;
      }
      #getwiekposearchvalue18
      {
        position:absolute;float:left;
        font-size:14px;
        border-radius:50%;
        color:white;
        background:red;
        width:20px;
        height:20px;
        top:calc(100% - 10px);
        left:calc(98% - 10px);
        border-radius:50%;
        display:none;
      }
      #topbottomsearch
      {
        height:80px;
        display:none;
       }
      #searchbuttonrightinput
      {
        display:block;
      }
      .oringsprzet
      {
        position:relative;
        float:left;
        width:18%;
        height:30px;
        margin:9px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
    
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:15px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(230,230,230);
        border:none;
        -webkit-appearance: none;
      }

      #showvaluechar
      {
        position:fixed;
        float:left;
        width:600px;
        height:600px;
        top:120px;
        left:calc(50% - 300px);
        background:rgba(23,23,23,1.0);
        border-radius:20px;
        border:1px solid rgba(200,200,200,0.3);
       display:none;
       z-index:15;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:98%;
        width:33%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:67%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:6%;
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #kolobutton:hover,
      #kolobutton:focus
      {
        left:4%;
        height:24px;
        width:24px;
        top:calc(50% - 12px);
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:80%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:20%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:500px;
        border:0px solid red;
       left:calc(55% - 250px);
        display:block;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:50%;
        width:90%;
        border:0.0px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
      #freeimage
{
position: absolute;
float:left;
width:100%;
height:100%;
top:1650px;

display:block;

}
      #oringitemsopis
      {
        margin:0% 0 0 2%;
    width:50%;
    height:100%;
      }
      #oringitemsimage
      {
      width:40%;
      height:80%;
      top:10%;
      -webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
        border-radius:20px;
        z-index:10;
        left:10%;
      }
      .dopasujshowgetbayingitems
      {
        width:100%;
        height:150px;
        margin:20px 0 20px 0%;
        
      }
      #textlogin
{
  font-size:20px;
  color:white;

}
      #mybuttonmenu
      {
        height:50px;
        font-size:18px;
        color:white;
        z-index:5;
      }
      #infobutton
      {
        top:440px;
        height:130px;
      }
      #mymenu
      {
        display:none;
        width:400px;
        position:fixed;
       left:calc(100% - 400px);
      }
      .bestseller
      {
        position:absolute;
        float:left;
        width:320px;
        height:90%;
        
        top:5%;
        left:50px;
      }
      .bestsellerin
      {
        width:950px;
        
      }
      .premium
      {
        position:absolute;
        float:left;
        width:270px;
        height:90%;
        
        top:5%;
        left:50px;
      }
      
      #premiumin
      {
        width:950px;
        
      }
      #popularin
      {
        width:950px;
      }
      #znizkain
      {
        width:950px;
      }
      .chooseoring18
      {
        width:50px;
        height:50px;
        top:calc(8% - 20px);
        left:calc(13% - 20px);
        background:black;
        border:1px solid white;
        font-size:20px;
        z-index:10;
        display:none;
      }
      .chooseoring16
      {
        width:50px;
        height:50px;
        top:calc(10% - 25px);
        left:calc(85% - 25px);
        background:blue;
        border:1px solid white;
        font-size:20px;
        z-index:10;
        display:none;
      }
      .chooseoring12
      {
        width:50px;
        height:50px;
        top:calc(61% - 25px);
        left:calc(85% - 25px);
        background:green;
        border:1px solid white;
        font-size:20px;
        z-index:10;
        display:none;
      }
      .chooseoring3
      {
        width:50px;
        height:50px;
        top:calc(61% - 25px);
        left:calc(15% - 25px);
        background:orange;
        border:1px solid white;
        font-size:20px;
        z-index:10;
        display:none;
      }
      #onas
      {
        position:absolute;
        float:left;
        width:65%;
        height:65%;
        left:calc(50% - 32.5%);
        top:15%; 
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.5);
        display:block;
      }
      #buttondopasujgra
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.9);
  width:270px;
  height:65px;
  left:calc(50% - 135px);
  top:75%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
#subimagemain
{
  position:relative;
  float:left;
  margin:0% 0 0 0;
  width:100%;
  height:800px;
 

}
      #insubimagemain
      {
        position:absolute;
        float:left;
        width:80%;
       top:15%;
       left:10%;
        height:80%;
       
      background:none;
    
      }
      .categorychoose
      {
        position:relative;
        float:left;
        /*margin:30px 35px 0 0;*/
        top:0px;
        left:0px;
        
        width:33%;
        height:32%;
        z-index:10;
        background:none;
      }
      k 
      {
    position:relative;
    float:left;
    left:20px;
    font-size:22px;
    color:yellow;
    top:8px;
      }
      #text4
      {
        font-size:22px; 
      }
      #text3
      {
        font-size:22px; 
        display:block;
        top:calc(50% - 12px);
      }
      l
      {
        position:relative;
        float:left;
        left:80px;
		font-size:22px;
		color:rgba(255,255,255,0.8);
		top:8px;
      }
      t
      {
    
font-size:22px;
color:rgb(244, 94, 7);
      }             
    
      #imagefloorin
{
  position:absolute;
  float:left;
  width:100%;
  height:auto;
  top:calc(100% - 60px);
}
  
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:550px;
    border:1px solid rgba(13,13,13,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
  float:left;
  width:100%;
  height:80px;
 

      }
      #imagemain
      {
        position:relative;
        float:left;
       margin:0 0 0 0%;
        width:100%;
        height:660px;
        z-index:1;
        display:block;
		
      }
      #textsenior
  {
    width:48%;
    margin:30px 0 0 2%;
  }
  #imagesenior
  {
    width:46%;
  }
  #imageseniorin
  {
    background:url('../img/frontpages/image322.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center; 
    display:block;
  }
        #ontheoringmeny
        {
          position:relative;
          float:left;
          width:100%;
          height:37vw;
          margin:0px 0 0px 0%;
          
          z-index:10;
      }
        #ontheoringmeny_leczenie
        {
          position:relative;
          float:left;
          width:100%;
          height:47vw;
          margin:0px 0 0px 0%;
          
          z-index:10;
      }
      #bestseller
{
position:absolute;
float:left;
top:67%;
width:100%;
height:380px;
z-index:5;

display:block;
}
#premium
{
position:relative;
float:left;
width:100%;
height:350px;
z-index:5;
margin:0% 0 0 0;
display:block;
}
#popular
{
position:relative;
float:left;
width:100%;
height:350px;
z-index:5;
display:block;

}
#znizka
{
position:relative;
float:left;
width:100%;
height:350px;
z-index:5;
margin:0% 0 0 0;
display:block;

}
      .popular
      {
        position:absolute;
        float:left;
        width:240px;
        height:90%;
        display:block;
        top:5%;
        left:50px;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:240px;
        height:90%;
        display:block;
        top:5%;
        left:50px;
      }
      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:830px;
        display:block;
      
      }

#pasekdecor
{
  position:absolute;
  float:left;
  top:-5px;
  z-index:5;
  width:100%;
  height:10px;

}
#like
{
  position:absolute;
  float:left;
  left:86%;
  top:calc(0% - 45px);
  z-index:5;
  cursor:pointer;
  width:80px;
  height:80px;
  display:block;
}


#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
 top:calc(50% - 30px);
 left:3%;
  cursor:pointer;
}
#textfloor1
{
  position:absolute;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
  font-size:18px;
   font-family:'Lato-Medium';
left:3%;
top:calc(50% - 9px);
  
}
#parallelogram 
{
  font-size:18px;
}
#textfloorocena
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
  cursor:pointer;
  top:63%;left:90%;width:60px;height:60px;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:29px;
  top:0%;
  left:0%;
  
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:relative;
  float:left;
  width:auto;
  font-size:22px;
  top:0%;
  left:0%;
  color:white;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:20px;
  color:white;
  z-index:5;
  font-display: swap;
 /*  font-family:'Roboto-Regular'; */

}
#oringsubimagemain
{
  margin:6% 0 0 0;
  
}
#oringsubimagemain1
{
  width:50%;
  height:50%;
  margin:4% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:150px;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.5px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:260px;
  height:65px;
  left:calc(50% - 130px);
  top:70%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:1px solid white;
  background:none;
  width:30%;
  height:60px;
  left:calc(50% - 15%);
  top:0px;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 15%;
  color:white;
  font-size:26px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:26px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:26px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:1px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:26px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:15% 0 0 0;
  text-align:right;
  font-size:16px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:block;
 height:60px;
 width:100%;
}
#floor3
{
  height:60px;
  display:block;
}
.developers
{
  display:block;
}

#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 10%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;

}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
  
}
#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 42.5px);
  cursor:pointer;
  z-index:5;
  width:85px;
  height:85px;
 
}
#trush
{
  position:relative;
  float:right;
  right:6%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
  display:block;
}
#login
{
  position:relative;
  float:right;
  right:4%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
  display:none;
}
#menu
{
  position:relative;
  float:right;
 right:5%;
 top:calc(50% - 20px);
 cursor:pointer;
 z-index:5;
 width:40px;
 height:40px;
 display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:34px;
  color:white;
display:block;
/* top:calc(50% - 25px); */

}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  font-size:24px;
  color:white;
display:block;

}
#texth2
{
 
  float:left;
  font-size:20px;
  color:white;


}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:68vw;
  margin:0% 0 0 0%;
  z-index:10;
}
    }
    @media only screen and (min-width:1100px)
    { 
      #textsenior
  {
    width:48%;
    margin:30px 0 0 2%;
  }
  #imagesenior
  {
    width:46%;
  }
  #imageseniorin
  {
    display:block;
  }
#ontheoringmeny
{
      position:relative;
      float:left;
      width:100%;
      height:35vw;
      margin:0px 0 0px 0;
     
      z-index:10;
    }
    #ontheoringmeny_leczenie
{
      position:relative;
      float:left;
      width:100%;
      height:45vw;
      margin:0px 0 0px 0;
     
      z-index:10;
    }
 
    #imagemainin2
    {
      position:relative;
      float:left;
      width:38%;
     /*  height:530px;  */
    margin:10px 0 10px 2%; 
    }
     #imagemainin,#imagemainin1
     {
     position:relative;
       float:left;
       width:38%;
       height:530px; 
     margin:10px 0 10px 2%; 
     
     }
   
      #mapdivoring, #mapdivoring1
      {
        position:relative;
        float:left;
        width:58%;
        height:530px;
        margin:10px 0 10px 10px; 
      }
	 #imagemaininparametercategorychoose
   {
    width:40px;
    height:40px;
   }
   
      #popular
{
position:relative;
float:left;
width:100%;
height:400px;
z-index:5;
display:block;
}

#znizka
{
position:relative;
float:left;
width:100%;
height:400px;
z-index:5;
margin:0% 0 0 0;
display:block;

}
      .popular
      {
        position:absolute;
        float:left;
        width:270px;
        height:80%;
        top:5%;
        left:50px;
		display:block;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:270px;
        height:80%;
        top:5%;
        left:50px;
		display:block;
      }
      #topbottomsearch
      {
        height:80px;
        display:none;
       }
      #searchbuttonrightinput
      {
        display:block;
      }
      .oringsprzet
      {
        position:relative;
        float:left;
        width:18%;
        height:30px;
        margin:9px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
    
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(230,230,230);
        border:none;
        -webkit-appearance: none;
      }

      #showvaluechar
      {
        position:fixed;
        float:left;
        width:600px;
        height:600px;
        top:120px;
        left:calc(50% - 300px);
        background:rgba(23,23,23,1.0);
        border-radius:20px;
        border:1px solid rgba(200,200,200,0.3);
       display:none;
       z-index:15;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:98%;
        width:33%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        
        border-radius:30px;
       left:67%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:6%;
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #kolobutton:hover,
      #kolobutton:focus
      {
        left:4%;
        height:24px;
        width:24px;
        top:calc(50% - 12px);
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:80%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:20%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:500px;
        border:0px solid red;
       left:calc(55% - 250px);
        display:block;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:50%;
        width:90%;
        border:0.0px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
      #freeimage
      {
      position: absolute;
      float:left;
      width:100%;
      height:100%;
      top:1650px;
      
      display:block;
      
      }
      #mybuttonmenu
      {
        height:50px;
        font-size:18px;
        color:white;
        z-index:5;
      }
      #infobutton
      {
        top:440px;
        height:130px;
      }
      #mymenu
      {
        display:none;
        width:400px;
        position:fixed;
      }
      #textfloorocena
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
  cursor:pointer;
  top:63%;left:90%;width:60px;height:60px;
}
      .bestsellerin
      {
        width:1050px;
       
      }
      #premiumin
      {
        width:1050px;
       
      }
      #popularin
      {
        width:1050px;
       
      }

      #znizkain
      {
        width:1050px;
      }

      #onas
      {
        position:absolute;
        float:left;
        width:65%;
        height:65%;
        left:calc(50% - 32.5%);
        top:15%; 
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.5);
        display:block;
      }
      #subimagemain
      {
        position:relative;
        float:left;
        margin:0% 0 0 0;
        width:100%;
        height:800px;
      
      }
            #insubimagemain
            {
              position:absolute;
        float:left;
        width:75%;
       top:15%;
       left:12.5%;
        height:80%;
       
      background:none;
      
           
            }
            .categorychoose
            {
              position:relative;
              float:left;
              /*margin:30px 35px 0 0;*/
              top:0px;
              left:0px;
           
              width:250px;
              height:210px;
              z-index:10;
              background:none;
            }
      k 
      {
    position:relative;
    float:left;
    left:20px;
font-size:22px;
color:yellow;
top:6px;
      }
      l
      {
        position:relative;
        float:left;
        left:100px;
font-size:22px;
color:rgba(255,255,255,0.8);
top:6px;
      }
      t
      {
    
font-size:24px;
color:rgb(244, 94, 7);
      }
      #imagefloorin
      {
        position:absolute;
        float:left;
        width:100%;
        height:auto;
        top:calc(100% - 60px);
      }
 
  
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:550px;
    border:1px solid rgba(13,13,13,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
        float:left;
        width:100%;
        height:80px;
       

      }
      #trush
{
  position:relative;
  float:right;
 right:6%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
 display:block;
}
#login
{
  position:relative;
  float:right;
 right:3%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
 display:none;
}
#imagemain
{
  position:relative;
  float:left;
 margin:0 0 0 0%;
  width:100%;
  height:660px;
  z-index:1;
  display:block;

}
 #bestseller
{
position:absolute;
float:left;
top:69%;
width:100%;
height:380px;
z-index:5;

display:block;
}
#premium
{
position:relative;
float:left;
width:100%;
height:360px;
z-index:5;

display:block;
}
#popular
{
position:relative;
float:left;
width:100%;
height:400px;
z-index:5;

display:block;
}
#znizka
{
position:relative;
float:left;
width:100%;
height:400px;
z-index:5;
margin:0% 0 0 0;
display:block;
}
      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:850px;
        display:block;
      }
     
#pasekdecor
{
  position:absolute;
  float:left;
  top:-5px;
  z-index:5;
  width:100%;
  height:10px;
 
}
#like
{
  position:absolute;
  float:left;
  left:86%;
  top:calc(0% - 45px);
  z-index:5;
  cursor:pointer;
  width:80px;
  height:80px;
  display:block;
 
}


#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:20px;
   font-family:'Lato-Medium';
 top:calc(50% - 30px);
 left:3%;
  cursor:pointer;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:28px;
  top:0%;
  left:0%;
 
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:20px;
  color:white;
  z-index:5;
  font-display: swap;
 /*  font-family:'Roboto-Regular'; */

}
#oringsubimagemain
{
  margin:6% 0 0 0;
  
}
#oringsubimagemain1
{
  width:50%;
  height:50%;
  margin:4% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:150px;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.5px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:260px;
  height:65px;
  left:calc(50% - 130px);
  top:70%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:1px solid white;
  background:none;
  width:30%;
  height:60px;
  left:calc(50% - 15%);
  top:0px;
  color:white;
  font-size:22px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 15%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:1px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:15% 0 0 0;
  text-align:right;
  font-size:16px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:block;
 height:60px;
 width:100%;
}
#floor3
{
  height:60px;
  display:block;
}
.developers
{
  display:block;
}

#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 10%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;

}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
  
}
#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 42.5px);
  cursor:pointer;
  z-index:5;
  width:85px;
  height:85px;
 
}
#menu
{
  position:relative;
  float:right;
 right:5%;
 top:calc(50% - 20px);
 cursor:pointer;
 z-index:5;
 width:40px;
 height:40px;
 display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:34px;
  color:white;
display:block;
}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
}
#texth2
{

  float:left;
  font-size:22px;
  color:white;


}

#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  margin:0px 0 0 0%;
  height:68vw;
 
}
    }


    @media only screen and (min-width:1200px)
    { 
     
      #imagemainin2
  {
    position:relative;
    float:left;
    width:38%;
   /*  height:530px;  */
  margin:10px 0 10px 2%; 
  }
   #imagemainin,#imagemainin1
   {
	 position:relative;
     float:left;
     width:38%;
     height:530px; 
	 margin:10px 0 10px 2%; 
   
   }
  
      #mapdivoring,#mapdivoring1
      {
        position:relative;
        float:left;
        width:58%;
        height:530px;
        margin:10px 0 10px 10px; 
      }
	 #imagemaininparametercategorychoose
   {
    width:40px;
    height:40px;
   }
     
      #popular
{
position:relative;
float:left;
width:100%;
height:400px;
z-index:5;
display:block;

}
#znizka
{
position:relative;
float:left;
width:100%;
height:400px;
z-index:5;
margin:0% 0 0 0;
display:block;

}
      .popular
      {
        position:absolute;
        float:left;
        width:270px;
        height:80%;
        
        top:5%;
        left:50px;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:270px;
        height:80%;
        
        top:5%;
        left:50px;
      }
      #topbottomsearch
      {
        height:80px;
        display:none;
       }
      #searchbuttonrightinput
      {
        display:block;
      }
      .oringsprzet
      {
        position:relative;
        float:left;
        width:18%;
        height:30px;
        margin:9px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
     
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:10px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(230,230,230);
        border:none;
        -webkit-appearance: none;
      }

      #showvaluechar
      {
        position:fixed;
        float:left;
        width:600px;
        height:600px;
        top:120px;
        left:calc(50% - 300px);
        background:rgba(23,23,23,1.0);
        border-radius:20px;
        border:1px solid rgba(200,200,200,0.3);
       display:none;
       z-index:15;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:98%;
        width:33%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:67%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:6%;
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #kolobutton:hover,
      #kolobutton:focus
      {
        left:4%;
        height:24px;
        width:24px;
        top:calc(50% - 12px);
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:80%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:20%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:500px;
        border:0px solid red;
       left:calc(55% - 250px);
        display:block;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:50%;
        width:90%;
        border:0.0px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
      #freeimage
      {
      position: absolute;
      float:left;
      width:100%;
      height:100%;
      top:1680px;
      
      display:block;
      
      }
      #mybuttonmenu
      {
        height:50px;
        font-size:18px;
        color:white;
        z-index:5;
      }
      #mymenu
      {
        display:none;
        width:400px;
        position:fixed;
      }
      .bestsellerin
      {
        width:1150px;
       
      }
      #premiumin
      {
        width:1150px;
       
      }
      #popularin
      {
        width:1150px;
       
      }
      #znizkain
      {
      width:1150px;

      }
      #textfloorocena
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
  cursor:pointer;
  top:63%;left:90%;width:60px;height:60px;
}
      #onas
      {
        position:absolute;
        float:left;
        width:65%;
        height:65%;
        left:calc(50% - 32.5%);
        top:15%; 
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.5);
        display:block;
      }
      #subimagemain
{
  position:relative;
  float:left;
  margin:0% 0 0 0;
  width:100%;
  height:800px;
 
}
      #insubimagemain
      {
        position:absolute;
        float:left;
        width:70%;
       top:15%;
       left:15%;
        height:80%;
       
      background:none;
      
      
      }
      .categorychoose
      {
        position:relative;
        float:left;
        /*margin:30px 35px 0 0;*/
        top:0px;
        left:0px;
       
        width:280px;
              height:220px;
        z-index:10;
        background:none;
      }
      k 
      {
    position:relative;
    float:left;
    left:20px;
font-size:22px;
color:yellow;
top:8px;
      }
      l
      {
        position:relative;
        float:left;
        left:100px;
font-size:22px;
color:rgba(255,255,255,0.8);
top:8px;
      }
      t
      {
    
font-size:24px;
color:rgb(244, 94, 7);
      }
      #imagefloorin
      {
        position:absolute;
        float:left;
        width:100%;
        height:auto;
        top:calc(100% - 60px);
      }

      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:550px;
    border:1px solid rgba(13,13,13,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
        float:left;
        width:100%;
        height:80px;
       

      }
      #imagemain
      {
        position:relative;
        float:left;
       margin:0 0 0 0%;
        width:100%;
        height:700px;
        z-index:1;
        display:block;
	
      }
      #bestseller
{
position:absolute;
float:left;
top:68%;
width:100%;
height:380px;
z-index:5;

display:block;
}
#premium
{
position:relative;
float:left;
width:100%;
height:370px;
z-index:5;

display:block;
}

      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:850px;
        display:block;
       
      }
    
#pasekdecor
{
  position:absolute;
  float:left;
  top:-5px;
  z-index:5;
  width:100%;
  height:10px;

}
#like
{
  position:absolute;
  float:left;
  left:86%;
  top:calc(0% - 45px);
  z-index:5;
  cursor:pointer;
  width:80px;
  height:80px;
  display:block;

}


#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:20px;
   font-family:'Lato-Medium';
 top:calc(50% - 30px);
 left:3%;
  cursor:pointer;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:30px;
  top:0%;
  left:0%;
 
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:20px;
  color:white;
  z-index:5;
  font-display: swap;
 /*  font-family:'Roboto-Regular'; */

}
#oringsubimagemain
{
  margin:6% 0 0 0;
  
}
#oringsubimagemain1
{
  width:50%;
  height:50%;
  margin:4% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:150px;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.5px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:260px;
  height:65px;
  left:calc(50% - 130px);
  top:70%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:1px solid white;
  background:none;
  width:25%;
  height:60px;
  left:calc(50% - 12.5%);
  top:0px;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 15%;
  color:white;
  font-size:26px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:26px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:26px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:1px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:26px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:15% 0 0 0;
  text-align:right;
  font-size:16px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:block;
 height:60px;
 width:100%;
}
#floor3
{
  height:60px;
  display:block;
}
.developers
{
  display:block;
}

#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 10%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;

}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
  
}
#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 42.5px);
  cursor:pointer;
  z-index:5;
  width:85px;
  height:85px;
 
}
#menu
{
  position:relative;
  float:right;
 right:5%;
 top:calc(50% - 20px);
 cursor:pointer;
 z-index:5;
 width:40px;
 height:40px;
 display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:36px;
  color:white;
display:block;

}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;

}
#texth2
{

  float:left;
  font-size:24px;
  color:white;


}
#trush
{
  position:relative;
  float:right;
 right:6%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
 display:block;
}
#login
{
  position:relative;
  float:right;
  right:1%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
  display:none;
}
.main1
{
  position:relative;
  float:left;
  width:1230px;
  margin:0 0 0 calc(50% - 615px);
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:68vw;
  margin:0% 0 0 0%;
 
}
    }
    @media only screen and (min-width:1300px)
    { 
      #textsenior
  {
    width:48%;
    margin:30px 0 0 2%;
  }
  #imagesenior
  {
    width:46%;
  }
  #imageseniorin
  {
    display:block;
  }
      #ontheoringmeny
      {
      position:relative;
      float:left;
      width:100%;
      height:30vw;
      margin:0px 0 0px 0;
      
      z-index:10;
    }
     #ontheoringmeny_leczenie
      {
      position:relative;
      float:left;
      width:100%;
      height:40vw;
      margin:0px 0 0px 0;
      
      z-index:10;
    }
      #imagemain
      {
        position:relative;
        float:left;
       margin:0 0 0 0%;
        width:100%;
        height:660px;
        z-index:1;
        display:block;
		
      }
  
      #imagemainin2
      {
        position:relative;
        float:left;
        width:38%;
       /*  height:530px;  */
      margin:10px 0 10px 2%; 
      }
       #imagemainin,#imagemainin1
       {
       position:relative;
         float:left;
         width:38%;
         height:530px; 
       margin:10px 0 10px 2%; 
       
       }
    
      #mapdivoring,#mapdivoring1
      {
        position:relative;
        float:left;
        width:58%;
        height:530px;
        margin:10px 0 10px 10px; 
      }
	 #imagemaininparametercategorychoose
   {
    width:40px;
    height:40px;
   }
     
      #popular
{
position:relative;
float:left;
width:100%;
height:400px;
z-index:5;
display:block;

}
#znizka
{
position:relative;
float:left;
width:100%;
height:420px;
z-index:5;
margin:0% 0 0 0;
display:block;

}
      .popular
      {
        position:absolute;
        float:left;
        width:270px;
        height:80%;
        
        top:5%;
        left:50px;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:270px;
        height:80%;
        
        top:5%;
        left:50px;
      }
      #topbottomsearch
      {
        height:80px;
        display:none;
       }
      #searchbuttonrightinput
      {
        display:block;
      }
      .oringsprzet
      {
        position:relative;
        float:left;
        width:18%;
        height:30px;
        margin:9px 0 0 3%;
       background:none;
       border-radius:20px;
       cursor:pointer;
       
      }
      .oringsprzet:hover,
      .oringsprzet:focus
      {
       background:rgba(220,220,220,0.3);
       cursor:pointer;
      }
   
      #pswhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:5px;
      }
      #xboxwhite
      {
       width:30px;
       height:30px;
      top:calc(50% - 15px);
      left:15px;
      }
      .register
      {
        font-size:14px;
        cursor:text;
        outline-style:none;
        text-align:left;
        box-sizing: border-box;
        color:rgb(230,230,230);
        border:none;
        -webkit-appearance: none;
      }

      #showvaluechar
      {
        position:fixed;
        float:left;
        width:600px;
        height:600px;
        top:120px;
        left:calc(50% - 300px);
        background:rgba(23,23,23,1.0);
        border-radius:20px;
        border:1px solid rgba(200,200,200,0.3);
       display:none;
       z-index:15;
      }
      #rightinputsearch
      {
        position:absolute;
        float:left;
        height:98%;
        width:33%;
        border:0.5px solid rgba(200,200,200,0.2);
        background:rgba(12,55,89,1);
        /*background:rgba(236,94,6,0.9);*/
        border-radius:30px;
       left:67%;
       z-index:5;
       display:block;
      }
      #kolobutton
      {
       position:absolute;
       float:left;
       left:6%;
       border-radius:50%;
       height:20px;
       width:20px;
       top:calc(50% - 10px);
       background:rgba(241, 92, 5, 0.964);
       border:1px solid rgba(240,240,240,0.9); 
       cursor:pointer;
      }
      #kolobutton:hover,
      #kolobutton:focus
      {
        left:4%;
        height:24px;
        width:24px;
        top:calc(50% - 12px);
      }
      #leftinputsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:80%;
        border:0px solid rgba(200,200,200,0.5);
        border-radius:30px;
       right:20%;
       background: rgb(252,254,7);
       
       display:none;
      }
      #unitsearch
      {
        position:absolute;
        float:right;
        height:100%;
        width:500px;
        border:0px solid red;
       left:calc(55% - 250px);
        display:block;
      }
      #inunitsearch
      {
        position:absolute;
        float:left;
        height:50%;
        width:90%;
        border:0.0px solid rgba(230,230,230,0.2);
        left:5%;
        top:25%;
        border-radius:30px;
        display:block;
      }
      #freeimage
      {
      position: absolute;
      float:left;
      width:100%;
      height:100%;
      top:1730px;
      
      display:block;
      
      }
      #mybuttonmenu
      {
        height:50px;
        font-size:18px;
        color:white;
        z-index:5;
      }
      #mymenu
      {
        display:none;
        width:400px;
        position:fixed;
      }
      #textfloorocena
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:16px;
   font-family:'Lato-Medium';
  cursor:pointer;
  top:63%;left:90%;width:60px;height:60px;
}
      .bestsellerin
      {
        width:1150px;
        
      }
      #premiumin
      {
        width:1150px;
        
      }
      #popularin
      {
        width:1150px;
       
      }
      #znizkain
      {
      width:1150px;

      }
      #onas
      {
        position:absolute;
        float:left;
        width:65%;
        height:65%;
        left:calc(50% - 32.5%);
        top:15%; 
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.5);
        display:block;
      }
      #buttondopasujgra
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.9);
  width:270px;
  height:65px;
  left:calc(50% - 135px);
  top:75%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  -moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
  box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
#subimagemain
{
  position:relative;
  float:left;
  margin:0% 0 0 0;
  width:100%;
  height:800px;
 
}
      #insubimagemain
      {
        position:absolute;
        float:left;
        width:68%;
       top:15%;
       left:16%;
        height:80%;
       
      background:none;
     
     
      }
      .categorychoose
      {
        position:relative;
        float:left;
        /*margin:30px 35px 0 0;*/
        top:0px;
        left:0px;
       
       width:270px;
              height:200px;
        z-index:10;
        background:none;
      }
      k 
      {
    position:relative;
    float:left;
    left:20px;
font-size:22px;
color:yellow;
top:10px;
      }
      l
      {
        position:relative;
        float:left;
        left:100px;
font-size:22px;
color:rgba(255,255,255,0.8);
top:10px;
      }
      t
      {
    
font-size:24px;
color:rgb(244, 94, 7);
      }
      #imagefloorin
      {
        position:absolute;
        float:left;
        width:100%;
        height:auto;
        top:calc(100% - 60px);
      }

      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:550px;
    border:1px solid rgba(13,13,13,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
        float:left;
        width:100%;
        height:80px;
       
      }
#trush
{
  position:relative;
  float:right;
 right:6%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
 display:block;
}
#login
{
  position:relative;
  float:right;
 right:1%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
 display:none;
}
#imagemain
{
  position:relative;
  float:left;
  margin:0 0 0 0%;
  width:100%;
  height:660px;
  z-index:1;
  display:block;

}
      #bestseller
{
position:absolute;
float:left;
top:70%;
width:100%;
height:380px;
z-index:5;
display:block;
}
#premium
{
position:relative;
float:left;
width:100%;
height:380px;
z-index:5;

display:block;
}

      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:840px;
        display:block;
      }
     
#pasekdecor
{
  position:absolute;
  float:left;
  top:-5px;
  z-index:5;
  width:100%;
  height:10px;

}
#like
{
  position:absolute;
  float:left;
  left:86%;
  top:calc(0% - 45px);
  z-index:5;
  cursor:pointer;
  width:80px;
  height:80px;
  display:block;

}

#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:20px;
   font-family:'Lato-Medium';
 top:calc(50% - 30px);
 left:3%;
  cursor:pointer;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:32px;
  top:0%;
  left:0%;
  
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:22px;
  color:white;
  z-index:5;
  font-display: swap;
 /*  font-family:'Roboto-Regular'; */

}
#oringsubimagemain
{
  margin:6% 0 0 0;
}
#oringsubimagemain1
{
  width:50%;
  height:50%;
  margin:4% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:150px;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.5px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:260px;
  height:65px;
  left:calc(50% - 130px);
  top:70%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:1px solid white;
  background:none;
  width:30%;
  height:60px;
  left:calc(50% - 12.5%);
  top:0px;
  color:white;
  font-size:24px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 15%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:1px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:15% 0 0 0;
  text-align:right;
  font-size:16px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:block;
 height:60px;
 width:100%;
}
#floor3
{
  height:60px;
  display:block;
}
.developers
{
  display:block;
}

#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 10%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;

}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
  
}
#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 42.5px);
  cursor:pointer;
  z-index:5;
  width:85px;
  height:85px;
 
}
#menu
{
  position:relative;
  float:right;
 right:5%;
 top:calc(50% - 20px);
 cursor:pointer;
 z-index:5;
 width:40px;
 height:40px;
 display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:36px;
  color:white;
display:block;

}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;

}
#texth2
{

  float:left;
  font-size:24px;
  color:white;


}
.main1
{
  position:absolute;
  float:left;
  width:1230px;
  left:calc(50% - 615px);
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:68vw;
  margin:0% 0 0 0%;
}
    }
@media only screen and (min-width:1400px)
    { 
      #textsenior
  {
    width:48%;
    margin:30px 0 0 2%;
  }
  #imagesenior
  {
    width:46%;
  }
  #imageseniorin
  {
    display:block;
  }
    
  
    #imagemainin2
    {
      position:relative;
      float:left;
      width:38%;
     /*  height:530px;  */
    margin:10px 0 10px 2%; 
    }
     #imagemainin,#imagemainin1
     {
     position:relative;
       float:left;
       width:38%;
       height:530px; 
     margin:10px 0 10px 2%; 
     
     }
     
      #mapdivoring,#mapdivoring1
      {
        position:relative;
        float:left;
        width:58%;
        height:530px;
        margin:10px 0 10px 10px; 
      }
	 #imagemaininparametercategorychoose
   {
    width:40px;
    height:40px;
   }
     #popular
{
position:relative;
float:left;
width:100%;
height:380px;
z-index:5;
display:block;

}
#znizka
{
position:relative;
float:left;
width:100%;
height:430px;
z-index:5;
margin:0% 0 0 0;
display:block;

}
      .znizka
      {
        position:absolute;
        float:left;
        width:300px;
        height:90%;
        top:2.5%;
        left:50px;
      }
      .popular
      {
        position:absolute;
        float:left;
        width:300px;
        height:90%;
        top:0%;
        left:50px;
      }
      #topbottomsearch
      {
        height:80px;
        display:none;
       }
      #freeimage
      {
      position: absolute;
      float:left;
      width:100%;
      height:100%;
      top:1720px;
      
      display:block;
      
      }
      #mybuttonmenu
      {
        height:50px;
        font-size:18px;
        color:white;
        z-index:5;
      }
      .bestsellerin
      {
        width:1350px;
        left:calc(50% - 675px);
      }

      #premiumin
      {
        width:1350px;
        left:calc(50% - 675px);
      }
      #popularin
      {
        width:1350px;
        left:calc(50% - 675px);
       
      }
      #znizkain
      {
        width:1350px;
        left:calc(50% - 675px);

      }
      #onas
      {
        position:absolute;
        float:left;
        width:65%;
        height:65%;
        left:calc(50% - 32.5%);
        top:15%; 
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.5);
        display:block;
      }
      #subimagemain
      {
        position:relative;
        float:left;
        margin:0% 0 0 0;
        width:100%;
        height:800px;
       
      }
            #insubimagemain
            {
              position:absolute;
        float:left;
        width:68%;
       top:15%;
       left:16%;
        height:80%;
       
      background:none;
    
            
            }
            .categorychoose
            {
              position:relative;
              float:left;
              /*margin:30px 35px 0 0;*/
              top:0px;
              left:0px;
             
              width:300px;
              height:220px;
              z-index:10;
              background:none;
            }
      k 
      {
    position:relative;
    float:left;
    left:20px;
font-size:22px;
color:yellow;
top:10px;
      }
      l
      {
        position:relative;
        float:left;
        left:100px;
font-size:22px;
color:rgba(255,255,255,0.8);
top:10px;
      }
      t
      {
    
font-size:24px;
color:rgb(244, 94, 7);
      }
      #imagefloorin
      {
        position:absolute;
        float:left;
        width:100%;
        height:auto;
        top:calc(100% - 60px);
      }

 
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:550px;
    border:1px solid rgba(13,13,13,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
    -webkit-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
    -moz-box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
    box-shadow: 6px 8px 13px -9px rgba(0,0,0, 1);
  }
      #top
      {
        float:left;
        width:100%;
        height:80px;
       
      }

 #trush
{
  position:relative;
  float:right;
 right:6%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
 display:block;
}

#login
{
  position:relative;
  float:right;
 right:1%;
  top:calc(50% - 20px);
  cursor:pointer;
  z-index:5;
  width:40px;
  height:40px;
 display:none;
}

#imagemain
{
  position:relative;
  float:left;
 margin:0 0 0 0%;
  width:100%;
  height:660px;
  z-index:1;
  display:block;

}
#bestseller
{
position:absolute;
float:left;
top:70%;
width:100%;
height:380px;
z-index:5;
display:block;
}

#premium
{
position:relative;
float:left;
width:100%;
height:370px;
z-index:5;
display:block;

}

      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:870px;
        display:block;
        
      }
   
    
#pasekdecor
{
  position:absolute;
  float:left;
  top:-5px;
  z-index:5;
  width:100%;
  height:10px;

}
#like
{
  position:absolute;
  float:left;
  left:86%;
  top:calc(0% - 45px);
  z-index:5;
  cursor:pointer;
  width:80px;
  height:80px;
  display:block;

}

#textfloor
{
  position:relative;
  float:left;
  color:rgb(200,200,200);
 /*  font-family:'Roboto-Regular'; */
 font-size:20px;
   font-family:'Lato-Medium';
 top:calc(50% - 30px);
 left:3%;
  cursor:pointer;
}
#text1
{
  position:relative;
  float:left;
  width:auto;
  font-size:32px;
  top:0%;
  left:0%;
  
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
.text1
{
  font-size:30px;
  color:white;
}
a1
{
  position:absolute;
  float:left;
  width:50%;
  font-size:22px;
  color:white;
  z-index:5;
  font-display: swap;
 /*  font-family:'Roboto-Regular'; */

}
#oringsubimagemain
{
  margin:6% 0 0 0;
}
#oringsubimagemain1
{
  width:50%;
  height:50%;
  margin:4% 0 0 0;
}
#oringsubimagemainage
{

  width:90%;
  height:150px;
  margin:6% 0 0 calc(50% - 45%);
  border-radius: 15px;
  border:0.5px solid white;
}
#buttondopasuj
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(244, 94, 7,0.6);
  width:260px;
  height:65px;
  left:calc(50% - 130px);
  top:70%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.next
{
  position:absolute;
  float:left;
  border-radius:20px;
  border:1px solid white;
  background:none;
  width:30%;
  height:60px;
  left:calc(50% - 12.5%);
  top:0px;
  color:white;
  font-size:24px;
   font-family:'Lato-Medium';
  cursor:pointer;
  -webkit-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
-moz-box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
box-shadow: 6px 8px 13px -9px rgba(0, 1, 12, 1);
}
.button18
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid red;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 15%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
.button16
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid blue;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button12
{
  position:relative;
  float:left;
  border-radius:20px;
  border:2px solid green;
  background:none;
  width:35%;
  height:100%;
  margin:0 0 0 5%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
 
}
.button3
{
  position:relative;
  float:left;
  border-radius:20px;
  border:1px solid orange;
  background:none;
  width: 35%;
  height:100%;
  margin:0 0 0 10%;
  color:white;
  font-size:30px;
   font-family:'Lato-Medium';
  cursor:pointer;
  
}
#textcopyright
{
  position:relative;
  float:left;
  width:100%;
  margin:15% 0 0 0;
  text-align:right;
  font-size:16px;
  font-family: 'Inter';
  color:rgb(200,200,200);
}
#floor
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor1
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:100px;
  display:none;
}
#floor2
{
  position:relative;
  float:left;
 display:block;
 height:60px;
 width:100%;
}
#floor3
{
  height:60px;
  display:block;
}
.developers
{
  display:block;
}

#twitter
{
  position:relative;
  float:left;
  margin:0 0 0 10%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;

}
#facebook
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#youtube
{
  position:relative;
  float:left;
  margin:0 0 0 4%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
 
}
#tiktok
{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  top:calc(50% - 17px);
  z-index:5;
  cursor:pointer;
  width:30px;
  height:30px;
  
}
#logo
{
  position:relative;
  float:left;
  margin:0 0 0 1%;
  top:calc(50% - 42.5px);
  cursor:pointer;
  z-index:5;
  width:85px;
  height:85px;
 
}
#menu
{
  position:relative;
  float:right;
 right:5%;
 top:calc(50% - 20px);
 cursor:pointer;
 z-index:5;
 width:40px;
 height:40px;
 display:block;
}
#text
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:36px;
  color:white;
display:block;

}
.exit
{
  font-size:24px;
   font-family:'Lato-Medium';
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;

}
.main1
{
  position:absolute;
  float:left;
  width:1400px;
  left:calc(50% - 700px);
}

#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:68vw;
  margin:0% 0 0 0%;
}

}
@media only screen and (min-width:1600px)
    { 
      #imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:1100px;
  margin:0% 0 0 0%;
 
}
      #imagemain
      {
        position:relative;
        float:left;
        margin:0 0 0 calc(50% - 800px);
        width:1600px;
        height:800px;
        z-index:1;
        display:block;
		
      }
    
      #imagemainin2
      {
        position:relative;
        float:left;
        width:38%;
       /*  height:530px;  */
      margin:10px 0 10px 2%; 
      }
       #imagemainin,#imagemainin1
       {
       position:relative;
         float:left;
         width:38%;
         height:530px; 
       margin:10px 0 10px 2%; 
       
       }
    
      #mapdivoring,#mapdivoring1
      {
        position:relative;
        float:left;
        width:58%;
        height:530px;
        margin:10px 0 10px 10px; 
      }
	 #imagemaininparametercategorychoose
   {
    width:40px;
    height:40px;
   }
 #popular
{
position:relative;
float:left;
width:100%;
height:380px;
z-index:5;
display:block;

}
#znizka
{
position:relative;
float:left;
width:100%;
height:430px;
z-index:5;
margin:0% 0 0 0;
display:block;

}
      .znizka
      {
        position:absolute;
        float:left;
        width:300px;
        height:90%;
        top:2.5%;
        left:50px;
      }
      .popular
      {
        position:absolute;
        float:left;
        width:300px;
        height:90%;
        top:0%;
        left:50px;
      }

      .main
      {
        position:absolute;
        float:left;
        width:1600px;
        left:calc(50% - 800px);
      }
#top
{
  float:left;
  width:100%;
  height:90px;
 
}
.bestsellerin
      {
        width:1500px;
        left:calc(50% - 750px);
      }

      #premiumin
      {
        width:1500px;
        left:calc(50% - 750px);
      }
      #popularin
      {
        width:1500px;
        left:calc(50% - 750px);
      
      }
      #znizkain
      {
        width:1500px;
        left:calc(50% - 750px);
   
      }
      #textsenior
  {
    width:48%;
    margin:30px 0 0 2%;
  }
  #imagesenior
  {
    width:46%;
  }
  #imageseniorin
  {
    display:block;
  }
      #ontheoringmeny
      {
      position:relative;
      float:left;
      width:1600px;
      height:500px;
      margin:0px 0 0px calc(50% - 800px);
      
      z-index:10;
    }
     #ontheoringmeny_leczenie
      {
      position:relative;
      float:left;
      width:1600px;
      height:600px;
      margin:0px 0 0px calc(50% - 800px);
      
      z-index:10;
    }

    }