/*
 * Copyright (c) 2020. Button Systems, s.r.o. www.buttonsystems.eu
 */
[class*='uk-close'] svg,
[class*='uk-modal-close-'] svg {
   width: 14px;
   height: auto;
 }
 /* close button bolder, color change  */
 .uk-close.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
   stroke: #6D6F70;
   stroke-width: 2;
 }
 [class*='uk-modal-close-'] {
     top: 24px;
     right: 24px;
 }

 .wrap:blank ,
 .wrap:empty,
 p:empty {
   display: none;
 }
 .uk-width-3-4 {
    width: calc(100% / 3);
}
.blog__grid.uk-slider-items {
  translate: none !important;
}
.uk-slidenav-next.arr svg {
  width: 26px;
  height: 26px;
  color: #A3A8AA;
  transform: translate(31px, 0px);
}
.uk-slidenav-previous.arr svg {
  width: 26px;
  height: 26px;
  color: #A3A8AA;
  transform: translate(-31px, 0px);
}
.uk-dotnav a:empty {
    display: block;
}
.uk-dotnav a {
      box-sizing: border-box;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: transparent !important;
      text-indent: 100%;
      overflow: hidden;
      white-space: nowrap;
      border: 1px solid rgba(102,102,102,0.4) !important;
      transition: .2s ease-in-out;
      transition-property: background-color,border-color;
}
.uk-dotnav>.uk-active>a {
    background-color: rgba(102,102,102,0.6) !important;
    border-color: transparent !important;
}
.uk-dotnav .uk-active a {
  background-color: #212526 !important;
}
.uk-dotnav a {
  background-color: #CDD3D7 !important;
  border: none !important;
}
.ps-prosightPeople .uk-dotnav li.uk-active a {
  background: white !important;
}
.ps-prosightPeople .uk-dotnav li a {
  background: #6D6F70 !important
}
.ba-cards {
    padding: 8px 0 0 0;
}

 hr {
     background: #CDD3D7;
     display: block;
     float: none;
     grid-column: 2;
     margin: 96px 0;
     height: 1px;
 }
 strong.eyebrow {
    display: block;
    width: 100%;
    grid-column: 2;
    text-align: center;
    margin-bottom: 16px;
}
.uk-icon.angle {
    transform: rotate(-45deg) scale(1.25);
}
.uk-accordion-title:hover, .uk-accordion-title:focus {
    color: #333;
}
.uk-height-medium {
    overflow: hidden;
}
.uk-height-medium.tall img {
    transform: translateY(-30%);
}
.uk-accordion-title::before {
    width: 24px;
    height: 24px;
}
.uk-open > .uk-accordion-title::before, .uk-accordion-title::before {
    transition: all.3s ease-in-out;
}
/* Odstran popisku z hamburger */
nav button.navbar-toggle .sr-only {
  display: none;
}

.h1-404,
.wrap-404 {
  padding-top: 96px;
}
.h1-404 {
  padding-top: 32px;
}
.error404 .wrap p {
  margin: 0;
}
.error404 .ps-services h2 {
  margin: 48px auto 8px auto;
}
.wrap-404 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 128px;
}
.wrap-404 .wrap-404__card {
  display: flex;
  flex-direction: column;
}
.wrap-404 .wrap-404__card img {
	max-width: 80px;
	margin: 0 auto;
}
.wrap-404 .wrap-404__card a {
	color: #1C77FE;
}
.wrap-404 .wrap-404__card > span {
  display: block;
  margin: 8px 0 16px 0;
}
.wrap-404 .wrap-404__card .uk-search-default {
    min-width: 70%;
    margin: 0 auto;
}
.wrap-404 .wrap-404__card form input:valid,
.wrap-404 .wrap-404__card form textarea:valid {
    background: white;
    padding: inherit;
    padding-left: 8px;
    border: 1px solid var(--black12);
}
div.wpforms-container-full {
    margin-bottom: 0 !important;
}
figure.wp-block-image {
  margin: 0;
  margin-bottom: 48px;
}
figure.wp-block-image figcaption {
	font-size: 15px;
	line-height: 24px;
	margin: 20px 0 16px 0;
	color: #6D6F70;
	text-align: center;
	position: relative;
}
figure.wp-block-image figcaption:after {
    content: "";
    position: absolute;
    height: .75px;
    width: 350px;
    background: #D9DCDE;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
}
.ba-banner picture {
    margin: 48px 0;
}

.uk-open > .uk-accordion-title::before,
.uk-accordion-title::before {
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iYWRkLTI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO30NCgkuc3Qxe2ZpbGw6IzFDNzdGRTt9DQo8L3N0eWxlPg0KPHBhdGggaWQ9IlBhdGhfNTY1IiBjbGFzcz0ic3QwIiBkPSJNMCwwaDI0djI0SDBWMHoiLz4NCjxwYXRoIGlkPSJQYXRoXzU2NiIgY2xhc3M9InN0MSIgZD0iTTE5LDEzaC02djZoLTJ2LTZINXYtMmg2VjVoMnY2aDZWMTN6Ii8+DQo8L3N2Zz4NCg==');
}
.uk-open > .uk-accordion-title::before {
	transform: rotate(45deg);
}

.uk-accordion > :nth-child(n+2) {
    margin-top: 0;
}
.uk-grid > * {
	padding: 0;
}
.uk-grid {
    margin-left: 0;
}
.dark .uk-card-default {
	border: 1px solid transparent;
}
.uk-breadcrumb {
    font-size: 13px;
    color: #DEDEDE;
	padding-bottom: 48px;
}
footer .uk-breadcrumb > * > * {
	font-size: 13px;
	line-height: 2.5;
}
.uk-breadcrumb > * {
    flex: none;
    line-height: 1.5;
}
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
	margin: 0 10px;
}
* + ul {
    margin-top: 0;
}
.uk-subnav > * {
    padding-left: 0;
}
.ps-partners__card .uk-slider a.uk-position-small {
	margin-left: 0;
	margin-right: 0;
  padding: 0 !important;
}
.ps-partners__card .uk-slider a.uk-position-small.uk-slidenav-next {
	margin-left: -36px;
}
.ps-wp__override {
  margin-top: 0;
}
.ps-wp__override .wp-block-columns .wp-block-column:first-child {
    margin-right: 64px;
}
.ps-wp__override .wp-block-columns {
	margin-bottom: 96px;
  display: flex;
  align-items: center !important;
}
.wp-block-column:not(:first-child) {
	    margin-left: 0;
}
.wp-block-column p a {
  font-weight: 600;
}
.wp-block-column figure img {
	width: 100%;
}
.ps-wp__override .wp-block-columns:last-child {
    margin-bottom: 0 !important;
}

.ps-partners__card .uk-slider a.uk-position-small.uk-slidenav-next,
.ps-partners__card .uk-slider a.uk-position-small.uk-slidenav-previous {
  padding: 10px 3px!important;
}
.ps-partners__card .uk-slider a.uk-position-small.uk-slidenav-previous svg,
.ps-partners__card .uk-slider a.uk-position-small.uk-slidenav-next svg {
  max-height: 17px;
}

.test-block {
	    background: #212526;
    padding: 250px;
    margin: 100px 0 128px 0;
}
article section p:empty {
	margin: 0;
}
.wp-block-gallery {
    margin: 0 auto;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}
.ps-wp__override.ps-wp__override-gallery {
	margin-bottom: 0;
}
.ps-wp__override.ps-wp__override-gallery .wrap {
	width: 100%;
}
.wp-block-image img {
    width: 100%;
}
.uk-subnav-pill > .uk-active > a {
	background-color: transparent;
}
.uk-subnav-pill > * > :first-child {
    font-weight: 900;
}
.ps-wp__override .ba-counter .wrap {
    text-align: center;
}
.ba-counter {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 0;
    padding-bottom: 128px;
}
.wp-block-button__link:empty {
    display: none;
}
.wp-block-kadence-advancedgallery  {
	margin-bottom: 96px;
}
.thankyou {
   text-align: center;
   max-width: 530px;
   margin: auto;
}
.thankyou h1 {
	font-size: 28px;
    margin: 16px 0;
}
.thankyou p {
	font-size: 16px;
	line-height: 26px;
	padding-bottom: 32px;
}
.form__contact--inline button {
  transition: all .25s ease;
}
.form__contact--inline button:hover {
  background: var(--blue-btn-hover);
  color: white;
  transition: all .25s ease;
}
.mb-96 {
    margin-bottom: 96px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------MEDIA QUERIES--------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

/* @media all and (min-width: 959px) { */
@media all and (min-width: 1120px) {
    .uk-card-body {
        padding-left: 0;
        padding-right: 0;
    }
}

/* @media (max-width: 959px) { */
@media (max-width: 1120px) {
    .footer-cols {
        grid-gap: 0;
    }
    .marketing-block__content h4 {
        font-size: 24px;
    }
    section.ps-services h2 {
        max-width: 100%;
        font-size: 32px;
        line-height: 38px;
        margin: 16px 0 48px 0;
    }
    .ps-benefits {
        padding: 64px 0 64px 0;
        margin-bottom: 64px;
    }
    .ps-benefits h3 {
        padding: 16px 0 64px 0;
    }
    .ps-faq ul li a {
        border-top: 1px solid #DEDEDE;
        padding: 24px 0;
    }
    .uk-accordion > :nth-child(n+2) {
        margin-top: 0;
    }
    .footer-cols {
        grid-template-columns: 1fr;
    }
    .ps-marketing-blocks .wrap {
        grid-template-columns: 1fr;
    }
    .ps-partners__card {
        grid-template-columns: 100%;
    }
    .ps-cta .wrap {
        padding: 0;
    }
    .ps-authorShare__share {
        display: none;
    }
    .ps-authorShare .wrap {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .ps-authorShare__author {
        grid-template-columns: 1fr;
        justify-items: center;
        grid-gap: 16px;
    }
    .ps-authorShare__author p {
        text-align: center;
        line-height: 1.2;
    }

    .ps-certificates .certificates__grid {
        grid-template-columns: 1fr;
    }
    .ps-gallery__grid {
        grid-template-columns: 1fr;
    }
    .ps-discussion {
        padding: 1rem 0 1rem 0
    }
    .ps-share {
        padding: 64px 0 16px 0;
        margin-bottom: 0px;
    }
    .ps-discussion .wrap,
    .ps-share .wrap {
        padding: 7px;
        justify-content: center;
        align-items: center;
        display: block;
    }
    .ps-share .wrap {
        padding: 10px;
    }
    .ps-discussion {
        padding: 0;
        margin: 0 0 64px 0;
    }
    .marketing-block__content {
        max-width: 65%;
    }
    .ps-blog.bg {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    .uk-button {
        font-size: 0.95rem;
    }
    .ps-services__cards {
        grid-template-columns: 1fr;
        width: var(--width100-560);
    }

    .ps-services {
        padding-top: 3em;
    }

    .ps-services__cards .ps-services__card {
        align-items: center;
		    padding: 16px 24px;
    }

    .ps-services__cards .ps-services__card p .uk-button {
        margin-top: 0.5rem;
    }

    .ps-benefits .benefits__grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        width: var(--width98-560);
        margin: 0 auto;
    }

    .ps-benefits .benefits__card {
        grid-template-columns: 20% 80%;
    }

    .ps-faq ul {
        width: var(--width100-560);
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .ps-analysis .wrap {
        max-width: none;
        margin: 0 auto;
        width: var(--width100-560);
    }

    .ps-kariera .kariera__grid {
        width: var(--width100-560);
        grid-template-columns: 1fr;
        margin: 0 auto;
    }
    .ps-results {
      padding-top: 64px;
      padding-bottom: 64px;
    }
    .ps-results .ps-results__cards {
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 48px;
      grid-column-gap: 12px;
    }
    .ps-prosightPeople__slide b, .ps-prosightPeople__slide p {
        color: white;
        font-size: 100%;
    }
    .ps-prosightPeople__slide img {
        padding: 0;
    }
    .ps-prosightPeople .uk-slideshow-items {
        min-height: 470px !important;
    }
    .prosightPeople__grid {
        grid-template-columns: 1fr;
    }

    .staffCard__modal-content {
        grid-template-columns: 1fr;
        grid-gap: 1.4rem;
    }
    .ps-prosightPeopleGallery h3 {
        text-align: center;
        margin-top: 18px;
        margin-bottom: -20px;
    }
    .prosightPeople__card b {
      font-size: 18px;
      line-height: 25px;
    }
    .prosightPeople__grid h3 {
      font-size: 28px;
      line-height: 34px;
      max-width: 90%;
    }
    .blog__grid {
        grid-template-columns: 1fr;
    }

    .uk-card-body {
        padding: 30px 0px;
        padding-bottom: 80px;
    }

    .featured__grid {
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }

    .featured__grid img {
        min-height: 16vh;
        position: relative;
        object-fit: contain;
    }

    .featured__grid h3 {
        margin-top: 12px;
        font-size: calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
    }

    .featured__content img {
        width: auto;
        height: auto;
    }

    .featured__grid .blog__author img {
        width: 45px;
        height: 45px;
        display: block;
        min-height: 45px;
    }

    .ps-featured {
        padding: 3em 0 0 0;
    }

    .uk-navbar-nav {
        flex-wrap: wrap;
    }

    .ps-filter {
        padding: 0;
        text-align: center;
    }
    .ps-filter .uk-navbar-nav {
        padding-top: 32px;
        padding-bottom: 40px;
    }
    .ps-filter .uk-navbar-nav {
        padding-bottom: 0rem;
    }
    .ps-filter .uk-navbar-nav {
        display: flex;
        justify-content: center;
    }
    .ps-filter .uk-navbar-nav a {
        padding: .5rem .5rem;
        margin: 0;
    }
	.ps-benefits .benefits__card p {
		font-size: 20px;
	}
	.ps-benefits .benefits__card p span {
    	font-size: 15px;
	}
	.ps-faq {
     padding-bottom: 0;
     margin-bottom: 64px;
	}
	.ps-contactUs {
    padding-bottom: 0;
	}
  section.ps-blog {
    margin-bottom: 0;
    /* margin-bottom: 64px; odstranene kvoli https://buttonsystems.atlassian.net/browse/PO-212 */
    margin-top: 64px;
  }
  .blog__grid {
    grid-gap: 16px;
    margin-bottom: 0;
  }
  .ps-blog .uk-button.uk-button-text {
    padding-top: 0;
    padding-bottom: 16px;
    display: grid;
    grid-template-rows: auto 16px;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }
  .ps-blog.aboutUs .uk-button.uk-button-text {
    grid-template-rows: inherit;
    grid-template-columns: max-content 16px;
    grid-column-gap: 8px;
  }

  a#readmoreblogsrun:after {
      transform: rotate(90deg);
  }
  .ps-blog a#readmoreblogsrun:after {
      transform: rotate(0deg);
  }
  .dark section.ps-blog {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    /* odstranene kvoli https://buttonsystems.atlassian.net/browse/PO-212 */
  }
  .blog__card .featured__excerpt {
      padding-bottom: 32px;
  }
  .blog__card .uk-card-body {
      padding: 16px 0 0 0;
  }
  .ps-blog .blog__grid .blog__card .uk-card-default{
    padding-bottom: 0;
  }
}

@media all and (min-width: 450px) and (max-width: 1120px) {
    .prosightPeople__grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media all and (min-width: 450px) and (max-width: 768px) {
    .prosightPeople__grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media all and (max-width: 568px) {
	.ps-services__cards .ps-services__card {
        grid-template-columns: auto 1fr;
        grid-column-gap: 24px;
	}
	.ps-services__cards .ps-services__card img {
    	top: 0;
	}
	.ps-services__cards .ps-services__card p .uk-button {
		margin-top: 0;
	}
	.ps-services__cards {
		grid-gap: 16px;
	}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Pridat do BA Styles */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
.ba-cards {
    margin-bottom: 96px;
}
.ba-counter .ba-counter__card span {
    line-height: 21px;
}
.ba-counter .ba-counter__card {
    padding: 0;
}
.ba-counter .wrap {
    width: 100%;
}
.ps-results {
  margin-bottom: 96px;
}
.ba-counter .ba-counter__card h2 span {
  line-height: 60px;
}
.ba-counter .ba-counter__card h2 {
  margin-bottom: 8px;
}
.ba-card h4 {
  font-size: 36px;
  line-height: 43px;
  font-weight: 900;
  margin-top: 8px;
  margin-bottom: 16px;
}
.ba-card__content {
    max-width: 52%;
}
#breadcrumbs:empty {
  display: none;
}
.ba-slider .eyebrow {
    transform: none;
    margin-bottom: 16px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Navigation animation */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
#btn__navigation_mobile {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
#btn__navigation_mobile span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#btn__navigation_mobile span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#btn__navigation_mobile span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#btn__navigation_mobile span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#btn__navigation_mobile.is_open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}
#btn__navigation_mobile.is_open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#btn__navigation_mobile.is_open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}
#btn__navigation_mobile.is_open.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}

/* ---------------------------------------------------------------------------------- */
/* -------------------------------- CARDS TO SLIDER --------------------------------- */
/* ---------------------------------------------------------------------------------- */

.slider-on-mobile {
    max-width: 100vw;
    margin: auto;
    display: grid;
    grid-gap: 32px;
    grid-template-columns: repeat(4, 1fr);

    width: 100%;

    /* Cards centered 1/4 or 1/3 width, flex solution */
    /* display: flex;
    gap: 32px;
    justify-content: center; */
}

.ps-references-customers .slider-on-mobile {
    display: block;
}
.slider-on-mobile .panel {
    display: inline-block;
    margin: 0;
    border: 1px solid white;
    width: 100%;
}
/* different for blog */
.ps-blog .slider-on-mobile {
    max-width: 100vw;
    margin: auto;
    width: 100%;
    display: flex;
    gap: 32px;
    justify-content: center;
}
.ps-blog .slider-on-mobile .panel {
    display: inline-block;
    margin: 0;
    border: 1px solid white;
    border: none;
    width: max(calc(100% / 3), calc(100% / 4));
    justify-self: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    content: '•';
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: .25;
    color: black;
}
*:focus {
    outline: none;
}
.certificates__card {
    height: 100%;
    margin: auto;
}
.slick-track {
    display: flex;
}
@media all and (max-width: 1120px) {
    .slider-on-mobile {
        max-width: 530px;
        max-width: 100%;
        width: 100%;
        display: block;
        margin: 2em auto;
        overflow: hidden;
    }
    .slider-on-mobile {
        display: block;
    }
}
.wp-block-embed iframe {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%
}
figure.is-type-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
figure.is-type-video .wp-block-embed__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------------------------------------------- */
/* -------------------------------- GALLERY  ---------------------------------------- */
/* ---------------------------------------------------------------------------------- */
.slbOverlay {
    opacity: 1;
}
.uk-modal-body {
  padding: 40px 0;
}
/* Centrovanie BTN na stred */
.wp-block-buttons.aligncenter {
  justify-content: center;
}
.ps-values .wrap .uk-switcher li img {
  max-width: 320px;
}
.uk-modal-dialog {
 width: auto;
 max-width: 730px;
}


/* ------------------------------------------------------------ Safari ------------------------------------------------------------  */

/** Safari 9+. Even supported in Safari 13+! */
@supports (background: -webkit-canvas(squares)) {
  .ps-blog .slider-on-mobile .panel{
     margin: 0 16px;
     margin: 0 .9vw;
  }
  .ps-newsletter{
     padding: 64px;
  }
  .ps-blog .slider-on-mobile .panel{
     margin-right: 30px;
  }
  .ps-blog .slider-on-mobile .panel{
     margin-right: 0;
  }
  /* .uk-navbar .uk-navbar-nav > li.white > a {
		background-position: -41px 3px;
	} */
  .ps-wp__override .wp-block-columns .wp-block-column:first-child {
    margin-bottom: 25px;
  }
}

/*-------------------------------------------------- Safari fix --------------------------------------------------*/
.ps-blog .slider-on-mobile .panel:not(:root:root){
   margin-right: 30px;
}
.ps-blog .slider-on-mobile .panel:last-child {
   margin-right: 0;
}
/*-------------------------------------------------- Safari fix end --------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* 1120px Dodatocne fixes additional */
 @media all and (max-width: 1120px) {

 }

.navbar-w {
   z-index: 980;
   box-sizing: border-box;
   margin: 0 !important;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   position: relative;
   display: grid;
   width: 100vw;
   grid-template-columns: var(--grid-layout-base);
   background: var(--black);
 }
 .uk-navbar-nav > li.white {
     margin-left: 16px;
     width: max-content;
 }

 /*-------------------------------------------------- PPS-293 custom pages and Banners --------------------------------------------------*/

 section.ba-banner {
    margin-bottom: 32px;
    margin-top: 32px;
}
section.ba-banner .wrap a.ba-banner {
    position: relative;
    overflow: hidden;
    padding-top: 48px;
    padding-bottom: 48px;
    overflow: hidden;
    color: black;
    display: grid;
    grid-template-columns: var(--grid-layout-base);
}
section.ba-banner a.ba-banner picture {
    position: absolute;
    z-index: -1;
    margin: 0;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
section.ba-banner__slim a.ba-banner h2, 
section.ba-banner__slim a.ba-banner p {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}
section.ba-banner__slim a.ba-banner p {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}
section.ba-banner a.ba-banner h2 {
    text-transform: uppercase;
    font-size: clamp(3rem, -4vw + 5.4rem, 4.5rem);
    line-height: 1;
    max-width: 730px;
    font-weight: 900;
}
section.ba-banner a.ba-banner * {
    grid-column: 2;
}
section.ba-banner a.ba-banner picture img {
    width: 100%;
    height: 100%;
}


 .ps-wp__override section.ba-banner  a.ba-banner {
   color: black;
   display: grid;
   grid-template-columns: var(--grid-layout-base);
 }
 .ps-wp__override section.ba-banner__wide a.ba-banner {
   width: 100vw;
   position: relative;
   left: 50%;
   right: 50%;
   margin-left: -50vw;
   margin-right: -50vw;
 }
 .ps-wp__override section.ba-banner  a.ba-banner * {
   grid-column: 2;
 }
 .ps-wp__override section.ba-banner a.ba-banner h2,
 .ps-wp__override section.ba-banner a.ba-banner p {
  max-width: 730px;
 margin-left: auto;
 margin-right: auto;
 }
 .ps-wp__override section.ba-banner a.ba-banner p em,
 .ps-wp__override section.ba-banner a.ba-banner h2 {
 text-transform: uppercase;
 }
 .ps-wp__override section.ba-banner a.ba-banner p em {
 background: black;
 color: white;
 display: block;
 padding: 4px;
 }
 .ps-wp__override section.ba-banner a.ba-banner h2 {
     text-transform: uppercase;
     font-size: clamp(3rem, -4vw + 5.4rem, 4.5rem);
     line-height: 1;
     max-width: 730px;
     font-weight: 900;
 }
 .ps-wp__override section.ba-banner .wrap a.ba-banner {
     position: relative;
     overflow: hidden;
     padding-top: 48px;
     padding-bottom: 48px;
     overflow: hidden;
 }
 .ps-wp__override section.ba-banner a.ba-banner picture {
    position: absolute;
    z-index: -1;
    margin: 0;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.ps-wp__override section.ba-banner.ba-banner__wide a.ba-banner picture {
      grid-column: 1;
}
.ps-wp__override section.ba-banner a.ba-banner picture img {
   object-fit: cover;
  height: 100%;
}
.ps-wp__override section.ba-banner.ba-banner__wide a.ba-banner picture img {
  width: 100%;
  object-position: center;
}
.ps-wp__override section.ba-banner__slim a.ba-banner h2,
.ps-wp__override section.ba-banner__slim a.ba-banner p {
    padding-left: 20px;
    padding-right: 20px;
}
.ps-wp__override section.ba-banner__slim a.ba-banner p {
    margin-bottom: 0;
  }
.ps-wp__override  section.ba-banner {
  margin-bottom: 32px;
}

@media all and (max-width: 768px) {
 .ps-wp__override section.ba-banner.ba-banner__wide {
      width: 100vw;
      left: -20px;
      position: relative;
  }
  .ps-wp__override section.ba-banner.ba-banner__slim {
      margin-bottom: 32px;
      left: -40px;
      position: relative;
  }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*-------------------------------------------------- INLINE F4 FORMULAR v Banner --------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.ps-header-form__inline .pl-form {
    padding: 0;
    max-width: 100%;
    margin: 0;
    margin-top: 24px;
    background: transparent;
}
.ps-header-form__inline .pl-form form {
    display: grid;
}
.ps-header-form__inline .pl-form__group {
  display: grid;
  grid-template-columns: 3fr 1fr;
  column-gap: 8px;
  padding: 12px 0 12px 0;
  margin: 0;
}
.ps-header-form__inline .pl-form__group .pl-form__input {
    border-radius: 8px;
    border: none;
}
.ps-header-form__inline .pl-form__group input {
    padding: 12px 16px 12px 16px;
}
.ps-header-form__inline .pl-form__group .pl-form__label {
    color: #1c77fe;
    top: 29px !important;
    left: 10px !important;
}
.ps-header-form__inline .pl-form__button {
    margin-top: 0;
    left: 0;
    transform: none;
    max-height: unset;
    width: 100%;
    background: #1c77fe;
    color: white;
    white-space: nowrap;
    padding: 16px;
}
.ps-header-form__inline form .pl-form__messages:empty {
    display: block;
}
.ps-header-form__inline form .pl-response-error__content:empty,
.ps-header-form__inline form .pl-response-ok__content:empty {
    display: block;
}
.ps-header-form__inline .pl-response-ok,
.ps-header-form__inline .pl-response-error {
    grid-column: 1/-1;
    grid-row: 1;
}
.ps-header-form__inline .pl-form__inputs {
      grid-row: 1;
      grid-column: 1;
}
.ps-header-form__inline .pl-form__group input.hasvalue + label,
.ps-header-form__inline .pl-form__group input:focus ~ label {
    top: -4px !important;
    left: -1px !important;
}
.ps-header-form__inline form input:focus {
    padding: 12px 16px 12px 16px !important;
}
.ps-header-form__inline .pl-response-ok__content.thankyou h3 {
      margin-bottom: 0;
}
.ps-header-form__inline .pl-response-ok__content.thankyou p,
.ps-header-form__inline .pl-response-ok__content.thankyou img {
    display: none;
}
.ps-header-form__inline .thankyou {
    margin: 0;
    align-self: center;
}
.ps-header-form__inline .pl-response-error .pl-response-error__content {
    margin-top: 67px;
    padding: 12px;
}

/* Styl ku tabulke KIID */
#searchKiidInput,#kiidTable{width:100%;border:1px solid #ddd; background: white;}
#searchKiidInput{background-image: url("/wp-content/themes/prosight-microsite-theme/assets/images/ico-search.svg");background-position:10px 12px;background-repeat:no-repeat;font-size:16px;padding:16px 20px 12px 40px;margin-bottom:16px}
#kiidTable{border-collapse:collapse;font-size:14px; border: none;}
#kiidTable td,
#kiidTable th{text-align:left;padding:16px 12px;font-size: 15px;color: #263238;}
#kiidTable tr{border-bottom: 1px solid #DFE3E8;}
#kiidTable tr.header,#kiidTable tr:hover{background-color: #f2f5f7;}

.ps-wp__override.wrap{width:100% !important;grid-column: 1/-1 !important;}
/* .ps-wp__override.slim{width:100%!important;max-width:100%!important;} */
/* section.ps-wp__override .wrap { grid-column: 1/-1 !important; padding: 0 2rem !important; width: 100% !important;} */
table tr td img {
    max-width: 40px; 
    width:24px;
    margin: 0;
    position: relative;
    display: block;
}
table tr td > a {
    display: flex;
    margin-bottom:12px;
    justify-content: start;
    align-items: center;
}
table tr td img.small {max-width: 32px;}
.kiid {grid-column: 2;}

.pt-s {padding-top: 32px;}
.pt-m {padding-top: 48px;}
.pt-l {padding-top:64px}
.pt-xl {padding-top:96px}
.pt-xxl {padding-top:112px}

.pb-s {padding-bottom: 32px;}
.pb-m {padding-bottom: 48px;}
.pb-l {padding-bottom:64px}
.pb-xl {padding-bottom:96px}
.pb-xxl {padding-bottom:112px}

#kiidTable th:last-child,
#kiidTable td:last-child {
    display: flex;
    gap: 16px;
    max-width: 210px;
    flex-wrap: wrap;
    margin-left: auto;
}

@media all and (max-width: 768px) {
    #kiidTable table, 
    #kiidTable thead, 
    #kiidTable tbody, 
    #kiidTable th, 
    #kiidTable td, 
    #kiidTable tr { 
		display: block; 
	}
    #kiidTable td {
        display: block;
        padding-left: 48%;
        border-bottom: 1px solid #ccccccf7;
        line-height: 1.4;
        position: relative;
        font-size: 14px;
        background: white;
        padding-right: 24px;
    }
    #kiidTable th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #kiidTable td:before {
        position: absolute;
        width: 45%;
        padding-right: 10px;
        height: 100%;
        display: flex;
        align-items: center;
        top: 0;
        padding-left: 8px;
        left: 0;
        background: #f2f5f78c;
        font-size: 14px;
        color: #212526b8;
    }
    #kiidTable td:first-child:before { 
        position: absolute;
        padding-right: 10px;
        display: flex;
        align-items: center;
        top: 0;
        padding-left: 8px;
        left: 0;
        font-size: 12px;
        color: #212526b8;
        width: 100%;
        padding-top: 4px;
        height: auto;
        background: transparent;
    }
    #kiidTable table tr td img {
        margin: 0;
    }
    #kiidTable table tr td > a {
        justify-content: flex-start;
        margin-block-end: 0;
    }
    #kiidTable td:before {
        content: attr(data-label);
    }
    #kiidTable td:first-child:before {
        font-weight: bold;
    }
    #kiidTable td:last-child {
        border-bottom: none;
    }
    #kiidTable td:last-child:before {
        border: none;
    }
    #kiidTable tr {
        border-bottom: 1px solid #b6c6d0;
        margin-bottom: 0;
    }
    #kiidTable tr td:not(:first-child) {
        display: none;
    }
    #kiidTable tr.show td:not(:first-child) {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }
    #kiidTable tr.show td:first-child:before {
        background: white;
        border-right: 1px solid #dbdbdb7a;
    }

    #kiidTable th:last-child, #kiidTable td:last-child {
        max-width: 100%;
    }
    #kiidTable tr.show td:last-child {
        display: flex !important;
    }
    #kiidTable td:first-child {
        padding-left: 8px;
    }
    #kiidTable tr td:first-child:after {
        content: "+";
        position: absolute;
        top: 50%;
        right: 8px;
        color: #1c77fe;
        font-weight: bold;
        transform: translateY(-50%);
        font-size: 20px;
        transition: all .25s ease;
    }
    #kiidTable tr.show td:first-child:after {
        content: "+";
        position: absolute;
        top: 50%;
        right: 8px;
        color: #1c77fe;
        font-weight: bold;
        transform: translateY(-50%) rotate(45deg);
        transition: all .25s ease;
    }
    #kiidTable td:first-child {
        padding: 32px 12px 16px 8px;
    }
}

/* zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz */


.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service, .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
    padding-left: 70px !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) {
    border-radius: 1px !important;
}
.klaro .cookie-notice,
.klaro .cookie-notice:not(.cookie-modal-notice) {
    max-width: 100vw !important;
    min-width: 320px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 0 !important;
    border: 1px solid black !important;
    border-radius: 24px 24px 0 0 !important;
    overflow: hidden !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
    max-width: 1920px !important;
    margin: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 1.5rem !important;
    column-gap: 3rem !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
    font-style: italic;
    text-decoration: none !important;
    opacity: .75;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    padding: 8px 16px;
    background: var(--black);
    color: white;
    transition: all .25s ease;
    width: 100% !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn:hover {
    background: #535a5c;
    transition: all .25s ease;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn.cn-decline {
    background: white;
    border: 1px solid var(--black);
    color: var(--black);
    transition: all .25s ease;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn.cn-decline:hover {
  background: var(--bg) !important;
  transition: all .25s ease;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body a.cm-link.cn-learn-more {
    display: block;
    text-align: right;
    padding: 8px 16px;
    color: var(--black) !important;
    margin-right: 0;
    padding-right: 8px;
    white-space: nowrap;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
   gap: 12px;
   flex-wrap: nowrap !important;
}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    display: flex !important;
    gap: 12px;
}
.klaro .cookie-modal .cm-modal.cm-klaro {
    padding: 0 24px !important;
}
.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider, .klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider, .klaro .context-notice .cm-list-input:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
  background-color: var(--black) !important;
}
.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
  padding: 8px 16px !important;
}
.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
    color: var(--blue) !important;
}
.klaro .cookie-modal .cm-btn.cm-btn-success {
  background: var(--black) !important;
  color: white !important;
  transition: all .25s ease;
}
.klaro .cookie-modal .cm-btn.cm-btn-info {
  background: white !important;
  color: var(--black) !important;
  border: 1px solid var(--black) !important;
  transition: all .25s ease;
}
.klaro .cookie-modal .cm-btn.cm-btn-success:hover {
  background: #535a5c !important;
  transition: all .25s ease;
}
.klaro .cookie-modal .cm-btn.cm-btn-accept.cm-btn-info:hover {
  background: var(--bg) !important;
  transition: all .25s ease;
}

.klaro .cookie-modal .cm-btn.cn-decline {
    background: transparent !important;
    color: var(--black) !important;
}
.klaro .cookie-modal .cm-modal .cm-header h1.title u {
    text-decoration: none !important;
}
.klaro .cookie-modal .cm-modal.cm-klaro {
    max-width: 680px !important;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
    opacity: .5 !important;
    color: gray !important;
}
.klaro .cookie-modal .cm-modal .cm-footer,
.klaro .cookie-modal .cm-modal .cm-body,
.klaro .cookie-modal .cm-modal .cm-header {
    padding: 2em 1em !important;
}
.klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p,
.klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
   margin-top: 1.25em !important;
}
.klaro .cookie-modal .cm-modal .cm-header {
    border-bottom-color: #c9c9c9 !important;
}
.klaro .cookie-modal .cm-modal .cm-footer {
    border-top-color: #c9c9c9 !important;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
  border-top-color: #c9c9c9 !important;
  padding-top: 2em !important;
  margin-top: 2em !important;
}
.klaro .cookie-modal .cm-modal .cm-header h1.title {
    padding-right: 20px;
    margin-top: 0 !important;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body a.cm-link.cn-learn-more {
    text-decoration: underline;
}
@media all and (max-width: 1110px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
        column-gap: 1rem !important;
    }
}

@media all and (max-width: 475px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) {
    min-height: 60vh !important;
    display: flex;
  }
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
    flex-direction: column;
  }
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
    flex-direction: column !important;
    font-size: 120% !important;
  }
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
    margin-bottom: 0.5em;
    font-size: 120%;
    text-align: center;
    line-height: 1.75;
  }
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}
 .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    flex-direction: column;
    justify-items: center;
    align-items: center;
    margin-top: 0 !important;
 }
 .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body a.cm-link.cn-learn-more {
    text-align: center;
    margin-top: 1rem;
 }
 .klaro .cookie-notice:not(.cookie-modal-notice) {
    padding: 16px 16px;
 }
 .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    margin: 0;
 }
 .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    gap: 16px;
 }
 .klaro .cookie-modal .cm-modal .cm-footer, .klaro .cookie-modal .cm-modal .cm-body, .klaro .cookie-modal .cm-modal .cm-header {
     padding: 2em 0em !important;
 }
 .klaro .cookie-modal .cm-modal .cm-header h1.title {
    margin-top: 0 !important;
  }
  .klaro .cookie-modal .cm-modal .cm-footer, .klaro .cookie-modal .cm-modal .cm-body, .klaro .cookie-modal .cm-modal .cm-header {
      padding: 1em 0em !important;
  }
  .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child {
    margin-top: 0 !important;
  }
  .klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
    padding: 10px 12px !important;
  }
  .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
    padding-top: 1em !important;
    margin-top: 1em !important;
  }
  .klaro .cookie-notice:not(.cookie-modal-notice) {
      border-style: none;
      box-shadow: 0.8px 0px 2.2px rgb(0 0 0 / 2%), 1.9px 0px 5.3px rgb(0 0 0 / 3%), 3.5px 0px 10px rgb(0 0 0 / 4%), 6.3px 0px 17.9px rgb(0 0 0 / 4%), 11.7px 0px 33.4px rgb(0 0 0 / 5%), 28px 0px 80px rgb(0 0 0 / 7%);
      width: calc(100vw - 4px) !important;
  }
}
@media all and (max-width: 768px) {
    section.ba-banner.ba-banner__slim .wrap,
    .ps-wp__override section.ba-banner.ba-banner__slim .wrap {
      grid-column: 1/-1;
    }
    section.ba-banner a.ba-banner *,
    .ps-wp__override section.ba-banner a.ba-banner * {
      grid-column: 1/-1;
    }
    .ps-wp__override section.ba-banner .wrap a.ba-banner, 
    section.ba-banner .wrap a.ba-banner {
      grid-template-columns: var(--grid-layout-base-mob);
    }
    .ba-counter .ba-counter__card {
        padding: 0;
        flex: 100%;
    }
    .ps-results .ps-results__cards {
        grid-row-gap: 48px;
        grid-column-gap: 0px;
    }
    .ba-counter .ba-counter__card strong {
        font-size: 40px;
    }
}