/*******************************************rekvizitu-FIGURE***************************************/
.component{
  width: 100%;
}
.kontakt{
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
  margin-top: 5%;
  margin-bottom: 5%;
  overflow: auto;
}
form.kontakt{

}
.com-contact {
display: flex;
justify-content: center;
width: 90%;
}
.com-contact__form, .contact-form, .control-label .control-group{
  display: flex;
}
/*************************/
.form-control {
  width:calc(10vw + 15vh + 5vmin);
  /*height: calc(1vw + 2vh + 1vmin);*/
}
.form-control {
  padding: 2pt;
  font-size: calc(0.5vw + 1vh + 0.3vmin);
}
.control-label{
  height: calc(1vw + 1vh + 1vmin);
}
/*////////////////////////*/

.form-validate, .form-horizontal {
  display: flex;
}
.com-contact__miscinfo  {
  display: inline-flex;
  margin-left: 10%;

}
.form-horizontal {
  flex-direction: column;
}

/***************************************Details******************/
.kontakt .red{
color: rgb(17,119,45);
}
.kontakt .star{
  color: rgb(17,119,45);
}
.kontakt .m-0{
  display: flex;
  border:10px solid rgb(179,210,54);
    /*outline: 10px solid rgb(107,135,77);*/
    border-radius: 10px;
    flex-direction: column;
    background-color: #e8e8e8;width: 100%;
    
}
.m-0 legend{
  margin-left: 10px;
}
.control-group{
  margin: 5px 10px 5px 10px;
}

.kontakt .controls{
 line-height: 120%;
 
}

/****************************************************************************/
.contactu-all{
  display: flex;
  flex-direction: column;
  width: auto;  
}.contactu-all h3{
  line-height: 125%;
  font-weight: 400;
}
.contactu a{
  font-size: calc(1vw + 0.5vh + 0.3vmin);
}
.contactu a:hover{
opacity: 0.5;
}
.contactu img{
  height: calc(1vw + 1vh + 0.5vmin);
  }
/**********************knopka*******************/
.kontakt .btn{
  margin-top: 10px;
  width:calc(5vw + 5vh + 5vmin);
  height: auto;
  font-size: calc(0.5vw + 1vh + 0.3vmin);
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 200%;
  background-color: rgb(179,210,54);
  border:10px solid rgb(179,210,54);
  color: rgb(83,51,13);
}
.kontakt .btn:hover{
  opacity: 0.6;
  transition: 0.3s;
  cursor: pointer;
}
.contact-soc{
  display: flex;
  align-items: center;
  box-sizing: content-box;
  margin-top: 8%;
}
.contact-soc img{
  height: calc(1vw + 1vh + 0.5vmin);
  margin-right: 10%;
  /*height: calc(1vw + 1vh + 0.3vmin);*/
}