@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;
}

[contenteditable="true"][placeholder]:after {
  content: attr(placeholder);
  color: #abb4cd;
}
[contenteditable="true"][placeholder]:not(:empty):after {
  display: none;
} 

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

#mapdiv
{
  /* configure the size of the map */
  position:absolute;
  float:left;
  top:500px;
  width: 100%;
  height: 200px;
 
}

#top
{
/*   background:url('categorytop.png');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; */
 
 top:0;
 z-index:15;

 
/*  -webkit-box-shadow: -1px 8px 9px -6px rgba(0, 1, 12, 1);
 -moz-box-shadow: -1px 8px 9px -6px rgba(0, 1, 12, 1);
 box-shadow: -1px 8px 9px -6px rgba(0, 1, 12, 1); */

}

#loadshow
{
  background:url('../img/frontpages/chooseimg.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;
 
}

/* #subimagemain
{
  background:url('categorysubmain.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;
}


#floor
{
  background:rgb(23,23,23);
}
#floor1
{
  background:rgb(23,23,23);

}

#floor3
{
  background:rgb(23,23,23);
position:relative;
float:left;
width:100%;

/* background:url('categoryfloorsub.png'); 
background-repeat:no-repeat;
background-size:cover;
background-position:center; */

}

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

}
#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;
}

#tlo1
{background:rgba(0,0,0,0.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;

 }
@media only screen and (min-width:300px)
{
  #choosesistter
  {
  width:60px;
  height:50px;
  top:100px;
  right:2px;
  
  }
  #text2site
  {
    display:block;
  }
  #imagemain
  {
    position:relative;
    float:left;
    width:100%;
    height:150vw;
    margin:0 0 0 0;
    background:url('../img/frontpages/firstimagemobil5.jpg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center; 
   z-index:1;
   
  }
  #imagefloor
  {
    position:relative;
    float:left;
    width:100%;
    height:auto;
  }
  #imagefloortopin
  {
    position:relative;
    float:left;
    width:100%;
    height:100vw;
    margin:-5px 0 0 0;
    background:url('../img/frontpages/imagefloormobil.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center; 


  }
  #loadshow
{

  width:80vw;
  height:90vw;
  border-radius:20px;
  top:calc(50% - 45vw);
  left:calc(50% - 40vw);
  -webkit-box-shadow: 6px 8px 13px -9px black;
   -moz-box-shadow: 6px 8px 13px -9px black;
   box-shadow: 6px 8px 13px -9px black;
}
   #imagefloorin
  {
    position:relative;
    float:left;
    width:100%;
    top:0;
  } 
  #text1
  {
    position:absolute;float:left;left:5%;top:6%;color:black;
    font-size:7.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2
  {
    position:absolute;float:left;left:5%;top:21%;color:rgb(100,100,100);
    font-size:4vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text3
  {
    position:absolute;float:left;left:5%;top:21%;color:rgb(100,100,100);
    font-size:4vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text21
  {
    position:absolute;float:left;left:5%;top:15%;color:rgb(100,100,100);
    font-size:4vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:23%;color:rgb(100,100,100);
    font-size:4vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:20%;top:40%;color:rgb(10,10,10);
    font-size:3.5vw;
    z-index:5;
    
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:20%;top:55%;color:rgb(10,10,10);
  
    font-size:3.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:20%;top:70%;color:rgb(10,10,10);
    font-size:3.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;display:none;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #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;
      }
    
      .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,0.8);
        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: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;


}
  #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:60%;
    position:fixed;
  }
  #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:transparent;
-webkit-appearance: none;
      }

      #onas
      {
        position:absolute;
        float:left;
        width:100%;
        height:100%;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
      }

  #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;
      }
   
      #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;
      }
  #tlo
  {background:white;}
  #oringcategorydopasuj
  {
    height:300px;
  }
.exit
{
  font-size:20px;
   font-family:'Lato-Medium';
}
  .dopasujshow
  {
    position:fixed;
    float:left;
    width:100%;
    height:100%;
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
  #top
      {
  position:fixed;
  float:left;
  width:100%;
  height:14vw;
  z-index:20;
  top:0;
  
      }

#podimagemain
{
  position:relative;
  float:left;
  margin:0px 0 0px 0;
  width:100%;
  height:0vw;
  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:auto;
 display:block;
}
#pasekdecor
{
  position:absolute;
  float:left;
  top:calc(100% - 1.2vw);
  z-index:5;
  width:100%;
  height:2vw;
}
#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:40px;
  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;
}
#texth1
{
  position:relative;
  float:left;
  /* top:calc(50% - 12px); */
  width:auto;
  height:auto;
  font-size:20px;
  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 4%;
  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
{
  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:40px;
  background:rgba(0,171,142, 1.0);
  width:35vw;
  height:10vw;
  left:calc(73% - 13.5vw);
  top:33%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 1.0);
  width:50vw;
  height:10vw;
  left:calc(63% - 135px);
  top:83%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 1.0);
  width:40vw;
  height:10vw;
  left:calc(45% - 13.5vw);
  top:88%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}

.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:block;
}
#floor2
{
  position:relative;
  float:left;
 display:none;
 height:100%; 
}
#floor3
{
  display:none;
}
.developers
{
  display:block;
}

}
@media only screen and (min-width:360px)
{
  #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,0.8);
        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(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:60%;
    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
      {
        position:absolute;
        float:left;
        width:100%;
        height:100%;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
      }
  #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; 
  }

  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;
  }
  #tlo
  {background:white;}
  #oringcategorydopasuj
  {
    height:350px;
  }
  .exit
{
  font-size:20px;
   font-family:'Lato-Medium';
}
  .dopasujshow
  {
    position:fixed;
    float:left;
    width:100%;
    height:100%;
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
  #top
      {
  position:fixed;
  float:left;
  top:0;
  width:100%;
  height:14vw;
  z-index:15;

      }
      #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:auto;
  display:block;
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#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;

}
#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:40px;
  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:24px;
  color:white;
  /* top:calc(50% - 13px); */
display:block;

}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:22px;
  color:white;
  /* top:calc(50% - 13px); */
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 6%;
  cursor:pointer;
  
}

.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:40px;
  background:rgba(0,171,142, 1.0);
  width:35vw;
  height:10vw;
  left:calc(73% - 13.5vw);
  top:33%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 1.0);
  width:50vw;
  height:10vw;
  left:calc(63% - 135px);
  top:83%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 1.0);
  width:40vw;
  height:10vw;
  left:calc(45% - 13.5vw);
  top:88%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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:block;
}
#floor2
{
  position:relative;
  float:left;
 display:none;
 height:100%;
}


.developers
{
  display:block;
}
#loadshow
{

  width:80vw;
  height:90vw;
  border-radius:20px;
  top:calc(50% - 45vw);
  left:calc(50% - 40vw);

}
}
@media only screen and (min-width:390px)
    { 
      #imagemain
      {
        position:relative;
        float:left;
        width:100%;
        height:150vw;
        margin:0 0 0 0;
        background:url('../img/frontpages/firstimagemobil5.jpg');
       background-repeat:no-repeat;
       background-size:cover;
       background-position:center; 
       z-index:1;
       
      }
      #imagefloor
      {
        position:relative;
        float:left;
        width:100%;
        height:auto;
      }
      #imagefloortopin
      {
        position:relative;
        float:left;
        width:100%;
        height:100vw;
        margin:-5px 0 0 0;
        background:url('../img/frontpages/imagefloormobil.jpg');
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center; 
    
    
      }
       #imagefloorin
      {
        position:relative;
        float:left;
        width:100%;
        top:0;
      } 
      #loadshow
{

  width:70vw;
  height:80vw;
  border-radius:20px;
  top:calc(50% - 40vw);
  left:calc(50% - 35vw);

}
      #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;
      }
    
      .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,0.8);
        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:60%;
        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
      {
        position:absolute;
        float:left;
        width:100%;
        height:100%;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
      }
   
      #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; 
      }
   
      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;
      }
      #tlo
  {background:white;}
      #oringcategorydopasuj
  {
    height:370px;
  }
      .exit
{
  font-size:20px;
   font-family:'Lato-Medium';
}
      .dopasujshow
  {
    position:fixed;
    float:left;
    width:100%;
    height:100%;
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
      #top
      {
  position:fixed;
  float:left;
  width:100%;
  height:14vw;
  z-index:15;

      }



#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:40px;
  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:24px;
  color:white;
display:block;
/* top:calc(50% - 15px); */
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:22px;
  color:white;
display:block;
/* top:calc(50% - 15px); */
}
#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 5%;
  cursor:pointer;
 
}
#parallelogram 
{
  font-size:12px;
}

.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:40px;
  background:rgba(0,171,142, 1.0);
  width:35vw;
  height:10vw;
  left:calc(73% - 13.5vw);
  top:33%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 1.0);
  width:50vw;
  height:10vw;
  left:calc(60% - 135px);
  top:83%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 1.0);
  width:40vw;
  height:10vw;
  left:calc(45% - 13.5vw);
  top:88%;
  color:white;
  font-size:4vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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:block;
}
#floor2
{
  position:relative;
  float:left;
 display:none;
 height:100%; 
}
#floor3
{
  display:none;
}
.developers
{
  display:block;
}

    }
    @media only screen and (min-width:520px)
    { 
      
      #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: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(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,0.9);
        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:45px;
  font-size:18px;
  color:white;
  z-index:5;
}
      #mymenu
      {
        display:none;
        width:100%;
        height:100%;
        position:absolute;
      }
  
      .chooseoring
      {
        width:8vw;
        height:8vw;
      
      }
      #onas
      {
        position:absolute;
        float:left;
        width:100%;
        height:100%;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
      }
  
      #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; 
      }
   
      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;
      }
      #tlo
  {
    background:white;
  }
      #oringcategorydopasuj
  {
    height:170px;
  }
      .dopasujshow
  {
    position:absolute;
    float:left;
    width:100%;
    height:100%;
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
      #top
      {
  position:fixed;
  float:left;
  width:100%;
  height:11vw;
  z-index:15;
  top:0;
      }

 
#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); */
 
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
/* top:calc(50% - 15px); */
 
}
#pasekdecor
{
  position:absolute;
  float:left;
  top:calc(0% - 1.2vw);
  z-index:5;
  width:100%;
  height:2vw;

}
#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
{
  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(0,171,142, 1.0);
  width:22vw;
  height:7vw;
  left:calc(30% - 13.5vw);
  top:55%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:30vw;
  height:7vw;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:25vw;
  height:7vw;
  left:calc(85% - 13.5vw);
  top:73%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}

#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(200,200,200,0.6);
}
#floor2
{
  
 display:none;

  
}
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:140vw;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimagemobil5.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:100vw;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/imagefloormobil.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 


}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
.developers
{
  display:block;
}
#text1
{
  position:absolute;float:left;left:5%;top:11%;color:black;
  font-size:4.5vw;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:2.5vw;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text3
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:2.5vw;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
   
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:3.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
    }
    @media only screen and (min-width:600px)
    { 
      #text1
{
  position:absolute;float:left;left:5%;top:11%;color:black;
  font-size:4.5vw;

  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:2.5vw;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text3
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:2.5vw;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
    
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:3.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
      #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: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(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:block;
      }
      #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;
      }
      #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:45px;
  font-size:18px;
  color:white;
  z-index:5;
}
      #mymenu
      {
        display:none;
        width:100%;
        height:100%;
        position:absolute;
      }
      .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:30vw;
        height:90%;
        
        top:5%;
        left:5vw;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:30vw;
        height:90%;
        
        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:500px;
        height:400px;
        left:calc(50% - 250px);
        top:15%;
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
      }
      #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);
  }
    
      #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; 
      }
  
      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;
      }
      #tlo
  {background:white;}
      #oringcategorydopasuj
  {
    height:200px;
  }
      .dopasujshow
  {
    position:absolute;
    float:left;
    width:100%;
    height:100%;
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
      #top
      {
  position:fixed;
  float:left;
  width:100%;
  height:10vw;
  z-index:15;
  top:0;
      }
#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); */
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
/* top:calc(50% - 16px); */
}
#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 8%;
  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
{
  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(0,171,142, 1.0);
  width:22vw;
  height:7vw;
  left:calc(30% - 13.5vw);
  top:55%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:30vw;
  height:7vw;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:25vw;
  height:7vw;
  left:calc(85% - 13.5vw);
  top:73%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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
{
  height:6vw;
  display:block;
}

.developers
{
  display:block;
}

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

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

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

}
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:140vw;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimagemobil5.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:100vw;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/imagefloormobil.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 


}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
#loadshow
{

  width:60vw;
  height:60vw;
  border-radius:20px;
  top:calc(50% - 30vw);
  left:calc(50% - 30vw);

}
    }
@media only screen and (min-width:720px)
    { 
      #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;
      }
     
      .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.5px 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:45px;
  font-size:18px;
  color:white;
  z-index:5;
}
      #mymenu
      {
        display:none;
        width:100%;
        height:100%;
        position:absolute;
      }
      .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:30vw;
        height:90%;
        
        top:5%;
        left:5vw;
      }
      .znizka
      {
        position:absolute;
        float:left;
        width:30vw;
        height:90%;
        
        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:600px;
    height:500px;
    left:calc(50% - 300px);
    top:15%;
    border-radius:15px;
    border:1px solid rgba(255,255,255,0.8);
    background:rgba(0,0,0,0.7);
    display:block;
    z-index:50;
  }
  
      #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; 
      }
    
     
      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;
      }
     
      #tlo
  {background:white;}
      #oringcategorydopasuj
  {
    height:210px;
  }
      .dopasujshow
  {
    position:absolute;
    float:left;
   
    width:100%;
    height:100%;
    background:rgb(255,255,255);
    display:none;
    z-index:10;
  }
      #top
      {
        position:fixed;
        float:left;
        top:0;
        width:100%;
        height:11vw;
        z-index:15;
      }
   
     

      #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:40vw;
z-index:5;

display:block;
}
#znizka
{
position:relative;
float:left;
width:100%;
height:48vw;
z-index:5;
margin:0% 0 0 0;
display:block;
}
      #podimagemain
      {
        position:relative;
        float:left;
        margin:0px 0 0px 0;
        width:100%;
        height:auto;
        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); */
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
/* top:calc(50% - 18px); */
}
#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
{
  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(0,171,142, 1.0);
  width:22vw;
  height:7vw;
  left:calc(30% - 13.5vw);
  top:55%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:30vw;
  height:7vw;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:25vw;
  height:7vw;
  left:calc(85% - 13.5vw);
  top:73%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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(200,200,200,0.3);
}
#floor3
{
  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;
 
}

#text1
{
  position:absolute;float:left;left:5%;top:11%;color:black;
  font-size:4.8vw;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:2.4vw;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text3
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:2.4vw;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
    
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:3.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }

  #imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:140vw;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimagemobil5.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:100vw;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/imagefloormobil.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
display:block;

}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
#loadshow
{

  width:55vw;
  height:65vw;
  border-radius:20px;
  top:calc(50% - 32.5vw);
  left:calc(50% - 27vw);

}
    }
  

    @media only screen and (min-width:755px)
    { 
      #choosesistter
      {
      width:60px;
      height:50px;
      top:130px;
      right:2px;
      
      }
      #text1
{
  position:absolute;float:left;left:5%;top:11%;color:black;
  font-size:5vw;

  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:20px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text3
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:20px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
    
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:2.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:3.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
      #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;
      }
     
      .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;
      }
    
      #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.5px 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:20px;
  color:white;
  z-index:5;
}
      #mymenu
      {
        display:none;
        width:100%;
        height:100%;
        position:absolute;
       
      }
      .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:600px;
        height:500px;
        left:calc(50% - 300px);
        top:15%;
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
      }
    

      #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);
      }
 
      #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; 
      }
  
      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;
      }
     
      #tlo
  {background:rgba(255,255,255,0.1);}
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:absolute;
    float:left;
    top:200px;
    left:calc(50% - 250px);
    width:500px;
    height:600px;
    border:1px solid rgba(23,23,23,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
  position:fixed;
  float:left;
  top:0;
  width:100%;
  height:10vw;
  z-index:15;
 
      }

#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); */

}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
/* top:calc(50% - 18px); */
}
#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
{
  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(0,171,142, 1.0);
  width:22vw;
  height:7vw;
  left:calc(30% - 13.5vw);
  top:55%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:30vw;
  height:7vw;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:25vw;
  height:7vw;
  left:calc(85% - 13.5vw);
  top:73%;
  color:white;
  font-size:2vw;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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;
 
}
#loadshow
{

  width:400px;
  height:450px;
  border-radius:20px;
  top:calc(49% - 225px);
  left:calc(50% - 200px);

}
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:900px;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimage2.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:900px;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/imagefloormobil.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
display:block;

}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
    }
@media only screen and (min-width:1000px)
    { 
      #choosesistter
      {
      width:60px;
      height:50px;
      top:150px;
      right:2px;
      
      }
      #text2site
      {
        display:block;
      }
      #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;
      }
    
      .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.5px 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:20px;
        color:white;
        z-index:5;
      }
      #infobutton
      {
        top:440px;
        height:130px;
      }
      #mymenu
      {
        display:none;
        width:400px;
        position:fixed;
      }
      .bestseller
      {
        position:absolute;
        float:left;
        width:320px;
        height:90%;
        
        top:5%;
        left:50px;
      }
    
    
      .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:800px;
        height:500px;
        left:calc(50% - 400px);
        top:calc(50% - 250px);
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
      }
   

      #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; 
      }
 
      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);
      }             
    

      #tlo
  {background:rgba(255,255,255,0.1);}
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:600px;
    border:1px solid rgba(23,23,23,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
  position:fixed;
  float:left;
  top:0;
  width:1030px;
  left:calc(50% - 515px);
  height:90px;
  z-index:15;
 

      }

      
#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;
}
#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:absolute;float:left;left:5%;top:11%;color:black;
  font-size:50px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:20px;

  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:3.5vw;
    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(0,171,142, 1.0);
  width:230px;
  height:70px;
  left:calc(28% - 135px);
  top:55%;
  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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:320px;
  height:70px;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:260px;
  height:70px;
  left:calc(85% - 135px);
  top:73%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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:30px;
  color:white;
display:block;
/* top:calc(50% - 25px); */

}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
/* top:calc(50% - 25px); */

}
.mainx
{
  position:absolute;
  float:left;
  width:1000px;
  left:calc(50% - 500px);
height:auto;

}
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:90vw;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimage2.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:35vw;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/firstimage5.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
display:block;

}
/* #imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:100vw;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/imagefloormobil.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
display:block;

} */
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
#loadshow
{

  width:400px;
  height:400px;
  border-radius:20px;
  top:calc(49% - 200px);
  left:calc(50% - 200px);

}
    }
    @media only screen and (min-width:1100px)
    { 

#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:400px;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/firstimage5.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
display:block;

}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
      #choosesistter
      {
      width:60px;
      height:50px;
      top:180px;
      right:2px;
      
      }
      #text1
{
  position:absolute;float:left;left:5%;top:11%;color:black;
  font-size:51px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:3.5vw;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:22px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
      #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;
      }
     
      .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;
      }

      #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.5px 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:20px;
        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;
}
     
#onas
{
  position:absolute;
  float:left;
  width:800px;
  height:500px;
  left:calc(50% - 400px);
  top:calc(50% - 250px);
  border-radius:15px;
  border:1px solid rgba(255,255,255,0.8);
  background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
}
      #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:33%;
              height:32%;
              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);
      }
    
      #tlo
  {background:rgba(255,255,255,0.1);}
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:600px;
    border:1px solid rgba(23,23,23,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
        position:fixed;
  float:left;
  top:0;
  width:1130px;
  left:calc(50% - 565px);
  height:90px;
  z-index:15;

      }
      #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;
}

#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
{
  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(0,171,142, 1.0);
  width:250px;
  height:75px;
  left:calc(28% - 135px);
  top:55%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:320px;
  height:75px;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:260px;
  height:75px;
  left:calc(85% - 135px);
  top:73%;
  color:white;
  font-size:20px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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:30px;
  color:white;
display:block;
}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;
}
.mainx
{
  position:absolute;
  float:left;
  width:1130px;
  left:calc(50% - 565px);
}
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:1000px;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimage2.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:370px;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/firstimage5.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
display:block;

}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
#loadshow
{

  width:400px;
  height:400px;
  border-radius:20px;
  top:calc(49% - 200px);
  left:calc(50% - 200px);

}
    }


    @media only screen and (min-width:1200px)
    { 
      #choosesistter
      {
      width:60px;
      height:50px;
      top:180px;
      right:2px;
      
      }
      #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;
      }
    
      .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;
      }
   
      #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.5px 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:20px;
        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;
}
#onas
{
  position:absolute;
  float:left;
  width:800px;
  height:500px;
  left:calc(50% - 400px);
  top:calc(50% - 250px);
  border-radius:15px;
  border:1px solid rgba(255,255,255,0.8);
  background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
}

      .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;
      }
      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);
      }
    
      #tlo
  {background:rgba(255,255,255,0.1);}
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:600px;
    border:1px solid rgba(23,23,23,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
        position:fixed;
  float:left;
  top:0;
  width:1230px;
  left:calc(50% - 615px);
  height:90px;
  z-index:15;

      }
    
 
#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:absolute;float:left;left:5%;top:11%;color:black;
  font-size:52px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:24px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:26px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }

  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:3.5vw;
    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(0,171,142, 1.0);
  width:250px;
  height:80px;
  left:calc(25% - 135px);
  top:55%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:320px;
  height:80px;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:260px;
  height:80px;
  left:calc(85% - 135px);
  top:75%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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:30px;
  color:white;
display:block;

}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;

}
#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;
}
.mainx
{
  position:absolute;
  float:left;
  width:1230px;
  left:calc(50% - 615px);
}
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:1000px;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimage2.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:380px;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/firstimage5.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
  display:block;

}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
#loadshow
{

  width:400px;
  height:400px;
  border-radius:20px;
  top:calc(49% - 200px);
  left:calc(50% - 200px);;

}
    }
    @media only screen and (min-width:1300px)
    { 
      #loadshow
{

  width:400px;
  height:400px;
  border-radius:20px;
  top:calc(49% - 200px);
  left:calc(50% - 200px);

}
      #imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:1000px;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimage2.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:430px;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/firstimage5.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
display:block;

}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 
      #choosesistter
      {
      width:70px;
      height:60px;
      top:200px;
      right:2px;
      
      }
      #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;
      }
    
      .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;
      }
 
      #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.5px 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:20px;
        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;
}
      
#onas
{
  position:absolute;
  float:left;
  width:800px;
  height:500px;
  left:calc(50% - 400px);
  top:calc(50% - 250px);
  border-radius:15px;
  border:1px solid rgba(255,255,255,0.8);
  background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
}
      #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);
}

      .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: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);
      }
    
      #tlo
  {background:rgba(255,255,255,0.1);}
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:600px;
    border:1px solid rgba(23,23,23,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
        position:fixed;
  float:left;
  top:0;
  width:1230px;
  left:calc(50% - 615px);
  height:90px;
  z-index:15;
      }
#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;
}


 
#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:absolute;float:left;left:5%;top:11%;color:black;
  font-size:54px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:24px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:28px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:28px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:28px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
    font-size:28px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:28px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }

  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:28px;
    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(0,171,142, 1.0);
  width:250px;
  height:80px;
  left:calc(25% - 135px);
  top:55%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:320px;
  height:80px;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:260px;
  height:80px;
  left:calc(85% - 135px);
  top:75%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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:30px;
  color:white;
display:block;

}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;

}
.mainx
{
  position:absolute;
  float:left;
  width:1300px;
  left:calc(50% - 650px);
}

    }
@media only screen and (min-width:1400px)
    { 
      #topbottomsearch
      {
        height:80px;
        display:none;
       }
      #freeimage
      {
      position: absolute;
      float:left;
      width:100%;
      height:100%;
      top:1720px;
      
      display:block;
      
      }
      #mybuttonmenu
      {
        height:50px;
        font-size:20px;
        color:white;
        z-index:5;
      }
      
      #onas
      {
        position:absolute;
        float:left;
        width:800px;
        height:500px;
        left:calc(50% - 400px);
        top:calc(50% - 250px);
        border-radius:15px;
        border:1px solid rgba(255,255,255,0.8);
        background:rgba(0,0,0,0.7);
        display:block;
        z-index:50;
      }
   

            .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: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);
      }
    
      #tlo
  {
    background:rgba(255,255,255,0.1);
  }
      #oringcategorydopasuj
  {
    height:310px;
  }
      .dopasujshow
  {
    position:fixed;
    float:left;
    top:calc(50% - 300px);
    left:calc(50% - 250px);
    width:500px;
    height:600px;
    border:1px solid rgba(23,23,23,0.7);
    background:rgb(255,255,255);
    border-radius:15px;
    display:none;
    z-index:10;
  }
      #top
      {
        position:fixed;
  float:left;
  top:0;
  width:1230px;
  left:calc(50% - 615px);
  height:90px;
  z-index:15;
      }

 #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;
}


#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:absolute;float:left;left:5%;top:11%;color:black;
  font-size:56px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text2
{
  position:absolute;float:left;left:5%;top:30%;color:rgb(100,100,100);
  font-size:24px;
  z-index:5;
 /*  font-family:'Roboto-Regular'; */

}
#text21
  {
    position:absolute;float:left;left:5%;top:22%;color:rgb(100,100,100);
    font-size:30px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:30px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text222
  {
    position:absolute;float:left;left:27%;top:36%;color:rgb(10,10,10);
    font-size:30px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text2222
  {
    position:absolute;float:left;left:36%;top:51%;color:rgb(10,10,10);
    font-size:30px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text22222
  {
    
    position:absolute;float:left;left:45%;top:65%;color:rgb(10,10,10);
    font-size:30px;
    z-index:5;
   /*  font-family:'Roboto-Regular'; */
  
  }
  #text23
  {
    position:absolute;float:left;left:5%;top:19%;color:rgb(100,100,100);
    font-size:30px;
    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(0,171,142, 1.0);
  width:250px;
  height:80px;
  left:calc(25% - 135px);
  top:55%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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);
}
#buttondopasuj2
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(255,146,128, 1.0);
  width:320px;
  height:80px;
  left:calc(60% - 135px);
  top:77%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
   -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); 
}
#buttondopasuj3
{
  position:absolute;
  float:left;
  border-radius:40px;
  background:rgba(254,91,7, 0.5);
  width:260px;
  height:80px;
  left:calc(85% - 135px);
  top:75%;
  color:white;
  font-size:23px;
   font-family:'Lato-Medium';
  cursor:pointer;
  display:block;
  z-index:10;
  border:2px solid white;
  -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:30px;
  color:white;
display:block;

}
#texth1
{
  position:relative;
  float:left;
  width:auto;
  height:auto;
  font-size:26px;
  color:white;
display:block;

}
#imagemain
{
  position:relative;
  float:left;
  width:100%;
  height:1000px;
  margin:0 0 0 0;
  background:url('../img/frontpages/firstimage2.jpg');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center; 
 z-index:1;
 
}
#imagefloor
{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
#imagefloortopin
{
  position:relative;
  float:left;
  width:100%;
  height:450px;
  margin:-2px 0 0 0;
  background:url('../img/frontpages/firstimage5.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center; 
display:block;

}
 #imagefloorin
{
  position:relative;
  float:left;
  width:100%;
  top:0;
} 

      #loadshow
      {
      
        width:400px;
  height:400px;
  border-radius:20px;
  top:calc(49% - 200px);
  left:calc(50% - 200px);
      
      }
      .main
{
  position:absolute;
  float:left;
  width:1400px;
  left:calc(50% - 700px);
  height:100%;
}
    }