/*.header{margin-bottom: -12px;}
.navbar {background-color: rgba(0,0,0,0.4)!important;}
/*.w-100 {width: 20%!important;}*/
.Logo {width: 300px; margin: 18px 0 0 0;}
header .linelabox {display: flex; justify-content: space-around;}
.BoxBanner {height: 90vh; display: flex; align-items: center; justify-content: center;}
/*.MilBrBanner {left: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; width: 100%;}*/
.MilBrBanner {text-align: center;}
.MilBrH1 {font-size: 2rem; color: rgba(255,255,255,0.7); font-weight: 200; text-align: center; margin-bottom: 25px;}
.MilBrH2 {font-size: 2rem; color: rgba(255,255,255,0.7); font-weight: 200; text-align: center;}


.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x: 0;}
.row {--bs-gutter-x: 0;}
.mb-14 {margin-bottom: 0px!important;}



@media screen and (min-width: 480px) and (max-width: 768px) {
.col-lg-1 {width: 100%}
.LogoPaticka {width:80%; margin: 0 auto 0 auto; opacity: 0.3;}
}

@media screen and (min-width: 900px) {
.col-lg-1 {width: 12.5%}
.LogoPaticka {width:200px; margin: 0 auto 0 auto; opacity: 0.3;}
}


.BoxLogoPaticka {width: 100%; text-align: center; margin: bottom: 30px;}
.BoxInfoPaticka {width: 100%; text-align: center; margin: bottom: 30px;}
.ObecnaNarizeni {color: #787878;}




/* ////////////////////////////////////////////  */



.BoxHorniNabidka1 {height: 300px; background-color: rgba(14,33,37,1); color: #ffffff; display: flex; justify-content: center; align-items: center; font-size: 1.4rem;}
.BoxHorniNabidka2 {height: 300px; background-color: rgba(14,33,37,0.9); color: #ffffff; display: flex; justify-content: center; align-items: center; font-size: 1.4rem;}
.BoxHorniNabidka3 {height: 300px; background-color: rgba(14,33,37,0.8); color: #ffffff; display: flex; justify-content: center; align-items: center; font-size: 1.4rem;}
.BoxHorniNabidka4 {height: 300px; background-color: rgba(14,33,37,0.7); color: #ffffff; display: flex; justify-content: center; align-items: center; font-size: 1.4rem;}


.flip-box  {background-color: transparent;
  width: 100%;
  height: 300px;
  border: none;
  perspective: 1000px;}


.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: transparent;
  color: rgba(255,255,255,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.flip-box-back {
  background-color: rgb(58,80,84);
  color: rgba(255,255,255,0.8);
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.NadpisNabidka {font-size: 1.3rem; font-weight: 300; clear: both;}
.cistic {clear: both; border: 1px solid green; width: 100%;}

.IkonyNabidka {width: 80px; margin: 0 auto; opacity: 0.5;}
.TextNabidka {font-size: 1rem; font-weight: 100;}

.PoleForm {width: 100%; padding:10px!important; background-color: #263538!important; border: none!important;}
.PoleFormPovinny {width: 100%; padding: 10px!important; border-left: 4px solid red!important; background-color: #263538!important; border: none!important;}
.PoleFormTextarea {width: 100%; padding: 10px!important; background-color: #263538!important; border: none!important;}


.BoxReference {width: 90%; margin: 50px auto 50px auto; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; text-align: center;}
.TextReference {padding: 15px;}

.NadpisReference {padding: 50px 0 10px 0; text-align: center; font-size: 2.4rem;}

.component {margin: 0; padding: 0; height: 20px;}
.OdkazFormular {color: rgba(255,255,255,0.5);}