:root {
  --excercise-form-control-color: #0094cc; /* Blue for checked state */
}

@font-face {
  font-family: "Oswald-R";
  src: url("../fonts/Oswald-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Oswald-M";
  src: url("../fonts/Oswald-Medium.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Oswald-L";
  src: url("../fonts/Oswald-Light.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "RudaR";
  src: url("../fonts/Ruda-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Ruda";
  src: url("../fonts/Ruda-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "RudaBlack";
  src: url("../fonts/Ruda-Black.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Roboto-Extra";
  src: url("../fonts/RobotoCondensed-ExtraBold.ttf") format("truetype");
  font-weight: 700;
}
header p, header ul, header h1, header h2, header h3, header h4, header h5, header h6, footer p, footer ul, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, .aligner2 p, .aligner2 ul, .aligner2 h1, .aligner2 h2, .aligner2 h3, .aligner2 h4, .aligner2 h5, .aligner2 h6 {
  margin: 0px;
}
header img, footer img, .aligner2 img {
  display: block;
  max-width: 100%;
}

html, body {
  overflow-x: hidden !important;
  position: relative;
}

header {
  z-index: 2;
}

.aligner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aligner2 {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 1180px;
}

a {
  color: rgb(0, 185, 255);
  display: flex;
  flex-direction: row;
  align-items: center;
}

ul {
  padding-left: 0px;
}

li {
  line-height: 1.6;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent !important; /* match your background color */
  -webkit-text-fill-color: inherit !important; /* set text color */
  border: 1px solid transparent !important; /* keep your border clean */
  transition: background-color 9999s ease-in-out 0s; /* prevent flashing */
}

.head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1180px;
  height: 80px;
}

.HeadM {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  width: 1180px;
  height: 80px;
}

.headBAR {
  background-image: linear-gradient(134.5232652088deg, rgb(246, 241, 224) 0%, rgb(220, 220, 220) 100%);
}

.naslov1 {
  flex-wrap: wrap;
  max-width: none;
  flex-shrink: 0;
}

#slLAP {
  width: 72.5px;
  height: 40px;
}

.LAP {
  margin-left: 18.5px;
  width: 144px;
  font-family: Oswald-R;
  color: rgb(0, 185, 255);
  font-size: 16px;
  font-weight: 400;
}

#slFB {
  width: 40px;
  height: 40px;
}

#slFA {
  width: 40px;
  height: 40px;
}

.GfotoA {
  margin-left: 20px;
}

.GfaceB {
  margin-left: 20px;
}

.fotoA {
  margin-left: 16px;
}

.search {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-left: 75px;
  background-color: rgba(238, 238, 238, 0.6);
  width: 328px;
  height: 48px;
  border-radius: 2px;
  border: none;
}
.search:focus-within {
  outline: 1px solid rgb(0, 185, 255);
  color: rgb(64, 64, 64);
  background-color: rgb(238, 238, 238);
}

.search:focus-within #slEL2 {
  opacity: 1;
}

.TTEEXXTT {
  border: none;
  background-color: transparent;
  width: 328px;
  height: 45px;
  outline: none;
  padding-left: 24px;
  padding-right: 49px;
  font-family: Ruda;
  font-weight: 400;
}
.TTEEXXTT::placeholder {
  color: rgb(175, 175, 175);
  font-family: RudaR;
  font-size: 12px;
  font-weight: 400;
}
.TTEEXXTT {
  /*color: rgb(64, 64, 64);*/
  font-family: RudaR;
  font-size: 12px;
  font-weight: 400;
  color: rgb(175, 175, 175);
}
.TTEEXXTT:focus::placeholder {
  color: rgb(64, 64, 64);
}
.TTEEXXTT:focus {
  color: rgb(64, 64, 64);
}

.UVP {
  margin-left: 60px;
  width: 168px;
  height: 49px;
  display: flex;
  align-items: center;
}

.TTT {
  color: rgb(0, 185, 255);
  font-family: Ruda;
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  letter-spacing: 0.2px;
}

.UOG {
  margin-left: 63px;
  width: 131px;
  height: 49px;
  display: flex;
  align-items: center;
}

#slEL {
  margin-left: 11px;
  height: 12px;
  width: 12px;
  margin-top: 5px;
}

#slELOG {
  margin-left: 11px;
  height: 12px;
  width: 12px;
}

#slEL2 {
  margin-right: 16px;
  height: 12px;
  width: 12px;
  margin-top: 19px;
  position: absolute;
  pointer-events: none;
}

.hamburger {
  display: none;
}

.BGSZ {
  width: 1440px;
  height: 676px;
  z-index: -1;
  margin-top: -15px;
}

.rely {
  opacity: 0;
}

.mainNaslov {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 290px;
}

.buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1px;
  margin-top: 128px;
  margin-left: -235px;
  z-index: 10;
  position: absolute;
}

.button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 196.67px;
  height: 48px;
  background-color: rgb(0, 185, 255);
  color: white;
  font-family: Ruda;
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  position: relative;
}
.button:active {
  background-color: rgb(0, 156, 216);
}

.buttonP {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 196.67px;
  height: 48px;
  background-color: rgb(0, 185, 255);
  color: white;
  font-family: Ruda;
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  position: relative;
}

#slPL {
  position: absolute;
  margin-left: 150px;
  height: 10px;
  width: 10px;
  pointer-events: none;
}

p {
  pointer-events: none;
}

.index {
  width: 196.67px;
  height: 48px;
  background-color: chartreuse;
  position: absolute;
  display: inline-block;
}

.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.stolp {
  display: flex;
  flex-direction: row;
  height: 100%;
  background-color: black;
  justify-content: center;
}

.glihar {
  display: flex;
  flex-direction: column;
  width: 1180px;
  justify-content: start;
}

.glihar2 {
  display: flex;
  flex-direction: row;
  width: 874px;
  gap: 17px;
  position: absolute;
}

.ravnar {
  display: flex;
  flex-direction: row;
}

/*
.foot_columner {
    border: 2px solid yellow;
    display: flex;
    flex-direction: column;
}
    */
#FslLAP {
  width: 174px;
  height: 96px;
}

.F_LAP {
  margin-top: 82px;
  font-family: Oswald;
  width: 281px;
  height: 24px;
  color: rgb(220, 220, 220);
  font-size: 18px;
  font-weight: 700;
  font-style: bold;
}

.F_link {
  margin-top: 6px;
  color: rgb(0, 185, 255);
  font-family: Oswald-M;
  font-size: 14px;
  font-weight: 500;
  font-style: medium;
  letter-spacing: 0.58px;
  text-decoration: underline;
}

.FslPH {
  height: 32px;
  width: 32px;
}

.phonetxt {
  color: white;
  font-family: RudaR;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  margin-left: 16px;
}

.rights {
  color: rgb(64, 64, 64);
  font-family: Roboto-Regular;
  font-size: 12px;
  font-weight: 400;
}

.crta {
  width: 432px;
  border: 0.5px solid rgb(64, 64, 64);
  pointer-events: none;
}

.crta0 {
  width: 282px;
  border: 0.5px solid rgb(64, 64, 64);
  pointer-events: none;
}

#crta1 {
  margin-top: 60px;
}

/*
#crta2 {

}
*/
#crta3 {
  border: 0.5px solid rgb(238, 238, 238);
}

#crta5 {
  width: 541px;
  border: 0.5px solid rgb(175, 175, 175);
}

#crta6 {
  width: 1100px;
  border: 0.5px solid rgb(175, 175, 175);
}

.crta7 {
  width: 288px;
  border: 0.5px solid rgb(151, 151, 151);
}

#crta8 {
  width: 541px;
  border: 0.5px solid rgb(175, 175, 175);
}

.FNtxt {
  color: rgb(0, 185, 255);
  font-family: Oswald;
  font-size: 15px;
  font-weight: 700;
  font-style: bold;
  margin: 0px;
}

.FN2txt {
  color: white;
  font-family: Oswald;
  font-size: 15px;
  font-weight: 700;
  font-style: bold;
  margin: 0px;
}

.Ftxt {
  color: rgb(238, 238, 238);
  font-family: Ruda;
  font-size: 13px;
  font-weight: 900;
  margin: 0px;
}

.Ftxt2 {
  color: rgb(0, 185, 255);
  font-family: RudaR;
  font-size: 14px;
  font-weight: 400;
}

.uratxt {
  color: rgb(238, 238, 238);
  font-family: RudaR;
  font-size: 13px;
  font-weight: 400;
  text-align: right;
  line-height: 19px;
  margin: 0px;
}

#desna {
  justify-content: space-between;
  height: 67px;
}

#desnaB {
  justify-content: space-between;
  align-items: center;
  height: 67px;
}
#desnaC {
    justify-content: center;
    align-items: center;
    height: 67px;
    margin-top: -40px;
}

.boxINV {
  display: none;
}

.group-margin-top {
  margin-top: 82px;
}

.box8 {
  display: flex;
  flex-direction: column;
  width: 541px;
  height: 40px;
  justify-content: center;
}
.box8 p {
  margin-bottom: 0px;
}

.box9 {
  display: flex;
  flex-direction: column;
  width: 282px;
  height: 48px;
  justify-content: center;
}

.box10 {
  display: flex;
  flex-direction: column;
  width: 432px;
  height: 48px;
  justify-content: center;
}

.smlMrgin {
  margin-right: 8px;
}

/*
.circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin-top: 15px;
}
    */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-btn {
  background-color: transparent;
  width: 196.67px;
  height: 48px;
  border: none;
  cursor: pointer;
  position: relative;
  margin-top: 7px;
}

.dropdown-content {
  position: absolute;
  top: 91%; /* below button */
  left: 0;
  width: 196.67px;
  opacity: 0;
  transform: translateY(-20px); /* hidden behind button */
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Show state */
.dropdown-content.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Animate each option slightly delayed */
.dropdown-content a {
  display: block;
  text-decoration: none;
  color: black;
  transform: translateY(-10px);
  opacity: 0;
}

.dropdown-content.show a {
  animation: slideIn 0.3s forwards;
}

.dropdown-content.show a:nth-child(1) {
  animation-delay: 0.05s;
}

.dropdown-content.show a:nth-child(2) {
  animation-delay: 0.1s;
}

.dropdown-content.show a:nth-child(3) {
  animation-delay: 0.15s;
}

@keyframes slideIn {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.show {
  display: block;
}

#nga {
  margin-right: 19px;
  height: 10px;
  width: 10px;
}

.textMIK {
  margin-right: 15px;
}

.SUBb {
  display: flex;
  flex-direction: row;
  align-items: center;
  /*justify-content: center;*/
  width: 196.67px;
  height: 48px;
  color: white;
  font-family: Ruda;
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  position: relative;
  background-color: rgb(0, 185, 255);
  justify-content: end;
}
.SUBb:active {
  background-color: rgb(0, 156, 216);
}
.SUBb {
  margin-top: 1px;
}

.kliknn {
  background-color: rgb(0, 156, 216);
}

.iconC {
  content: url("/storage/app/media/images/minus.svg");
}

.successImage {
  content: url("/storage/app/media/images/BX.svg");
}

.mandarin {
  margin-left: 70px;
}

ul {
  list-style: none;
}

.pressme {
  text-decoration: none;
  margin: 0px;
  width: 196.67px;
  height: 48px;
  position: absolute;
  display: inline-block;
}

.circle-img {
  width: 500px;
  height: 500px;
  object-fit: cover;
  border-radius: 50%;
}

.btn-custom {
  background-color: rgb(0, 185, 255);
  color: white;
  width: 346px;
  height: 54px;
  border-radius: 2px;
  font-family: Oswald-R;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1.35px;
  text-align: center;
  box-shadow: none !important;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom.active, .btn-custom.show {
  background-color: rgb(0, 185, 255) !important;
  color: white !important;
  box-shadow: none !important;
}
.btn-custom:active {
  background-color: rgb(0, 156, 216) !important;
  color: white !important;
  box-shadow: none !important;
}

.btn-custom2 {
  background-color: transparent;
  color: rgb(0, 185, 255);
  width: 328px;
  height: 48px;
  border-radius: 2px;
  font-family: Oswald-R;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1.35px;
  text-align: center;
  border: 1px solid rgb(0, 185, 255);
  box-shadow: none !important;
}
.btn-custom2:hover, .btn-custom2:focus, .btn-custom2.active, .btn-custom2.show {
  background-color: transparent !important;
  color: rgb(0, 185, 255) !important;
  border: 1px solid rgb(0, 185, 255) !important;
  box-shadow: none !important;
}
.btn-custom2:active {
  background-color: transparent !important;
  color: rgb(0, 156, 216) !important;
  border: 1px solid rgb(0, 156, 216) !important;
  box-shadow: none !important;
}

section {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.container {
  padding: 0px;
  margin: 0px;
}

.col-md-6 {
  display: flex;
  flex-direction: column;
  width: 590px;
  align-items: start;
}

.bneeds {
  align-items: end;
  text-align: end;
}

.col-md-12 {
  padding: 0px;
}

.padderLR {
  padding-left: 70px;
  padding-right: 70px;
  margin: 0px;
}

.bkimg {
  position: absolute;
  margin-top: -160px;
  z-index: -1;
  width: 1440px;
  height: 959px;
  overflow: hidden;
  /*content:  url("/storage/app/media/images/lap-1-intro.png");*/
}

.bkimg2 {
  width: 1440px;
  height: 676px;
  z-index: -1;
  /*content: url("/storage/app/media/images/rekreativna-vadbaBG.png");*/
}

#darkb {
  background-color: rgb(64, 64, 64);
}

#lightb {
  background-color: white;
}

.backG {
  height: 500px;
  position: absolute;
  z-index: -1;
  margin-left: 260px;
}

.backG2 {
  height: 500px;
  position: absolute;
  z-index: -1;
  margin-right: 260px;
}

.backG3 {
  /*position: absolute;
  z-index: -1;*/
  background-image: linear-gradient(134.5232652088deg, rgb(246, 241, 224) 0%, rgb(220, 220, 220) 100%);
}

.Bone {
  height: 721px;
}

.Btwo {
  height: 569px;
}

#smlm {
  margin-top: 129px;
  margin-bottom: 14px;
}

.naslov2 {
  color: rgb(220, 220, 220);
  font-family: Oswald;
  font-size: 34px;
  font-weight: 700;
  font-style: bold;
}

.naslov3 {
  height: 60px;
  font-family: Oswald;
  font-size: 42px;
  font-weight: 700;
  font-style: bold;
}

.naslovL {
  color: rgb(64, 64, 64);
  font-family: Oswald;
  font-size: 36px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  line-height: 68px;
  margin-top: 43px;
}

.brtzn {
  color: rgb(220, 220, 220);
  font-family: Oswald;
  font-size: 26px;
  font-weight: 700;
  font-style: bold;
  margin-top: 52px;
  margin-bottom: 0px;
}

#puhn {
  margin-bottom: 30px;
}

.txt0 {
  color: white;
  font-family: RudaR;
  font-size: 20px;
  font-weight: 400;
  margin: 0px;
}

.txt {
  color: white;
  font-family: RudaR;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.23px;
}

.txtSAMZDEJ {
  width: 540px;
}

.linktxt {
  color: rgb(0, 185, 255);
  font-family: Oswald;
  font-size: 14px;
  font-weight: 500;
  font-style: medium;
  letter-spacing: 0.58px;
  text-decoration: underline;
}
.linktxt:hover {
  text-decoration: underline;
}

.ekipah {
  color: rgb(64, 64, 64);
  font-family: Oswald;
  font-size: 36px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  line-height: 68px;
  margin-bottom: 0px;
}

.ekipahtxt {
  color: black;
  font-family: RudaR;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  line-height: 36px;
  filter: blur(0px);
}

.sz {
  font-size: 20px;
  margin-bottom: 29px;
}

.wbox {
  white-space: normal; 
  width: 280px;
  height: 460px;
  background-color: white;
  z-index: 1;
  word-wrap: break-word;
  
}

.wbox2 {
  width: 390px;
  height: 80px;
  background-color: white;
  padding-left: 32px;
  padding-right: 32px;
}
.wbox2 p {
  margin-bottom: 0px;
}

.wboxSUB {
  width: 280px;
  margin-bottom: 0px;
}

.wboxB {
  background-color: rgb(64, 64, 64);
  width: 590px;
  overflow: hidden;
}

.wboxB2 {
  width: 590px;
  height: 470px;
  border: 1px solid rgb(238, 238, 238);
}

.Nekipatxt {
  color: rgb(64, 64, 64);
  font-family: Oswald;
  font-size: 26px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  margin-bottom: 0px;
}

.ekipatxt {
  color: rgb(64, 64, 64);
  font-family: RudaR;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.23px;
  text-align: center;
  line-height: 20px;
  margin-bottom: 0px;
}

.mikmik {
  margin-bottom: 72px;
}

.naslov4 {
  font-family: Oswald-L;
  font-size: 50px;
  font-weight: 300;
  font-style: light;
  text-align: center;
  line-height: 56px;
  margin-bottom: 0px;
}

.txt4 {
  font-family: RudaR;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.23px;
  text-align: center;
  line-height: 28px;
}

.bg-primary {
  color: rgb(64, 64, 64);
  height: 643px;
}

.krogB {
  width: 62px;
  height: 62px;
  border-radius: 100%;
  border: 1px solid rgb(0, 185, 255);
}
.krogB .blukrogtxt {
  color: rgb(0, 185, 255);
}

.krogBS {
  background-color: rgb(0, 185, 255);
}
.krogBS .blukrogtxt {
  color: white;
}

.bluL {
  width: 32px;
  height: 1px;
  border: 1px solid rgb(0, 185, 255);
}

.bluL2 {
  width: 80px;
  height: 1px;
  border: 1px solid rgb(0, 185, 255);
}

.bluL3 {
  width: 212px; /*-10*/
  height: 1px;
  border: 1px solid rgb(0, 185, 255);
}

.blukrogtxt {
  font-family: RudaBlack;
  font-size: 12px;
  font-weight: 900;
  font-style: black;
  text-align: center;
  margin: 0px;
}

.txtfx {
  margin-bottom: 0px;
}

.bew {
  color: white;
  font-size: 26px;
  margin-top: 45px;
  margin-bottom: 0px;
  height: 40px;
}

.spreminjar1 {
  width: 346px;
}

.spreminjar2 {
  width: 346px;
}

.spreminjar3 {
  width: 346px;
}

.spreminjar4 {
  width: 346px;
}

.spreminjar5 {
  width: 590px;
  background-color: rgb(64, 64, 64);
}

.bpm {
  margin-bottom: 22px;
  margin-top: 22px;
  content: url("/storage/app/media/images/back-puscica.svg");
}

.m6060 {
  margin-bottom: 60px;
  margin-top: 60px;
}

.nova_kljuka {
  margin-bottom: 157px;
  content: url("/storage/app/media/images/kljukca.svg");
}

.Xiks {
  content: url("/storage/app/media/images/VecjiX.svg");
}

.Hcolor {
  background-image: linear-gradient(to bottom, rgb(246, 241, 224) 0%, rgb(220, 220, 220) 100%);
}

.circle-group {
  gap: 8px;
  margin-top: 20px;
}

/* hide native radio */
/* .circle-group input[type=radio] {
  display: none;
} */

/* outer circle */
.circle {
  margin-right: 16px;
  width: 24px; /* outer size (border circle) */
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgb(175, 175, 175);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* inner dot (hidden by default) */
.circle::after {
  content: "";
  width: 10px; /* inner dot size */
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.2s;
}

/* when selected, fill the dot */
/* .circle-group input[type=radio]:checked + .circle::after {
  background-color: rgb(0, 185, 255);
}

.circle-group input[type=radio]:checked + .circle + span {
  color: rgb(0, 185, 255);
} */

.circle-group input[type=checkbox] {
  display: none;
}

.circle-group input[type=checkbox]:checked + .circle::after {
  background-color: rgb(0, 185, 255);
}

.circle-group input[type=checkbox]:checked + .circle + span {
  color: rgb(0, 185, 255);
}

.drop-zone {
  width: 346px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: sans-serif;
  color: #666;
  background: rgba(238, 238, 238, 0.8);
  transition: background 0.3s, border-color 0.3s;
}

.drop-zone.over {
  border-color: rgb(0, 185, 255);
  background: rgb(175, 175, 175);
  color: rgb(0, 185, 255);
}

.preview {
  margin-top: 8px;
  align-self: center;
}

.file-link {
  display: inline-block;
  padding: 8px 16px;
  background: rgb(0, 185, 255);
  color: white;
  text-decoration: none;
  border-radius: 6px;
  cursor: pointer;
}

.upload-info {
  margin-top: 15px;
  max-width: 288px;
}

.progress-bar {
  width: 288px;
  height: 4px;
  background: #eee;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 6px;
}

.progress-fill {
  height: 4px;
  width: 0;
  background: rgb(0, 185, 255);
  transition: width 0.2s;
}

.lNtext {
  color: rgb(220, 220, 220);
  font-family: Oswald;
  font-size: 18px;
  font-weight: 700;
  font-style: bold;
}

.ltext {
  color: rgba(175, 175, 175, 0.8);
  font-family: Ruda;
  font-size: 10px;
  font-weight: 700;
  font-style: bold;
  letter-spacing: 0.14px;
}

.mbarva {
  color: rgb(0, 185, 255);
}

.dzt {
  color: rgb(64, 64, 64);
  font-family: RudaR;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 23px;
  margin-bottom: 0px;
}

.autoWH {
  width: auto;
  height: auto;
}

.tsdih {
  color: rgb(219, 219, 219);
  font-style: bold;
}

.naprej {
  cursor: pointer;
}

.wither1 {
  width: 590px;
}

.wither {
  width: 346px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.witherrr {
  width: 510px;
}

.wither0 {
  width: 526px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.input {
  display: flex;
  flex-direction: row;
  justify-content: end;
  background-color: rgba(238, 238, 238, 0.8);
  width: 346px;
  height: 40px;
  border-radius: 2px;
  /*border: none;*/
  border: 1px solid transparent;
  overflow: hidden;
}
.input:focus-within {
  background-color: rgb(238, 238, 238);
  border: 1px solid rgb(0, 185, 255);
}

.height80 {
  height: 80px;
}

.textarea {
  padding-top: 10px;
  resize: none;
}

.TTEEXXTT2 {
  border: none;
  background-color: transparent;
  width: 346px;
  height: 40px;
  outline: none;
  padding-left: 25.32px;
  padding-right: 51.69px;
  font-family: RudaR;
  font-weight: 400;
  color: rgb(64, 64, 64);
  font-size: 12px;
}
.TTEEXXTT2::placeholder {
  color: rgb(64, 64, 64);
  font-family: RudaR;
  font-size: 12px;
  font-weight: 400;
}

.linktxt2 {
  color: rgb(0, 185, 255);
  font-family: Oswald-M;
  font-size: 14px;
  font-weight: 500;
  font-style: medium;
  letter-spacing: 0.58px;
  text-align: center;
  text-decoration: underline;
  margin-bottom: 0px;
  margin-top: -1px;
  cursor: pointer;
}
.linktxt2:hover {
  text-decoration: underline;
}

.map {
  width: 590px;
  height: 470px;
  content: url("/storage/app/media/images/Map.png");
}

.lokacijatxt {
  color: rgb(175, 175, 175);
  font-family: Oswald;
  font-size: 26px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  margin-bottom: 8px;
  margin-top: 14px;
}

.lokacijatxt2 {
  color: rgb(0, 185, 255);
  font-family: Oswald;
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  letter-spacing: 0.58px;
  text-align: center;
  text-decoration: underline;
  margin: 0px;
}

.lokacijatxt3 {
  color: rgb(64, 64, 64);
  font-family: Oswald;
  font-size: 26px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
}

.cakimal {
  background-color: rgb(64, 64, 64);
  opacity: 0.5;
  cursor: default;
}
.cakimal:hover, .cakimal:focus, .cakimal:active, .cakimal.active, .cakimal.show {
  background-color: rgb(64, 64, 64) !important;
  color: white !important;
}

.FootB {
  display: inline-block;
  position: absolute;
  width: 432px;
  height: 48.5px;
  cursor: pointer;
}
.FootB:active {
  background-color: rgba(0, 185, 255, 0.2);
}

.justify-content-space-between {
  justify-content: space-between;
}

.menutxt {
  color: rgb(64, 64, 64);
  font-family: RudaR;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0px;
}

.maliBluKActive {
  width: 8px;
  height: 8px;
  background-color: rgb(0, 185, 255);
  border-radius: 100%;
}

.maliBluK {
  width: 8px;
  height: 8px;
  border: 1px solid rgb(175, 175, 175);
  border-radius: 100%;
}

.menuFer {
  width: 450px;
}

.arrowslol {
  margin-right: 244px;
}

.Nrktxt {
  color: rgb(64, 64, 64);
  font-family: Oswald;
  font-size: 42px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  line-height: 54px;
  margin-bottom: 0px;
}

.rktxt {
  color: black;
  font-family: RudaR;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  line-height: 36px;
  filter: blur(0px);
  margin-bottom: 0px;
}

.Nrktxt2 {
  color: rgb(64, 64, 64);
  font-family: Oswald;
  font-size: 32px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  line-height: 49px;
  margin-bottom: 0px;
}

.rktxt2 {
  color: black;
  font-family: RudaR;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.23px;
  text-align: center;
  line-height: 28px;
  margin-bottom: 0px;
}

.ceniktxt1 {
  color: rgb(64, 64, 64);
  font-family: Oswald;
  font-size: 32px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  line-height: 49px;
}

.ceniktxt2 {
  color: rgb(64, 64, 64);
  font-family: Oswald;
  font-size: 18px;
  font-weight: 700;
  font-style: bold;
}

.ceniktxt3 {
  color: black;
  font-family: RudaR;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.OGbox {
  width: 1180px;
}

.OGbox2 {
  width: 1180px;
}

.OGbox3 {
  width: 1180px;
}

.OGbox4 {
  width: 1185px;
}

.PhoneBarvr {
  width: 1180px;
  height: 80px;
}

.PhoneBarvr2 {
  width: 1185px;
  background-color: rgb(247, 247, 247);
  height: 144px;
}

.soudi {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
}

.MobileFP {
  content: url("/storage/app/media/images/front-puscica.svg");
}

.MobileBP {
  content: url("/storage/app/media/images/back-puscica.svg");
}

.textBOX {
  width: 590px;
}

.cenikBOX {
  width: 541px;
}

.gymNtxt {
  color: rgb(0, 185, 255);
  font-family: Oswald;
  font-size: 22px;
  font-weight: 700;
  font-style: bold;
}

.gymtxt {
  color: rgb(0, 185, 255);
  font-family: RudaR;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.lineHeighter {
  line-height: 30px;
  margin-left: 42px;
}

#obrazec {
  scroll-margin-top: 30px;
}

.transparent {
  border: 0.5px solid transparent;
}

.justify-content-space-between {
  justify-content: space-between;
}

.slider-container {
  overflow: hidden; /* hides non-active slides */
  position: relative;
  width: 1180px;
  padding: 0px;
}

.slider-wrapper {
  transition: transform 0.5s ease-in-out;
  width: 1180px;
}

.fontS16 {
  font-size: 16px;
}

.mar-220 {
  margin-top: -220px;
}

.mar78 {
  margin-top: 78px;
}

.mar70 {
  margin-top: 70px;
}

.mar65 {
  margin-top: 65px;
}

.mar26 {
  margin-top: 26px;
}

.gap20 {
  gap: 20px;
}

.gap18 {
  gap: 18px;
}

.mar95 {
  margin-top: 95px;
}

.mar80 {
  margin-top: 80px;
}

.mar64 {
  margin-top: 64px;
}

.mar60 {
  margin-top: 60px;
}

.mar75 {
  margin-top: 75px;
}

.mar57 {
  margin-top: 57px;
}

.mar56 {
  margin-top: 56px;
}

.mar52 {
  margin-top: 52px;
}

.mar51 {
  margin-top: 51px;
}

.mar48 {
  margin-top: 48px;
}

.mar48C {
  margin-top: 48px;
}

.mar46 {
  margin-top: 46px;
}

.mar43 {
  margin-top: 43px;
}

.mar42 {
  margin-top: 42px;
}

.mar42C {
  margin-top: 42px;
}

.mar40 {
  margin-top: 40px;
}

.mar38C {
  padding-bottom: 38px;
}

.mar35 {
  margin-top: 35px; /*ja js sm the C*/
}

.mar33 {
  margin-top: 33px;
}

.mar32 {
  margin-top: 32px;
}

.mar30 {
  margin-top: 30px;
}

.mar28 {
  margin-top: 28px;
}

.mar27 {
  margin-top: 27px;
}

.mar25 {
  margin-top: 25px;
}

.mar24 {
  margin-top: 24px;
}

.mar23 {
  margin-top: 23px;
}

.mar24C {
  margin-top: 24px;
}

.mar23C {
  margin-top: 23px;
}

.mar20 {
  margin-top: 20px;
}

.mar18 {
  margin-top: 18px;
}

.mar17 {
  margin-top: 17px;
}

.mar16 {
  margin-top: 16px;
}

.mar15 {
  margin-top: 15px;
}

.mar13 {
  margin-top: 13px;
}

.mar12 {
  margin-top: 12px;
}

.mar11 {
  margin-top: 11px;
}

.mar10 {
  margin-top: 10px;
}

.mar9 {
  margin-top: 9px;
}

.mar8 {
  margin-top: 8px;
}

.mar7 {
  margin-top: 7px;
}

.mar5 {
  margin-top: 5px;
}

.mar0 {
  margin-top: 0px;
}

.mar-1C {
  margin-top: -1px;
}

.mar-10 {
  margin-top: -10px;
}

.mar-19 {
  margin-top: -19px;
}

.mar-40 {
  margin-top: -40px;
}

.mar-48 {
  margin-top: -48px;
}

.mar-50 {
  margin-top: -50px;
}

.marL-24_T5 {
  margin-left: -25px;
  margin-top: 5px;
}

.marL42 {
  margin-left: 42px;
}

.gap42 {
  gap: 42px;
}

.gap19C {
  gap: 19px;
}

.gap17 {
  gap: 17px;
}

.gap12 {
  gap: 12px;
}

.gap8 {
  gap: 8px;
}

.gap3 {
  gap: 3px;
}

.bmar60 {
  margin-bottom: 60px;
}

.bmar51 {
  margin-bottom: 51px;
}

.bmar48 {
  margin-bottom: 48px;
}

.bmar43 {
  margin-bottom: 43px;
}

.bmar40 {
  margin-bottom: 40px;
}

.bmar32 {
  margin-bottom: 32px;
}

.bmar27 {
  margin-bottom: 27px;
}

.paddL24 {
  padding-left: 24px;
}

.padd42 {
  padding-top: 42px;
}

.bpadd60 {
  padding-bottom: 60px;
}

.bmar0 {
  margin-bottom: 0px !important;
}

.padd0 {
  padding: 0px;
}

.bl {
  color: rgb(220, 220, 220);
}

.cr {
  color: rgb(64, 64, 64);
}

.ozadjrSpace {
  height: 0px;
}

.Maintxttoggler {
  width: 590px;
  text-align: start;
}

.szszsz {
  margin-top: 130px;
  z-index: 10;
  /*pointer-events: none;*/
  user-select: text;
  /*margin-bottom: 185px;*/
}

.brBreak {
  display: none;
}
.sammal {
  margin-top: 419px;
}

.SoffRoad {
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.MLimg {
  width: 280px !important;
  height: 280px !important;
}

.specialNeeds1 {
  margin-top: 15px;
  height: 42px;
  overflow: hidden;
  margin-bottom: 6px;
}

.specialNeeds2 {
  margin-top: 0px;
  height: 56px;
  overflow: hidden;
}

.specialNeeds3 {
  margin-top: 3px;
  height: 32px;
  overflow: hidden;
}

.helpME2 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.GETIN {
  display: none !important;
}

.sequel {
  width: 346px;
}

.cenikPuscica {
    content: url("/storage/app/media/images/cenik-puscica-mobile.svg");
}

.puscica {
  content: url("/storage/app/media/images/puscica.svg");
}

.zemlja {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.helpME4 {
  margin-top: 48px;/*.betorcen$0*/
}

.kwuka {
  content: url("/storage/app/media/images/kljukca.svg");
}

.instaGRAM {
  width: 281px;
  /*height: 281px;*/
  height: auto;
}

.bpuscica {
  content: url("/storage/app/media/images/back-puscica.svg");
}

.fpuscica {
  content: url("/storage/app/media/images/front-puscica.svg");
}

.upuscica {
  content: url("/storage/app/media/images/up-arrow-big.svg");
}

.betOrCen {
  justify-content: space-between;
  gap: 8px;
}

.ma32alnec {
  margin-top: 32px;
}

.ma60alnec {
  margin-bottom: 60px;
}

.mrpresident {
  margin-left: 299px;
}

.zgikn2 {
  margin-top: 123px;
  position: absolute;
}

.mar60C {
  margin-top: 60px;
}

.letoleti {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 5px;
  margin-top: 0px;
}

.dejsamubrnise {
  display: flex;
  flex-direction: row;
  width: 827px;
}

.dejsamubrnise2 {
  display: flex;
  flex-direction: row;
  width: 426px;
}

.cenaClass {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 42px;
}

.logintxt {
  color: rgb(175, 175, 175);
  font-family: RudaR;
  font-size: 12px;
  font-weight: 400;
}

.Nlogintxt {
  color: rgb(219, 219, 219);
  font-family: RudaR;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  line-height: 34px;
}

.signinChange, .loginChange {
  background-color: transparent;
  color: rgba(238, 238, 238, 0.4);
  width: 328px;
  height: 48px;
  border-radius: 2px;
  font-family: Oswald-R;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1.35px;
  text-align: center;
  border: 1px solid rgba(238, 238, 238, 0.4);
  box-shadow: none !important;
  cursor: default;
}
.signinChange:hover, .signinChange:focus, .signinChange:active, .signinChange.active, .signinChange.show, .loginChange:hover, .loginChange:focus, .loginChange:active, .loginChange.active, .loginChange.show {
  background-color: transparent !important;
  color: rgba(238, 238, 238, 0.4) !important;
  width: 328px !important;
  height: 48px !important;
  border-radius: 2px !important;
  font-family: Oswald-R !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 1.35px !important;
  text-align: center !important;
  border: 1px solid rgba(238, 238, 238, 0.4) !important;
  box-shadow: none !important;
  cursor: default;
}

.wowstop {
  margin-top: 10px;
  margin-bottom: 40px !important;
}

.jtrjbastouctbke {
  width: 346px;
}

.kul {
  display: flex;
  flex-direction: column;
}

.njh-80 {
  height: 80px !important;
}

.cf-msg-field {
  padding-top: 10px;
  resize: none !important;
}







#ekipaCarousel {
  position: relative;
  max-width: 1180px; /* or your section width */
  margin: auto;  
}

/*#ekipaCarousel*/ .arrow {
  position: absolute;
  top: 50%;
  display: flex;
  width: 45px; /*to*/
  height: 45px; /*to*/
  justify-content: center;
  align-items: center;
  z-index: 2;
  border-radius: 50%; /*to*/
  font-size: 26px; /*to*/
  color: white; /*to*/
  background: rgba(0, 0, 0, 0.4); /*to*/
  cursor: pointer;
}

/*#ekipaCarousel*/ .arrow2 {
  position: absolute;
  top: 50%;
  display: flex;
  /*width: 45px; /*to*/
  /*height: 45px; /*to*/
  justify-content: center;
  align-items: center;
  z-index: 2;
  /*border-radius: 50%; /*to*/
  /*font-size: 26px; /*to*/
  /*color: white; /*to*/
  /*background: rgba(0, 0, 0, 0.4); /*to*/
  cursor: pointer;
  margin-top: 250px;

  /*MMMMMMMMMMMMMMMMMEEEEEEEEEEENNNNNNNNNNNNNJJJJJJJJJJJJIIIIIIIIIIIII*/
}

#ekipaCarousel #prev {
  left: 0;
  transform: translateY(-50%);
}

#ekipaCarousel #next {
  right: 0;
  transform: translateY(-50%);
}

#ekipa-vp {
  width: 100%;
  overflow: hidden;
  position: relative;
}

#ekipa-inner {
  display: flex;
  height: 460px;
  gap: 20px;
  transition: transform 0.3s ease;
  will-change: transform;
}



.ekipa-item {
  flex: 0 0 280px; /* card width */
  height: auto;
}

#prev {
  position: absolute;
  left: -60px; /* move it outside */
  top: 50%;
  transform: translateY(-50%);
}

/*tlele so neki gliči jih popravi ............ ja ma sej ji nej*/

.bmarA {
    margin-bottom: auto;
}

/* Contact form radio buttons */
/* ======================================================================= */

:root {
  --form-control-color: #0094cc; /* Blue for checked state */
}
.excercise-form {
  display: grid;
}
.excercise-form-control {
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
  color: #b0b0b0;
  text-align: left;
  font-family: RudaR !important;
}
.excercise-form-control + .excercise-form-control {
  margin-top: 1em;
}
/* Only make the label text blue when its radio is checked */
.excercise-form-control:has(input[type="radio"]:checked) {
  color: var(--form-control-color);
}
input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  border: 1px solid #b0b0b0;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  transform: translateY(-0.2em) translateX(-0.9em);
  display: grid;
  place-content: center;
  outline: none; /* Remove focus ring completely */
}
input[type="radio"]::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: var(--form-control-color); /* Blue dot */
}
input[type="radio"]:checked::before {
  transform: scale(1);
}
.mar-15 {
  margin-top: -15px !important;
}



#instagramCarousel {
  position: relative;
  max-width: 1180px;
  margin: auto;
}

#instagram-vp {
  width: 100%;
  overflow: hidden;
  position: relative;
}

#instagram-inner {
  display: flex;
  transition: transform 0.3s ease-in-out; /* smooth sliding */
  will-change: transform;
}


.insta-item {
  flex: 0 0 280px;
  height: 281px;
}

.instaGRAM {
  width: 100%;
  /*border-radius: 8px;*/
  display: block;
}
.igelements {
    pointer-events: none;
    z-index: 100;
    margin-left: 24px;
    margin-top: 240px;
}

.fade-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.fade-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 281px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);
  pointer-events: none; /* ensures clicks go through */
  /*border-radius: 8px;*/
}
.bmarCnik {
    margin-bottom: 48px;
}




















@media screen and (max-width: 1180px) {
  header p, header ul, header h1, header h2, header h3, header h4, header h5, header h6, footer p, footer ul, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, .aligner2 p, .aligner2 ul, .aligner2 h1, .aligner2 h2, .aligner2 h3, .aligner2 h4, .aligner2 h5, .aligner2 h6 {
    margin: 0px;
  }
  header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .aligner2 {
    position: absolute;
  }
  .head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 328px;
    height: 64px;
    z-index: 1;
  }
  .naslov1 {
    width: 80px;
  }
  .LAP {
    display: flex;
    flex-direction: row;
    margin-left: 0px;
    margin-right: 0px;
    width: 154px;
    justify-content: center;
    color: rgb(0, 185, 255);
    font-size: 16px;
    font-weight: 400;
  }
  .GfotoA {
    margin-left: 176px;
    margin-top: 212px;    /*292px;*/
    position: absolute;
  }
  .GfaceB {
    margin-left: 112px;
    margin-top: 212px;   /*292px;*/
    position: absolute;
  }
  .fotoA {
    display: block;
  }
  .fotoB {
    display: block;
  }
  .search {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-left: 0px;
    background-color: rgba(238, 238, 238, 0.4);
    width: 328px;
    height: 48px;
    border-radius: 2px;
    border: none;
    flex-shrink: 0;
    margin-top: 31px;
  }
  .search:focus-within {
    outline: 1px solid rgb(0, 185, 255);
    color: rgb(64, 64, 64);
    background-color: rgb(238, 238, 238);
  }
  #srch {
    height: 48px;
  }
  .search:focus-within #slEL2 {
    opacity: 1;
  }
  .TTEEXXTT {
    border: none;
    background-color: transparent;
    width: 328px;
    height: 45px;
    outline: none;
    padding-left: 24px;
    padding-right: 49px;
    font-family: Ruda;
    font-weight: 400;
  }
  .TTEEXXTT::placeholder {
    color: rgb(175, 175, 175);
    font-family: RudaR;
    font-size: 12px;
    font-weight: 400;
  }
  .TTEEXXTT {
    /*color: rgb(64, 64, 64);*/
    font-family: RudaR;
    font-size: 12px;
    font-weight: 400;
    color: rgb(175, 175, 175);
  }
  .TTEEXXTT:focus::placeholder {
    color: rgb(64, 64, 64);
  }
  .TTEEXXTT:focus {
    color: rgb(64, 64, 64);
  }
  .UVP {
    margin-left: 0px;
    width: 328px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .UVP:active {
    background-color: rgba(0, 185, 255, 0.2);
  }
  .UOG {
    margin-left: 0px;
    width: 328px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .UOG:active {
    background-color: rgba(0, 185, 255, 0.2);
  }
  #slEL {
    margin-top: 0px;
  }
  #slELOG {
    margin-right: 15px;
  }
  .ohrely {
    opacity: 1;
  }
  .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0px;
    margin-top: 0px;
    width: 328px;
    margin-left: 0px;
    position: static;
    z-index: 1;
  }
  .button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 328px;
    height: 48px;
    background-color: transparent;
    color: rgb(0, 185, 255);
    font-family: Ruda;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    position: relative;
    letter-spacing: 0.2px;
  }
  .button:active {
    background-color: rgba(0, 185, 255, 0.2);
  }
  .buttonP {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 328px;
    height: 94px;
    background-color: transparent;
    color: rgb(0, 185, 255);
    font-family: Ruda;
    font-size: 0px;
    font-weight: 700;
    font-style: bold;
    position: relative;
    letter-spacing: 0.2px;
    pointer-events: none;
  }
  #slPL {
    margin-left: 0px;
    height: 0px;
    width: 0px;
    content: none;
  }
  p {
    pointer-events: none;
  }
  .stolp {
    height: auto;
  }
  .glihar {
    align-items: center;
  }
  .glihar2 {
    flex-direction: column;
    width: 328px;
    gap: 0px;
    position: static;
  }
  /*
  .foot_columner {
      border: 2px solid yellow;
      display: flex;
      flex-direction: column;
  }
      */
  #FslLAP {
    width: 72.5px;
    height: 40px;
  }
  .phonetxt {
    margin-left: 10px;
  }
  .group-margin-top {
    margin-top: 0px;
  }
  .box8 {
    width: 328px;
  }
  .box9 {
    width: 328px;
  }
  .nrdisamzame {
    margin-bottom: 30px;
  }
  .addon9 {
    justify-content: start;
  }
  .box10 {
    width: 328px;
  }
  /*
  .circle {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid white;
      width: 32px;
      height: 32px;
      border-radius: 100%;
      margin-top: 15px;
  }
      */
  .dropdown {
    position: static;
    display: inline-block;
  }
  .dropdown-btn {
    background-color: transparent;
    pointer-events: none;
    width: 0px;
    height: 0px;
    border: none;
    cursor: pointer;
    position: static;
  }
  .dropdown-content {
    position: static;
    top: 0%; /* below button */
    left: 0;
    width: 196.67px;
    opacity: 0;
    transform: translateY(0px); /* hidden behind button */
    pointer-events: none;
    transition: opacity 0s ease, transform 0s ease;
  }
  /* Show state */
  .dropdown-content.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  /* Animate each option slightly delayed */
  .dropdown-content a {
    display: block;
    text-decoration: none;
    color: black;
    transform: translateY(0px);
    opacity: 0;
  }
  .dropdown-content.show a {
    animation: slideIn 0s forwards;
  }
  .dropdown-content.show a:nth-child(1) {
    animation-delay: 0s;
  }
  .dropdown-content.show a:nth-child(2) {
    animation-delay: 0s;
  }
  .dropdown-content.show a:nth-child(3) {
    animation-delay: 0s;
  }
  @keyframes slideIn {
    from {
      transform: translateY(0px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  #nga {
    margin-right: 15px;
    height: 12px;
    width: 12px;
    content: url("/storage/app/media/images/BlueArrow_uvip.svg");
  }
  .SUBb {
    /*justify-content: space-between;*/
    width: 328px;
    height: 48px;
    /*background-color: transparent;*/
    color: rgb(0, 185, 255);
    font-family: Ruda;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    position: relative;
    letter-spacing: 0.2px;
    background-color: transparent;
    justify-content: space-between;
  }
  .SUBb:active {
    background-color: rgba(0, 185, 255, 0.2);
  }
  .SUBb {
    margin-top: 0px;
  }
  .pressme {
    width: 328px;
  }
  .circle-img {
    width: 328px;
    height: 328px;
  }
  .btn-custom {
    background-color: rgb(0, 185, 255);
    color: white;
    width: 328px;
    height: 48px;
    border-radius: 2px;
    font-family: Oswald-R;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.35px;
    text-align: center;
    box-shadow: none !important;
  }
  .btn-custom:hover, .btn-custom:focus, .btn-custom.active, .btn-custom.show {
    background-color: rgb(0, 185, 255) !important;
    color: white !important;
    box-shadow: none !important;
  }
  .btn-custom:active {
    background-color: rgb(0, 156, 216) !important;
    color: white !important;
    box-shadow: none !important;
  }
  .kul {
    display: flex;
    flex-direction: column;
    width: 329px;
    align-items: center !important;
  }
  .col-md-6 {
    width: 328px;
    align-items: center;
    padding: 0px;
  }
  .bkimg {
    z-index: -1;
    width: 390px;
    height: 553px;
    /*content: url("/storage/app/media/images/lap-1-intro-mobile.png");*/
  }
  .bkimg2 {
    width: 390px;
    height: 275px;
    /*content: url("/storage/app/media/images/rekreativna-vadba-BG-mobile.png");*/
  }
  .backG {
    display: none;
  }
  .backG2 {
    height: 645px;
    margin-right: 0px;
    margin-top: 164px;
  }
  .helpME {
    height: 599px;
  }
  .helpME2 {
    flex-direction: column;
    justify-content: start;
  }
  .helpME3 {
    margin-top: 48px;
  }
  .Bone {
    height: 2072px;/*2063px;*/
  }
  .naslov3 {
    color: rgb(64, 64, 64);
    font-family: Oswald;
    font-size: 32px;
    text-align: center;
    line-height: 38px;
    margin-bottom: 0px;
  }
  .naslovL {
    font-size: 25px;
    line-height: 32px;
    margin-top: 30px;
  }
  .brtzn {
    font-size: 18px;
    margin-top: 40px;
  }

    #puhn2{
        margin-top: -64px;
    }

  .txt {
    color: white;
    font-family: RudaR;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 23px;
    margin: 0px;
    text-align: center;
  }
  .txtSAMZDEJ {
    display: flex;
    flex-direction: row;
    width: 329px;
    height: 92px;
    align-items: center;
    justify-content: center;
  }
  .linktxt {
    color: rgb(0, 185, 255);
    font-family: Oswald;
    font-size: 14px;
    font-weight: 500;
    font-style: medium;
    letter-spacing: 0.58px;
    text-decoration: underline;
  }
  .ekipah {
    color: rgb(64, 64, 64);
    font-family: Oswald;
    font-size: 25px;
    font-weight: 700;
    font-style: bold;
    text-align: center;
    line-height: 32px;
    margin-bottom: 0px;
  }
  .ekipahtxt {
    color: black;
    font-family: RudaR;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 28px;
  }
  .sz {
    font-size: 20px;
    margin-bottom: 29px;
  }
  .wbox {      /* prevent shrinking, keep items side-by-side */
    width: 328px;
    height: 451px;
    background-color: white;
    z-index: 1;
  }
  .wbox2 {
    width: 390px;
    height: 80px;
    background-color: white;
    padding-left: 32px;
    padding-right: 32px;
  }
  .wbox2 p {
    margin-bottom: 0px;
  }
  .wboxSUB {
    width: 280px;
    margin-bottom: 0px;
  }
  .wboxB {
    background-color: rgb(64, 64, 64);
    width: 391px;
    overflow: hidden;
  }
  .wboxB2 {
    width: 390px;
    height: auto;
    border: 1px solid rgb(238, 238, 238);
  }
  .Nekipatxt {
    color: rgb(64, 64, 64);
    font-family: Oswald;
    font-size: 18px;
    font-weight: 700;
    font-style: bold;
    text-align: center;
    line-height: 24px;
  }
  .ekipatxt {
    color: black;
    font-family: RudaR;
    font-size: 14px;
    font-weight: 4000;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 20px;
  }
  .mikmik {
    margin-bottom: 72px;
  }
  .naslov4 {
    font-family: Oswald-L;
    font-size: 50px;
    font-weight: 300;
    font-style: light;
    text-align: center;
    line-height: 56px;
    margin-bottom: 0px;
  }
  .txt4 {
    font-family: RudaR;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 23px;
  }
  .bg-primary {
    color: rgb(64, 64, 64);
    height: 643px;
  }
  .krogB {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid rgb(0, 185, 255);
  }
  .krogB .blukrogtxt {
    color: rgb(0, 185, 255);
  }
  .krogBS {
    background-color: rgb(0, 185, 255);
  }
  .krogBS .blukrogtxt {
    color: white;
  }
  .bluL {
    width: 57px;
    height: 1px;
    border: 1px solid rgb(0, 185, 255);
  }
  .bluL2 {
    width: 104px;
    height: 1px;
    border: 1px solid rgb(0, 185, 255);
  }
  .bluL3 {
    width: 207px;
    height: 1px;
    border: 1px solid rgb(0, 185, 255);
  }
  .blukrogtxt {
    font-family: RudaBlack;
    font-size: 12px;
    font-weight: 900;
    font-style: black;
    text-align: center;
    margin: 0px;
  }
  .tsdih {
    color: rgb(219, 219, 219);
    font-family: RudaR;
    font-size: 16px;
    font-weight: 400;
  }
  .txtfx {
    margin-bottom: 0px;
  }
  .bew {
    color: white;
    font-size: 26px;
    margin-top: 45px;
    margin-bottom: 0px;
    height: 40px;
  }
  .spreminjar1 {
    width: 346px;
  }
  .spreminjar2 {
    width: 346px;
  }
  .spreminjar3 {
    width: 346px;
  }
  .spreminjar4 {
    width: 346px;
  }
  .spreminjar5 {
    width: 590px;
    background-color: rgb(64, 64, 64);
  }
  .bpm {
    margin-bottom: 15px;
    margin-top: 15px;
    content: url("/storage/app/media/images/back-puscica-mobile.svg");
  }
  .m6060 {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .nova_kljuka {
    margin-bottom: 157px;
    content: url("/storage/app/media/images/kljukca-mobile.svg");
  }
  .Xiks {
    content: url("/storage/app/media/images/ManjsiX-mobile.svg");
  }
  .Hcolor {
    background-image: linear-gradient(to bottom, rgb(246, 241, 224) 0%, rgb(220, 220, 220) 100%);
  }
  .circle-group {
    gap: 8px;
    margin-top: 20px;
  }
  /* hide native radio */
  .circle-group input[type=radio] {
    display: none;
  }
  /* outer circle */
  .circle {
    margin-right: 16px;
    width: 24px; /* outer size (border circle) */
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgb(175, 175, 175);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  /* inner dot (hidden by default) */
  .circle::after {
    content: "";
    width: 10px; /* inner dot size */
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.2s;
  }
  /* when selected, fill the dot */
  .circle-group input[type=radio]:checked + .circle::after {
    background-color: rgb(0, 185, 255);
  }
  .circle-group input[type=radio]:checked + .circle + span {
    color: rgb(0, 185, 255);
  }
  .circle-group input[type=checkbox] {
    display: none;
  }
  .circle-group input[type=checkbox]:checked + .circle::after {
    background-color: rgb(0, 185, 255);
  }
  .circle-group input[type=checkbox]:checked + .circle + span {
    color: rgb(0, 185, 255);
  }
  .drop-zone {
    width: 328px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: sans-serif;
    color: #666;
    background: rgba(238, 238, 238, 0.8);
    transition: background 0.3s, border-color 0.3s;
  }
  .drop-zone.over {
    border-color: rgb(0, 185, 255);
    background: rgb(175, 175, 175);
    color: rgb(0, 185, 255);
  }
  .preview {
    margin-top: 8px;
    align-self: center;
  }
  .file-link {
    display: inline-block;
    padding: 8px 16px;
    background: rgb(0, 185, 255);
    color: white;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
  }
  .upload-info {
    margin-top: 15px;
    max-width: 288px;
  }
  .progress-bar {
    width: 288px;
    height: 4px;
    background: #eee;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 6px;
  }
  .progress-fill {
    height: 4px;
    width: 0;
    background: rgb(0, 185, 255);
    transition: width 0.2s;
  }
  .lNtext {
    color: rgb(220, 220, 220);
    font-family: Oswald;
    font-size: 18px;
    font-weight: 700;
    font-style: bold;
  }
  .ltext {
    color: rgba(175, 175, 175, 0.8);
    font-family: Ruda;
    font-size: 10px;
    font-weight: 700;
    font-style: bold;
    letter-spacing: 0.14px;
  }
  .mbarva {
    color: rgb(0, 185, 255);
  }
  .dzt {
    color: rgb(64, 64, 64);
    font-family: RudaR;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 23px;
    margin-bottom: 0px;
  }
  .autoWH {
    width: auto;
    height: auto;
  }
  .tsdih {
    color: rgb(219, 219, 219);
    font-style: bold;
  }
  .naprej {
    cursor: pointer;
  }
  .wither1 {
    width: 590px;
  }
  .wither {
    width: 328px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .witherrr {
    width: 328px;
  }
  .wither0 {
    width: 328px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .input {
    display: flex;
    flex-direction: row;
    justify-content: end;
    background-color: rgba(238, 238, 238, 0.8);
    width: 328px;
    height: 40px;
    border-radius: 2px;
    /*border: none;*/
    border: 1px solid transparent;
  }
  .input:focus-within {
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(0, 185, 255);
  }
  .height80 {
    height: 80px;
  }
  .textarea {
    padding-top: 10px;
    resize: none;
  }
  .TTEEXXTT2 {
    border: none;
    background-color: transparent;
    width: 346px;
    height: 40px;
    outline: none;
    padding-left: 25.32px;
    padding-right: 51.69px;
    font-family: RudaR;
    font-weight: 400;
    color: rgb(64, 64, 64);
    font-size: 12px;
  }
  .TTEEXXTT2::placeholder {
    color: rgb(64, 64, 64);
    font-family: RudaR;
    font-size: 12px;
    font-weight: 400;
  }
  .linktxt2 {
    color: rgb(0, 185, 255);
    font-family: Oswald-M;
    font-size: 14px;
    font-weight: 500;
    font-style: medium;
    letter-spacing: 0.58px;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 0px;
    margin-top: -1px;
    cursor: pointer;
  }
  .linktxt2:hover {
    text-decoration: underline;
  }
  .map {
    width: 390px;
    height: 248px;
    content: url("/storage/app/media/images/map-mobile.png");
  }
  .lokacijatxt {
    color: rgb(175, 175, 175);
    font-family: Oswald;
    font-size: 18px;
    font-weight: 700;
    font-style: bold;
    text-align: center;
    line-height: 24px;
    margin-top: 27px;
  }
  .lokacijatxt2 {
    color: rgb(0, 185, 255);
    font-family: Oswald;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    letter-spacing: 0.58px;
    text-align: center;
    text-decoration: underline;
    margin: 0px;
  }
  .lokacijatxt3 {
    color: rgb(64, 64, 64);
    font-family: Oswald;
    font-size: 26px;
    font-weight: 700;
    font-style: bold;
    text-align: center;
  }
  .cakimal {
    background-color: rgb(64, 64, 64);
    opacity: 0.5;
    cursor: default;
  }
  .cakimal:hover, .cakimal:focus, .cakimal:active, .cakimal.active, .cakimal.show {
    background-color: rgb(64, 64, 64) !important;
    color: white !important;
  }
  .justify-content-space-between {
    justify-content: space-between;
  }
  .menutxt {
    color: rgb(64, 64, 64);
    font-family: RudaR;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0px;
  }
  .maliBluKActive {
    width: 8px;
    height: 8px;
    background-color: rgb(0, 185, 255);
    border-radius: 100%;
  }
  .maliBluK {
    width: 8px;
    height: 8px;
    border: 1px solid rgb(175, 175, 175);
    border-radius: 100%;
  }
  .menuFer {
    width: 40px;
  }
  .arrowslol {
    margin-right: 290px;
  }
  .Nrktxt {
    color: rgb(64, 64, 64);
    font-family: Oswald;
    font-size: 32px;
    font-weight: 700;
    font-style: bold;
    text-align: center;
    line-height: 38px;
  }
  .rktxt {
    color: black;
    font-family: RudaR;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 28px;
  }
  .Nrktxt2 {
    color: rgb(64, 64, 64);
    font-family: Oswald;
    font-size: 22px;
    font-weight: 700;
    font-style: bold;
    text-align: center;
    line-height: 42px;
  }
  .rktxt2 {
    color: black;
    font-family: RudaR;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 23px;
  }
  .ceniktxt1 {
    color: rgb(0, 185, 255);
    font-family: Ruda;
    font-size: 14px;
    font-weight: 700;
    font-style: bold;
    letter-spacing: 0.2px;
    text-align: start;
    text-transform: uppercase;
  }
  .ceniktxt2 {
    color: rgb(64, 64, 64);
    font-family: Oswald;
    font-size: 18px;
    font-weight: 700;
    font-style: bold;
  }
  .ceniktxt3 {
    color: black;
    font-family: RudaR;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
  }
  .OGbox {
    width: 328px;
  }
  .OGbox2 {
    width: 328px;
  }
  .OGbox3 {
    width: 390px;
  }
  .OGbox4 {
    width: 390px;
  }
  .PhoneBarvr {
    width: 390px;
    background-color: rgb(247, 247, 247);
    height: 50px;
  }
  .PhoneBarvr2 {
    width: 390px;
    background-color: rgb(247, 247, 247);
    height: 144px;
  }
  .soudi {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
  }
  .MobileFP {
    content: url("/storage/app/media/images/front-puscica-mobile.svg");
  }
  .MobileBP {
    content: url("/storage/app/media/images/back-puscica-mobile.svg");
  }
  .textBOX {
    width: 328px;
  }
  .cenikBOX {
    width: 328px;
  }
  .gymNtxt {
    color: rgb(0, 185, 255);
    font-family: Oswald;
    font-size: 22px;
    font-weight: 700;
    font-style: bold;
  }
  .gymtxt {
    color: rgb(0, 185, 255);
    font-family: RudaR;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
  }
  .lineHeighter {
    line-height: 30px;
    margin-left: 26px;
  }
  #obrazec {
    scroll-margin-top: 0px;
  }
  .transparent {
    border: 0.5px solid transparent;
  }
  .justify-content-space-between {
    justify-content: space-between;
  }
  .slider-container {
    overflow: hidden; /* hides non-active slides */
    position: relative;
    width: 328px;
    padding: 0px;
  }
  .slider-wrapper {
    transition: transform 0.5s ease-in-out;
    width: 328px;
  }
  .hamburger {
    /*display: flex;*/
    flex-direction: row;
    justify-content: end;
    width: 80px;
    display: flex;
  }
  .eight0bg {
    width: 390px;
    height: 715px;/*794px;*/
    margin-top: -32px;
    position: absolute;
    display: none;
    background-color: black;
  }
  .boxINV {
    /*display: flex;*/
    flex-direction: column;
    width: 328px;
    justify-content: start;
    align-items: center;
    display: none;
    position: absolute;
    margin-top: 64px;
    z-index: 1;
  }
  .imageIX {
    content: url("/storage/app/media/images/HAMBURGER-X.svg");
  }
  .crta {
    width: 328px;
    border: 0.5px solid rgb(64, 64, 64);
    pointer-events: none;
  }
  .crta0 {
    width: 328px;
    border: 0.5px solid rgb(64, 64, 64);
    pointer-events: none;
  }
  .amtall {
    margin-top: 70px;
  }
  #crta1 {
    margin-top: 0px;
  }
  /*
  #crta2 {
      //margin-top: 7px;
  }
      */
  #crta3 {
    border: 0.5px solid rgb(238, 238, 238);
  }
  .crta4 {
    border: 0.5px solid rgb(0, 185, 255);
  }
  #crta5 {
    border: 0.5px solid rgb(175, 175, 175);
    width: 328px;
  }
  #crta6 {
    width: 328px;
    border: 0.5px solid rgb(175, 175, 175);
  }
  .crta7 {
    width: 288px;
    border: 0.5px solid rgb(151, 151, 151);
  }
  #crta8 {
    border: 0.5px solid black;
    width: 328px;
  }
  .box7 {
    display: flex;
    flex-direction: column;
    width: 328px;
    height: 48px;
    justify-content: center;
  }
  .ravnar {
    display: flex;
    flex-direction: row;
  }
  .zgikn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #desnaB {
    justify-content: space-between;
    align-items: center;
    height: 48px;
  }
  #desnaC {
    justify-content: space-between;
    align-items: center;
    height: 48px;
    margin-top: 0px;
  }
  .FootB {
    display: inline-block;
    position: absolute;
    width: 328px;
    height: 48px;
    cursor: pointer;
  }
  .FootB:active {
    background-color: rgba(0, 185, 255, 0.2);
  }
  .H40 {
    height: 40px;
  }
  #FNtxt {
    color: rgb(0, 185, 255);
    font-family: Oswald;
    font-size: 15px;
    font-weight: 700;
    font-style: bold;
    margin: 0px;
  }
  #FN2txt {
    color: white;
    font-family: Oswald;
    font-size: 15px;
    font-weight: 700;
    font-style: bold;
    margin: 0px;
  }
  #Ftxt {
    color: rgb(238, 238, 238);
    font-family: Ruda;
    font-size: 13px;
    font-weight: 900;
    margin: 0px;
  }
  #Ftxt2 {
    color: rgb(0, 185, 255);
    font-family: Ruda;
    font-size: 14px;
    font-weight: 400;
  }
  #uratxt {
    color: rgb(238, 238, 238);
    font-family: Ruda;
    font-size: 13px;
    font-weight: 400;
    text-align: right;
    line-height: 19px;
    margin: 0px;
  }
  .smlMrgin {
    margin-right: 15px;
    margin-left: 11px;
  }
  .whitecolor {
    color: white;
  }
  .whiteLAP {
    content: url("/storage/app/media/images/LAPBBB-logo.svg");
  }
  .submit {
    width: 328px;
    height: 48px;
    border: none;
    border-radius: 2px;
    margin-top: 31px;
    font-family: Ruda;
  }
  .F_LAP {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 31px;
    font-family: Oswald;
    width: 328px;
    height: 24px;
  }
  .F_link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 6px;
    width: 328px;
    height: 16px;
    color: rgb(0, 185, 255);
    font-family: Oswald;
    font-size: 14px;
    font-weight: 700;
    font-style: medium;
    letter-spacing: 0.58px;
    text-decoration: underline;
    text-align: center;
  }
  #gori1 {
    margin-top: 32px;
  }
  #gori2 {
    margin-top: 10px;
  }
  #smlgor {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 328px;
    margin-top: 32px;
    gap: 24px;
  }
  .input-wraper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
  }
  .inputSOLD {
    height: 48px;
    width: 328px;
    border: none;
    border-radius: 2px;
    background-color: rgba(238, 238, 238, 0.4);
    font-family: RudaR;
    color: rgb(175, 175, 175);
  }
  .inputSOLD::placeholder {
    color: rgb(175, 175, 175);
    opacity: 1;
  }
  input[name=gname] {
    outline: none;
    padding-left: 24px;
    padding-right: 49px;
  }
  #small-icon {
    height: 12px;
    width: 12px;
    position: absolute;
    margin-right: 16px;
    pointer-events: none;
    opacity: 0;
  }
  .submit:focus-within {
    background-color: rgb(238, 238, 238);
    outline: 1px solid rgb(0, 185, 255);
    opacity: 1;
  }
  .inputSOLD:focus {
    color: rgb(64, 64, 64);
  }
  .inputSOLD:focus::placeholder {
    color: rgb(64, 64, 64);
    opacity: 1;
  }
  .input-wraper:focus-within #small-icon {
    opacity: 1;
  }
  .Maintxttoggler {
    width: 328px;
    text-align: center;
  }
  .szszsz {
    margin-top: 57px;
    margin-bottom: 0px;
  }
  .naslov2 {
    color: rgb(220, 220, 220);
    font-family: Oswald;
    font-size: 22px;
    font-weight: 700;
    font-style: bold;
    text-align: center;
    line-height: 30px;
    margin: 0px;
  }
  .txt0 {
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 23px;
  }
  .brBreak {
    display: block;
  }
  .sammal {
    margin-top: 268px;
  }
  .bneeds {
    align-items: center;
    text-align: center;
  }
  #burger {
    width: 40px;
    height: 40px;
  }
  .SoffRoad {
    flex-direction: column;
    align-items: center;
  }
  .MLimg {
    width: 328px !important;
    height: 328px !important;
  }
  .row {
    align-items: start;
    margin-left: 0px;
    margin-right: 0px;
  }
  .specialNeeds1 {
    margin-top: 10px;
    height: 25px;
  }
  .specialNeeds2 {
    margin-top: 5px;
    height: 40px;
  }
  .specialNeeds3 {
    margin-top: 5px;
    margin-bottom: 30px;
    height: 18px;
  }
  .GETOUT {
    display: none !important;
  }
  .GETIN {
    display: block !important;
  }
  .sequel {
    width: 328px;
  }
  .puscica {
    content: url("/storage/app/media/images/puscica-mobile.svg");
  }
  .zemlja {
    flex-direction: column;
  }
  .helpME4 {
    margin-top: 32px;
  }
  .kwuka {
    content: url("/storage/app/media/images/kljukca-mobile.svg");
  }
  .instaGRAM {
    width: 160px;
    /*height: 160px;*/
  }
  .flex-md-row-reverse {
    display: flex;
    flex-direction: column !important;
  }
  .bpuscica {
    content: url("/storage/app/media/images/back-puscica-mobile.svg");
  }
  .fpuscica {
    content: url("/storage/app/media/images/front-puscica-mobile.svg");
  }
  .upuscica {
    content: url("/storage/app/media/images/up-arrow.svg");
  }
  .betOrCen {
    justify-content: center;
  }
  .ma32alnec {
    margin-top: 0px;
  }
  .ma60alnec {
    margin-bottom: 0px;
  }
  .prikazar {
    display: none;
  }
  .imageMINUS {
    content: url("/storage/app/media/images/blu-minus.svg");
  }
  .bluspy {
    color: rgb(0, 185, 255);
    font-family: Oswald;
    font-size: 15px;
    font-weight: 700;
    font-style: bold;
    margin: 0px;
  }
  .mrpresident {
    margin-left: 0px;
  }
  .mar60C {
    margin-top: 120px;
  }
  .mobilar {
    justify-content: center;
  }
  #slLAP {
    width: 60px;
    height: 33px;
  }
  .letoleti {
    justify-content: space-between;
  }
  .zgikn2 {
    position: static;
    margin-top: 0px;
  }
  .HeadM {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: 328px;
    height: 80px;
    position: absolute;
    margin-top: 144px;
  }
  .mainNaslov {
    position: absolute;
    justify-content: space-between;
    width: 328px;
  }
  .dejsamubrnise {
    flex-direction: column-reverse;
    width: 328px;
  }
  .dejsamubrnise2 {
    flex-direction: column;
    width: 328px;
    margin-top: 4px;
  }
  .polpeta {
    display: none;
  }
  .labelC {
    width: 328px;
    background-color: transparent;
    cursor: pointer;
  }
  .labelC:active {
    background-color: white;
  }
  .cenaClass {
    flex-direction: column;
    gap: 16px;
  }
  .aaa {
    align-items: start !important;
  }
  .wowstop {
    margin-bottom: 23px !important;
    margin-top: 8px;
  }
  .jtrjbastouctbke {
    width: 328px;
  }
.rerere {
    margin-top: 48px;
}

#ekipa-inner {
  height: auto;
  gap: 0px;
  transition: none;
  will-change: auto;
}

  .mar-50 {
    margin-top: -50px;
  }
  .show {
    display: block;
  }
  .mar-220 {
    margin-top: -290px;
  }
  .gap20 {
    gap: 0px;
  }
  .mar48C {
    margin-top: 0px;
  }
  .mar42C {
    margin-top: 10px;
  }
  .mar38C {
    padding-bottom: 60px;
  }
  .mar35 {
    margin-top: 11px; /*ja js sm the C*/
  }
  .mar24C {
    margin-top: 9px;
  }
  .mar23C {
    margin-top: 10px;
  }
  .mar-1C {
    margin-top: -3px;
  }
  .marL-24_T5 {
    margin-left: -25px;
    margin-top: 5px;
  }
  .marL42 {
    margin-left: 0px;
  }
  .gap19C {
    gap: 8px;
  }
  .paddL24 {
    padding-left: 24px;
  }
  .bpadd60 {
    padding-bottom: 26px;
  }
  .bmar0 {
    margin-bottom: 0px;
  }
  .bl {
    color: rgb(220, 220, 220);
  }
  .cr {
    color: rgb(64, 64, 64);
  }
  .ozadjrSpace {
    height: 628px;
  }
  #ekipa {
    margin-top: 48px;
  }
    .insta-item {
      flex: 0 0 160px;
      height: 160px;
    }
    .igelements {
        margin-left: 13px;
        margin-top: 137px;
        content: url("/storage/app/media/images/ig_elements.svg");
    }
    .fade-image::after {
      height: 160px;
    }
    .bmarCnik {
        margin-bottom: 25px;
    }
    .ambtkm {
        background-color: transparent;
        width: 310px;
        height: 24px;
        padding-left: 14px;
        margin-left: -14px;
        padding-top: 3px;
    }
    .ambtkm:focus-within:active {
        background-color: white;
    }
    .rewq {
        z-index: -1;
    }
}
/*
.signinHEAD {
  display: flex;
  flex-direction: row;
  width: 328px;
  height: 64px;
}

.lapsz {
  width: 60px;
  height: 33px;
}

.laptxt {
  color: white;
  font-family: Oswald-R;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

.prijavatxt {
  color: white;
  font-family: RudaR;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-align: center;
  line-height: 23px;
}

.input2 {
  display: flex;
  flex-direction: row;
  justify-content: end;
  background-color: rgba(238, 238, 238, 0.8);
  width: 328px;
  height: 40px;
  border-radius: 2px;
  border: 1px solid transparent;
}
.input2:focus-within {
  background-color: rgb(238, 238, 238);
  border: 1px solid rgb(0, 185, 255);
}

.linklight {
  color: rgb(0, 185, 255);
  font-family: Oswald-M;
  font-size: 14px;
  font-weight: 500;
  font-style: medium;
  letter-spacing: 0.58px;
  text-align: center;
  text-decoration: underline;
}

.labelCperm {
  width: 328px;
  background-color: transparent;
}
.labelCperm:active {
  background-color: white;
}
.labelCperm {
  cursor: pointer;
}

.marR8 {
  margin-right: 8px;
}

.spank {
  color: rgb(175, 175, 175) !important;
}
*/

/*# sourceMappingURL=style.css.map */