.max30 {
  width: 30vw;
  margin-left: auto;
  margin-right: auto;
}

.max50 {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.max1200 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/*.gridImgText (h2,obrazek,h3,text,button)
=======================================*/
.gridImgText {
  position: relative;
  z-index: 88888;
}

.gridImgText article {
  background: rgba(var(--whiteFull_tr), 1);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 99;
  padding-bottom: 60px;
}

/*header*/
.gridImgText article .headerBox {
  display: flex;
  flex-direction: column;
}

.gridImgText article .headerBox header,
.gridImgText article .headerBox header figure {
  height: 80px;
}

.gridImgText article .headerBox header {
  background: rgba(var(--white_tr), .75);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gridImgText article .headerBox header h2 {
  line-height: 1.1em;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0px;
  padding: 0 30px 0 20px;
  margin: 0;
}

.gridImgText article .headerBox header h2 a {
  color: rgba(var(--black_tr), 1);
  transition: all ease-in-out .3s;
}

.gridImgText article .headerBox header h2 a:hover {
  color: rgba(var(--primary_tr), 1);
}

.gridImgText article .headerBox header figure {
  background: rgba(var(--primary_tr), 1);
  color: rgba(var(--whiteFull_tr), 1);
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;

  min-width: 80px;
  max-width: 80px;
  position: relative;
  z-index: 77;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gridImgText article .headerBox header figure i {
  font-size: 2.5rem;
}

.gridImgText article .headerBox header figure::after {
  content: "\f0d9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  position: absolute;
  z-index: -1;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  font-size: 200%;
  color: rgba(var(--primary_tr), 1);
}

.gridImgText article .headerBox header figure img{
  width: auto;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
  object-fit: contain;
  transition: all ease-in-out 250ms;
  padding: 10px 0;
}

/*picture*/
.gridImgText article .headerBox picture {
  background: rgba(var(--whiteFull_tr), 1);
  height: 200px;
  overflow: hidden;
  position: relative;
  z-index: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.gridImgText article .headerBox picture img {
  width: auto;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
  object-fit: contain;
  transition: all ease-in-out 250ms;
}

.gridImgText article .headerBox picture img.iko {
  padding: 15px;
}

/*main*/
.gridImgText article .textBox {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.gridImgText article .textBox header,
.gridImgText article .textBox main {
  position: relative;
  z-index: 9;
  padding: 0;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}

.gridImgText article .textBox header {
  background: none;
  height: 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gridImgText article .textBox header h2,
.gridImgText article .textBox header h3,
.gridImgText article .textBox header h4 {
  line-height: 1.1em;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
}

.gridImgText article .textBox main p {
  line-height: 1.2em;
  text-align: center;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  height: 70px;
}

.gridImgText footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;

  position: absolute;
  bottom: 0px;
  z-index: 10;
  background: rgba(var(--whiteFull_tr), 1);
  padding-bottom: 0px;
  transform: translateY(0%);
}

.gridImgText footer .button {
  margin: 0;
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1440px) {
  .gridImgText article .headerBox header h2 {
    line-height: 1.1em;
    font-size: 1.1rem;
    padding-right: 15px;
  }
}

@media (max-width: 1200px) {
  .gridImgText .grid4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .gridImgText article .headerBox header h2 {
    line-height: 1.2em;
    font-size: 1.3rem;
    padding-right: 30px;
  }
}

@media (max-width: 810px) {
  .gridImgText .grid4 {
    display: block;
  }

  .gridImgText article {
    margin-bottom: 10px;
  }

  .gridImgText .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .gridImgText article .headerBox picture {
    height: auto;
    overflow: visible;
  }

  .gridImgText article .headerBox picture img.iko {
    padding: 50px;
    max-width: 70%;
    width: auto;
    height: auto;
  }

  .gridImgText article .textBox header,
  .gridImgText article .textBox main {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*.gridFullImg (obrazek+text-vlevo/vpravo)
========================================*/

.rtl {
  direction: rtl;
}
.rtl section{
  direction: ltr;
}

.gridFullImg header h2,
.gridFullImg header h3{
  font-size: clamp(1.5rem, 3vw, 2.6rem);
  font-weight: 400;
  line-height: 1em;
  margin-block: 20px; 
}
.gridFullImg picture {
  position: relative;
  display: block;
  height: 100%;
  background: rgba(var(--primary_tr), 1);
  background: rgba(var(--white_tr), 1);
}

.gridFullImg picture img {
  width: auto;
  width: 100%;
  height: 100%;
  object-position: 100% 50%;
  object-fit: cover;
  /*mix-blend-mode: exclusion;*/
}

.gridFullImg picture figcaption {
  position: absolute;
  bottom: 0;
  z-index: 89;

  font-size: 1em;
  font-weight: 300;
  padding: 10px 15px;
  color: rgba(var(--whiteFull_tr), 1);
  background: rgba(var(--blackFull_tr), .55);
}
.gridFullImg picture img.imgIn {
  position: absolute !important;
  top: 50%;
  left: 50%;
  z-index: 88;
  width: auto !important;
  height: auto !important;
  max-width: 25%;
  transform: translate(-50%, -50%);
  /*mix-blend-mode: normal;*/
  mix-blend-mode: screen;
}
.figRight {
  right: 0;
}

.figLeft {
  left: 0;
}

.gridFullImg .text-left *{
  text-align: left!important;
}
.gridFullImg article.text-left{
  padding-inline: 10vw!important
}
.gridFullImg article.text-left p{
  padding-inline: 0!important;
}

@media (max-width: 980px) {
  .gridFullImg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .gridFullImg article {
    min-height: auto;
    height: auto;
    padding-top: 3vw;
    padding-bottom: 3vw;
    margin: 0;
  }

  .revFlex {
    display: flex;
    flex-direction: column-reverse;
  }

}

/*.bgImgWrap
========*/
.bgImgWrap {
  min-height: 50vh;
  position: relative;
  overflow: hidden;
}

.bgImg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
}

.bgImg img {
  width: auto;
  width: 100%;
  height: 100%;
  background-position: 0% 0%;
  object-fit: contain;
  opacity: .1;
}

/*.infoBlock (slogany)
====================*/
.infoBlock {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
}

.infoBlock article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.infoBlock h1,
.infoBlock h2 {
  font-style: normal;
  font-size: 2em;
  line-height: 1.2em;
  font-weight: 600;
  margin: 6px 0;
}

.infoBlock h3,
.infoBlock h4 {
  font-style: normal;
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 10px;
}

.infoBlock form {
  padding: 10px 0;
  margin: 0 auto;
}

.infoBlock p {
  margin: 0;
  padding: 0;
}

.infoBlock .wpcf7-submit {
  top: auto !important;
  left: auto !important;
  position: relative !important;
  transform: translateX(30%);
  margin: 15px auto 0 !important;
  text-align: center !important;
  right: 0 !important;
}

.infoBlock .wpcf7-text {
  border: rgba(var(--whiteFull_tr), .7) 1px solid;
  background: rgba(var(--black_tr), .2);
  color: rgba(var(--whiteFull_tr), 1);
  font-size: 1em;
  padding: 10px;
  max-width: auto !important;
  min-width: auto !important;
  width: 90% !important;
}

.infoBlock ::placeholder {
  color: rgba(var(--whiteFull_tr), 1);
}

.infoBlock .wpcf7-submit {
  cursor: pointer;
  background: rgba(var(--primary_tr), 1);
  color: rgba(var(--white_tr), 1);
  padding: 12px 30px;
  text-decoration: none;
  text-align: center;
  z-index: 8;
  transition: all ease-in-out 250ms;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 20px auto;
  outline: rgba(var(--white_tr), .75) 1px solid;
  outline-offset: 1px;
  letter-spacing: 0px;
  border-radius: 100px;
  border: none;
}

.infoBlock .wpcf7-submit:hover {
  background: rgba(var(--whiteFull_tr), 1);
  color: rgba(var(--black_tr), 1);
}

@media (max-width: 600px) {
  .infoBlock {
    padding: 20px;
    font-size: .8em;
  }

  .infoBlock,
  .infoBlock header,
  .infoBlock article {
    display: block;
  }
}

/*.breadcrumbs
==============*/
.breadcrumbs {
  background: rgba(var(--blackFull_tr), .1);
  padding: 10px 0;
}

.breadcrumbs span {
  padding: 0 6px;
  font-size: 1em;
  font-weight: 500;
}

.breadcrumbs .current-item {
  font-weight: 700;
}

@media (max-width: 980px) {
  .breadcrumbs span:last-of-type {
    font-size: .725em !important;
    padding: 5px;

  }
}

/*.pagenavi
==========*/
.pagenavi {
  border-top: var(--light-grey) 1px solid;
  margin: 20px auto;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  clear: both;
  font-size: .9em;
}

.pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagenavi div {
  margin: 0 5px;
  overflow: hidden;
}

.pagenavi div a {
  display: block;
  background: var(--white);
  border: rgba(var(--black_tr), .04) 1px solid;
  color: var(--black);
  padding: 0px 20px;
  height: 45px;
  line-height: 45px;
  text-decoration: none;
  transition: all ease-in-out 250ms;
}

.pagenavi div a i {
  height: 45px;
  line-height: 45px;
  margin: 0 10px;
}

.pagenavi div a:hover {
  background: var(--secondary-color);
  color: var(--white);
  border-color: var(--secondary-color);
}

.pagenavi div.current a {
  background: var(--secondary-color);
  color: var(--white);
  border-color: var(--secondary-color);

}

.pagenavi::after,
.wp-pagenavi::after {
  content: "";
  clear: both;
  display: table;
}

@media (max-width: 1260px) {
  .pagenavi {
    font-size: .75em;
  }
}

@media (max-width: 1140px) {
  .pagenavi {
    display: block;
    width: 100%;
    text-align: center;
  }

  .pagenavi div i {
    display: none;
  }

}


/*===mapsCont===*/
/*kontakt-vedle-formu*/
.mapsCont {
  position: relative;
  padding: 25px;
  border-radius: 0px;
  background-image: url(../img/cr_tr.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.mapsCont h4 {
  font-weight: 900;
  font-size: 1.7em;
  line-height: 1em;
  padding: 6px 0;
}

.mapsCont ul {
  margin: 7px 0;
  position: relative;
}

.mapsCont ul li {
  margin-left: 140px;
}

.mapsCont ul::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.4em;
  position: absolute;
  left: 0%;
  top: calc(0% + -4px);
}

.mapsCont ul.address::before {
  content: "\f3c5";
}

.mapsCont ul.address::after {
  content: "Adresa: ";
  position: absolute;
  top: 0;
  left: 30px;
  font-weight: 400;
  font-size: 1.1em;
  text-transform: uppercase;
}

.mapsCont ul.phone::before {
  content: "\f2a0";
}

.mapsCont ul.phone::after {
  content: "Telefon: ";
  position: absolute;
  top: 0;
  left: 30px;
  font-weight: 400;
  font-size: 1.1em;
  text-transform: uppercase;
}

.mapsCont ul.mailto::before {
  content: "\f0e0";
  font-weight: 400;
}

.mapsCont ul.mailto::after {
  content: "Email: ";
  position: absolute;
  top: 0;
  left: 30px;
  font-weight: 400;
  font-size: 1.1em;
  text-transform: uppercase;
}

.mapsCont .social li {
  display: inline-flex;
  margin: 0;
}

.mapsCont .social li a {
  font-size: 1.4em;
  color: rgba(var(--black_tr), 1);
  margin: 0 5px;
}

.mapsCont .social li a:hover {
  color: rgba(var(--primary_tr), 1);
}

@media (max-width: 980px) {
  .mapsCont {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background: none;
  }

  .mapsOnly {
    margin-top: 20px;
    height: 50vh;
  }
}

/*============categoriesPlace=========
===================================*/
.categoriesPlace {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  justify-items: stretch;
  align-items: stretch;
  display: grid;
  grid-gap: .5em;
  /*grid-template-columns: repeat(auto-fit, minmax(calc(1400px / 4 - 2em),1fr));*/
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - 2em), 1fr));
}

.categoriesPlace figure {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: rgba(var(--white_tr), 1) 10px solid;
  background: rgba(var(--black_tr), .05);
}

.categoriesPlace figure figcaption {
  display: block;
  position: relative;
  z-index: 1;
}

.categoriesPlace figure h2 {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 50%;
  transform: translate(-0%, -50%);
  background: rgba(var(--white_tr), .75);
  padding: 10px 10px;
  font-weight: 700;
  font-size: 1.1em;
  text-transform: uppercase;
  transition: all ease-in-out 300ms;
  outline: rgba(var(--white_tr), .1) 10px solid;
  text-align: center;
}

.categoriesPlace figure:hover h2 {
  background: rgba(var(--white_tr), 1);
  z-index: 9999;
  transform: translate(-0%, -0%);
  top: 0;
  left: 0;
  right: 0;
  font-size: 1.3em;
}

.categoriesPlace figure::after {
  content: '';
  background: rgba(var(--primary_tr), .95);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translateY(100%);
  transition: all ease-in-out 250ms;
  position: absolute;
  z-index: 20;
  color: rgba(var(--white_tr), .5);
  font-size: 500%;

  display: flex;
  justify-content: center;
  align-items: center;
}


.categoriesPlace figure:hover::after {
  transform: translateY(0%);
  height: 100%;
}

.categoriesPlace figure a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 99;

  color: var(--white);
  font-size: 1.2em;
  text-decoration: none;
  background: none;
  padding: 5px 15px;
  text-align: center;
  white-space: nowrap;
  margin: 0 auto;
  display: none;
}

.categoriesPlace figure a small {
  display: block;
}

.categoriesPlace figure:hover a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(5%);
}



.categoriesPlace figcaption {
  position: relative;
}

.categoriesPlace figcaption::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;

  /*background: url(../img/logo_tr.png) center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .3;*/
}



.categoriesPlace img {
  width: auto;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 50% 50%;
  /*filter: grayscale(0%)  brightness(100%) opacity(90%);*/
  aspect-ratio: 4 / 4;
}

.categoriesPlace span img {
  width: 100%;
  object-fit: contain;
  filter: none;
}

.categoriesPlace figure:hover img {
  filter: grayscale(40%) brightness(80%);

}

@media (max-width: 1025px) {
  .categoriesPlace figure {
    display: block;
    height: auto;
    margin: 0 0 20px 0;
  }

  .categoriesPlace figure a::after {
    display: none;
  }
}

@media (max-width: 980px) {
  .categoriesPlace {
    grid-template-columns: repeat(auto-fit, minmax(calc(980px / 3 - 2em), 1fr));
  }
}


/*.summary
==========*/
.summary .summaryIn {
  display: flex;
  align-items: center;
  gap: 1em;
  padding-bottom: 20px;
  border-bottom: rgba(var(--black_tr), .1) 5px solid;
}

.summary div {
  width: 50%;
}

.summary div picture {
  width: 100%;
  display: block;
}

.summary div picture img {
  width: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 100%;
  transition: all ease-in-out 300ms;
  aspect-ratio: 4 / 3;
}

.summary div:last-of-type {
  padding: 10px 25px;
}

.summary header {
  margin: 20px 0;
  padding: 0;
}

.summary header h2 {
  font-size: 1.5em;
}

.summary header h3 {
  font-size: 1.2em;
}

.summary header h2,
.summary header h3 {
  font-weight: 500;
  margin: 0 0 15px;
  padding: 0;
  font-style: italic;
}

.summary main {
  font-size: .9em;
}

@media (max-width: 980px) {
  .summary .summaryIn {
    flex-direction: column-reverse;
  }

  .summary div {
    width: 100%;
  }

  .summary div:last-of-type {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .summary div picture img {
    aspect-ratio: 16 / 9;
  }
}


/*gridGallery
=============*/
.grid-gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.grid-gallery figure {
  margin: 0;
}

.grid-gallery figure img {
  display: block;
  width: 100%;
}

.grid-gallery figcaption h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

.grid-gallery figcaption p {
  margin: 5px 0;
  padding: 0;
  font-size: .75em;
  line-height: 1.1em;
}

.grid-wrap {
  width: calc(100% + 15px);
  margin: 0 auto;
  padding: 30px 0;
}

.grid {
  margin: 0 auto;
}

.grid li {
  width: calc(20% - 4px);
  float: left;
  cursor: pointer;
}

.grid figure {
  padding: 8px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.grid li:hover figure {
  opacity: 0.7;
}

.grid figcaption {
  background: #e4e4e4;
  padding: 25px;
}

@media screen and (max-width: 980px) {
  .grid-wrap {
    width: calc(100% + 0px);
  }

  .grid li {
    width: 33.3%;
  }
}

@media screen and (max-width: 580px) {
  .grid li {
    width: 49%;
  }
}

@media screen and (max-width: 420px) {
  .grid li {
    width: 100%;
  }
}


/*tabulky-ruzna-nastaveni*/
#cenik {
  margin-top: -70px;
}

.cenik table {
  margin: 15px 0;
  color: rgba(var(--black_tr), 1);
  width: 100%;
  box-sizing: border-box;
  font-size: 1.1em;
}

.cenik table td,
.cenik table th {
  padding: 10px 20px;
  text-align: left;
  vertical-align: middle
}

.cenik table td {
  width: 50%;
  border: rgba(var(--whiteFull_tr), 1) 1px solid !important;
}

.cenik table th {
  background: transparent;
  color: var(--white);
  font-weight: 700;
  border: none
}

.cenik table tr:first-child th {
  background: var(--secondary-color);
  border: rgba(var(--whiteFull_tr), .5) 1px solid;
  color: rgba(var(--whiteFull_tr), 1);
}

.cenik table th b,
table th strong {
  color: rgba(var(--whiteFull_tr), 1);
}

.cenik tr:nth-child(even) td {
  background: rgba(var(--white_tr), 1);
  color: rgba(var(--black_tr), 1);
}

.cenik tr:nth-child(odd) td {
  background: rgba(var(--white_tr), .4);
}

.cenik tr td:last-child {
  font-weight: 800;
}

.cenik table em {
  display: flex !important;
  flex-direction: column;
  font-style: italic;
}

.cenik .mb-6 {
  position: relative;
  top: -100px;
}

.cenik hr {
  position: relative;
  width: 120px;
  margin: 20px auto 20px;
  opacity: 100%;
  height: 5px;
  color: rgba(var(--black_tr), .1);
  overflow: visible;
}

.cenik hr::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: rgba(var(--primary_tr), 1);
  top: 0;
  left: calc(50% - 20px);
  transform: translateY(-2px);
}

.cenik a {
  text-decoration: none !important;
}

@media (max-width: 980px) {

  .cenik table th,
  .cenik table td {
    width: 100%;
    border: none !important;
    display: block;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cenik tr td:first-child {
    padding-top: 10px;
  }

  .cenik tr td:last-child {
    padding-bottom: 10px;
  }

  .cenik tr:nth-child(odd) td {
    background: rgba(var(--white_tr), .4);
  }

}

/*nas-tym*/
.tym .faq {
  padding: 0;
  margin: 0;
  margin-left: calc(20% + 10px);
}

.tym .faq .faq-list {
  padding: 0;
  margin: 0;
}

.tym .faq .faq-list .toggle-content {
  padding: 15px 30px;
  background: rgba(var(--white_tr), 1);
  border-radius: 20px;
  margin-top: 15px;
}

.tym .faq .faq-list ul li {
  padding: 5px;
  margin: 0;
  background: transparent;
}

.tym .faq .faq-list ul li a {
  padding: 0;
  margin: 0;
  font-size: 1.2em;
}

.tym .member .pic {
  overflow: hidden;
  width: 250px;
  border-radius: 50%;
}

.swiper {
  max-width: 1200px;
  padding: 0 10px;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  max-width: 1200px;
}

@media (max-width: 980px) {
  .swiper,
  .swiper-slide {
    max-width: 400px;
  }
}

.tym .testimonial-wrap {
  padding-left: 0px;
}

.tym .testimonial-item {
  box-sizing: border-box;
  padding: 10px 10px;
  margin: 20px auto;
  min-height: auto;
  max-width: auto;
  box-shadow: 0px 2px 12px rgba(44, 73, 100, 0.08);
  position: relative;
  background: rgba(var(--whiteFull_tr), 1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tym .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 10px;
  border: 6px solid #fff;
  position: relative;
  left: 0px;
}

.tym .testimonial-item div {
  height: 100%;
  width: calc(100% - 180px);
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

}

.tym .testimonial-item div h4,
.tym .testimonial-item div p {
  padding: 0;
  margin: 0;
}

.tym .testimonial-item div p {
  font-size: .9em;
}

@media (max-width: 600px) {
  .tym .d-flex {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
  }

  .tym .member .pic {
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 25px;
  }

  .tym .faq {
    margin-left: 20px;
  }

  .tym .faq,
  .tym .faq .faq-list,
  .tym .faq-list ul,
  .tym .faq-list li,
  .tym .member,
  .tym .faq h4,
  .tym .faq h6,
  .tym .faq p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .tym .member .faq-list {
    padding: 10px 15px !important;
  }

  .tym .faq .faq-list .toggle-content {
    padding: 0;
    background: transparent;
    border-radius: 0px;
  }

  .tym .member,
  .tym .member-info {
    box-shadow: none;
    padding: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 0;
  }

}

/*ellipsis*/
.eps-one
.eps-two,
.eps-three {
  padding: auto !important;
  line-height: auto !important;
}



/*portrait*/
.portrait .member .pic {
  overflow: hidden;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  border: rgba(var(--whiteFull_tr), .7) 5px solid;
  box-shadow: 2px 2px 0 rgba(var(--blackFull_tr), .1);
  padding: 0;
  margin: 0 .2em;
}

.portrait .member .pic img {
  width: auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /*object-fit: contain;*/
  object-position: 50% 20%;
  /*LR,TB*/
  transition: all ease-in-out 300ms;
}

.portrait .member .pic img:hover {
  transform: scale(1.1);
}

@media (max-width: 810px) {
  .portrait {
    display: none;
  }
}

/*minusove-marginy*/
.mt--50 {
  margin-top: -50px !important;
}
.mt--75 {
  margin-top: -75px !important;
}
.mt--100 {
  margin-top: -100px !important;
}
.mt--150 {
  margin-top: -150px !important;
}
.mt--200 {
  margin-top: -200px !important;
}
.mt--250 {
  margin-top: -250px !important;
}
.mt--300 {
  margin-top: -300px !important;
}
.mb--12 {
  margin-bottom: -12px !important;
}
.mb--15 {
  margin-bottom: -15px !important;
}
.mb--50 {
  margin-bottom: -50px !important;
}
.mb--75 {
  margin-bottom: -75px !important;
}
.mb--100 {
  margin-bottom: -100px !important;
}

.mb--150 {
  margin-bottom: -150px !important;
}

.mb--200 {
  margin-bottom: -200px !important;
}
.mb--400 {
  margin-bottom: -400px !important;
}

@media (max-width: 810px) {
  .mt--50,
  .mt--75,
  .mt--100,
  .mt--150,
  .mt--200,
  .mt--250,
  .mt--300,
  .mb--12,
  .mb--15,
  .mb--50,
  .mb--75,
  .mb--100,
  .mb--150,
  .mb--200,
  .mb--400 {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt--200 {
    margin-bottom: -100px !important;
    margin-top: -45px !important;
  }
  .mt--250 {
    margin-bottom: 0 !important;
    margin-top: -200px !important;
  }
}

.img-foot,
.img-half {
  width: calc(100vw - 10%);
  overflow: hidden;
  position: relative;
  z-index: -1;
  margin: 0 auto;
  mix-blend-mode: multiply;
  isolation: isolate;
}
.img-foot img {
  width: auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}
.img-half{
  width: calc(50vw - 10%);
}

@media (max-width: 810px) {
  .img-foot {
    height: auto;
    max-height: auto;
  }
  .img-half{
    display: none;
  }
}

.noFooterImage .mb--200{
  margin: auto!important;
}

.imgFull{
  min-height: 500px;
}
.imgFull img {
  width: auto;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
  object-fit: cover;
  transition: all ease-in-out 250ms;
}

.all-clients img{
  max-height: 300px;
  width: auto;
}
.multiply{
  mix-blend-mode: multiply;
}

/* info-block-start area
========================*/
.info-block-area {
  background: rgba(var(--primary_tr), 1);
  padding: 0;
}
.info-block-area-secondary{
  background: rgba(var(--secondary_tr), 1);
}
.info-block-start {
  min-height: 115px;
  padding: 30px 0 0 30px;
}
@media (max-width: 575px) {
  .info-block-start {
    text-align: center;
    padding: 30px 0;
    min-height: auto;
  }
}
.info-block-start h3 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 5px;
}

.info-block-start h4 {
  color: #fff;
  font-size: 24px;
  margin: 0;
}
.info-block {
  background: rgba(var(--secondary_tr), 1);
  position: relative;
  min-height: 115px;
  padding: 15px 0 0 50px;
}
.info-block-area-secondary .info-block{
  background: rgba(var(--primary_tr), 1);
}
.info-block-info p{
  font-size: 1.2em;
}
@media (max-width: 767px) {
  .info-block {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .info-block {
    padding: 30px 5px 15px 5px;
    min-height: auto;
    text-align: center;
  }
}
.info-block:after {
  content: "";
  position: absolute;
  background: rgba(var(--secondary_tr), 1);
  display: block;
  width: 100%;
  height: 100%;
  right: -100%;
  top: 0;
}
.info-block-area-secondary .info-block:after {
  background: rgba(var(--primary_tr), 1);
}

/* Clients */
.clients-logo {
  margin: 0 0 30px;
  border: 1px solid #dadada;
  min-height: 105px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.clients-logo img {
  filter: grayscale(100%);
  filter: gray;
}

/*--------------------------------------------------------------
# ikony
--------------------------------------------------------------*/
.navDoc ol li{
  position: relative;
  list-style-type: none!important;
  padding: 5px;
  font-weight: 600;
}
.navDoc ol li span{
  font-style: italic;
  font-weight: 400;
  color: rgba(var(--black_tr), .6);
}
.navDoc ol li::before{
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  color: rgba(var(--secondary_tr), 1);
}