/*
 * TCC — vlastní design (převzato z t3_blank css/themes/tcc/template.css, 2020).
 * Nad Bootstrapem 5.3 a Swiperem 11. Na konci je vrstva „parita s BS4“.
 */

.btn, article .content-links-a a {
  padding-right: 2rem;
  padding-left: 2rem;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 400;
  text-decoration: none;
  white-space: normal
}

.btn.btn-sm, article .content-links-a a.btn-sm {
  padding-left: .8rem;
  padding-right: .8rem;
  font-size: 1rem
}

.btn.btn-primary, .btn.hasTooltip, article .content-links-a a, article .content-links-a a.hasTooltip {
  background: #89100c;
  color: #fff;
  border: 3px solid #89100c
}

.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.hasTooltip:active, .btn.hasTooltip:focus, .btn.hasTooltip:hover, .btn.hasTooltip:not(:disabled):not(.disabled):active, article .content-links-a a:active, article .content-links-a a:focus, article .content-links-a a:hover, article .content-links-a a:not(:disabled):not(.disabled):active {
  background: 0 0;
  color: #89100c;
  border-color: #89100c !important;
  box-shadow: none
}

.btn.btn-contact-us, article .content-links-a a.btn-contact-us {
  margin-right: .4rem;
  margin-left: .4rem;
  padding-right: 1rem;
  padding-left: 1rem;
  text-transform: none;
  position: relative;
  top: -2px
}

.section-dark .btn.btn-primary:active, .section-dark .btn.btn-primary:focus, .section-dark .btn.btn-primary:hover, .section-dark .btn.btn-primary:not(:disabled):not(.disabled):active, .section-dark .btn.hasTooltip:active, .section-dark .btn.hasTooltip:focus, .section-dark .btn.hasTooltip:hover, .section-dark .btn.hasTooltip:not(:disabled):not(.disabled):active, .section-dark article .content-links-a a.hasTooltip:active, .section-dark article .content-links-a a.hasTooltip:focus, .section-dark article .content-links-a a.hasTooltip:hover, .section-dark article .content-links-a a.hasTooltip:not(:disabled):not(.disabled):active, .section-dark article .content-links-a a:active, .section-dark article .content-links-a a:focus, .section-dark article .content-links-a a:hover, .section-dark article .content-links-a a:not(:disabled):not(.disabled):active, article .content-links-a .section-dark a.hasTooltip:active, article .content-links-a .section-dark a.hasTooltip:focus, article .content-links-a .section-dark a.hasTooltip:hover, article .content-links-a .section-dark a.hasTooltip:not(:disabled):not(.disabled):active, article .content-links-a .section-dark a:active, article .content-links-a .section-dark a:focus, article .content-links-a .section-dark a:hover, article .content-links-a .section-dark a:not(:disabled):not(.disabled):active {
  color: #fff
}

article .content-links-a a {
  line-height: 1.5;
  padding-top: .375rem;
  padding-bottom: .375rem;
  margin-top: .5rem;
  display: inline-block
}

.btn.hasTooltip:after, article .content-links-a a.hasTooltip:after {
  content: 'Hledat'
}

.img-limited .swiper-slide {
  padding: 0 15px
}

.img-limited .swiper-slide img {
  max-height: 90px;
  width: auto
}

.swiper-outer {
  position: relative;
  margin: 2rem 0 0
}

@media (min-width: 768px) {
  .swiper-outer {
    margin-top: 1rem
  }
}

.swiper-container {
  position: relative;
  margin: 0 35px
}

@media (min-width: 768px) {
  .swiper-container {
    margin: 0 75px
  }
}

.swiper-wrapper {
  align-items: center
}

.swiper-control {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  cursor: pointer;
  z-index: 100
}

@media (max-width: 575px) {
  .swiper-control svg {
    width: 28px;
    height: 15px
  }
}

.swiper-control svg path {
  transition: fill .2s ease-in-out
}

.swiper-control.swiper-control-left {
  left: 15px
}

.swiper-control.swiper-control-right {
  right: 15px
}

.swiper-control:hover svg path {
  fill: #e56b5c
}

#our-team {
  position: relative
}

#our-team:after, #our-team:before {
  content: '';
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10
}

#our-team:before {
  left: 0;
  background: 0 0;
  background: -moz-linear-gradient(270deg, transparent 0, #1b1c20 100%);
  background: -webkit-linear-gradient(270deg, transparent 0, #1b1c20 100%);
  background: linear-gradient(270deg, transparent 0, #1b1c20 100%)
}

#our-team:after {
  right: 0;
  background: 0 0;
  background: -moz-linear-gradient(90deg, transparent 0, #1b1c20 100%);
  background: -webkit-linear-gradient(90deg, transparent 0, #1b1c20 100%);
  background: linear-gradient(90deg, transparent 0, #1b1c20 100%)
}

#our-team .contact-wrapper .h2 {
  line-height: 1.25
}

#our-team .contact-wrapper h3 {
  background: 0 0;
  padding-left: 0
}

#our-team .contact-wrapper a {
  text-decoration: none;
  color: #e56b5c
}

#our-team .contact-wrapper a:active #our-team .contact-wrapper a:focus, #our-team .contact-wrapper a:hover {
  text-decoration: none
}

#our-team .contact-wrapper a:active #our-team .contact-wrapper a:focus h3, #our-team .contact-wrapper a:hover h3 {
  color: #89100c
}

#our-team .contact-wrapper a .image {
  width: 200px;
  height: 200px;
  display: inline-block;
  border-radius: 50%;
  background-size: cover !important
}

@media (min-width: 576px) and (max-width: 991px) {
  #our-team .contact-wrapper a .image {
    width: 100px;
    height: 100px
  }
}

#our-team .contact-wrapper a p {
  max-width: 80%;
  margin: 0 auto;
  color: #fff
}

#searchForm, #searchForm .btn-toolbar {
  margin-bottom: 2rem
}

#our-team .contact-wrapper a .contacts_misc {
  font-style: italic;
  color: #fff;
  text-align: left
}

#our-team .contact-wrapper a .position {
  font-size: .875rem
}

.events-list h3.h2 {
  background: 0 0 !important;
  padding-left: 0 !important
}

.events-list .event a {
  text-decoration: none;
  color: #89100c
}

.events-list .event a .image-cover {
  position: relative
}

.events-list .event a .image-cover img {
  max-height: 30vh
}

.events-list .event a .image-cover:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: url(../images/arrow-article-hover.svg) center center no-repeat;
  background-size: contain;
  opacity: 0;
  transition: .2s ease-in-out
}

.events-list .event a p {
  color: #000
}

.events-list .event a:hover {
  color: #e56b5c;
  text-decoration: none
}

.events-list .event a:hover .image-cover:after {
  opacity: 1
}

.events-list .event a:hover .btn.btn-primary, .events-list .event a:hover .btn.hasTooltip, .events-list .event a:hover article .content-links-a a, .events-list .event a:hover article .content-links-a a.hasTooltip, article .content-links-a .events-list .event a:hover a, article .content-links-a .events-list .event a:hover a.hasTooltip {
  background: 0 0;
  color: #89100c
}

.events-list .event a:active, .events-list .event a:focus {
  color: #e56b5c;
  text-decoration: none
}

.sscf-form {
  text-align: right
}

.sscf-form input.sscf-input, .sscf-form textarea.sscf-input, input[type=text] {
  background: #fff;
  border-radius: 0;
  border: none;
  font-family: "Open Sans", sans-serif
}

.sscf-form input.sscf-input + label, .sscf-form textarea.sscf-input + label, input[type=text] + label {
  color: #000;
  font-family: "Open Sans", sans-serif
}

#searchForm {
  padding: 1rem;
  border-radius: 10px;
  border: 3px solid #000
}

#searchForm input[type=text] {
  padding: 10px 20px
}

#searchForm .controls, #searchForm fieldset {
  margin-bottom: 1rem
}

#searchForm .ordering-box label {
  margin-right: 10px
}

#searchForm .ordering-box select {
  padding: 5px 8px
}

#searchForm .controls label {
  margin-right: 14px
}

#searchForm .controls input {
  margin-right: 3px
}

#searchForm label.checkbox {
  margin-right: 14px
}

#searchForm p.counter {
  margin-bottom: 0
}

.sscf-valid-true label:after {
  content: '*';
  color: red;
  display: inline-block;
  margin-left: 4px
}

@media (min-width: 768px) and (min-height: 850px) {
  #intro .h3, #intro h3 {
    background: 0 0;
    padding-left: 0
  }
}

#intro img {
  width: 300px;
  max-width: 24vh;
  height: auto;
  display: block;
  margin: 0 auto
}

@media (min-width: 576px) {
  #intro img {
    width: auto
  }
}

#intro a {
  color: #e56b5c;
  transition: .2s ease-in-out;
  text-decoration: none
}

#intro a:active, #intro a:focus, #intro a:hover {
  text-decoration: none;
  color: #fff
}

#intro a:active h3:before, #intro a:focus h3:before, #intro a:hover h3:before {
  transform: translate3d(-15px, 0, 0);
  opacity: 1
}

#intro a h3:before, html .navbar li a:after {
  opacity: 0;
  content: ''
}

#intro a p {
  color: #fff
}

#intro a h3 {
  position: relative
}

#intro a h3:before {
  position: absolute;
  right: 100%;
  transform: translate3d(-50%, 0, 0);
  top: 25%;
  background: url(../images/arrow-intro-hover.svg) no-repeat;
  width: 115px;
  height: 58px;
  transition: .2s ease-in-out
}

.section-light .blog article h2 a:hover {
  color: #89100c
}

.section-light .blog article h2 a:hover .arrow path {
  fill: #89100c
}

#news-list article, .blog article {
  margin-top: 2rem;
  margin-bottom: 2rem
}

@media (min-width: 768px) {
  #news-list article .arrow-cover, .blog article .arrow-cover {
    position: relative;
    padding-left: 62px;
    display: inline-block
  }

  #news-list article .arrow-cover svg, .blog article .arrow-cover svg {
    position: absolute;
    left: 0;
    top: 4px
  }

  #news-list article .md-margined-article, .blog article .md-margined-article {
    padding-left: 62px
  }
}

@media (min-width: 768px) and (min-height: 850px) {
  #news-list article .arrow-cover svg, .blog article .arrow-cover svg {
    top: 14px
  }
}

@media (min-width: 992px) {
  #news-list article, .blog article {
    margin-bottom: 7rem
  }
}

#news-list article p, #news-list article:last-child, .blog article p, .blog article:last-child {
  margin-bottom: 0
}

#news-list article .article-image-cover, .blog article .article-image-cover {
  display: block;
  background-size: cover;
  background-position: center top 10%
}

#news-list article .article-image-cover:before, .blog article .article-image-cover:before {
  position: relative;
  content: '';
  padding-top: 60%;
  display: block
}

#news-list article h2, .blog article h2 {
  margin-top: 0
}

#news-list article h2 a, .blog article h2 a {
  transition: color .2s ease-in-out;
  color: #e56b5c
}

#news-list article h2 a .arrow, .blog article h2 a .arrow {
  margin-right: 10px
}

@media (max-width: 767px) {
  #news-list article h2 a .arrow, .blog article h2 a .arrow {
    display: none
  }
}

.mobile-active-show, .nav-pills .nav-link {
  display: block !important
}

#news-list article h2 a .arrow path, .blog article h2 a .arrow path {
  fill: #e56b5c;
  transition: .2s ease-in-out
}

#news-list article h2 a:focus, #news-list article h2 a:hover, .blog article h2 a:focus, .blog article h2 a:hover {
  color: #fff
}

#news-list article h2 a:focus .arrow path, #news-list article h2 a:hover .arrow path, .blog article h2 a:focus .arrow path, .blog article h2 a:hover .arrow path {
  fill: #fff
}

#news-list article a, .blog article a {
  text-decoration: none
}

#news-list article p a, .blog article p a {
  text-decoration: underline
}

#news-list article p a:hover, .blog article p a:hover {
  text-decoration: none
}

.pagination ul {
  margin: 0 auto
}

.pagination li {
  float: left;
  list-style-type: none;
  margin: 0 3px 0 0
}

.pagination li.active a {
  font-weight: 700
}

.pagination li a {
  border-radius: 10px;
  border: 3px solid transparent;
  padding: 2px 7px
}

.pagination li a[href] {
  border-color: #89100c;
  background: #89100c;
  color: #fff;
  text-decoration: none
}

.pagination li a[href]:active, .pagination li a[href]:focus, .pagination li a[href]:hover {
  background: 0 0;
  color: #89100c
}

.social-icon {
  text-decoration: none !important
}

.social-icon.social-icon-facebook:active .colored, .social-icon.social-icon-facebook:focus .colored, .social-icon.social-icon-facebook:hover .colored {
  fill: #4267b2
}

.social-icon.social-icon-linkedin:active .colored, .social-icon.social-icon-linkedin:focus .colored, .social-icon.social-icon-linkedin:hover .colored {
  fill: #0077b5
}

.social-icon.social-icon-twitter:active .colored, .social-icon.social-icon-twitter:focus .colored, .social-icon.social-icon-twitter:hover .colored {
  fill: #1da1f2
}

.nav-pills .nav-link {
  padding: .75rem 1rem;
  line-height: 1.2;
  background: rgba(255, 255, 255, .9);
  color: #000;
  margin-bottom: 3px;
  border-radius: 10px;
  text-decoration: none;
  position: relative;
  z-index: 2
}

.nav-pills .nav-link:hover {
  color: #fff;
  background: #e56b5c
}

.nav-pills .nav-link.inactive {
  background: 0 0 !important;
  color: #000 !important;
  border-color: transparent !important
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .row-tabs .nav-pills .nav-link.mobile-active-show {
  background: #89100c;
  text-decoration: none;
  cursor: default;
  color: #fff
}

.tab-content {
  padding-top: .5rem
}

.row-tabs {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  width: 100%
}

@media (min-width: 768px) {
  .tab-content {
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding-left: 30px;
    min-height: 100%
  }

  .row-tabs {
    padding-bottom: 0;
    margin-bottom: 6rem;
    border-bottom: none
  }
}

.row-tabs .nav-pills .tab-pane {
  display: none;
  padding: 1rem
}

.row-tabs .nav-pills .tab-pane.show {
  display: block
}

.tab-pane {
  position: relative;
  padding-top: 123px !important;
  top: -113px;
  margin-bottom: -100px
}

.tab-pane.active.show {
  display: block !important
}

@media (min-width: 768px) {
  .tab-pane {
    padding-top: 90px !important;
    top: -90px;
    margin-bottom: 0
  }
}

.tab-pane h3 {
  margin-top: 0
}

main {
  background: #e2e3de
}

#we-support .banneritem {
  width: 20%
}

@font-face {
  font-family: AzoSans;
  font-weight: 100;
  src: url(../fonts/azosans/36BF1E_5_0.eot);
  src: url(../fonts/azosans/36BF1E_5_0.eot?#iefix) format("embedded-opentype"), url(../fonts/azosans/36BF1E_5_0.woff2) format("woff2"), url(../fonts/azosans/36BF1E_5_0.woff) format("woff"), url(../fonts/azosans/36BF1E_5_0.ttf) format("truetype")
}

@font-face {
  font-family: AzoSans;
  font-weight: 300;
  src: url(../fonts/azosans/36BF1E_2_0.eot);
  src: url(../fonts/azosans/36BF1E_2_0.eot?#iefix) format("embedded-opentype"), url(../fonts/azosans/36BF1E_2_0.woff2) format("woff2"), url(../fonts/azosans/36BF1E_2_0.woff) format("woff"), url(../fonts/azosans/36BF1E_2_0.ttf) format("truetype")
}

@font-face {
  font-family: AzoSans;
  font-weight: 400;
  src: url(../fonts/azosans/36BF1E_4_0.eot);
  src: url(../fonts/azosans/36BF1E_4_0.eot?#iefix) format("embedded-opentype"), url(../fonts/azosans/36BF1E_4_0.woff2) format("woff2"), url(../fonts/azosans/36BF1E_4_0.woff) format("woff"), url(../fonts/azosans/36BF1E_4_0.ttf) format("truetype")
}

@font-face {
  font-family: AzoSans;
  font-weight: 500;
  src: url(../fonts/azosans/36BF1E_3_0.eot);
  src: url(../fonts/azosans/36BF1E_3_0.eot?#iefix) format("embedded-opentype"), url(../fonts/azosans/36BF1E_3_0.woff2) format("woff2"), url(../fonts/azosans/36BF1E_3_0.woff) format("woff"), url(../fonts/azosans/36BF1E_3_0.ttf) format("truetype")
}

@font-face {
  font-family: AzoSans;
  font-weight: 700;
  src: url(../fonts/azosans/36BF1E_0_0.eot);
  src: url(../fonts/azosans/36BF1E_0_0.eot?#iefix) format("embedded-opentype"), url(../fonts/azosans/36BF1E_0_0.woff2) format("woff2"), url(../fonts/azosans/36BF1E_0_0.woff) format("woff"), url(../fonts/azosans/36BF1E_0_0.ttf) format("truetype")
}

@font-face {
  font-family: AzoSans;
  font-weight: 900;
  src: url(../fonts/azosans/36BF1E_1_0.eot);
  src: url(../fonts/azosans/36BF1E_1_0.eot?#iefix) format("embedded-opentype"), url(../fonts/azosans/36BF1E_1_0.woff2) format("woff2"), url(../fonts/azosans/36BF1E_1_0.woff) format("woff"), url(../fonts/azosans/36BF1E_1_0.ttf) format("truetype")
}

img {
  max-width: 100%;
  height: auto
}

body {
  background: #1b1c20;
  padding-top: 60px
}

.color-orange {
  color: #e56b5c
}

iframe {
  display: block
}

dt {
  margin: 1.5rem 0 0
}

dd {
  margin-bottom: 0
}

.pull-left.item-image {
  margin: 0 30px 20px 0
}

.pull-right {
  float: right
}

.thumbnail {
  box-shadow: 0 0 3px #8f8f8f;
  padding: 5px;
  background: #fff;
  margin: 0 30px 30px
}

.thumbnail.item-image {
  background: 0 0;
  box-shadow: none;
  padding: 0
}

@media (max-width: 767px) {
  .thumbnail.item-image {
    float: none !important
  }
}

.thumbnail.pull-right img {
  width: 170px
}

.thumbnail img {
  width: 300px;
  max-width: 100%
}

@media (max-width: 800px) {
  .thumbnail img {
    width: 200px
  }
}

.itemid-417 .thumbnail.pull-right img {
  width: 120px
}

.content-links ul {
  padding: 0;
  margin: 0
}

.content-links ul li {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.badge-info, span.highlight {
  background: #e56b5c
}

#main div.attachmentsList table img, div.attachmentsList table img {
  position: relative;
  top: -4px
}

div.attachmentsList caption {
  float: left;
  color: #000
}

#main div.attachmentsList tbody tr.even, #main div.attachmentsList tbody tr.even td, div.attachmentsList tbody tr.even, div.attachmentsList tbody tr.even td {
  background-color: transparent !important
}

#main div.attachmentsList tbody tr.even a, #main div.attachmentsList tbody tr.even td a, div.attachmentsList tbody tr.even a, div.attachmentsList tbody tr.even td a {
  text-decoration: underline !important
}

#main div.attachmentsList tbody tr.even a:hover, #main div.attachmentsList tbody tr.even td a:hover, div.attachmentsList tbody tr.even a:hover, div.attachmentsList tbody tr.even td a:hover {
  text-decoration: none !important
}

hr {
  margin: 4rem 0
}

.blog.item-page .category-desc {
  text-align: justify;
}

.tcc-table {
  border-collapse: collapse;
  margin: 2.5rem 0
}

.tcc-table td, .tcc-table th {
  border: 1px solid #000;
  padding: 15px
}

.tcc-table td:first-child, .tcc-table th:first-child {
  min-width: 200px;
  text-align: center
}

.tcc-table td:first-child img, .tcc-table th:first-child img {
  margin-bottom: .5rem
}

.tcc-table th {
  background: #89100c;
  color: #fff
}

.tcc-table td {
  background: #e6e7e2
}

.tcc-table tr:nth-child(even) td {
  background: #e6e7e2
}

@media (min-width: 768px) {
  .tcc-table tr:nth-child(even) td {
    background: rgba(0, 0, 0, .1)
  }
}

.tcc-table .price {
  font-weight: 700;
  text-align: right;
  margin-top: 1rem
}

.h1, .tcc-table-as h2, h1 {
  margin-top: 0
}

.tcc-table ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.tcc-table p {
  margin-bottom: 0
}

.tcc-table-as {
  text-align: left
}

.tcc-table-as td {
  vertical-align: top;
  padding-right: 20px
}

.tcc-table-as h2 img {
  margin: 0;
  display: inline-block
}

p {
  font-weight: 400
}

p span.lead, p.lead {
  font-weight: 700
}

.cb {
  clear: both
}

.attachmentsContainer a {
  text-decoration: underline !important
}

.attachmentsContainer a:hover {
  text-decoration: none !important
}

.nav-switch {
  display: inline !important
}

html {
  font-size: 90%
}

@media (min-width: 768px) {
  .md-ml-30px {
    margin-left: 30px
  }

  html {
    font-size: 95%
  }
}

@media (min-width: 992px) {
  html {
    font-size: 100%
  }
}

body {
  font-size: 1.25rem;
  font-family: "Open Sans", sans-serif;
  color: #000
}

.h1, .h2, .h3, .h4, .navbar-toggler, h1, h2, h3, h4, html .navbar li a {
  font-family: AzoSans, sans-serif
}

body a {
  text-decoration: underline
}

body a:active, body a:focus, body a:hover, footer a, html .navbar li a, html .navbar li a:active, html .navbar li a:focus, html .navbar li a:hover {
  text-decoration: none
}

.h1, h1 {
  font-weight: 100;
  color: #e56b5c;
  margin-bottom: 2rem;
  line-height: 1.1;
  font-size: 2.5rem
}

@media (min-width: 768px) and (min-height: 850px) {
  .h1, h1 {
    font-size: 3.5rem
  }
}

.h2, h2 {
  font-weight: 400;
  margin: 1.5rem 0;
  line-height: 1.3;
  font-size: 1.5rem
}

@media (min-width: 768px) and (min-height: 850px) {
  .h2, h2 {
    font-size: 2rem;
    font-weight: 300
  }
}

.h3, h3 {
  font-size: 1.35rem;
  margin: 1rem 0;
  font-weight: 400
}

@media (min-width: 768px) {
  .h3, h3 {
    font-size: 1.65rem
  }

  .h3:not(.contact_list_detail_name), h3:not(.contact_list_detail_name) {
    background: url(../images/arrow-h3.svg) left top 3px no-repeat;
    padding-left: 62px
  }
}

#intro a h3, .t3-content #k2ModuleBox152 #k2FilterSelectors h3 {
  padding-left: 0;
  background: 0 0
}

.h4, h4 {
  font-size: 1.125rem
}

@media (min-width: 768px) and (min-height: 850px) {
  .h4, h4 {
    font-size: 1.3rem
  }
}

p {
  font-size: 1.125rem
}

@media (min-width: 768px) and (min-height: 850px) {
  p {
    font-size: 1.25rem
  }
}

ul.big {
  font-size: 1.5rem
}

footer > div {
  padding: 5.5rem 0 0
}

@media (min-width: 550px) {
  footer > div {
    padding-bottom: 0
  }

  footer > div .d-550-block {
    display: block !important
  }
}

.footer .arrow {
  transform: rotate(-75deg) translate3d(1px, -18px, 0);
  transform-origin: right top
}

.footer-links {
  margin: 0;
  padding: 0;
  max-width: 15rem
}

.footer-links li {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.footer-links li svg {
  float: right;
  transition: transform .2s ease-in-out
}

.footer-links li a {
  display: block
}

.footer-links li a:active svg, .footer-links li a:focus svg, .footer-links li a:hover svg {
  transform: translate3d(5px, 0, 0)
}

.footer-links li a:active svg path, .footer-links li a:focus svg path, .footer-links li a:hover svg path {
  fill: #89100c
}

.section-dark {
  background: #1b1c20;
  color: #fff
}

.section-dark a {
  color: #fff
}

.section-light {
  background: url(../images/bg-paper.jpg)
}

.section-light .h1, .section-light h1 {
  color: #89100c
}

.section-light a, .section-light a:active, .section-light a:focus, .section-light a:hover {
  color: #000
}

html .navbar.section-dark .navbar-toggler, html .navbar.section-dark li.active a {
  color: #fff
}

html .navbar.section-dark .navbar-toggler .line {
  background: #fff
}

html .navbar {
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
  padding: 0 1rem
}

html .navbar li {
  padding: .95rem .6875rem;
  position: relative;
  white-space: nowrap
}

html .navbar li.active a {
  color: #000
}

html .navbar li a {
  color: #e56b5c;
  font-size: 1.125rem;
  position: relative;
  background: 0 0 !important;
  font-weight: 400
}

html .navbar li a:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #e56b5c;
  transition: .2s ease-in-out
}

html .navbar li a:active:after, html .navbar li a:focus:after, html .navbar li a:hover:after {
  opacity: 1
}

html .navbar li a.active a {
  color: #89100c
}

html .navbar li a.active a:after {
  display: none !important
}

html .navbar .search-box {
  display: inline-block;
  position: relative
}

html .navbar .search-box input {
  background: #fff;
  border-radius: 10px;
  width: 161px;
  height: 34px;
  border: none;
  font-size: 1.125rem;
  padding: 0 2rem 0 .9rem
}

html .navbar .search-box button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  padding: 6px 8px 0;
  background: 0 0 !important
}

@media (min-width: 768px) {
  html .navbar .search-box button {
    padding-top: 4px
  }
}

html .navbar .search-box button:active .colored, html .navbar .search-box button:focus .colored, html .navbar .search-box button:hover .colored {
  stroke: #89100c
}

html .navbar .nav {
  margin: 0 2.75rem 0 auto
}

html .navbar li ul {
  display: none
}

html .navbar li.parent:hover {
  background: #fff
}

html .navbar li.parent:hover a {
  color: #e56b5c
}

html .navbar li.parent:hover ul {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  padding: .6875rem;
  list-style: none;
  background: #fff;
  line-height: 1.15;
  min-width: 150px
}

html .navbar li.parent:hover ul li {
  padding: 0;
  margin: 0 0 14px
}

html .navbar li.parent:hover ul li:last-child {
  margin-bottom: 0
}

html .navbar li.parent:hover ul ul {
  display: none
}

.navbar-toggler {
  text-transform: uppercase;
  color: #89100c;
  display: flex;
  align-items: center;
  font-weight: 700;
  padding: 0 .25rem 0 .75rem
}

.navbar-toggler span.icon {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 2px
}

.navbar-toggler .line {
  background: #89100c;
  display: block;
  width: 40px;
  height: 6px;
  border-radius: 4px;
  margin-bottom: 6px;
  transition: .3s ease-in-out
}

.navbar-toggler[aria-expanded=true] .line-1 {
  transform: translate3d(1px, 12px, 0) rotate(45deg)
}

.navbar-toggler[aria-expanded=true] .line-2 {
  opacity: 0
}

.navbar-toggler[aria-expanded=true] .line-3 {
  transform: translate3d(1px, -12px, 0) rotate(-45deg)
}

.navbar-collapse {
  height: auto !important
}

@media (max-width: 767px) {
  html .navbar {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  html .navbar .nav {
    margin-top: .5rem;
    margin-bottom: .8rem
  }

  html .navbar .search-box {
    margin-bottom: .7rem
  }

  html .navbar ul {
    display: block
  }

  html .navbar li {
    display: block;
    padding: 0;
    margin: 0 0 .3rem;
    background: 0 0 !important
  }

  html .navbar li ul {
    display: none !important
  }

  .navbar-collapse.show {
    display: block !important
  }
}

section > div {
  padding: 3.5rem 0
}

@media (min-width: 768px) and (min-height: 850px) {
  section > div {
    padding: 5.5rem 0
  }
}

main section:first-child > div {
  padding-top: 2.2rem
}

@media (min-width: 768px) and (min-height: 850px) {
  main section:first-child > div {
    padding-top: 3rem
  }

  main section:first-child:last-child > div {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
}

@media (min-width: 768px) {
  .big-image h1 {
    max-width: 50%
  }

  .big-image .thumbnail.pull-right {
    width: calc(50% - 60px);
    margin-bottom: 0
  }

  .big-image .thumbnail.pull-right img {
    width: auto;
    margin-top: -4.2rem
  }
}

@media (min-width: 768px) and (min-width: 768px) and (min-height: 850px) {
  .big-image .thumbnail.pull-right img {
    margin-top: -5.5rem
  }
}

.kontakt h2 {
  margin-top: 0
}

.t3-content #filterForK2Module152Form {
  background: #89100c
}

.t3-content #k2ModuleBox152 #k2FilterSelectors form {
  margin: 0;
  padding: 40px 20px 40px 20%
}

.t3-content #k2ModuleBox152 #k2FilterSelectors h3 {
  margin: 10px;
  font-size: 1rem
}

@media (min-width: 768px) and (min-height: 850px) {
  .t3-content #k2ModuleBox152 #k2FilterSelectors h3 {
    font-size: 1.125rem
  }
}

.t3-content #k2ModuleBox152 #k2FilterSelectors div.k2FilterSelect .k2FilterSelectInner {
  margin-bottom: 0
}

.t3-content #k2ModuleBox152 #k2FilterSelectors div.k2FilterSelect .k2FilterSelectInner label {
  color: #fff
}

.t3-content #k2ModuleBox152 #k2FilterSelectors .chzn-container-multi .chzn-choices .search-field {
  height: 40px;
  font-size: 14px
}

.t3-content #k2ModuleBox152 #k2FilterSelectors .chzn-container-multi .chzn-choices .search-field .default {
  color: #555
}

.t3-content #k2ModuleBox152 #k2FilterSelectors .chzn-container.chzn-container-single a {
  color: #000
}

.t3-content #k2ModuleBox152 #k2FilterSelectors .chzn-drop {
  width: 210px !important;
  margin-left: -15px
}

.t3-content #k2ModuleBox152 #k2FilterSelectors .chzn-container .chzn-results li {
  line-height: 30px;
  padding-left: 45px;
  background-size: 30px auto;
  background-position-x: 5px;
  background-position-y: 5px
}

.t3-content #k2ModuleBox152 div.k2FilterHeading {
  height: 43px;
  line-height: 43px;
  width: 100%;
  background-color: #89100c;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  padding-left: 12px;
  text-align: center;
  border-top: 1px solid #fff
}

.t3-content #k2ModuleBox152 #k2Container .k2-item {
  position: relative;
  clear: both
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper {
  box-sizing: border-box;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
  min-height: 100px;
  cursor: pointer
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-title {
  box-sizing: border-box;
  float: left;
  width: 20%;
  text-align: center;
  height: 100%;
  display: table
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-title .k2-inner {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #000
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-title .k2-inner h3 {
  line-height: 1.2em
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-icons {
  box-sizing: border-box;
  float: right;
  width: 80%;
  padding: 0 10px;
  text-align: center
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-icons .k2-item-icons-column {
  float: left
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-icons .k2-item-icons-column img {
  margin: 9px 10px 0
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-icons .k2-item-icons-column img.hide {
  display: none
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper:hover {
  background-color: #ccc
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper:hover h3 {
  text-decoration: underline
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields {
  display: none;
  float: left;
  width: 100%;
  box-sizing: border-box;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
  padding-top: 20px
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields .k2-item-extrafield {
  position: relative;
  width: 100%;
  clear: both
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields .k2-item-extrafield .k2-item-extrafield-inner {
  padding: 0 10px
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields .k2-item-extrafield .k2-item-extrafield-title {
  float: left;
  width: 25%;
  font-weight: 700;
  text-align: right
}

.t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields .k2-item-extrafield .k2-item-extrafield-value {
  float: right;
  width: 75%
}

.t3-content #k2ModuleBox152 #k2Container .k2-item:nth-child(odd) {
  background-color: rgba(0, 0, 0, .1)
}

.t3-content #k2ModuleBox152 #k2Container .k2-item:nth-child(even) {
  background-color: #e6e7e2
}

@media (max-width: 991px) {
  .t3-content #k2ModuleBox152 #k2FilterSelectors form {
    padding-left: 20px
  }

  .k2Filter div.k2FilterSelect {
    width: 100% !important
  }

  .chzn-container-multi .chzn-choices .search-field input {
    width: auto !important
  }

  .k2Filter div.k2FilterSelect .k2FilterSelectInner {
    margin-right: 0
  }

  .chzn-container {
    width: 100% !important
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields .k2-item-extrafield .k2-item-extrafield-value, .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-icons, .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-title {
    width: 100%
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-icons:after, .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper:after {
    content: '';
    clear: both;
    display: block
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper {
    height: auto !important
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-title .k2-inner {
    border-right: none;
    border-bottom: 1px solid #000
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-title .k2-inner h3 {
    font-weight: 700;
    text-decoration: underline
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-title .k2-inner h3:hover {
    text-decoration: none
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields .k2-item-extrafield .k2-item-extrafield-title {
    text-align: left;
    width: 100%
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields .k2-item-extrafield .k2-item-extrafield-inner {
    overflow-x: hidden;
    text-overflow: ellipsis
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-extrafields .k2-item-extrafield .k2-item-extrafield-inner iframe {
    max-width: 100%
  }

  .t3-content #k2ModuleBox152 #k2FilterSelectors .chzn-drop {
    margin-left: 0
  }

  .noResultsContainer {
    font-weight: 700;
    text-align: center;
    margin-top: 20px
  }

  .t3-content #k2ModuleBox152 #k2Container .k2-item .k2-item-upper .k2-item-icons .k2-item-icons-column img {
    max-width: 90%;
    margin-right: 5%;
    margin-left: 5%
  }
}

#records .swiper-wrapper {
  align-items: start
}

#records img {
  max-height: 20vh;
  width: auto
}

#records p {
  margin-top: .5rem;
  margin-bottom: 0
}

.contact_list_detail_imagebox_inner {
  position: relative
}

.contact_list_detail_imagebox_inner:hover .contact_list_detail_over {
  opacity: 1
}

.contact_list_detail_imagebox_inner .contact_list_detail_over {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, .6);
  padding: 0 0 0 35px;
  opacity: 0;
  transition: .3s
}

.contact_list_detail_imagebox_inner .contact_list_detail_linkedin {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10
}

.contact_list_detail_imagebox_inner:before {
  display: table;
  padding-top: 100%;
  content: ''
}

.contact_list_detail_box a {
  text-decoration: none
}

.contact_list_detail_box a p {
  margin-bottom: .55rem
}

.contact_list_detail_box a .contact_list_detail_imagebox_inner {
  moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: normal;
  -webkit-filter: grayscale(1);
  border-radius: 50%;
  max-width: 200px;
  margin: 0 auto
}

.contact_list_detail_box a .contact_list_detail_data {
  text-align: center
}

.contact_list_detail_box a:hover h3 {
  text-decoration: underline;
  color: #89100c
}

.contact_list_detail_box a .contact_list_detail_linkedin:hover, .contact_list_detail_box a:hover .contact_list_detail_imagebox_inner {
  moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: normal;
  -webkit-filter: grayscale(0)
}

.contact_list_detail_box .contact_list_detail_position {
  font-size: .875rem
}

.contact_list_detail_box .contact_list_detail_linkedin {
  moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: normal;
  -webkit-filter: grayscale(1);
  cursor: pointer
}

.contact_list_detail_box .contact_list_detail_linkedin:hover {
  moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: normal;
  -webkit-filter: grayscale(0)
}

.contact table.box td {
  padding: 0 .5rem 1rem 0
}

.contact table.box td:nth-child(even) {
  padding-right: 1rem
}

@media (max-width: 767px) {
  .contact .thumbnail.pull-right {
    margin: 0 20px 20px 0;
    float: left
  }

  .contact .position-detail {
    clear: left;
    float: left
  }
}

/* ==========================================================================
   Parita s Bootstrapem 4
   Design vznikl nad BS4.1. Tady se BS5 vrací tam, kde se od BS4 liší natolik,
   že by to bylo vidět. Třídy z BS4 v obsahu článků mají níž aliasy, takže
   obsah v databázi není potřeba přepisovat.
   ========================================================================== */

/* Mřížka: BS4 mělo mezery 30px a nejširší kontejner 1140px (BS5 24px a 1320px) */
.container, .container-fluid, .row { --bs-gutter-x: 30px; }
@media (min-width: 1400px) { .container { max-width: 1140px; } }

/* Odkazy: v BS4 bez podtržení */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Navbar: BS4 měl vodorovný padding 1rem */
.navbar { padding-left: 1rem; padding-right: 1rem; }

/* BS4.1 nechával SVG na účaří (BS5 je zarovnává na střed) */
svg { vertical-align: baseline; }

/* Kontejner systémových zpráv měl i prázdný odsazení 10px */
#system-message { margin-bottom: 10px; }

/* Ikony Font Awesome 3.2 (dřív z T3) — jen ty, které výstup komponent používá */
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.icon-search, .icon-chevron-left, .icon-chevron-right, .icon-plus, .icon-eye-open, .icon-calendar { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; }
.icon-search::before, .icon-chevron-left::before, .icon-chevron-right::before, .icon-plus::before, .icon-eye-open::before, .icon-calendar::before { display: inline-block; text-decoration: inherit; }
.icon-search::before { content: "\f002"; }
.icon-chevron-left::before { content: "\f053"; }
.icon-chevron-right::before { content: "\f054"; }
.icon-plus::before { content: "\f067"; }
.icon-eye-open::before { content: "\f06e"; }
.icon-calendar::before { content: "\f073"; }

/* BS5 dává všem potomkům .row šířku 100 %; prázdné info o článku v BS4 nezabíralo řádek */
.row > .article-info { width: auto; padding: 0; }

/* BS4: buňky tabulky s odsazením .75rem (BS5 .5rem) */
.table > :not(caption) > * > * { padding: .75rem; }

/* BS4: small = 80 % (BS5 87,5 %) */
small, .small { font-size: 80%; }

/* Tlačítko menu: BS5 přidává rámeček a stín při fokusu, BS4 tu rámeček neměl vidět */
.navbar-toggler { border-color: transparent; }
.navbar-toggler:focus { box-shadow: none; }

/* Šipky karuselů jsou teď <button> */
.swiper-control { background: none; border: 0; padding: 0; }

/* Aliasy tříd BS4 a BS2/3, které jsou v obsahu a v přepisech komponent */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
@media (min-width: 768px) {
	.text-md-left { text-align: left !important; }
	.text-md-right { text-align: right !important; }
}
.float-left, .pull-left { float: left !important; }
.float-right, .pull-right { float: right !important; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-italic { font-style: italic !important; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.form-group { margin-bottom: 1rem; }
.btn-block { display: block; width: 100%; }
.no-gutters { --bs-gutter-x: 0; }

/* Joomla 3 templates/system/css/system.css — jen to, co výstup komponent používá */
.element-invisible { position: absolute; padding: 0; margin: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.hidden { display: none; }
span.highlight { background-color: #ffc; font-weight: bold; padding: 1px 0; }

/* Mobil: tyto hodnoty dřív přidávaly responzivní styly T3 (Bootstrap 2), design s nimi počítá */
@media (max-width: 767px) {
	body { padding-left: 20px; padding-right: 20px; }
	.navbar .container { padding: 0; width: auto; }
	.row { margin-left: 0; }
	.navbar .mod-languages li { margin-left: 5px; margin-right: 5px; } /* dřív z media/mod_languages, načítalo se až po šabloně */
	h1 { font-size: 28px; line-height: 1.25; }
	h2 { font-size: 21px; line-height: 1.25; }
	h3 { font-size: 17.5px; line-height: 1.25; }
	h4, h5, h6 { font-size: 14px; line-height: 1.25; }
}