a:hover, a:visited, a:link, a:active {
  text-decoration: none;
  outline: none;
}

.verzia_pc {
  display: block;
}

.verzia_mobil {
  display: none;
}

.hide {
  visibility: hidden;
}

.d-none {
  display: none !important;
}

#kontakt .above_div {
  position: relative;
}
#kontakt .above_div .banner {
  height: 63.17vh;
}
#kontakt .above_div .banner .grey-bg {
  height: 57.57vh;
}
#kontakt .above_div .kontakt-map {
  position: relative;
}
#kontakt .above_div .kontakt-map .background {
  position: relative;
  width: 100%;
  background-image: linear-gradient(to right, #00357A 130px, #00A0FF);
  display: flex;
  justify-content: center;
}
#kontakt .above_div .kontakt-map .background .main_div {
  width: 85.9375VW;
  position: relative;
  top: -8.13vh;
}
#kontakt .above_div .kontakt-map .background .main_div .categories {
  height: 8.13vh;
  padding-left: 32.45vw;
  background-image: linear-gradient(to right, #00357A, #00A0FF);
  display: flex;
  align-items: center;
  border-radius: 1.04166vw 1.04166vw 0 0;
}
#kontakt .above_div .kontakt-map .background .main_div .categories .category {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
  cursor: pointer;
  margin-right: 4.166vw;
}
#kontakt .above_div .kontakt-map .background .main_div .categories .category span {
  color: white;
  line-height: 1.51vw;
  font-size: 1.146vw;
  font-weight: bold;
  letter-spacing: 0.03125VW;
}
#kontakt .above_div .kontakt-map .background .main_div .categories .category span hr {
  display: none;
}
#kontakt .above_div .kontakt-map .background .main_div .categories .category.active hr {
  position: absolute;
  display: block;
  border: none;
  outline: none;
  width: 3.125vw;
  border-bottom: 3px #FF9B05 solid;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div {
  width: 100%;
  background-color: white;
  height: auto;
  border-radius: 0 0 1.04166vw 1.04166vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina {
  display: flex;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina:not(.active) {
  display: none;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje {
  width: 28.333vw;
  padding: 5.6vh 3.125VW;
  box-shadow: 0 0.3125VW 0.78125VW rgba(0, 0, 0, 0.16);
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje p {
  font-family: "Roboto Bold", sans-serif;
  font-size: 1.25VW;
  font-weight: bold;
  color: #42A0F8;
  margin-bottom: 4.3925vh;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span {
  position: relative;
  font-size: 1.042vw;
  line-height: 1.5625VW;
  display: block;
  padding-bottom: 3vh;
  padding-left: 2.2395vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span.address {
  padding-bottom: 0;
  height: 4.75vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span a, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span a:hover, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span a:focus, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span a:active {
  color: #314053;
  font-family: "Roboto Medium", sans-serif;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span a:hover {
  text-decoration: underline;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span b {
  font-family: "Roboto Bold", sans-serif;
  font-weight: bold;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span img {
  height: 1.042vw;
  width: 1.042vw;
  position: absolute;
  top: 0.26025vw;
  left: 0;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje hr {
  margin: 2.523vh 0 5.6vh;
  border: 0;
  border-bottom: 1px solid #314053;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more {
  display: flex;
  align-items: center;
  margin-bottom: 4.2vh;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more img:not(.chevron) {
  height: 1.927vw;
  margin-right: 1.25VW;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more .chevron {
  height: 1vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more + div {
  max-height: 0;
  overflow: hidden;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more span {
  font-size: 1.25VW;
  color: #314053;
  font-family: "Roboto Bold", sans-serif;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.927vw;
  margin-right: 1.04166vw;
  margin-top: 0.1vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more:hover img, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more.blue img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(94%) saturate(1747%) hue-rotate(185deg) brightness(100%) contrast(95%);
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more:hover span, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more.blue span {
  color: #42A0F8;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more:hover {
  cursor: pointer;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .linky {
  display: flex;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .linky span {
  font-size: 1.25VW;
  color: #314053;
  font-family: "Roboto Bold", sans-serif;
  font-weight: bold;
  text-decoration: underline;
  display: block;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .linky span:nth-child(1) {
  margin-right: 4.1666vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .linky span:hover {
  cursor: pointer;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right {
  position: relative;
  width: calc(100% - 28.333vw);
  z-index: 0;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .mapa {
  width: 100%;
  height: 100%;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .blur-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 0 0 1.04166vw 0;
  background-image: linear-gradient(to right, #c3d1df, #c7e3f5);
  box-shadow: inset 0px 0.26vw 0.3125VW rgba(0, 0, 0, 0.16);
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right > div:not(.blur-bg):not(.active) {
  display: none;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje {
  padding: 2.135vw 2.343VW;
  height: 100%;
  display: flex;
  flex-flow: column;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel {
  background-color: white;
  margin-top: 3.5vh;
  position: relative;
  border-radius: 1.87vh;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .head, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .head {
  width: 18.125VW;
  height: 7vh;
  margin-top: -3.5vh;
  position: absolute;
  line-height: 7vh;
  text-align: center;
  background-color: #42A0F8;
  border-radius: 1.87vh;
  font-size: 1.25VW;
  font-family: "Roboto Bold", sans-serif;
  font-weight: bold;
  letter-spacing: 0.03125VW;
  color: white;
  text-transform: uppercase;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner {
  display: flex;
  align-items: center;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner p, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner p {
  width: 23.385vw;
  font-size: 1.042vw;
  font-family: "Roboto Bold", sans-serif;
  font-weight: bold;
  line-height: 1.5625VW;
  color: #42A0F8;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner p b, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner p b {
  font-weight: bold;
  font-family: "Roboto Bold", sans-serif;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span {
  position: relative;
  font-size: 1.042vw;
  line-height: 1.5625VW;
  display: block;
  padding-bottom: 1.6vh;
  padding-left: 2.2395vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span span, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span span {
  font-family: "Roboto Medium", sans-serif;
  line-height: 1.5625VW;
  font-size: 1.042vw;
  color: #F75E00;
  position: absolute;
  left: 0;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span:last-child, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span:last-child {
  padding-bottom: 0;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span a, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span a:hover, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span a:focus, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span a:active, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span a, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span a:hover, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span a:focus, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span a:active {
  color: #314053;
  font-family: "Roboto Medium", sans-serif;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span a:hover, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span a:hover {
  text-decoration: underline;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner div > span img, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span img {
  height: 1.042vw;
  width: 1.042vw;
  position: absolute;
  top: 0.26025vw;
  left: 0;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel:last-child {
  margin: auto 0 0;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .sklady .panel .inner {
  padding: 5.7944vh 0 4.3vh 4.27vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel {
  margin: auto 0 calc(15.515vh - 2.135vw);
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .head {
  width: 22vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner {
  padding: 10.84vh 0 10.654vh 4.27vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div > span {
  padding-left: 4.5833vw;
}
#kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .fakturacne-udaje .panel .inner div.en > span {
  padding-left: 10vw;
}
#kontakt .above_div .kontakt-form {
  display: flex;
  align-items: flex-start;
  position: relative;
}
#kontakt .above_div .kontakt-form > img {
  width: 42.3vw;
}
#kontakt .above_div .kontakt-form h2 {
  position: absolute;
  transform: rotate(-3deg);
  color: #314053;
  left: 46.3625vw;
  top: 5.5vw;
}
#kontakt .above_div .kontakt-form .brush {
  position: absolute;
  width: 11.5vw;
  left: 54.518vw;
  top: 3.8vw;
}
#kontakt .above_div .kontakt-form .brush.en {
  left: 45vw;
}
#kontakt .above_div .kontakt-form > div {
  padding: 12.864vw 0 0 4.0625VW;
  position: absolute;
  height: 100%;
  width: 100%;
  /*start animation*/
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
}
#kontakt .above_div .kontakt-form > div.active {
  position: relative;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  transform: scale(1);
}
#kontakt .above_div .kontakt-form > div.poradit-dakujem {
  text-align: center;
  padding: 17.5vw 0 0 0;
}
#kontakt .above_div .kontakt-form > div.poradit-dakujem p {
  font-size: 1.35vw;
  font-family: "Roboto Medium", sans-serif;
  color: #00A0FF;
  line-height: 2.1875VW;
}
#kontakt .above_div .kontakt-form > div > form {
  position: relative;
}
#kontakt .above_div .kontakt-form > div > form textarea {
  font-family: "Roboto Medium", sans-serif;
  width: 26.875vw;
  height: 9.0625VW;
  border: 1px solid #CBCBCB;
  border-radius: 8px;
  padding: 0.625VW 0.625VW;
  font-size: 0.781vw;
  color: #314053;
  resize: none;
  margin-top: 3.073vw;
}
#kontakt .above_div .kontakt-form > div > form textarea::placeholder {
  color: #909090 !important;
}
#kontakt .above_div .kontakt-form > div > form textarea.failed {
  border: 1px #FF0000 solid;
}
#kontakt .above_div .kontakt-form > div > form textarea.failed, #kontakt .above_div .kontakt-form > div > form textarea.failed::placeholder {
  color: #FF0000 !important;
}
#kontakt .above_div .kontakt-form > div > form .col {
  position: relative;
  width: fit-content;
  height: 2.083vw;
}
#kontakt .above_div .kontakt-form > div > form .col input {
  text-align: center;
  color: #314053;
  font-size: 0.781vw;
  font-family: "Roboto Medium", sans-serif;
  border-radius: 8px;
  border: #CBCBCB solid 1px;
  width: 100%;
  height: 100%;
}
#kontakt .above_div .kontakt-form > div > form .col input:focus {
  outline: none;
  border: #00A0FF solid 1px;
}
#kontakt .above_div .kontakt-form > div > form .col input.failed {
  outline: none;
  border: #FF0000 solid 1px;
}
#kontakt .above_div .kontakt-form > div > form .col input:focus {
  outline: none;
}
#kontakt .above_div .kontakt-form > div > form .col .label_class {
  width: auto;
  white-space: nowrap;
  font-family: "Roboto Regular", sans-serif;
  font-size: 0.781vw;
  color: #314053;
  position: absolute;
  pointer-events: none;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#kontakt .above_div .kontakt-form > div > form .col input:focus ~ .label_class, #kontakt .above_div .kontakt-form > div > form .col input:valid ~ .label_class {
  padding: 0 0.417vw;
  color: #00A0FF;
  font-size: 0.625vw;
  transform: translate(0%, 0%);
  left: 0.677vw;
  line-height: 0.625vw;
  top: -0.313vw;
  position: absolute;
  background-color: white;
}
#kontakt .above_div .kontakt-form > div > form .col input:focus ~ .label_class.odkial_kam, #kontakt .above_div .kontakt-form > div > form .col input:valid ~ .label_class.odkial_kam {
  left: 2vw;
}
#kontakt .above_div .kontakt-form > div > form .col input:not(:focus) ~ .label_class {
  color: rgba(49, 64, 83, 0.8);
}
#kontakt .above_div .kontakt-form > div > form .col input.failed ~ .label_class {
  color: #FF0000;
}
#kontakt .above_div .kontakt-form > div > form .col input:-webkit-autofill,
#kontakt .above_div .kontakt-form > div > form .col input:-webkit-autofill:hover,
#kontakt .above_div .kontakt-form > div > form .col input:-webkit-autofill:focus,
#kontakt .above_div .kontakt-form > div > form .col input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
#kontakt .above_div .kontakt-form > div > form .col img {
  display: none;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 0.859vw;
}
#kontakt .above_div .kontakt-form > div > form .col img.checked {
  width: 0.729vw;
  height: 0.573vw;
}
#kontakt .above_div .kontakt-form > div > form .col img.failed_img {
  width: 0.521vw;
  height: 0.521vw;
}
#kontakt .above_div .kontakt-form > div > form .col .failed_span {
  left: 0.417vw;
  top: 2.292vw;
  position: absolute;
  color: #FF0000;
  font-size: 0.677vw;
}
#kontakt .above_div .kontakt-form > div > form .col.meno {
  width: 14.375vw;
}
#kontakt .above_div .kontakt-form > div > form .col.meno input.failed ~ .failed_span {
  display: block !important;
}
#kontakt .above_div .kontakt-form > div > form .col.cislo {
  width: 10.417vw;
  margin-left: 2.083vw;
}
#kontakt .above_div .kontakt-form > div > form .col.cislo input.failed ~ .failed_span {
  display: block !important;
}
#kontakt .above_div .kontakt-form > div > form .col.email {
  width: 15.781vw;
  margin-left: 2.083vw;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby {
  position: relative;
  margin: 3.073vw 0 0 2.083vw;
  display: flex;
  width: 15.781vw;
  align-items: center;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby select {
  border: #CBCBCB 1px solid;
  border-radius: 8px;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-indent: 2.96875VW;
  /*text-align-last: center;
  -ms-text-align-last: center;
  -moz-text-align-last: center;*/
  cursor: pointer;
  scrollbar-width: none;
  font-size: 0.781vw;
  font-family: "Roboto Medium", sans-serif;
  color: #314053;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby select.en {
  text-indent: 1.96875VW;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby select + img {
  display: block;
  z-index: -1;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby select::-webkit-scrollbar {
  display: none;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby select::-moz-scrollbar {
  display: none;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby select::-o-scrollbar {
  display: none;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby select::-google-ms-scrollbar {
  display: none;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby select::-khtml-scrollbar {
  display: none;
}
#kontakt .above_div .kontakt-form > div > form .col.sluzby.failed {
  border: 1px #FF0000 solid;
}
#kontakt .above_div .kontakt-form > div > form #send-contact-form {
  position: absolute;
  bottom: 0;
  left: 35.146vw;
  width: 9.593vw;
  height: 2.656vw;
  appearance: none;
  background-color: #FF9B05;
  color: white;
  border: 0;
  outline: 0;
  font-size: 0.833vw;
  font-family: "Roboto Bold", sans-serif;
  font-weight: bold;
  display: block;
  border-radius: 8px;
}
#kontakt .above_div .kontakt-form > div > form #send-contact-form:hover, #kontakt .above_div .kontakt-form > div > form #send-contact-form:focus {
  background-color: #42A0F8;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #kontakt .above_div .kontakt-form {
    display: block;
    position: relative;
  }
  #kontakt .above_div .kontakt-form > img {
    width: 66.111vw;
    display: block;
    margin-left: auto;
    margin-right: -6vw;
  }
  #kontakt .above_div .kontakt-form h2 {
    transform: rotate(-6deg);
    top: 12.5vw;
    left: 5.55vw;
  }
  #kontakt .above_div .kontakt-form .brush {
    width: 20vw;
    transform: rotate(20deg);
    left: 23.173vw;
    top: 12.75vw;
  }
  #kontakt .above_div .kontakt-form .brush.en {
    left: 8vw;
  }
  #kontakt .above_div .kontakt-form > div {
    width: 100vw;
    padding: 8.8888vw 5.55vw 8.3333vw;
  }
  #kontakt .above_div .kontakt-form > div.poradit-dakujem {
    padding: 15vw 0;
  }
  #kontakt .above_div .kontakt-form > div.poradit-dakujem p {
    font-size: 4.444vw;
    font-family: "Roboto Bold", sans-serif;
    font-weight: bold;
    line-height: 6.666VW;
    letter-spacing: -0.75px;
  }
  #kontakt .above_div .kontakt-form > div > form textarea {
    width: 100%;
    height: 48.333VW;
    border-radius: 8px;
    padding: 3.888vw;
    font-size: 3.889vw;
    order: 1;
    margin-top: 0;
  }
  #kontakt .above_div .kontakt-form > div > form .col {
    width: 100% !important;
    height: 10.278vw;
  }
  #kontakt .above_div .kontakt-form > div > form .col input {
    text-align: left;
    padding-left: 4.444vw;
    font-size: 3.889vw;
    border-radius: 10px;
  }
  #kontakt .above_div .kontakt-form > div > form .col .label_class {
    font-size: 3.889vw;
    transform: translateY(-50%);
    top: 50%;
    left: 4.444vw;
  }
  #kontakt .above_div .kontakt-form > div > form .col .label_class.odkial_kam {
    left: 12.5vw;
  }
  #kontakt .above_div .kontakt-form > div > form .col input:focus ~ .label_class, #kontakt .above_div .kontakt-form > div > form .col input:valid ~ .label_class {
    padding: 0 1.667vw;
    color: #00A0FF;
    transform: translate(0%, 0%);
    font-size: 2.77vw;
    left: 2.77vw;
    line-height: 5VW;
    top: -3.056vw;
    position: absolute;
    background-color: white;
  }
  #kontakt .above_div .kontakt-form > div > form .col input:not(:focus) ~ .label_class {
    color: rgba(49, 64, 83, 0.8);
  }
  #kontakt .above_div .kontakt-form > div > form .col input.failed ~ .label_class {
    color: #FF0000;
  }
  #kontakt .above_div .kontakt-form > div > form .col img {
    right: 4.444vw;
  }
  #kontakt .above_div .kontakt-form > div > form .col img.checked {
    width: 3.889vw;
    height: 3.056vw;
  }
  #kontakt .above_div .kontakt-form > div > form .col img.failed_img {
    width: 2.77vw;
    height: 2.77vw;
  }
  #kontakt .above_div .kontakt-form > div > form .col .failed_span {
    display: none !important;
    left: 4.444vw;
    top: 11.111vw;
    font-size: 3.056vw;
  }
  #kontakt .above_div .kontakt-form > div > form .col.cislo {
    width: 10.417vw;
    margin: 8.8888vw 0;
  }
  #kontakt .above_div .kontakt-form > div > form .col.email {
    margin-left: 0;
  }
  #kontakt .above_div .kontakt-form > div > form .col.sluzby {
    margin: 8.8888vw 0;
  }
  #kontakt .above_div .kontakt-form > div > form .col.sluzby select {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    text-indent: 20.1388vw;
    /*text-align-last: left;
    -ms-text-align-last: left;
    -moz-text-align-last: left;*/
    font-size: 3.889vw;
  }
  #kontakt .above_div .kontakt-form > div > form .col.sluzby select.en {
    text-indent: 15vw;
  }
  #kontakt .above_div .kontakt-form > div > form #send-contact-form {
    order: 1;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 10.8333vw;
    font-size: 3.889vw;
    font-family: "Roboto Medium", sans-serif;
    font-weight: normal;
    margin-top: 8.8888vw;
  }
}
@media screen and (max-width: 768px) {
  #kontakt .above_div .banner {
    height: 56.665vw;
    margin-bottom: -2.777vw;
  }
  #kontakt .above_div .banner .grey-bg {
    height: 46.388vw;
  }
  #kontakt .above_div .banner .main_div {
    height: 48.611vw;
    padding-left: 4.444vw;
    padding-right: 0;
  }
  #kontakt .above_div .banner .main_div .left {
    margin-top: 8.472vw;
  }
  #kontakt .above_div .banner .main_div .left span {
    font-size: 5vw;
    line-height: 7.222vw;
  }
  #kontakt .above_div .banner .main_div .left span.bold {
    font-size: 7.222vw;
    line-height: 8.333vw;
  }
  #kontakt .above_div .banner .main_div .left img {
    right: unset;
    left: 0;
    top: unset;
    width: 21.667vw;
    bottom: 7vw;
  }
  #kontakt .above_div .banner .main_div .right img {
    top: -4.8vw;
    right: -17.361vw;
    width: 77.122vw;
  }
  #kontakt .above_div .kontakt-map {
    position: relative;
  }
  #kontakt .above_div .kontakt-map .background {
    background-image: none;
  }
  #kontakt .above_div .kontakt-map .background .main_div {
    top: 0;
    width: 100%;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div {
    background-image: linear-gradient(to right, #00357A, #00A0FF);
    border-radius: 2.777vw 2.777vw 0 0;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .category-mobile {
    padding: 6.1111vw 5.55vw;
    color: white;
    font-size: 4.444vw;
    font-family: "Roboto Bold", sans-serif;
    font-weight: bold;
    display: flex !important;
    align-items: center;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .category-mobile img {
    height: 3.333vw;
    margin-left: auto;
    transition: 0.25s ease;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .category-mobile.active {
    color: #FF9B05;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .category-mobile.active img {
    transform: rotate(90deg);
    filter: brightness(0) saturate(100%) invert(67%) sepia(26%) saturate(3993%) hue-rotate(355deg) brightness(100%) contrast(103%);
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div > hr {
    width: 88.3333vw;
    border: 0;
    border-bottom: 1px solid white;
    margin: 0 auto;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina {
    background-color: white;
    overflow: hidden;
    position: relative;
    flex-direction: column;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina:not(.active), #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina {
    display: flex;
    max-height: 0;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje {
    width: 100%;
    padding: 6.666vw 5.55vw 0;
    box-shadow: none;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje p {
    margin-bottom: 6.111vw;
    font-size: 4.444vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span {
    font-size: 3.889vw;
    line-height: 5.55vw;
    padding-left: 10.277vw;
    padding-bottom: 5.55vw;
    width: 62.5vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span img {
    height: 4.444vw;
    width: 4.444vw;
    top: 0.5555vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje > span.address {
    height: auto;
    padding-bottom: 7.222vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container {
    width: 100vw;
    margin-left: -5.555vw;
    padding: 1px 5.55vw;
    background-color: #fbfbfb;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more[data-target=sklady] + div div:nth-child(1) {
    display: flex;
    margin: 8.3333vw 5.55vw 0;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more[data-target=sklady] + div div:nth-child(1) button {
    appearance: none;
    width: 42.222vw;
    height: 9.1666vw;
    line-height: 9.1666vw;
    border-radius: 5.555vw;
    border: 1px solid #42A0F8;
    color: #42A0F8;
    background-color: white;
    font-size: 3.889vw;
    font-family: "Roboto Bold", sans-serif;
    text-transform: uppercase;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more[data-target=sklady] + div div:nth-child(1) button:nth-child(1) {
    margin-right: 4.456vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more[data-target=sklady] + div div:nth-child(1) button.active {
    color: white;
    background-color: #42A0F8;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more[data-target=sklady] + div .inner-div:not(.active) {
    display: none;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more[data-target=sklady] + div .inner-div > span {
    padding-left: 10.277vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more {
    margin: 6.3888vw 0;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more:hover span {
    color: #314053;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more:hover img {
    filter: none;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more.blue img {
    filter: brightness(0) saturate(100%) invert(53%) sepia(94%) saturate(1747%) hue-rotate(185deg) brightness(100%) contrast(95%);
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more.blue span {
    color: #42A0F8;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more.blue .chevron {
    transform: rotate(90deg);
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more span {
    font-size: 4.444vw;
    line-height: 5.55vw;
    margin-right: 5.55vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more img:not(.chevron) {
    height: 5.55vw;
    margin-right: 4.722vw;
    width: 5.55vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more .chevron {
    height: 3.333vw;
    transition: transform 0.25s ease;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div {
    background-color: white;
    width: 100vw;
    margin-left: -5.555vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div {
    margin: 8.3333vw 5.55vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div p {
    font-family: "Roboto Medium", sans-serif;
    font-weight: normal;
    font-size: 4.444vw;
    color: #42A0F8;
    margin-bottom: 6.111vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div p b {
    font-family: "Roboto Bold", sans-serif;
    font-weight: bold;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span {
    position: relative;
    display: block;
    padding-bottom: 5.55vw;
    font-size: 4.444vw;
    font-family: "Roboto Medium", sans-serif;
    color: #314053;
    padding-left: 18.888vw;
    line-height: 5.8333vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span a, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span a:hover, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span a:focus, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span a:active {
    font-size: 4.444vw;
    font-family: "Roboto Medium", sans-serif;
    color: #314053;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span:last-child {
    padding-bottom: 0;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span img {
    height: 4.444vw;
    width: 4.444vw;
    top: 0.69465vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span span {
    color: #F75E00;
    display: inline-block;
    font-size: 3.889vw;
    width: 18.888vw;
    font-family: "Roboto Medium", sans-serif;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span span, #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span img {
    position: absolute;
    left: 0;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span.en {
    padding-left: 38.888vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje .more-container .more + div .inner-div > span.en span {
    width: 38.888vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .udaje hr {
    margin: 0;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right {
    width: 0;
    position: static;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .blur-bg {
    display: none;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .mapa {
    position: relative !important;
    height: 64.1666vw;
    width: 88.888vw;
    left: 5vw;
    margin-bottom: 7.5vw;
    margin-top: 7.4vw;
  }
  #kontakt .above_div .kontakt-map .background .main_div .white_div .krajina .right .mapa > div {
    pointer-events: none;
  }
}
#kontakt .above_div .instagram {
  position: relative;
  display: flex;
  padding-top: 4.531vw;
  padding-left: 6.068vw;
  padding-right: 6.432vw;
  background-color: #F8F8F8;
  height: 29.896vw;
  width: 100%;
}
#kontakt .above_div .instagram .divko {
  width: 100%;
  height: 21.354vw;
  border-radius: 10px;
  background-image: linear-gradient(to right, #00357A, #00A0FF);
  display: flex;
  position: relative;
}
#kontakt .above_div .instagram .divko .left {
  flex: 1;
  padding-left: 4.427vw;
  padding-top: 3.906vw;
}
#kontakt .above_div .instagram .divko .left .text {
  position: relative;
  width: fit-content;
}
#kontakt .above_div .instagram .divko .left .text span {
  font-size: 1.667vw;
  font-weight: bold;
  line-height: 2.188vw;
  color: #E9E9E9;
}
#kontakt .above_div .instagram .divko .left .text .bold_text {
  position: absolute;
  display: flex;
  align-items: center;
  top: 3.15625VW;
  right: -3.9vw;
}
#kontakt .above_div .instagram .divko .left .text .bold_text.en {
  right: -5.9vw;
}
#kontakt .above_div .instagram .divko .left .text .bold_text span.bold {
  line-height: 2.188vw;
  color: white;
  display: inline-block;
  transform: rotate(-2deg);
  position: relative;
  top: 0;
  left: 0;
  font-family: "Bebas Neue", sans-serif;
  font-weight: normal;
  font-size: 2.708vw;
}
#kontakt .above_div .instagram .divko .left .text .bold_text img {
  position: absolute;
  width: 14.68125vw;
  top: -0.35vw;
  left: 1.46875vw;
}
#kontakt .above_div .instagram .divko .left .link {
  margin-top: 4.7395vw;
  display: flex;
}
#kontakt .above_div .instagram .divko .left .link a {
  width: 4.53125VW;
  height: 4.53125VW;
  border: 0.1vw solid white;
  border-radius: 0.4166vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3.125VW;
}
#kontakt .above_div .instagram .divko .left .link a:nth-child(1) img {
  width: 1.04166vw;
}
#kontakt .above_div .instagram .divko .left .link a:nth-child(2) img {
  width: 2.0677vw;
}
#kontakt .above_div .instagram .divko .left .link a:nth-child(3) img {
  width: 2.083vw;
}
#kontakt .above_div .instagram .divko .left .link a:hover img {
  filter: brightness(0) saturate(100%) invert(50%) sepia(23%) saturate(6793%) hue-rotate(177deg) brightness(100%) contrast(109%);
}
#kontakt .above_div .instagram .divko .right_img {
  float: right;
  width: auto;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #kontakt .above_div .instagram {
    flex-direction: column;
    padding: 0 4.444vw;
    height: 104.722vw;
  }
  #kontakt .above_div .instagram .divko {
    height: 74.167vw;
    border-radius: 10px;
    background-image: linear-gradient(to right, #00357A, #00A0FF);
    flex-direction: column;
  }
  #kontakt .above_div .instagram .divko .left {
    border-radius: 0 0 10px 10px;
    padding: 6.667vw 0 8.0555vw 4.444vw;
    order: 2;
    background-image: linear-gradient(to right, #00357A, #00A0FF);
    margin-top: 31.389vw;
    z-index: 2;
  }
  #kontakt .above_div .instagram .divko .left .text span {
    font-size: 5.556vw;
    line-height: 8.333vw;
    color: white;
  }
  #kontakt .above_div .instagram .divko .left .text .bold_text {
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    top: 18.4vw;
    left: 24vw;
  }
  #kontakt .above_div .instagram .divko .left .text .bold_text span.bold {
    line-height: 8.333vw;
    color: white;
    display: inline-block;
    transform: rotate(-1deg);
    position: relative;
    top: -1vw;
    left: -4vw;
    font-family: "Bebas Neue", sans-serif;
    font-weight: normal;
    font-size: 7.222vw;
  }
  #kontakt .above_div .instagram .divko .left .text .bold_text img {
    width: 39.677vw;
    top: -0.5vw;
    bottom: -4.322vw;
    left: 2.1vw;
    transform: rotate(1deg);
  }
  #kontakt .above_div .instagram .divko .left .link {
    margin-top: 11.9444vw;
    padding-left: 0;
  }
  #kontakt .above_div .instagram .divko .left .link a {
    width: 11.11VW;
    height: 11.11VW;
    border: 0.555vw solid white;
    border-radius: 2.22vw;
    margin-right: 6.111VW;
  }
  #kontakt .above_div .instagram .divko .left .link a:nth-child(1) img {
    width: 2.22vw;
  }
  #kontakt .above_div .instagram .divko .left .link a:nth-child(2) img {
    width: 4.722vw;
  }
  #kontakt .above_div .instagram .divko .left .link a:nth-child(3) img {
    width: 5.833vw;
  }
  #kontakt .above_div .instagram .divko .right_img {
    border-radius: 10px;
    position: absolute;
    order: 1;
    float: right;
    width: 100%;
    height: auto;
  }
}

.back-to-top {
  position: fixed;
  margin-top: -0.88vw;
  bottom: 7.5vh;
  right: 6.25VW;
  text-align: center;
  z-index: 5;
}
.back-to-top.stay {
  position: absolute;
}
.back-to-top .top-img {
  width: 2.9166vw;
  height: 2.9166vw;
  border-radius: 50%;
  background: url("../img/top-arrow.svg");
  background-size: 1.5625VW auto;
  background-repeat: no-repeat;
  background-color: #FF9B05;
  background-position: center;
  transform: rotate(-90deg);
  display: inline-block;
}
.back-to-top:hover {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .back-to-top {
    position: fixed;
    margin: 0;
    bottom: 10vh;
    right: 0;
    z-index: 2;
  }
  .back-to-top .top-img {
    width: 11.66vw;
    height: 11.66vw;
    border-radius: 50% 50% 0 0;
    background-color: #b7a666;
    background-position: center 3.88vw;
    background-size: 5VW auto;
  }
  .back-to-top div {
    display: none;
  }
}

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