/*

k

k
k
k

kbdkk
*/

.front-page .rectangle-1 {
  opacity: 0;
    background-color: #000000;
    border-radius: 0.05vw;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0.62vw;
    width: 100.0vw;
  }
  
  .front-page .menu__desktop-container {
    height: 6.44vw;
    left: 0;
    position: fixed;
    z-index: 10000;
    top: -1vw;
    margin-top: 0;
    width: 100.0vw;
  }
  
  .menu-desktop__socjal-media-rights {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    position: absolute;
    padding-right: 1vw;
    width: 4.4%;
    height: 100%;
    right: 0;
    top: -15%;
  }

  .menu__desktop-change-lang-container {
    display: none;
  }
  
  
  .menu-desktop__tt-ico{
    background-image: url(../img/path-1@1x.png);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 1vw;
    position: relative;
    cursor: pointer;
    width: .8vw;
    max-width: 40px;
    transition: .3s;
  }
  .menu-desktop__tt-ico:hover{
    opacity: .65;
  }
  
  .menu-desktop__fb-ico {
    background-image: url(../img/path-2@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 1vw;
    position: relative;
    width: .4vw;
    transition: .3s;
    cursor: pointer;
  }
  .menu-desktop__fb-ico:hover{
    opacity: .65;
  }
  
  .menu-desktop__insta-ico {
    background-image: url(../img/path-3@1x.png);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 2vw;
    position: relative;
  
    width: 1vw;
    max-width: 40px;
    transition: .3s;
    cursor: pointer;
  }
  .menu-desktop__insta-ico:hover{
    opacity: .65;
  }
  
  .menu__desktop-icon {
      box-sizing: content-box;
      padding-right: .6vw;
      width: 1.3vw;
      height: fit-content;
  }

.menu__desktop-contact-icon{
  margin-top: 2%;
  width: 1.5vw;
}

  .menu__desktop_home-icon{
    top: -12%;

    position: relative;
    width: 1.8vw;
    padding-right: .5vw;
  }

  .menu__desktop-onas-icon{
    width: 1.6vw;
  }
  
  .menu__desktop-item-container {
    display: flex;
    height: 2.34vw;
    justify-content: space-between;
    left: 0;
    position: relative;
    top: 0;
    min-width: fit-content;
    transition: .3s;
    cursor: pointer;
  
  }

  .menu__desktop-item-container:hover {
    opacity: .65;
  }

  .menu__desktop-item-container a {
    display: flex;
  }
  
  .menu__desktop-links-container {
    width: 34vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: -1vw;
    position: relative;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: space-between;
  }

  .menu-mobile {
    display: none;
    position: fixed;
    width: 100vw;
  
    height: auto;
    z-index: 40000;
    background-color: black;
  }

  .menu__mobile-logo{
    width: 21vw;
    position: relative;
    left: 0;
    top: 0;
  }

  .hamburg-icon,
  .close-icon {
    transform-origin: center center;
    position: absolute;
    height: 30%;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
  }

  .close-icon{
    right: 6%;
    opacity: 0;

  }

  .mobile__hidden-menu{
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: black;
    transform: translateX(100vw);
  }

  .mobile__hidden-menu--current {
    color: var(--pizza) !important;
  }

  .mobile__hidden-menu-content {
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    align-content: center;
    text-align: left;
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    gap: 2vh;
    flex-direction: column;
  }

  .menu__mobile-item-container{
    position: relative;
    flex-basis: auto;
    width: 100%;
  }

  .menu__mobile-item-container a {
    font-size: 9vw;
    padding-left: 5vw;
    color: white;
  }
  
  .front-page .path-43 {
    flex: 1;
    height: 1.63vw;
    margin-left: 0.28vw;
    margin-right: 0.28vw;
    margin-top: 0.36vw;
    object-fit: cover;
  }
  
  .front-page .strona-gwna-1 {
    color: var(--cadet-blue-2);
    font-family: var(--font-family-gotham-medium);
    font-size: var(--font-size-xxs);
    font-weight: 500;
    height: 2.19vw;
    letter-spacing: 0;
    line-height: 1.42vw;
    margin-right: 0vw;
    margin-top: 0vw;
    width: auto;
  }
  
  
  .front-page .icon-awesome-clipboard-list {
    height: 1.88vw;
    object-fit: cover;
    width: 1.41vw;
  }
  
  .front-page .nasze-usugi-1 {
    align-self: flex-end;
    letter-spacing: 0;
    line-height: 1.1vw;
  
    min-height: 2.19vw;
    width: auto;
  }
  
  .menu__desktop-nasze-us-icon {
    position: relative;
    top: -4%;
    width: 1vw;
  }
  
  .front-page .x2 {
    letter-spacing: 0;
    line-height: 1vw;
    min-height: 0.1vw;
    min-width: 0.1vw;
    text-align: center;
    white-space: nowrap;
  }
  
  
  .front-page .icon-awesome-user-friends {
  
    object-fit: cover;
    width: 2.23vw;
  }
  
  .front-page .o-nas-1 {
    height: 2.19vw;
    letter-spacing: 0;
    line-height: 1.42vw;
    margin-right: -0.1vw;
    width: auto;
  }
  
  
  .front-page .icon-material-contact-mail {
    margin-bottom: 0.21vw;
    margin-top: 0.26vw;
    object-fit: cover;
    width: 1.88vw;
  }
  
  .front-page .kontakt-1 {
    flex: 1;
    height: 2.19vw;
    letter-spacing: 0;
    line-height: 1.42vw;
    width: auto;
  }
  
  
  
  .front-page .icon-material-work {
    height: 1.48vw;
    margin-top: 0.1vw;
    object-fit: cover;
    width: 1.56vw;
  }
  
  .front-page .portfolio {
    align-self: flex-end;
    flex: 1;
    letter-spacing: 0;
    line-height: 3.2vw;
    text-align: center;
    white-space: nowrap;
    width: auto;
  }
  
  .front-page .component-13-1 {
    display: flex;
    height: 3.7vw;
    left: 31.15vw;
    position: absolute;
    top: 426.98vw;
    width: 37.76vw;
  }
  
  .front-page .dodatkowe-dane-konta {
    flex: 1;
    height: 3.91vw;
    object-fit: cover;
  }
  
  .front-page .checkmark-icon-transparent-6-kopia-4 {
    height: 2.81vw;
    object-fit: cover;
    position: absolute;
    width: 4.9vw;
  }
  
  .front-page .checkmark-icon-transparent-6-kopia-1-4 {
    height: 2.81vw;
    object-fit: cover;
    position: absolute;
    width: 4.9vw;
  }

  

.menu__desktop-logo{

  left: 1.56vw;
  object-fit: cover;
  position: absolute;
  top: .5vw;
  width: 9vw;
}



  
  
 
  /**
  sdas
  dsad
  asd
  asd
  as
  da
  sdd
  */

  .css-3d-text {
    font-size: 110px;
    color: #ffffff;
    font-family: Alata, sans-serif;
    text-shadow: 0px 0px 0 rgb(244,244,244),
                 -1px 0px 0 rgb(233,233,233),
                 -2px 0px 0 rgb(222,222,222),
                 -3px 0px 0 rgb(210,210,210),
                 -4px 0px 0 rgb(199,199,199),
                 -5px 0px 0 rgb(188,188,188),
                 -6px 0px 0 rgb(177,177,177),
                 -7px 0px  0 rgb(166,166,166),
                 -8px 0px 7px rgba(0,0,0,0.6),
                 -8px 0px 1px rgba(0,0,0,0.5),
                 0px 0px 7px rgba(0,0,0,.2);
 }

.Home__3D-logo-container {
  width: 28vw;
  position: absolute;
  right: 10%;
  height: 50vh;
  top: 50%;
  transform: translateY(-50%);
  perspective:1500px; /* Ustawia perspektywę dla efektu 3D */
}

.D3-move-conatiner{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-style: preserve-3d;

}

.logo-3D {
  position: absolute;
  bottom: 0;
  width: 100%; /* Szerokość grafiki */
  transform: rotateY(-30deg) rotateX(-10deg); /* Obraca grafikę, tworząc efekt 3D */
  transition: transform 0.5s; /* Dodaje płynność transformacji */
}

.Log3D-2{
  opacity: .8;
  transform: rotateY(-31deg) rotateX(-11deg) translateZ(1px) translateY(-2px)  translateX(4px); /* Obraca grafikę, tworząc efekt 3D */
}
.Log3D-3{
  opacity: .6;
  transform: rotateY(-32deg) rotateX(-12deg)  translateZ(2px) translateY(-4px) translateX(8px);/* Obraca grafikę, tworząc efekt 3D */
}
.Log3D-4{
  opacity: .4;
  transform: rotateY(-33deg) rotateX(-13deg)  translateZ(3px) translateY(-6px) translateX(12px);/* Obraca grafikę, tworząc efekt 3D */
}
.Log3D-5{
  opacity: .2;
  transform: rotateY(-34deg) rotateX(-14deg)  translateZ(4px) translateY(-8px) translateX(16px); /* Obraca grafikę, tworząc efekt 3D */
}



.logo-3D-shadow {
  opacity: .3;
  transform: rotateX(90deg);
  border-radius: 100%;
  width: 70%;
  left: 15%;
  bottom: -18%;
  height: 10vw;
  position: absolute;
  background-color: #00083bb6;
  -webkit-box-shadow: 8px 8px 80px 39px #00083b;
-moz-box-shadow: 8px 8px 80px 39px #00083b;
box-shadow: 8px 8px 80px 39px #00083b;
}

.Home-fPage__main-txt-container {
  font-family: var(--font-family-gotham-book);
  position: absolute;
  width: 45%;
  transform: translateY(-50%);
  left: 10%;
  top: 50%;
  height: auto;
  min-height: 100px;
  color: white;
  z-index: 5;
}

.Home-fPage__main-txt-container h1 {
  margin-bottom: 1vw;
  font-size: 3.5vw !important;
  text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;  font-size: 12rem;
  color: var(--add);
  font-weight: 900;
}

.Home-fPage__main-txt-container .p1 {
  position: relative;
  max-width: 90%;
  top: 0;
  left: 0;
  font-weight: 300;
  color: var(--cadet-blue-2);
  font-size: 1.2vw;
}

.myButton {
	background-color:var(--pizza);
	border-radius:60px;
	border:10px solid var(--pizza);
  
	display:inline-block;
	cursor:pointer;
	color:white;
  margin-top: 1.5vw;
	font-size:2.2rem;
	padding:22px 60px;
  transition: .2s;
	text-decoration:none;




}
.myButton:hover {
	opacity: .6;

}

        
/*
  -webkit-box-shadow: inset 2px 4px 12px 2px rgba(255, 154, 12, 0.7),2px 4px 32px 2px rgba(255, 154, 12, 0.7);
  -moz-box-shadow: inset 2px 4px 32px 2px rgba(255, 154, 12, 0.7),2px 4px 32px 2px rgba(255, 154, 12, 0.7);
  box-shadow: inset 2px 4px 32px 2px rgba(255, 154, 12, 0.7),2px 4px 32px 2px rgba(255, 154, 12, 0.7);
*/