body {
  background-color: #FFC179;
  position: relative;
  display: block;
  background-image: url(/gfx/bodybg.png) ;
}

.deska-1 {
  display: block;
  position: relative;
  background-image: url("/userfiles/linia-1.jpg");
  background-repeat: repeat-x;
  background-position: center center;
  height: 12px;
  width: 100%;
}

.deska-2 {
  display: block;
  position: relative;
  background-image: url("/userfiles/linia-2.jpg");
  height: 6px;
  width: 100%;
}
.linia-3 {
  display: block;
  position: relative;
  background-image: url("/userfiles/linia-3.jpg");
  height: 6px;
  width: 100%;
}


.navbar-dark {
  background-color: #3180ac;
  color: #f4fffb;
  text-align: center;
}






@keyframes  apa-box-bg-anim {
  from { scale: 1 }
  to { scale: 1.3 }
}

@keyframes  apa-box-title-anim {
  0% { background-color: #1f91e1; color: white; }
  33% { background-color: #fdfeff; color: #145a8e }
  100% { background-color: #1f91e1; color: white; }
}


.agi-footer {
  background-image: url(/gfx/bodybg.png);
  background-repeat: repeat;
  font-weight: bold;
}


.agi-flex {
  display: flex;
  width: 100%;
  position: relative;
}

.agi-navbar, .agi-navbar a:any-link {
  color: white !important;
  font-weight: 400;

}

.agi-navbar .dropdown-menu li, .agi-navbar .dropdown-menu {
  background-color: #1f91e1
}

.agi-navbar .dropdown-menu li a:hover {
  color: white !important;
  background-color: #215980
}


.apa-box-start {

  display: block;
  position: relative;
  cursor: pointer;
  border: 2px solid #473227;
  text-decoration: none !important;
  font-weight: bold;
  width: 100%;
  overflow: hidden;

}



.apa-box-start-bg {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  margin: 0;
  background-size: cover;
  background-position: center center;
  box-sizing: border-box;

}

.apa-box-start:hover .apa-box-start-bg {
  animation-name: apa-box-bg-anim;
  animation-duration: 3s;
}



.apa-box-start-title {
  padding: 10px;
  background-color: #1f91e1;
  color: white;
  text-decoration: none;
  width: 100%;
  text-align: center;
  display: block;
  position: relative;
}


.apa-box-start:hover .apa-box-start-title {
  animation-name: apa-box-title-anim;
  animation-duration: 1s;
}

.ubuntu-condensed-regular {
  font-family: "Ubuntu Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.ubuntu-sans-800 {
  font-family: "Ubuntu Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
      "wdth" 100;
}


.ubuntu-sans-400 {
                font-family: "Ubuntu Sans", sans-serif;
                font-optical-sizing: auto;
                font-weight: 400;
                font-style: normal;
                font-variation-settings:
                    "wdth" 100;
              }


#map {
  display: block;
  width: 100%;
  height: 40vh;
  box-sizing: border-box;
  position: relative;
}

.map-out {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}


.agi-gal-foto-bg {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-position: center center;
  background-size: cover;
  border: 5px solid #b59f8c;
  box-sizing: border-box;
}

.agi-amber-line {
  background-image: url(/userfiles/linia-4.jpg);
  background-size: cover;
  background-position: center;
  color: #ffffff;
  font-weight: 800;
  font-size: 1.5em;
  text-shadow: 0px 0px 10px rgb(177, 67, 1), 0px 0px 16px rgb(142, 61, 11);
}









#start-top {
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#start-bg {
  display: block;
  position: relative;
}
#start-bg img {
  display: block;
  width: 100%;
}
#start-bgwave {
  display: block;
  position: absolute;
  top: -6vw;
  left: 0;
  width: 100%;
}
#start-bgwave img {
  display: block;
  position: relative;
  width: 100%;
}

#start-toptel {
  position: absolute;
  top: 0;
  left: 0;
  width: 44vw;
  display: block;
}
#start-toptel img {
  display: block;
  position: relative;
  width: 100%;
}

#start-toptel-in {
  position: absolute;
  display: block;
  color: whitesmoke;
  font-weight: bold;
  left: 2vw;
  top: 15px;
  font-size: 1.7vw;
  width: 32vw;
  text-align: center;
}

#start-frame {
  display: block;
  position: absolute;
  top: 5vw;
  right: 6vw;
  width: 45vw;
}
#start-frame img {
  width: 100% !important;
  display: block;
  position: relative;
}

#toptoptxt {
  display: block;
  position: absolute;
  left: 0;
  top: -3vw;
  width: 45vw;
  box-sizing: border-box;
  color: #c7e5ff;
  font-weight: bold;
  font-size: 1.3vw;
  font-family: "Ubuntu Sans", sans-serif;

}


#start-framebg {
  display: block;
  position: absolute;
  top: 5vw;
  right: 6vw;
  width: 45vw;
}

#start-framebg #slideshow {
  width: 100%;
  display: block;
  position: relative;
}

#start-framebg img {
  width: 100%;
  display: block;
  position: relative;
}

#start-toptxt {
  display: block;
  position: absolute;
  bottom: 31%;
  left:0;
  width: 45vw;
  text-align: right;
  color: white;
}



#start-toptxt h3 {
  font-weight: bold;
  font-size: 1.7vw;
}

#start-toptxt h2 {
  font-weight: bold;
  font-size: 4.3vw;
  padding: 0;
  margin: 0;
  margin-top: -6px;
}
#start-toptxt h4 {
  font-size: 2.22vw;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

#start-toptxt h4.h1-next {
  font-size: 2.22vw;
  font-weight: bold;
  padding: 0;
  margin: 0 0 12vw 4vw !important;
  text-shadow: 0 0 17px rgba(66, 68, 90, 1);
  width: 100%;
  text-align: left;
}


#start-page {
  margin-top: 45vw;
  display: block;
  position: relative;
  background-image: url(/gfx/bodybg.png);
  margin-bottom: 0 !important;
}

#slideshow-mobile {
  height: 80vh;
}

#slideshow span, #slideshow-mobile span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  color: black;
  width: 100%;
}

@keyframes opacity50p {
  25% { bottom: 10vw; }
  50% { opacity: 0; bottom: 11vw; }
  75% { bottom: 10vw; }
}

.flash-opacity {
  animation: opacity50p 4s infinite;
}

@keyframes jumpingg {
  50% { bottom: 10vw }
}

.flash-move {
  animation: jumping 2s infinite;
}


.btn-agi-blue {
  background: rgb(33, 93, 137);
  background: linear-gradient(90deg, rgba(33, 93, 137, 1) 0%, rgba(46, 117, 171, 1) 100%);
  color: whitesmoke;
  font-weight: bold;
}



.agi-fot-left:nth-child(odd) {
  transform: rotate(5deg);
}

.agi-fot-left:nth-child(even) {
  transform: rotate(-4deg);
}

.agi-fot-left {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  border: 10px solid whitesmoke;
}

h5 li {

  margin-bottom: 10px;

}












@media only screen and (max-width: 600px) {

  .hide-mobile {
    display: none !important;
  }

  #start-top {
    top: 60px;
  }

  #start-page {
    margin-top: 70vh;
    display: block;
    position: relative;
    background-image: url(/gfx/bodybg.png);
    margin-bottom: 0 !important;
  }

  #start-page.agi-subpages {
    margin-top: calc(45vw + 60px) !important;
  }

  #start-bgwave {
    overflow: hidden;
    max-width: 100%;
    top: -8vh;
  }
  #start-bgwave img {
    width: 300%;

  }

}

@media only screen and (max-width: 991px) and (min-width: 601px) {

  .hide-tablet {
    display: none !important;
  }

}