/*---------------------BASIC CSS-----------------------------*/



.velke-pismo {
  text-transform: uppercase;
}
.velke-pismo2 {
  text-transform: capitalize;
}
.text14 {
  font-size: 14px;
}
.text13 {
  font-size: 13px;
}
.text12 {
  font-size: 12px;
}
.text11 {
  font-size: 11px;
}

.text15 {
  font-size: 15px;
}
.text16 {
  font-size: 16px;
}
.text17 {
  font-size: 17px;
}
.text18 {
  font-size: 18px;
}
.text19 {
  font-size: 19px;
}
.text20 {
  font-size: 20px;
}
.text23 {
  font-size: 23px;
}
.text25 {
  font-size: 25px;
}
.text27 {
  font-size: 27px;
}
.text30 {
  font-size: 30px;
}
@media (max-width: 767px) {
  .text16-767 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .text15-767 {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .text14-767 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .text13-767 {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .text12-767 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .text11-767 {
    font-size: 11px;
  }
}


@media (max-width: 575px) {
  .text15-575 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .text14-575 {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .text13-575 {
    font-size: 13px;
  }
}
@media (max-width: 575px) {
  .text12-575 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .text11-575 {
    font-size: 11px;
  }
}
@media (max-width: 575px) {
  .text20-575 {
    font-size: 20px;
  }
}
.weight100 {
  font-weight: 100;
}
.weight200 {
  font-weight: 200;
}
.weight300 {
  font-weight: 300;
}
.weight400 {
  font-weight: 400;
}
.weight500 {
  font-weight: 500;
}
.weight600 {
  font-weight: 600;
}
.weight700 {
  font-weight: 700;
}
.weight800 {
  font-weight: 800;
}
.podciarknute {
  text-decoration: underline;

}

.let-space-0-5 {
  letter-spacing: 0.5px;
}
.let-space-1 {
  letter-spacing: 1px;
}
.div100 {
  width: 100%;
}
.div90 {
  width: 90%;
}
.div80 {
  width: 80%;
}
.div70 {
  width: 70%;
}
.div60 {
  width: 60%;
}
.div50 {
  width: 50%;
}
.div45 {
  width: 45%;
}
.div30 {
  width: 30%;
}
.div33 {
  width: 33.33%;
}
.div27-5 {
  width: 27.5%;
}
.div25 {
  width: 25%;
}
.div20 {
  width: 20%;
}

.div17 {
  width: 17%;
}
.div16-67 {
  width: 16.67%;
}
@media (max-width: 767px) {
  .div100-767{
    width: 100%;
  }
}
@media (max-width: 575px) {
  .div100-575{
    width: 100%;
  }
}
@media (max-width: 767px) {
  .div80-767{
    width: 80%;
  }
}
@media (max-width: 575px) {
  .div80-575{
    width: 80%;
  }
}

@media (max-width: 767px) {
  .div50-767{
    width: 50%;
  }
}
@media (max-width: 575px) {
  .div50-575{
    width: 50%;
  }
}
@media (max-width: 767px) {
  .divauto-767{
    width: auto;
  }
}
@media (max-width: 767px) {
  .div33-767 {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .div25-767 {
    width: 25%;
  }
}
@media (max-width: 575px) {
  .div25-575 {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .div10-767 {
    width: 10%;
  }
}
@media (max-width: 575px) {
  .div10-575 {
    width: 10%;
  }
}
.flex-1 {
  flex: 1;
}
.gap4 {
  gap: 4px;
}
.gap6 {
  gap: 6px;
}
.gap8 {
  gap: 8px;
}
.gap10 {
  gap: 10px;
}
.gap14 {
  gap: 14px;
}
.gap15 {
  gap: 15px;
}
.gap20 {
  gap: 20px;
}
.gap30 {
  gap: 30px;
}
 .gap40 {
  gap: 40px;
} 
.gap50 {
  gap: 50px;
}
@media (max-width: 575px) {
  .gap10-575 {
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .gap20-575 {
    gap: 20px;
  }
}
.obmedz {
  max-width: 1380px;
}
.sekcia {
  margin-top: 25px;
}

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
@media (max-width: 767px) {
  .text-left-767 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .text-right-767 {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .text-center-767 {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .text-left-575 {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .text-right-575 {
    text-align: right;
  }
}
@media (max-width: 575px) {
  .text-center-575 {
    text-align: center;
  }
}
.riadky {
  display: flex;
  flex-direction: column;
}

.column-pc {
  flex-direction: column;
  display: flex;
}
.row-pc {
  flex-direction: row;
  display: flex;
}
@media (max-width: 900px) {
  .column-900 {
    flex-direction: column;
    display: flex;
  }
}
@media (max-width: 767px) {
  .column-767 {
    flex-direction: column;
    display: flex;
  }
}
@media (max-width: 575px) {
  .column-575 {
    flex-direction: column;
    display: flex;
  }
}
@media (max-width: 767px) {
  .row-767 {
    flex-direction: row;
    display: flex;
  }
}
@media (max-width: 575px) {
  .row-575 {
    flex-direction: row;
    display: flex;
  }
}




@media (max-width: 767px) {
  .riadky-respon {
    flex-direction: row;
  }
}
.stlpce {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .stlpce-respon {
    flex-direction: column;
  }
}

.odstup4 {
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .odstup4-767 {
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;    
  }
}
@media (max-width: 575px) {
  .odstup4-575 {
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;    
  }
}
.odstup10 {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;  
}
.odstup15 {
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;  
}
.odstup20 {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;  
}
.odstup30 {
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;  
}
.odstup40 {
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;  
}
@media (max-width: 767px) {
  .odstup-767 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}
@media (max-width: 575px) {
  .odstup-575 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}

.cierna a {
  color: black;
}
.column-start {justify-content: flex-start;}
.column-end {justify-content: flex-end;}
.column-middle {justify-content: center;}
.column-left {align-items: flex-start;}
.column-center {align-items: center;}
.column-right {align-items: flex-end;}
.row-right {justify-content: flex-end;}
.row-center {justify-content: center;}
.row-center-big-space {justify-content: space-between;}
.row-left {justify-content: flex-start;}
.row-start {align-items: flex-start;}
.row-middle {align-items: center;}
.row-end {align-items: flex-end;}

@media (max-width: 767px) {
  .column-center-767 {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .column-center-575 {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .row-center-767 {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .row-left-767 {
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .row-center-575 {
    justify-content: center;
  }
}


.stred-suvis {
  justify-content: center;

}
.start-suvis {
  justify-content: flex-start;
}
.end-suvis {
  justify-content: flex-end;
}
.sekcia-stred {
  justify-items: center;
}
.sekcia-stred-vod {
  align-items: center;
}
.stred-margin {
  margin: auto;
}
.odstup5-hore {
  margin-top: 5px;
}
.odstup5-dole {
  margin-bottom: 5px;
}
.odstup10-hore {
  margin-top: 10px;
}
.odstup10-dole {
  margin-bottom: 10px;
}
.odstup20-hore {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .odstup20-hore-767 {
    margin-top: 20px;
  }
}
.odstup20-dole {
  margin-bottom: 20px;
}
.odstup30-hore {
  margin-top: 30px;
}
.odstup30-dole {
  margin-bottom: 30px;
}
.odstup40-hore {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .odstup40-hore-767 {
    margin-top: 40px;
  }
}
.odstup40-dole {
  margin-bottom: 40px;
}
.odstup50-dole {
  margin-bottom: 50px;
}
.odstup50-hore {
  margin-top: 50px;
}
.odstup60-dole {
  margin-bottom: 60px;
}
.odstup60-hore {
  margin-top: 60px;
}
.odstup70-dole {
  margin-bottom: 70px;
}
.odstup70-hore {
  margin-top: 70px;
}
@media (max-width: 575px) {
  .odstup20-hore-575 {
    margin-top: 20px;
  }
}
.medzera5-hore {
  padding-top: 5px;
}
.medzera5-dole {
  padding-bottom: 5px;
}
.medzera10-hore {
  padding-top: 10px;
}
.medzera10-dole {
  padding-bottom: 10px;
}
.medzera20-hore {
  padding-top: 20px;
}
.medzera20-dole {
  padding-bottom: 20px;
}
.medzera30-hore {
  padding-top: 30px;
}
@media (max-width: 767px) {
  .medzera30-hore767 {
    padding-top: 30px;
  }
}
.medzera30-dole {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .medzera30-dole767 {
    padding-bottom: 30px;
  }
}
.medzera40-hore {
  padding-top: 40px;
}
.medzera40-dole {
  padding-bottom: 40px;
}
.medzera50-hore {
  padding-top: 50px;
}
.medzera50-dole {
  padding-bottom: 50px;
}
.medzera60-hore {
  padding-top: 60px;
}
.medzera60-dole {
  padding-bottom: 60px;
}
.medzera70-hore {
  padding-top: 70px;
}
.medzera70-dole {
  padding-bottom: 70px;
}




.odstup10-vlavo {
  margin-left: 10px;
}
.odstup10-vpravo {
  margin-right: 10px;
}
.odstup20-vlavo {
  margin-left: 20px;
}
.odstup20-vpravo {
  margin-right: 20px;
}
.odstup30-vlavo {
  margin-left: 30px;
}
.odstup30-vpravo {
  margin-right: 30px;
}
.odstup40-vlavo {
  margin-left: 40px;
}
.odstup40-vpravo {
  margin-right: 40px;
}
.odstup50-vpravo {
  margin-right: 50px;
}
.odstup50-vlavo {
  margin-left: 50px;
}
.odstup60-vpravo {
  margin-right: 60px;
}
.odstup60-vlavo {
  margin-left: 60px;
}
.odstup70-vpravo {
  margin-right: 70px;
}
.odstup70-vlavo {
  margin-left: 70px;
}
.medzera10-vlavo {
  padding-left: 10px;
}
.medzera10-vpravo {
  padding-right: 10px;
}
.medzera20-vlavo {
  padding-left: 20px;
}
.medzera20-vpravo {
  padding-right: 20px;
}
.medzera30-vlavo {
  padding-left: 30px;
}
.medzera30-vpravo {
  padding-right: 30px;
}
.medzera40-vlavo {
  padding-left: 40px;
}
.medzera40-vpravo {
  padding-right: 40px;
}
.medzera50-vlavo {
  padding-left: 50px;
}
.medzera50-vpravo {
  padding-right: 50px;
}
.medzera60-vlavo {
  padding-left: 60px;
}
.medzera60-vpravo {
  padding-right: 60px;
}
.medzera70-vlavo {
  padding-left: 70px;
}
.medzera70-vpravo {
  padding-right: 70px;
}
.medzera-divu{
  padding-top: 50px;
  padding-bottom: 40px;
}
.box-sizing {
  box-sizing: border-box;
}
.position-relative {
  position: relative;
}
.height100vh {
  height: 100vh;
}
.height50vh {
  height: 50vh;
}


@media (max-width: 767px) {
  .order-1-767 {
  order: 1;
  }
}
@media (max-width: 767px) {
  .order-2-767 {
  order: 2;
  }
}
@media (max-width: 767px) {
  .order-3-767 {
  order: 3;
  }
}
@media (max-width: 575px) {
  .order-1-575 {
  order: 1;
  }
}
@media (max-width: 575px) {
  .order-2-575 {
  order: 2;
  }
}
.display-flex {
  display: flex;
}
.display-none {
  display: none;
}

@media (max-width: 767px) {
  .display-none767 {
    display: none;
  }
}
@media (max-width: 767px) {
  .display-flex767 {
    display: flex;
  }
}
@media (max-width: 575px) {
  .display-none575 {
    display: none;
  }
}
@media (max-width: 575px) {
  .display-flex575 {
    display: flex;
  }
}
.cursor-pointer {
  cursor: pointer;
}