/*
Theme Name: TSP Data
Description: Custom theme for WordPress.
Author: 
Author URI: 
Version: 1.0
*/


html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body{
  background: #fff;
}
a:not(.btn){
  text-decoration: none;
}
a:not(.btn):not(header a):hover{
  text-decoration: underline;
}


@media (min-width: 1180px) {
  .container.small{
    max-width: 1180px;
  }

}
@media (min-width: 1320px) {
  .container{
    max-width: 1320px;
  }
}

@media (max-width: 767px) {
  .container{
    padding-left: 20px;
    padding-right: 20px;
  }
}

:root{
  --bs-body-color: #000000;
  --bs-body-font-size: 16px;
  --bs-body-line-height: 22px;
  --bs-font-sans-serif: apercu-medium-pro,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

  --navbar-height : 127px;
}
a{
  color: #000000;
}


img{
  max-width: 100%;
  height: auto;
}

header{


  z-index: 1000;
  position: relative;
  
  }

.navbar{
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0;
  /* --bs-navbar-brand-margin-end: 0; */
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg width='30' height='28' viewBox='0 0 30 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Vector'%3E%3Cpath d='M2 2H28H2ZM2 14H28H2ZM2 26H28H2Z' fill='black'/%3E%3Cpath d='M2 2H28M2 14H28M2 26H28' stroke='%2300B0AB' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  --bs-navbar-active-color: var(--bs-body-color);
  --bs-navbar-color:  var(--bs-body-color);
  background: none;
  height: var(--navbar-height);
  position: static;
  transition: top .3s ease;
  will-change: top;
  top: -120px;

}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-width: 449px;
}

.barva.navbar{
  --bs-navbar-toggler-icon-bg:  url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Vector'%3E%3Cpath d='M1.5 2H27.5H1.5ZM1.5 14H27.5H1.5ZM1.5 26H27.5H1.5Z' fill='black'/%3E%3Cpath d='M1.5 2H27.5M1.5 14H27.5M1.5 26H27.5' stroke='%23E52A18' stroke-width='3' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.menu__wrapper {
  z-index: 1;
}

.navbar:before{
  content: '';
  display: block;
  position: absolute;
  /* top: -57px; */
  width: 100%;
  height: 211px;
  /* background: linear-gradient(180deg, #20313A 0%, rgba(0, 0, 0, 0.00) 100%); */
  background: linear-gradient(180deg, #000000 0%, rgb(0 0 0 / 0%) 100%);
  mix-blend-mode: multiply;

}

.barva.navbar:before{
  display: none;
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 8.45L18.4 0.549998L21 3.15L13.1 11.05L21 18.95L18.4 21.55L10.5 13.65L2.6 21.55L7.45058e-08 18.95L7.9 11.05L7.45058e-08 3.15L2.6 0.549998L10.5 8.45Z' fill='%23E52A18'/%3E%3C/svg%3E%0A");
  width: 14.5px;
  height: 14.5px;
  background-size: auto;
  opacity: 1;
}


.logo-barva{
  display: none;
}
.barva .logo{
  display: none;
}
.barva .logo-barva{
  display: block;
}

.navbar-brand {
  max-width: 57%;
}
.offcanvas{
  --bs-offcanvas-bg: transparent;
}

.offcanvas-body {
  padding: 0 0 0 57px;
 
  align-items: center;
  justify-content: flex-start;
  overflow-y: auto;
}
.offcanvas-body > ul{
  display: flex;
  min-height: 100%;
  justify-content: center!important;
  overflow-y: auto;
}

.offcanvas.show, .offcanvas.showing {
  background: #ECEBEC;
  align-items: normal!important;
  border-left: none;
}
.offcanvas .dropdown-menu{
  padding: 0;
  border: none;
  background: transparent;
}
.offcanvas.show a.nav-link, .offcanvas.showing a.nav-link,.offcanvas .dropdown-item {
  color: #20313A;
  font-family: apercu-medium-pro;
  font-size: 17.6px;
  font-style: normal;
  font-weight: 500;
  line-height: 26.4px; /* 150% */
  background: none!important;
  padding: 11px 0;
}
.offcanvas.show a.nav-link:hover, .offcanvas.show a.nav-link.active:not(.dropdown-toggle), .offcanvas.showing a.nav-link:hover,
a.nav-link.dropdown-toggle.show,
.offcanvas .dropdown-item:hover,
.offcanvas .dropdown-item.active,
.page-id-77 .offcanvas.show a.nav-link.active.dropdown-toggle{
  color: #E52A18!important;
}



.offcanvas .dropdown-item {
  padding: 4px 0 4px 22px;
}

.nav-link{

  font: normal normal 600 32px/44px Basier Square;
  letter-spacing: 0px;
  color: #000000;

  will-change: transform;
  transition: transform 0.3s;
  color: var(--bs-nav-link-color)!important;
}


.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
  font-weight: bold;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:active{
  transform: scale(1.1);
}

.offcanvas.offcanvas-end.show .navbar-nav .nav-link:hover,.offcanvas.offcanvas-end.show  .navbar-nav .nav-link:active{
  transform: scale(1);
}



.navbar-wrapper{
  height: var(--navbar-height);
}

.navbar-toggler {
  border: none;
  margin-right: 0;
  border-radius: 0;
  opacity: 1;
  transition: opacity;
  will-change: opacity;
  box-shadow: none!important;
}

.menu-open .navbar-toggler{
  opacity: 0;
}
.container .navbar-toggler{
  margin-left: 9.5px;
}

.offcanvas-header {
  justify-content: flex-end;
  padding: 35px 35px 0 0;
  align-items: flex-start;
  position: absolute;
  width: 100%;
}

.offcanvas-backdrop.show {
  opacity: .4;
}

.navbar.fixed-top{
  top: 0;
  position: fixed;
  transition: background .2s;
  pointer-events: none;
}
.navbar.fixed-top .container{
  pointer-events: none;
}
.navbar.fixed-top .container *{
      pointer-events: all;
}
.nav-item:first-child .nav-link{
  padding-left: 0;
}
.nav-item:last-child .nav-link{
  padding-right: 0;
}

.navbar-brand img {
  width: 145px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 767px) {
  .navbar-brand img {
      margin-left: 15px;
  }
  .container .navbar-toggler {
      margin-left: 0px;
  }
}


@media (min-width: 992px) { 
  .navbar-nav{
      padding-right: 0;
      --bs-navbar-nav-link-padding-x:15px;
  }
}
@media (min-width: 1200px) { 
  .navbar-nav{
      --bs-navbar-nav-link-padding-x:34px;
  }

}


main{
  margin-top: 0;
}


.btn{
  color: #00B0AB;
  font-family: apercu-medium-pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
  border-radius: 10px;
  border: 1.5px solid #00B0AB;
  min-height: 46px;
  padding: 6px 27px;
  background: none;

  min-height: 38px;
  padding: 3px 17px;
  font-size: 16px;

}
.btn:hover{
  background: #00B0AB;
  color: #fff;
}

.navbar .btn {
  min-height: 38px;
  padding: 3px 17px;
  font-size: 16px;
}

.btn-primary, .navbar.barva .btn{
  color: #E52A18;
  border: 1.5px solid #E52A18;
}

.btn-primary:hover, .navbar.barva .btn:hover{
  background: #E52A18;
  border: 1.5px solid #E52A18;
  color: #fff;
}




.hero{
  min-height: 100vh;
  padding-top: 0;
  position: relative;
  width: 100%;
  margin-top: calc(-1 * var(--navbar-height));
}
#parent-element video,
      #parent-element img{
  
  background: #070706;
}
#hero-video {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          overflow: hidden;
      }
#hero-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
      }
#hero-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
      }
.hero__text{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  align-items: center;
  z-index: 2;
  padding-top: calc((var(--navbar-height) / 3) * 2);
}
.hero__text .h1{
  color: #ECEBEC;
  font-family: apercu-mono-regular-pro;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2; /* 681.818% */
}
.hero__text .p{
  color: #ECEBEC;
  font-family: apercu-medium-pro;
  font-size: 120px;
  font-style: normal;
  font-weight: 500;
  line-height: 140px; /* 116.667% */
  letter-spacing: -1.2px;
  max-width: 785px;
  margin-bottom: 72px;
}

@media (max-width: 1280px), (max-height: 600px){
  .hero__text h1{
      font-size: 18px;
  }
  .hero__text .p{
      font-size: 60px;
      line-height: 1.2;
      margin-bottom: 1em;
  }
}
@media (max-width: 767px), (max-height: 500px){
  .hero__text h1{
      font-size: 16px;
  }
  .hero__text .p{
      font-size: 40px;
      line-height: 1.2;
  }
}


footer{
  background: #20313A;
  color: white;
  min-height: 583px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 154px 0 100px 0;
}

footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer__row{
  display: flex;
  justify-content: space-between;
  gap: 140px;
  margin-bottom: 70px;
}

.footer__left, .footer_right{
  display: flex;
}
.footer__left{
  width: 383px;
  max-width: 100%;
}

.footer__left p{
  color: #D1DFDF;
  /* font-family: Plus Jakarta Sans; */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  margin-bottom: 1em;
}
.footer__left img{
  display: block;
  margin-bottom: 26.98px;
}

.footer_right{
  gap: 108px;
  flex-grow: 1;
  color: #D1DFDF;
  font-family: apercu-medium-pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 175% */
}
.footer_right a{
  color: inherit!important;
  text-decoration: none;
}

.footer__title{
  color: #D1DFDF;

  font-family: apercu-medium-pro;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 25.2px; /* 140% */
  margin-bottom: 18px;
}
.footer__nav {
  padding-top: 64px;
}
.footer__social{
  padding-top: 17px;
  color: #D1DFDF;
  font-family: apercu-medium-pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 175% */
  white-space: nowrap;
}
.footer__social li{
  margin-bottom: 17px;
}
.footer__nav li{
  margin-bottom: 5px;
}

.hr_wrapper hr{
  border-width: 0 0 2px 0;
  border-style:solid;
  border-color: #7D7D7D;
  margin-bottom: 15px;
}

footer small{
  color: #7D7D7D;
  display: block;
  text-align: center;
  font-family: apercu-mono-regular-pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
footer small a{
  color: inherit!important;
}

.ico{
display: inline-block;
vertical-align: middle;
}
.ico-tel{
  width: 20.904px;
  height: 20.976px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M3.7473 0.751419C3.41507 0.837552 3.07464 1.02622 2.726 1.32564C2.34046 1.65787 0.958231 3.0647 0.732644 3.35591C-0.182005 4.52486 -0.198412 6.34185 0.687526 8.68795C1.76624 11.5549 3.78831 14.4588 6.34768 16.8172C9.87503 20.0698 14.6 22.1739 17.0323 21.5832C17.3932 21.4971 17.992 21.2182 18.2668 21.009C18.5458 20.7998 20.3996 18.8967 20.5719 18.6465C20.8918 18.1831 21.0149 17.5637 20.8918 17.0387C20.7524 16.4522 20.7073 16.3989 18.9231 14.6106C17.1225 12.81 17.0651 12.7649 16.4703 12.6419C15.9986 12.5434 15.5187 12.6296 15.0553 12.8962C14.9486 12.9617 14.4401 13.4253 13.9274 13.9338L12.9963 14.8526L12.6969 14.6967C11.9627 14.3153 11.4213 13.9503 10.6133 13.2858C9.78482 12.6049 8.62815 11.4114 7.98831 10.5747C7.52483 9.96759 6.84397 8.8479 6.83988 8.69615C6.83988 8.66743 7.1598 8.3311 7.54944 7.94966C8.36975 7.14986 8.69377 6.77662 8.87835 6.42388C9.10803 5.97681 9.15318 5.4108 8.99319 4.94322C8.83323 4.46743 8.67738 4.28697 7.11057 2.71607C5.56018 1.16568 5.3223 0.960598 4.87932 0.80884C4.57171 0.698098 4.06311 0.673489 3.7473 0.751419ZM4.69885 1.90396C4.81369 1.96958 5.46994 2.58892 6.35178 3.47486C7.9473 5.07447 8.00882 5.1483 8.00472 5.57075C8.00472 5.94399 7.90627 6.07524 6.83577 7.14575C6.29436 7.68306 5.82268 8.17935 5.78988 8.24907C5.74065 8.33521 5.72834 8.45415 5.74065 8.65513C5.75296 8.90122 5.78577 8.99556 6.03597 9.49185C6.60198 10.6157 7.34847 11.6041 8.58303 12.8674C9.80939 14.1225 11.0317 15.0577 12.2909 15.7057C12.7379 15.9354 12.8241 15.9682 13.0291 15.9641C13.1686 15.9641 13.3162 15.9354 13.4024 15.8903C13.4803 15.8492 13.9889 15.3735 14.5303 14.8362C15.2276 14.143 15.568 13.8354 15.6992 13.778C15.9453 13.6672 16.2652 13.6672 16.4909 13.778C16.7369 13.9011 19.6367 16.7967 19.7639 17.0511C19.8336 17.1864 19.8624 17.3095 19.8624 17.4858C19.8624 17.9082 19.7762 18.0231 18.6114 19.1921C17.4588 20.3487 17.3522 20.4266 16.7369 20.5661C16.1423 20.6973 15.1456 20.5907 14.1366 20.2913C12.5985 19.836 10.5312 18.7449 8.82913 17.4899C5.55198 15.0782 2.73831 11.3908 1.56936 7.98247C1.01155 6.36236 0.950023 5.20162 1.37659 4.34029C1.50784 4.06548 1.63089 3.92603 2.48401 3.06059C3.00901 2.5274 3.5135 2.04341 3.59964 1.98189C3.96877 1.72759 4.34612 1.69888 4.69885 1.90396Z' fill='%23D1DFDF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 17.6px;
  display: inline-block;
}
.ico-tel.dark{
  background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M3.7473 0.751419C3.41507 0.837552 3.07464 1.02622 2.726 1.32564C2.34046 1.65787 0.958231 3.0647 0.732644 3.35591C-0.182005 4.52486 -0.198412 6.34185 0.687526 8.68795C1.76624 11.5549 3.78831 14.4588 6.34768 16.8172C9.87503 20.0698 14.6 22.1739 17.0323 21.5832C17.3932 21.4971 17.992 21.2182 18.2668 21.009C18.5458 20.7998 20.3996 18.8967 20.5719 18.6465C20.8918 18.1831 21.0149 17.5637 20.8918 17.0387C20.7524 16.4522 20.7073 16.3989 18.9231 14.6106C17.1225 12.81 17.0651 12.7649 16.4703 12.6419C15.9986 12.5434 15.5187 12.6296 15.0553 12.8962C14.9486 12.9617 14.4401 13.4253 13.9274 13.9338L12.9963 14.8526L12.6969 14.6967C11.9627 14.3153 11.4213 13.9503 10.6133 13.2858C9.78482 12.6049 8.62815 11.4114 7.98831 10.5747C7.52483 9.96759 6.84397 8.8479 6.83988 8.69615C6.83988 8.66743 7.1598 8.3311 7.54944 7.94966C8.36975 7.14986 8.69377 6.77662 8.87835 6.42388C9.10803 5.97681 9.15318 5.4108 8.99319 4.94322C8.83323 4.46743 8.67738 4.28697 7.11057 2.71607C5.56018 1.16568 5.3223 0.960598 4.87932 0.80884C4.57171 0.698098 4.06311 0.673489 3.7473 0.751419ZM4.69885 1.90396C4.81369 1.96958 5.46994 2.58892 6.35178 3.47486C7.9473 5.07447 8.00882 5.1483 8.00472 5.57075C8.00472 5.94399 7.90627 6.07524 6.83577 7.14575C6.29436 7.68306 5.82268 8.17935 5.78988 8.24907C5.74065 8.33521 5.72834 8.45415 5.74065 8.65513C5.75296 8.90122 5.78577 8.99556 6.03597 9.49185C6.60198 10.6157 7.34847 11.6041 8.58303 12.8674C9.80939 14.1225 11.0317 15.0577 12.2909 15.7057C12.7379 15.9354 12.8241 15.9682 13.0291 15.9641C13.1686 15.9641 13.3162 15.9354 13.4024 15.8903C13.4803 15.8492 13.9889 15.3735 14.5303 14.8362C15.2276 14.143 15.568 13.8354 15.6992 13.778C15.9453 13.6672 16.2652 13.6672 16.4909 13.778C16.7369 13.9011 19.6367 16.7967 19.7639 17.0511C19.8336 17.1864 19.8624 17.3095 19.8624 17.4858C19.8624 17.9082 19.7762 18.0231 18.6114 19.1921C17.4588 20.3487 17.3522 20.4266 16.7369 20.5661C16.1423 20.6973 15.1456 20.5907 14.1366 20.2913C12.5985 19.836 10.5312 18.7449 8.82913 17.4899C5.55198 15.0782 2.73831 11.3908 1.56936 7.98247C1.01155 6.36236 0.950023 5.20162 1.37659 4.34029C1.50784 4.06548 1.63089 3.92603 2.48401 3.06059C3.00901 2.5274 3.5135 2.04341 3.59964 1.98189C3.96877 1.72759 4.34612 1.69888 4.69885 1.90396Z' fill='%2320313A'/%3E%3C/svg%3E%0A");
  width: 25px;
height: 25px;
}
.ico-mail{
  width: 19.426px;
  height: 19.273px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M0.13627 7.52332C0.11306 7.84422 -0.00511074 7.78142 4.19124 9.74142C6.3283 10.7387 8.08892 11.5692 8.10754 11.588C8.12306 11.6036 8.9321 13.3651 9.90478 15.4982C10.8774 17.6313 11.7113 19.4178 11.7609 19.4679C11.882 19.59 12.1625 19.585 12.3439 19.4548C12.4626 19.3743 12.5097 19.2966 12.598 19.0601C12.6611 18.8983 14.228 14.7875 16.088 9.92062C17.948 5.05992 19.4929 0.995796 19.5245 0.896186C19.6382 0.553806 19.4461 0.291146 19.0721 0.283306C18.8601 0.276156 17.8643 0.636536 10.3777 3.42196C5.7259 5.15362 1.57677 6.69732 1.15216 6.85752C0.302989 7.17182 0.15608 7.26782 0.13627 7.52332ZM9.39618 4.79232C13.5391 3.2486 17.0076 1.96379 17.0981 1.93613C17.2604 1.88696 17.1571 1.98938 12.8215 6.29392L8.37632 10.7008L5.15049 9.20012C1.74733 7.62062 1.81266 7.64902 1.84397 7.61792C1.85649 7.60552 5.25325 6.33602 9.39618 4.79232ZM17.8367 2.68116C17.7135 3.07649 12.0358 17.8794 12.0078 17.8824C11.9922 17.8792 11.3066 16.4051 10.4884 14.603L8.99698 11.3269L13.4422 6.92002C17.784 2.62171 17.8873 2.5193 17.8367 2.68116Z' fill='%23D1DFDF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 18.7px;
  display: inline-block;
}
.ico-mail.dark{  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M0.13627 7.52332C0.11306 7.84422 -0.00511074 7.78142 4.19124 9.74142C6.3283 10.7387 8.08892 11.5692 8.10754 11.588C8.12306 11.6036 8.9321 13.3651 9.90478 15.4982C10.8774 17.6313 11.7113 19.4178 11.7609 19.4679C11.882 19.59 12.1625 19.585 12.3439 19.4548C12.4626 19.3743 12.5097 19.2966 12.598 19.0601C12.6611 18.8983 14.228 14.7875 16.088 9.92062C17.948 5.05992 19.4929 0.995796 19.5245 0.896186C19.6382 0.553806 19.4461 0.291146 19.0721 0.283306C18.8601 0.276156 17.8643 0.636536 10.3777 3.42196C5.7259 5.15362 1.57677 6.69732 1.15216 6.85752C0.302989 7.17182 0.15608 7.26782 0.13627 7.52332ZM9.39618 4.79232C13.5391 3.2486 17.0076 1.96379 17.0981 1.93613C17.2604 1.88696 17.1571 1.98938 12.8215 6.29392L8.37632 10.7008L5.15049 9.20012C1.74733 7.62062 1.81266 7.64902 1.84397 7.61792C1.85649 7.60552 5.25325 6.33602 9.39618 4.79232ZM17.8367 2.68116C17.7135 3.07649 12.0358 17.8794 12.0078 17.8824C11.9922 17.8792 11.3066 16.4051 10.4884 14.603L8.99698 11.3269L13.4422 6.92002C17.784 2.62171 17.8873 2.5193 17.8367 2.68116Z' fill='%2320313A'/%3E%3C/svg%3E%0A");
width: 24px;
height: 24px;}
.ico-in{
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 15'%3E%3Cpath id='Vector' d='M0.843356 6.30667H5.15868V19H0.843356V6.30667ZM3.00102 0C4.38054 0 5.5 1.02507 5.5 2.2864C5.5 3.54773 4.38257 4.57652 3.00102 4.57652C1.61946 4.57652 0.5 3.54773 0.5 2.2864C0.5 1.02507 1.61743 0 3.00102 0Z' fill='%23D1DFDF'/%3E%3Cpath id='Vector_2' d='M7.5 5.33839H11.1909V7.20652H11.2417C11.7571 6.13129 13.011 5 14.8855 5C18.7814 5 19.5 7.82723 19.5 11.5074V19H15.6548V12.3584C15.6548 10.7726 15.6276 8.73627 13.6551 8.73627C11.6827 8.73627 11.347 10.4622 11.347 12.2423V19H7.5V5.33839Z' fill='%23D1DFDF'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 19.1px;
  display: inline-block;
}
.ico-in.dark{
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 15'%3E%3Cpath id='Vector' d='M0.843356 6.30667H5.15868V19H0.843356V6.30667ZM3.00102 0C4.38054 0 5.5 1.02507 5.5 2.2864C5.5 3.54773 4.38257 4.57652 3.00102 4.57652C1.61946 4.57652 0.5 3.54773 0.5 2.2864C0.5 1.02507 1.61743 0 3.00102 0Z' fill='%2320313A'/%3E%3Cpath id='Vector_2' d='M7.5 5.33839H11.1909V7.20652H11.2417C11.7571 6.13129 13.011 5 14.8855 5C18.7814 5 19.5 7.82723 19.5 11.5074V19H15.6548V12.3584C15.6548 10.7726 15.6276 8.73627 13.6551 8.73627C11.6827 8.73627 11.347 10.4622 11.347 12.2423V19H7.5V5.33839Z' fill='%2320313A'/%3E%3C/g%3E%3C/svg%3E%0A");
width: 28.481px;
height: 28.48px;
}
@media (min-width: 767px){
  .hr_wrapper{
      margin-left: -23px;
      margin-right: -23px;
  }
}

@media (max-width: 1280px){
  .footer__row{
      gap: 60px;
  }
  .footer_right{
      gap: 30px;
      justify-content: space-between;
  }
}

@media (max-width: 1024px){
  .footer__row{
      gap: 20px;
      flex-direction: column;
  }
  footer{
      padding: 80px 0;
  }
}

@media (max-width: 767px){

  footer{
      padding: 40px 0;
  }
  
  .footer__row, .footer_right{
      flex-direction: column;
  }
  .footer__nav, .footer__social {
      padding-top: 0;
  }
}

.kdo{
  background: #20313A;
  padding: 132px 0 138px 0;
}

.kdo__title{
  color: #D1DFDF;
  text-align: center;
  font-family: apercu-medium-pro;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 55px; /* 91.667% */
  margin-bottom: 58px;
}
.kdo p{
  color: #D1DFDF;
  text-align: center;
  font-family: apercu-medium-pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 175% */
}
.kdo .container{
max-width: 796px;}

.obs{
  padding: 116px 0 47px 0;
}


@media (min-width: 768px) {
  .obs .container{
    max-width: 796px;
  }
}

.obs__img{
text-align: center;
margin-bottom: 61px;
}
.obs__tagline{
color: #00B0AB;

text-align: center;
font-family: apercu-mono-regular-pro;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
    margin-bottom: 0.5em;
    
}

.obs__title{
color: #20313A;
text-align: center;
font-family: apercu-medium-pro;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 49px; /* 137.5% */
margin-bottom: 14px;
}

.obs p{
color: #20313A;

text-align: center;
font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 156.25% */
}

.obs__postup{
margin-top: 33px;
color: #20313A;

font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 175% */
margin-bottom: 29px;
}

.obs__postup ul{
padding: 0;
display: flex;
list-style: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.obs__postup ul li{
white-space: nowrap;
}
.obs__postup ul li + li:before{
  content: '';
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='6' viewBox='0 0 4 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M0.807273 0.033792C0.592563 0.121782 0.465853 0.354092 0.508083 0.586402C0.529203 0.699032 0.684073 0.871502 1.62738 1.81481L2.72556 2.91651L1.62738 4.01473C0.684073 4.96153 0.529203 5.13403 0.508083 5.24663C0.444733 5.59513 0.772073 5.90483 1.11349 5.82033C1.2226 5.79573 3.76746 3.28609 3.85546 3.12066C3.91526 3.00451 3.91876 2.83556 3.86246 2.72996C3.79906 2.60677 1.37748 0.160502 1.23668 0.0760321C1.09941 -0.00844791 0.951583 -0.022528 0.807273 0.033792Z' fill='%237D7D7D'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  width: 37.403px;
  height: 28px;
  vertical-align: middle;
}


.obs__cta{
text-align: center;
}


.sluzby{
  margin: 141.5px 0 0 0;
  position: relative;
  background: #ECEBEC;
}
.sluzby.has-edge{
  margin-bottom: 200px;
}

.sluzby:before{
  content: '';
  display: block;
  width: 100%;
  height: 101.5px;
  background-image: url("data:image/svg+xml,%3Csvg width='1728' height='102' viewBox='0 0 1728 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1811.5 101L-93 0V101.5L1811.5 101Z' fill='%23ECEBEC'/%3E%3C/svg%3E%0A");
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1728 102' style='enable-background:new 0 0 1728 102;' xml:space='preserve' preserveAspectRatio='none'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ECEBEC;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1811.5,101L-93,0v101.5L1811.5,101z'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: absolute;
  top: -100px;
}
.sluzby .edge__top{
  display: block;
  width: 100%;
  height: 101.5px;
  position: absolute;
  top: -100px;
}
.sluzby .edge__top svg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.sluzby__title{
color: #20313A;

text-align: center;
font-family: apercu-medium-pro;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 55px; /* 137.5% */
margin-bottom: 20px;
}
.sluzby__intro{
  margin: 0 auto 89px auto;
  max-width: 761px;
  padding-top: 50px;
}
.sluzby__intro p{
  color: #20313A;
  text-align: center;
  font-family: apercu-medium-pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px; /* 156.25% */
}
.sluzby__intro p:last-child{
margin-bottom: 0;
}

/* Flex container */
.sluzby_sluzby {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

/* Flex items */
.sluzby_sluzba {
flex: 1;
min-width: calc(33.3333% - 79px);  /* 3 items per row on desktop */
max-width: calc(33.3333% - 79px);  /* 3 items per row on desktop */
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-bottom: 96px;
}

.sluzby_sluzba  h3{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 20px;
font-style: normal;
font-weight: 700;
font-weight: 500;
line-height: 28px; /* 140% */
}
.sluzby_sluzba  p{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 175% */
}

.sluzby_img {
  min-height: 146px;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 51px;
}
.fotky_blize_k_textu .sluzby_img{
margin-bottom: 20px;
}
.sluzby_img img {
max-width: 100%;
}

/* Make CTA links align to the bottom */
.sluzba__cta {
margin-top: auto;
color: #E52A18;
  font-family: apercu-medium-pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.sluzba__cta a{
color: inherit!important;
text-decoration: none;
}

/* 2 items per row on tablet */
@media (max-width: 1280px) {
  .sluzby_sluzba {
    min-width: calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
}

  .jen_4_sloupce .sluzby_sluzby {
      /* max-width: 753px; */
      margin: 0 auto;
  }

.jen_4_sloupce  .sluzby_sluzba {
    min-width: calc(50% - 30px);
    max-width: calc(50% - 30px);
  }

/* 1 item per row on mobile */
@media (max-width: 768px) {

.sluzby_sluzba, .jen_4_sloupce  .sluzby_sluzba {
  min-width: 100%;
  max-width: 100%;
}
  .sluzby:not(.fotky_blize_k_textu) .sluzby_img{
    align-content: center;
    flex-direction: row;
  }
  .sluzby:not(.fotky_blize_k_textu){
    text-align: center;
  }
  .hero__cta, .hero__text, .intro__tlacitko{
    text-align: center;
  }
  input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-primary {
    display: block;
    margin: 0 auto;
  } 
}


/* Flex container */
.partneri__loga {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap:33px 40px;
}

/* Flex items */
.partneri__logo {
flex: 1;

min-width: calc(25% - 44px);  /* 4 logos per row on desktop */
max-width: calc(25% - 44px);  /* 4 logos per row on desktop */
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin-bottom: 34px;
}

.partneri__logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}

.partneri__logo a {
    display: block;
    position: relative;
}

.partneri__logo a .sede {
    opacity: 1;
    transition: opacity .2s linear;
    position: relative;
    z-index: 1;
}

.partneri__logo a:hover .sede {
    opacity: 0;
}

.partneri__logo a .barevne {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

/* 3 logos per row on smaller desktop */
@media (max-width: 1024px) {
.partneri__logo {
  min-width: calc(33.3333% - 20px);
  max-width: calc(33.3333% - 20px);
}
}

/* 2 logos per row on tablet */
@media (max-width: 768px) {
.partneri__logo {
  min-width: calc(50% - 10px);
  max-width: calc(50% - 10px);
}
}

/* 1 logo per row on mobile */
@media (max-width: 480px) {
  .partneri__loga {
      max-width: 190px;
      margin: 0 auto;
  }


  .partneri__logo {
    max-width: 100%;
    min-width: 100%;
  }
}
.partneri{
background: #ECEBEC;
padding:0 0 83px 0;
}
.partneri__intro{
text-align: center;
margin: 0 auto 89px auto;
max-width: 761px;
}

.partneri__title{
color: #20313A;

text-align: center;
font-family: apercu-medium-pro;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 55px; /* 137.5% */
}

.partneri__intro p{
color: #20313A;

text-align: center;
font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 156.25% */
}
.partneri__intro p:last-child{
margin-bottom: 0;
}

.kontakt{
  margin-top: 168px;
  padding-bottom: 163px;
  position: relative;
  background: #fff;
}
.kontakt{
  margin-top: -168px;
  margin-top: 0;
}
.partneri{
  padding-bottom: 281px;
}
.kontakt:before{
content: '';
display: block;
position: absolute;
height: 168px;
height: 351px;
width: 100%;
background-color: #ecebec;
background-image: url("data:image/svg+xml,%3Csvg width='1728' height='1338' viewBox='0 0 1728 1338' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100.198C0 42.9807 47.9192 -2.57085 105.063 0.325905L1633.06 77.7842C1686.26 80.4807 1728 124.395 1728 177.656V1238C1728 1293.23 1683.23 1338 1628 1338H100C44.7716 1338 0 1293.23 0 1238V100.198Z' fill='white'/%3E%3C/svg%3E%0A");
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1728 2002.5' style='enable-background:new 0 0 1728 2002.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,2002.5V100C0,42.8,47.9-2.8,105.1,0.1l1528,77.5c53.2,2.7,94.9,46.6,94.9,99.9v1825.1H0z'/%3E%3C/svg%3E");
background-position: top center;
background-size: 100% auto;
  top: -168px;
}
.kontakt .container{
position: relative;
z-index: 2;
}
.kontakt__intro{
margin: 0 auto 112px auto;
max-width: 761px;
}
.kotnakt__title{
color: #E52A18;

text-align: center;
font-family: apercu-medium-pro;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 56px; /* 140% */
margin-bottom: 10px;
}

.kontakt__intro p{
color: #191D27;

text-align: center;
font-family: apercu-medium-pro;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 39px; /* 130% */

}
.kontakt__intro p:last-child{
margin-bottom: 0;}

.kontakt__row{
display: flex;
gap: 78px;
}

.kontakt__mapa iframe{
  width: 528px;
  max-width: 100%;
}

.intro__tagline{
color: #00B0AB;

text-align: left;
font-family: apercu-mono-regular-pro;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
margin-bottom: 12px;
}
@media (max-width: 767px) {
  .kontakt__row{
    flex-direction: column;
    gap: 50px;
  }
  .kontakt__mapa{
    order: 2;
  }
  .kontakt__form{
    order: 1;
  }
}

.intro {
  margin-top: 80px;
  margin-bottom: 84px;
}

.intro .row, .vztah .row{
  --bs-gutter-x: 76px;
  --bs-gutter-y: 0;
  }
.texts .row{
  --bs-gutter-x: 45px;
  --bs-gutter-y: 50px;
  }

.intro h1{
  color: #20313A;
  font-family: apercu-medium-pro;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 55px; /* 91.667% */
  line-height: 1.08em;
  margin-bottom: 45px;
  margin-left: -3px;
  }
.intro-kontakt h1{
  color: #E52A18;
  font-size: 40px;
  line-height: 56px; /* 140% */
  margin-bottom: 28px;
}
.intro p, .texts p, .intro ul, .texts ul, .intro ol, .texts ol{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 156.25% */
margin-bottom: 25px;
}
.intro__tlacitko {
    margin-top: 39px;
}

.texts p:last-child{
margin-bottom: 0;
}

.texts{
  margin-bottom: 131px;
}

.texts h2{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 55px; /* 137.5% */
margin-bottom: 17px;
}

/* Flex layout for outro__row */
.outro__row {
display: flex;
align-items: stretch;  /* Make items stretch to fill the height */
padding-left: 60px;
gap: 83px;
}

.outro{
  /* padding-top: 103px; */
      margin-top: 103px;
  padding-bottom: 101px;
  position: relative;
  /* overflow: hidden; */
  margin-bottom: 105px;
}
@media (min-width: 1280px) {
  .outro{
    margin-top: 203px;
  }
}

section.sluzby + section.outro.outro-iso.outro-gray,section.sluzby + section.outro.outro-iso.outro-gray .outro__bg{
  margin-top: 0;
  padding-top: 0; 
}


.outro__bg{
  padding: 80px 0 86px 0;
  background: #00415C;
}

.outro__text{
  max-width: 571px;
}

/* Setting the outro__image to 426px */
.outro__image {
flex: 0 0 426px;  /* Flex-grow, flex-shrink, and flex-basis */
max-width: 426px;
position: relative;
}



/* Layout for the outro__text */
.outro__text {
flex: 1;  /* Take up remaining space */
}

.outro__text  h2{
color: #ECEBEC;

font-family: apercu-medium-pro;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 55px; /* 137.5% */
}

.outro__text  p, .outro__text  ul, .outro__text  ol{
color: #ECEBEC;

font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 156.25% */
margin-bottom: 25px;
}

.iso__text{
    color: #20313A;
    font-family: apercu-medium-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    }

    .iso__text h2 {
    color: #20313A;
    font-family: apercu-medium-pro;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 17px;
}
@media (min-width: 992px) {
.iso__text{
  width: 50%;
}
}
.outro__text  a{
color: #E52A18;
}
.outro__text p:last-child{
  margin-bottom: 0;
}
.edge{
width: 1904px;
  min-width: 100%;
  position: absolute;
  height: 101px;
  bottom: 1px;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' class='edge' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1904.5 101.5' style='enable-background:new 0 0 1904.5 101.5;' xml:space='preserve' preserveAspectRatio='none'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2300415C;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0.5l1904.5,101V0L0,0.5z'/%3E%3C/svg%3E");
  left: 50%;
  transform: translate(-50%,0);
  background-repeat: no-repeat;
  background-size: 100% 101px;
}
.cta{
margin: 105px 0 126px;
text-align: center;
}
.cta h2{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 60px;
font-style: normal;
font-weight: 700;
font-weight: 500;
line-height: 75px; /* 125% */
margin-bottom: 37px;
}

.outro-flip .outro__text{
  order: 1;
}
.outro-flip .outro__image{
  order: 2;
}
.outro-flip  .outro__row{
  padding-left: 0;
  padding-right: 60px;
}

.outro-gray .edge, .edge.gray{
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' class='edge' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1904.5 101.5' style='enable-background:new 0 0 1904.5 101.5;' xml:space='preserve' preserveAspectRatio='none'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ECEBEC;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0.5l1904.5,101V0L0,0.5z'/%3E%3C/svg%3E");
}
.sluzby .edge{
    bottom: -100px;
}

.outro-gray .outro__bg{
  background: #ECEBEC;
}

.outro-gray .outro__text  h2,
.outro-gray .outro__text  p
{
color: #20313A;
}

.outro__row{
  padding-left: 0;
  padding-right: 60px;
}
@media (min-width: 1280px) {
  .outro__image img {
    transform: translate(0, -183px);
    position: absolute;
  }
}


@media (max-width: 1024px) {
  .outro{
      padding-top: 0;
  }
  .outro__row{
      padding-left: 0!important;
      padding-right: 0!important;
      flex-direction: column;
      gap: 30px;
  }
  .outro__row > *{
      width: 100%;
  }
  .outro__text {
      max-width: none;
  }
  .outro__text{
      order: 1;
  }
  .outro__image {
      order: 2;
      display: block;
      flex: none;
  }
  .outro__image img {
      transform: none;
      position: static;
  }
  .outro__bg {
      padding: 50px 0 20px 0;
      }
  .texts {
      margin-bottom: 60px;
  }
  .texts .row {
      --bs-gutter-x: 30px;
      --bs-gutter-y: 50px;
  }
  .intro .row {
      --bs-gutter-x: 50px;
      --bs-gutter-y: 50px;
  }
}

@media (max-width: 767px) {

  .intro h1{
    font-size: 40px;
  }

}
.kontakt__social a{
  display: block;
  color: #20313A;
  font-family: apercu-medium-pro;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 39px; /* 130% */
  line-height: 50px; /* 130% */
  text-decoration: none!important;
}

.kontakt__social a:hover{
color: #E52A18;
}

.kontakt__social .ico-in{
margin-top: 10px;
}
.mista{
  background: #ECEBEC;
  padding: 97px 0;
}
.misto{
  color: #20313A;
  font-family: apercu-medium-pro;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 39px; /* 130% */
  margin-bottom: 100px;
}
.misto iframe {
    width: 100%;
    max-width: 100%;
    height: 366px;
}

.misto h2{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 55px; /* 137.5% */
margin-bottom: 17px;
}

.kontakt-adresa{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 156.25% */
}
.kontakt-adresa h2{
  color: #20313A;

  font-family: apercu-medium-pro;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 55px; /* 137.5% */
  margin-bottom: 25px;
}

.resetni__grafika{
  margin: 70px 0 0 0;
  padding-bottom: 103px;
}
.obs__postup.mobile{
  display: none;
}

@media (max-width: 767px)  {
  
  .resetni__grafika.desktop{
    display: none;
  }
  .obs__postup.mobile {
      display: block;
      margin: -39px auto 50px auto;
      padding-bottom: 30px;
  }

}

.vztah{
  margin: 90px 0 97px 0;
}

.vztah__text{
  background: #D1DFDF;

  color: #20313A;
  font-family: apercu-medium-pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;

  padding-top: 35px;
  padding-bottom: 35px;

}

.vztah__texty{
  margin-top: 72px;
}

.vztah__text em{

color: #20313A;

font-family: apercu-medium-pro;
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 128% */


}
.vztah__text em, .vztah__text p{

margin-bottom: 48px;
}
.vztah__text *:last-child{
margin-bottom: 0;
}

.vztah__text h3{
color: #E52A18;

font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 156.25% */
margin: 0;
padding: 0;
}

.vztah__texty{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 156.25% */
}

.vztah__texty h3{
color: #20313A;

font-family: apercu-medium-pro;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 55px; /* 137.5% */
margin-bottom: 17px;
}
.vztah__texty p:last-child{
margin-bottom: 0;
}

@media (max-width: 992px)  {

  .col-md-6.vztah__obrazek img,  .vztah__text {
      border-radius: 12px;
  }
  .col-md-6.vztah__obrazek {
    padding: 40px 0;
}
}
@media (max-width: 600px)  {
  .col-md-6.vztah__obrazek {
    padding: 40px 0 0 0;
}
}

@media (min-width: 992px) {

  .vztah__obrazek{
    padding-right: 0;
    width: calc(50% + var(--bs-gutter-x) * .5);
  }
  .vztah__text{
    width: calc(50% - var(--bs-gutter-x) * .5);
    border-radius: 0px 28px 28px 0px;
    display: flex;
    padding: 68px 77px;
    flex-direction: column;
    justify-content: center;
  }
}
.kontakt__form   .wpcf7-form-control:not(.btn):not(.wpcf7-acceptance ) {
    color: #30353B;
    font-family: apercu-mono-regular-pro;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    border-bottom: 1px solid #20313A;
    width: 100%;
    padding: 0 0 7px 5px;
}
.kontakt__form   input.wpcf7-form-control:not(.btn){
margin-bottom: 19px;
}
.kontakt__form .wpcf7-textarea {
height: 150px;
}
.kontakt__form label, .kontakt__form  .wpcf7-form-control-wrap{
display: block;}
.kontakt__form   span.wpcf7-acceptance{
  opacity: 0.75;
  color: #20313A;
  font-family: apercu-medium-pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.kontakt__form   span.wpcf7-acceptance a{
opacity: 0.75;
color: #20313A;
font-family: apercu-medium-pro;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.kontakt__form   span.wpcf7-acceptance .wpcf7-list-item{
margin: 0;
}

.kontakt__form [type="checkbox"]{
    margin-right: 5px;
    position: relative;
    top: 1px;}

    .btn.disabled, .btn:disabled, fieldset:disabled .btn{
    color: #E52A18;
    border: 1.5px solid #E52A18;
    background: none;
    }

    .grecaptcha-badge {
    display: none!important;
}