@charset "UTF-8";
/* PLUGINS */
/* MAIN DESIGN */
/* common border radius */
/* disable text selection */
/*
FONT WEIGHTS:
    black:    900;
    heavy:    800;
    bold:     700;
    semiBold: 600;
    medium:   500;
    regular:  400;
    light:    300;
    thin:     100;
*/
/* #region GENERAL SETTINGS ============================================================= */
html, body {
  background: white;
  color: black;
  font-family: var(--primarniFont), Arial, sans-serif;
  font-size: 62.5%;
}
@media screen and (max-width: 1500px) {
  html, body {
    font-size: 58%;
  }
}
@media screen and (max-width: 1240px) {
  html, body {
    font-size: 55%;
  }
}

html.withMenu,
body.withMenu {
  overflow: hidden;
}

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */ /* Firefox 1 - 28 */
  box-sizing: border-box; /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
}
*:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

input, textarea, select {
  color: black;
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
}

textarea {
  resize: vertical;
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

a, label, input[type=button], input[type=submit] {
  cursor: pointer;
}

.clear,
.clearfix:after {
  content: " ";
  width: 100%;
  height: 0px;
  display: block;
  overflow: hidden;
  clear: both;
}

.hidden {
  display: none;
}

.center {
  width: 1140px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .center {
    width: auto;
    margin: 0 30px;
  }
}

/* #endregion */
/* #region SITE HEADER ======================================================================= */
body {
  --containerWidth: 1140px;
  padding-top: var(--headerHeight);
}

header.site-header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  background: var(--zahlaviBarvaPozadi);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: var(--zahlaviHorniADolniPadding) 0;
}
header.site-header .container.container--full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 calc(var(--zahlaviMezeraMeziPrvky) * 2);
  max-width: 1440px;
}
header.site-header .header__left-col .header__logo {
  display: block;
  height: var(--zahlaviVyskaLoga);
}
@media screen and (max-width: 600px) {
  header.site-header .header__left-col .header__logo {
    height: calc(var(--zahlaviVyskaLoga) * 0.7);
  }
}
header.site-header .header__left-col .header__logo img, header.site-header .header__left-col .header__logo svg {
  height: 100%;
  width: auto;
}
header.site-header .header__right-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}

.admin-bar header.header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar header.header {
    top: 46px;
  }
}

nav.menu-primary {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 1000px) {
  nav.menu-primary {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: translateY(100%) scaleY(0);
    transform: translateY(100%) scaleY(0);
    background: var(--zahlaviBarvaPozadi);
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
  }
}
nav.menu-primary.active {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(100%) scaleY(1);
  transform: translateY(100%) scaleY(1);
}
nav.menu-primary ul {
  list-style-type: none;
  margin-left: 0;
}
nav.menu-primary ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 var(--zahlaviMezeraMeziPrvky);
}
nav.menu-primary ul li.current-menu-item a {
  color: var(--navigaceAktivniBarva);
}
@media screen and (max-width: 600px) {
  nav.menu-primary ul li {
    display: block;
    margin: var(--zahlaviMezeraMeziPrvky) 0;
  }
}
nav.menu-primary ul li a {
  display: block;
  white-space: nowrap;
  font-family: var(--navigaceFontFamily);
  font-size: var(--navigaceFontSize);
  line-height: var(--navigaceLineHeight);
  text-transform: var(--navigaceTextTransform);
  font-weight: var(--navigaceFontWeight);
  color: var(--navigaceZakladniBarva);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 var(--zakladniSpacingREM);
  text-decoration: none;
}
nav.menu-primary ul li a:hover {
  color: var(--navigaceHoverBarva);
}

.header__search-form {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 var(--zahlaviMezeraMeziPrvky);
}
.header__search-form.active input {
  padding: 0 calc(var(--zahlaviVyskaFormulare) + var(--zahlaviMezeraMeziPrvky) * 2) 0 calc(var(--zahlaviMezeraMeziPrvky) * 2);
  width: 25rem;
}
@media screen and (max-width: 600px) {
  .header__search-form.active input {
    padding: 0 calc(var(--zahlaviVyskaFormulare) * 0.7 + var(--zahlaviMezeraMeziPrvky) * 2) 0 calc(var(--zahlaviMezeraMeziPrvky) * 2);
  }
}
.header__search-form button {
  position: relative;
  z-index: 2;
  aspect-ratio: 1/1;
  height: var(--zahlaviVyskaFormulare);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: var(--zahlaviSearchFormBorderRadius);
  background-color: var(--zahlaviSearchBtnBgColor);
}
.header__search-form button:hover {
  cursor: pointer;
  background-color: var(--zahlaviSearchBtnHoverBgColor);
}
.header__search-form button:hover path, .header__search-form button:hover line, .header__search-form button:hover polygon, .header__search-form button:hover circle, .header__search-form button:hover rect {
  stroke: var(--zahlaviSearchBtnHoverIconColor);
}
@media screen and (max-width: 600px) {
  .header__search-form button {
    height: calc(var(--zahlaviVyskaFormulare) * 0.7);
  }
}
.header__search-form button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.header__search-form button svg path, .header__search-form button svg line, .header__search-form button svg polygon, .header__search-form button svg circle, .header__search-form button svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__search-form input {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: var(--zahlaviSearchFormBorderRadius);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: var(--zahlaviVyskaFormulare);
}
@media screen and (max-width: 600px) {
  .header__search-form input {
    width: calc(var(--zahlaviVyskaFormulare) * 0.7);
  }
}

.header__socials-icons {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 400px) {
  .header__socials-icons {
    display: none;
  }
}
.header__socials-icons .header__social-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: var(--zahlaviSocialIconWidth);
  aspect-ratio: 1/1;
  margin: 0 var(--zahlaviMezeraMeziPrvky);
}
@media screen and (max-width: 600px) {
  .header__socials-icons .header__social-icon {
    width: calc(var(--zahlaviSocialIconWidth) * 0.7);
  }
}
.header__socials-icons .header__social-icon:hover path, .header__socials-icons .header__social-icon:hover line, .header__socials-icons .header__social-icon:hover polygon, .header__socials-icons .header__social-icon:hover circle, .header__socials-icons .header__social-icon:hover rect {
  stroke: var(--zahlaviSocialIconHoverColor);
}
.header__socials-icons .header__social-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.header__socials-icons .header__social-icon svg path, .header__socials-icons .header__social-icon svg line, .header__socials-icons .header__social-icon svg polygon, .header__socials-icons .header__social-icon svg circle, .header__socials-icons .header__social-icon svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__menu-btn {
  display: none;
  position: relative;
  vertical-align: middle;
  width: var(--zahlaviMenuBtnWidth);
  aspect-ratio: 1/1;
  margin: 0 var(--zahlaviMezeraMeziPrvky);
  border-radius: var(--zahlaviMenuBtnBorderRadius);
  background: var(--zahlaviMenuBtnBgColor);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1000px) {
  .header__menu-btn {
    display: inline-block;
  }
}
.header__menu-btn:hover {
  cursor: pointer;
  background: var(--zahlaviMenuBtnHoverBgColor);
}
.header__menu-btn:hover span {
  border-color: var(--zahlaviMenuBtnIconHoverColor);
}
@media screen and (max-width: 600px) {
  .header__menu-btn {
    width: calc(var(--zahlaviMenuBtnWidth) * 0.7);
  }
}
.header__menu-btn.active span:nth-of-type(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
}
.header__menu-btn.active span:nth-of-type(2) {
  opacity: 0;
}
.header__menu-btn.active span:nth-of-type(3) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  left: 50%;
}
.header__menu-btn span {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 50%;
  height: 0;
  border-top: 2px solid var(--zahlaviMenuBtnIconColor);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.header__menu-btn span:nth-of-type(1) {
  top: 30%;
}
.header__menu-btn span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.header__menu-btn span:nth-of-type(3) {
  top: 67%;
}

/* #region SITE FOOTER ======================================================================= */
footer.footer {
  background: var(--patickaBgColor);
}
footer.footer .footer__cols {
  padding: var(--patickaHorniADolniPadding) 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(var(--zakladniSpacingREM) * 2) 1fr calc(var(--zakladniSpacingREM) * 2) 1fr calc(var(--zakladniSpacingREM) * 2) 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(var(--zakladniSpacingREM) * 2);
}
@media screen and (max-width: 1000px) {
  footer.footer .footer__cols {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 500px) {
  footer.footer .footer__cols {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
footer.footer p.footer__col-title {
  font-size: var(--patickaTitleFontSize);
  line-height: 1.42;
  font-weight: var(--patickaTitleFontWeight);
  text-transform: var(--patickaTitleTextTransform);
  font-style: var(--patickaTitleFontStyle);
  color: var(--patickaTitleColor);
  margin-bottom: calc(var(--zakladniSpacingREM) * 2);
}
footer.footer ul.footer__nav {
  list-style-type: none;
  margin-left: 0;
}
footer.footer ul.footer__nav li {
  margin-bottom: var(--zakladniSpacingREM);
}
footer.footer ul.footer__nav li a {
  font-size: var(--patickaNavigaceFontSize);
  line-height: 1.4;
  font-weight: var(--patickaNavigaceFontWeight);
  text-transform: var(--patickaNavigaceTextTransform);
  color: var(--patickaNavigaceZakladniBarva);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
footer.footer ul.footer__nav li a:hover {
  color: var(--patickaNavigaceHoverBarva);
}
footer.footer .footer__copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: var(--patickaCopyrightBottomPadding);
}
footer.footer .footer__copyright-left-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: calc(var(--zakladniSpacingREM) * 2);
}
@media screen and (max-width: 600px) {
  footer.footer .footer__copyright-left-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-right: 0;
    text-align: center;
    margin-bottom: calc(var(--zakladniSpacingREM) * 2);
  }
}
footer.footer .footer__copyright-right-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19rem;
          flex: 0 0 19rem;
  text-align: right;
}
@media screen and (max-width: 600px) {
  footer.footer .footer__copyright-right-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
  }
}
footer.footer p, footer.footer ul, footer.footer ol {
  color: var(--patickaTextColor);
}

.footer__contacts-icons .footer__contact-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: var(--zakladniSpacingREM);
}
.footer__contacts-icons .footer__contact-icon-icon {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--patickaContactIconWidth);
          flex: 0 0 var(--patickaContactIconWidth);
  aspect-ratio: 1/1;
}
.footer__contacts-icons .footer__contact-icon-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.footer__contacts-icons .footer__contact-icon-icon svg path, .footer__contacts-icons .footer__contact-icon-icon svg line, .footer__contacts-icons .footer__contact-icon-icon svg polygon, .footer__contacts-icons .footer__contact-icon-icon svg circle, .footer__contacts-icons .footer__contact-icon-icon svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  stroke: var(--patickaContactIconColor);
}
.footer__contacts-icons .footer__contact-icon-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: var(--zakladniSpacingREM);
}
.footer__contacts-icons .footer__contact-icon-text p {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer__contacts-icons a.footer__contact-icon:hover path, .footer__contacts-icons a.footer__contact-icon:hover line, .footer__contacts-icons a.footer__contact-icon:hover polygon, .footer__contacts-icons a.footer__contact-icon:hover circle, .footer__contacts-icons a.footer__contact-icon:hover rect {
  stroke: var(--patickaContactIconHoverColor);
}
.footer__contacts-icons a.footer__contact-icon:hover .footer__contact-icon-text p {
  color: var(--patickaContactIconHoverColor);
}

.footer__socials-icons {
  margin-top: calc(var(--zakladniSpacingREM) * 2);
}
.footer__socials-icons .footer__social-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: var(--patickaSocialIconWidth);
  aspect-ratio: 1/1;
  margin: 0 calc(var(--zakladniSpacingREM) * 0.5);
}
.footer__socials-icons .footer__social-icon:hover path, .footer__socials-icons .footer__social-icon:hover line, .footer__socials-icons .footer__social-icon:hover polygon, .footer__socials-icons .footer__social-icon:hover circle, .footer__socials-icons .footer__social-icon:hover rect {
  stroke: var(--patickaSocialIconHoverColor);
}
.footer__socials-icons .footer__social-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.footer__socials-icons .footer__social-icon svg path, .footer__socials-icons .footer__social-icon svg line, .footer__socials-icons .footer__social-icon svg polygon, .footer__socials-icons .footer__social-icon svg circle, .footer__socials-icons .footer__social-icon svg rect {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.madeby p {
  display: inline-block;
  vertical-align: middle;
}
.madeby svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(var(--zakladniSpacingREM) * 2);
  width: 10rem;
}

/* #endregion */
/* #region Zakladní věci ======================================================================= */
.container {
  width: 100%;
  max-width: calc(var(--containerWidth) + 5rem);
  margin: 0 auto;
  padding: 0 2.5rem;
}
.container.container--full {
  max-width: 100%;
}

p, ul, ol {
  font-family: var(--blokovyTextFontFamily);
  font-size: var(--blokovyTextFontSize);
  line-height: var(--blokovyTextLineHeight);
  font-weight: var(--blokovyTextFontWeight);
  font-style: var(--blokovyTextFontStyle);
  color: var(--blokovyTextColor);
}
p a, ul a, ol a {
  text-decoration: underline;
}
p a:hover, ul a:hover, ol a:hover {
  text-decoration: none;
}

ul, ol {
  margin-left: 3rem;
}

table {
  font-family: var(--blokovyTextFontFamily);
  font-size: var(--blokovyTextFontSize);
  line-height: var(--blokovyTextLineHeight);
  font-weight: var(--blokovyTextFontWeight);
  font-style: var(--blokovyTextFontStyle);
  color: var(--blokovyTextColor);
}

h1 {
  font-family: var(--h1FontFamily);
  font-size: var(--h1FontSize);
  line-height: var(--h1LineHeight);
  font-weight: var(--h1FontWeight);
  font-style: var(--h1FontStyle);
  color: var(--h1Color);
}

h2 {
  font-family: var(--h2FontFamily);
  font-size: var(--h2FontSize);
  line-height: var(--h2LineHeight);
  font-weight: var(--h2FontWeight);
  font-style: var(--h2FontStyle);
  color: var(--h2Color);
}

h3 {
  font-family: var(--h3FontFamily);
  font-size: var(--h3FontSize);
  line-height: var(--h3LineHeight);
  font-weight: var(--h3FontWeight);
  font-style: var(--h3FontStyle);
  color: var(--h3Color);
}

h4 {
  font-family: var(--h4FontFamily);
  font-size: var(--h4FontSize);
  line-height: var(--h4LineHeight);
  font-weight: var(--h4FontWeight);
  font-style: var(--h4FontStyle);
  color: var(--h4Color);
}

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

/* #endregion */
.section {
  position: relative;
  padding: calc(var(--zakladniPadding) / 2) 0;
}
.section__header {
  text-align: center;
  margin: calc(var(--zakladniMargin)) 0;
}
.section__text-content {
  margin: var(--zakladniMargin) auto 0 auto;
  max-width: 75rem;
}
.section__text-content p, .section__text-content ul, .section__text-content ol {
  margin-bottom: calc(var(--zakladniMargin) * 0.5);
}
.section__footer {
  text-align: center;
  margin: calc(var(--zakladniMargin)) 0;
}

.section--two-cols .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section--two-cols .container.container--valign-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.section--two-cols .container.container--valign-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section--two-cols .container.container--valign-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.section--two-cols .container.container--reverse .left-col {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: calc(var(--zakladniSpacingREM) * 3);
  padding-right: 0;
  text-align: right;
}
@media screen and (max-width: 700px) {
  .section--two-cols .container.container--reverse .left-col {
    padding-left: 0;
    margin-bottom: 0;
  }
}
.section--two-cols .container.container--reverse .left-col .inner {
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 700px) {
  .section--two-cols .container.container--reverse .left-col .inner {
    display: block;
    text-align: center;
  }
}
.section--two-cols .container.container--reverse .right-col {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-right: var(--zakladniSpacingREM);
  padding-left: 0;
}
@media screen and (max-width: 700px) {
  .section--two-cols .container.container--reverse .right-col {
    padding-right: 0;
    margin-bottom: calc(var(--zakladniSpacingREM) * 3);
  }
}
.section--two-cols .container .left-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-right: calc(var(--zakladniSpacingREM) * 3);
}
@media screen and (max-width: 700px) {
  .section--two-cols .container .left-col {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    text-align: center;
    margin-bottom: calc(var(--zakladniSpacingREM) * 3);
    padding-right: 0;
  }
}
.section--two-cols .container .left-col .inner {
  max-width: 46.5rem;
}
@media screen and (max-width: 700px) {
  .section--two-cols .container .left-col .inner {
    display: block;
    margin: 0 auto;
  }
}
.section--two-cols .container .left-col .inner__text {
  margin: var(--zakladniMargin) 0;
}
.section--two-cols .container .left-col .btn {
  margin-top: var(--zakladniMargin);
}
.section--two-cols .container .right-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-left: var(--zakladniSpacingREM);
}
@media screen and (max-width: 700px) {
  .section--two-cols .container .right-col {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    text-align: center;
    padding-left: 0;
  }
}

.inner-block {
  margin: var(--zakladniMargin) 0 0 0;
}

/* COMPONENTS */
/* common border radius */
/* disable text selection */
a.btn,
.editor-styles-wrapper .gt-block a.btn {
  display: inline-block;
  height: calc(var(--btnHeight) - var(--btnBorderSize) * 2);
  line-height: calc(var(--btnHeight) - var(--btnBorderSize) * 2);
  white-space: nowrap;
  padding: 0 var(--btnPadding);
  font-size: var(--btnFontSize);
  font-weight: var(--btnFontWeight);
  font-style: var(--btnFontStyle);
  text-transform: var(--btnTextTransform);
  border-radius: var(--btnBorderRadius);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a.btn.btn--primary,
.editor-styles-wrapper .gt-block a.btn.btn--primary {
  color: var(--primarniBtnColor);
  background-color: var(--primarniBtnBgColor);
  border: var(--btnBorderSize) solid var(--primarniBtnBorderColor);
}
a.btn.btn--primary:hover,
.editor-styles-wrapper .gt-block a.btn.btn--primary:hover {
  color: var(--primarniBtnHoverColor);
  background-color: var(--primarniBtnBgHoverColor);
  border-color: var(--primarniBtnBorderHoverColor);
}
a.btn.btn--primary-inverse,
.editor-styles-wrapper .gt-block a.btn.btn--primary-inverse {
  color: var(--primarniInverzniBtnColor);
  background-color: var(--primarniInverzniBtnBgColor);
  border: var(--btnBorderSize) solid var(--primarniInverzniBtnBorderColor);
}
a.btn.btn--primary-inverse:hover,
.editor-styles-wrapper .gt-block a.btn.btn--primary-inverse:hover {
  color: var(--primarniInverzniBtnHoverColor);
  background-color: var(--primarniInverzniBtnBgHoverColor);
  border-color: var(--primarniInverzniBtnBorderHoverColor);
}
a.btn.btn--secondary,
.editor-styles-wrapper .gt-block a.btn.btn--secondary {
  color: var(--sekundarniBtnColor);
  background-color: var(--sekundarniBtnBgColor);
  border: var(--btnBorderSize) solid var(--sekundarniBtnBorderColor);
}
a.btn.btn--secondary:hover,
.editor-styles-wrapper .gt-block a.btn.btn--secondary:hover {
  color: var(--sekundarniBtnHoverColor);
  background-color: var(--sekundarniBtnBgHoverColor);
  border-color: var(--sekundarniBtnBorderHoverColor);
}
a.btn.btn--terciary,
.editor-styles-wrapper .gt-block a.btn.btn--terciary {
  color: var(--terciarniBtnColor);
  background-color: var(--terciarniBtnBgColor);
  border: var(--btnBorderSize) solid var(--terciarniBtnBorderColor);
}
a.btn.btn--terciary:hover,
.editor-styles-wrapper .gt-block a.btn.btn--terciary:hover {
  color: var(--terciarniBtnHoverColor);
  background-color: var(--terciarniBtnBgHoverColor);
  border-color: var(--terciarniBtnBorderHoverColor);
}

/* #endregion */
/* common border radius */
/* disable text selection */
.gt-block form .form-col label.checkbox,
.editor-styles-wrapper .gt-block form .form-col label.checkbox {
  display: inline-block;
  font-size: 0;
  margin-bottom: var(--zakladniSpacingREM);
  margin-right: calc(var(--zakladniSpacingREM) * 3);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gt-block form .form-col label.checkbox.checked span,
.editor-styles-wrapper .gt-block form .form-col label.checkbox.checked span {
  color: var(--checkboxActiveColor);
}
.gt-block form .form-col label.checkbox span,
.editor-styles-wrapper .gt-block form .form-col label.checkbox span {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--checkboxFontSize);
  font-weight: var(--checkboxFontWeight);
  font-style: var(--checkboxFontStyle);
  text-transform: var(--checkboxTextTransform);
  color: var(--checkboxColor);
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.icheckbox {
  width: var(--checkboxBoxWidth);
  aspect-ratio: 1/1;
  display: inline-block;
  vertical-align: middle;
  background: var(--checkboxBoxBgColor);
  border-color: var(--checkboxBoxBorderColor);
  border-style: solid;
  border-left-width: var(--checkboxBoxBorderLeftSize);
  border-right-width: var(--checkboxBoxBorderRightSize);
  border-bottom-width: var(--checkboxBoxBorderBottomSize);
  border-top-width: var(--checkboxBoxBorderTopSize);
  margin-right: var(--zakladniSpacingREM);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icheckbox:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 43%;
  width: 1rem;
  height: 0.4rem;
  border: 2px solid var(--checkboxActiveBoxCheckColor);
  border-right: 0;
  border-top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1.1);
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.icheckbox.checked {
  background-color: var(--checkboxActiveBoxBgColor);
}
.icheckbox.checked:after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

.gt-block form .form-col label.radio,
.editor-styles-wrapper .gt-block form .form-col label.radio {
  display: inline-block;
  font-size: 0;
  margin-bottom: var(--zakladniSpacingREM);
  margin-right: var(--zakladniSpacingREM);
  padding: var(--radioButtonPadding) calc(var(--radioButtonPadding) * 2) var(--radioButtonPadding) var(--radioButtonPadding);
  background-color: var(--radioButtonBgColor);
  border-radius: var(--radioButtonBorderRadius);
  border-style: solid;
  border-color: var(--radioButtonBorderColor);
  border-left-width: var(--radioButtonBorderLeftSize);
  border-right-width: var(--radioButtonBorderRightSize);
  border-top-width: var(--radioButtonBorderTopSize);
  border-bottom-width: var(--radioButtonBorderBottomSize);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gt-block form .form-col label.radio.checked,
.editor-styles-wrapper .gt-block form .form-col label.radio.checked {
  background-color: var(--radioButtonActiveBgColor);
}
.gt-block form .form-col label.radio.checked span,
.editor-styles-wrapper .gt-block form .form-col label.radio.checked span {
  color: var(--radioButtonActiveColor);
}
.gt-block form .form-col label.radio.checked .iradio,
.editor-styles-wrapper .gt-block form .form-col label.radio.checked .iradio {
  background-color: var(--radioButtonActiveCircleBgColor);
  border: var(--radioButtonActiveCircleBorderSize) solid var(--radioButtonActiveCircleBorderColor);
}
.gt-block form .form-col label.radio span,
.editor-styles-wrapper .gt-block form .form-col label.radio span {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--radioButtonFontSize);
  font-weight: var(--radioButtonFontWeight);
  font-style: var(--radioButtonFontStyle);
  text-transform: var(--radioButtonTextTransform);
  color: var(--radioButtonColor);
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.iradio {
  display: inline-block;
  vertical-align: middle;
  margin-right: var(--zakladniSpacingREM);
  width: var(--radioButtonCircleWidth);
  aspect-ratio: 1/1;
  border-radius: 2.4rem;
  background-color: var(--radioButtonCircleBgColor);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: var(--radioButtonCircleBorderSize) solid var(--radioButtonCircleBorderColor);
}

/* common border radius */
/* disable text selection */
.slick-slider {
  margin: 0 auto;
}

.slick-arrow {
  height: var(--btnHeight);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  border-radius: var(--btnBorderRadius);
  background-color: var(--primarniBtnBgColor);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
  font-size: 0;
}
.slick-arrow:hover {
  background-color: var(--primarniBtnBgHoverColor);
  cursor: pointer;
}
.slick-arrow:hover:before {
  border-color: var(--primarniBtnHoverColor);
}
.slick-arrow.slick-prev {
  left: calc((var(--btnHeight) + var(--zakladniSpacingREM) * 3) * -1);
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.slick-arrow.slick-next {
  right: calc((var(--btnHeight) + var(--zakladniSpacingREM) * 3) * -1);
}
.slick-arrow.slick-hidden, .slick-arrow.slick-disabled {
  display: none;
}
.slick-arrow:before {
  position: absolute;
  content: "";
  left: 45%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1.3rem;
  aspect-ratio: 1/1;
  border: 2px solid var(--primarniBtnColor);
  border-left: 0;
  border-bottom: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.slick-dots {
  width: 100%;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  padding: 0 1.4rem;
  display: inline-block;
  vertical-align: top;
}
.slick-dots li button {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 50px;
  border-radius: 50%;
  background: #C4C6CF;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.slick-dots li button:hover {
  background: black;
}
.slick-dots li.slick-active button {
  background: black;
}

/* common border radius */
/* disable text selection */
.gt-block form,
.editor-styles-wrapper .gt-block form {
  position: relative;
  max-width: 56rem;
  margin: 0 auto;
  /* clear */
  /* loading */
}
.gt-block form:after,
.editor-styles-wrapper .gt-block form:after {
  content: " ";
  width: 100%;
  height: 0px;
  display: block;
  overflow: hidden;
  clear: both;
}
.gt-block form:before,
.editor-styles-wrapper .gt-block form:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 0px;
  z-index: 100;
  background: rgba(255, 255, 255, 0.7) url(images/loading.gif) no-repeat center center;
  background-size: 80px auto;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.gt-block form.loading:before,
.editor-styles-wrapper .gt-block form.loading:before {
  height: 100%;
  opacity: 1;
}
.gt-block form textarea,
.editor-styles-wrapper .gt-block form textarea {
  height: 180px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
}
.gt-block form .form-row,
.editor-styles-wrapper .gt-block form .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: calc(var(--zakladniSpacingREM) * 3);
}
.gt-block form .form-row.form-row--smaller-bottom-margin,
.editor-styles-wrapper .gt-block form .form-row.form-row--smaller-bottom-margin {
  margin-bottom: calc(var(--zakladniSpacingREM) * 2);
}
.gt-block form .form-col.form-col--full,
.editor-styles-wrapper .gt-block form .form-col.form-col--full {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.gt-block form .form-col.form-col--left,
.editor-styles-wrapper .gt-block form .form-col.form-col--left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-right: var(--zakladniSpacingREM);
}
.gt-block form .form-col.form-col--right,
.editor-styles-wrapper .gt-block form .form-col.form-col--right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-left: var(--zakladniSpacingREM);
}
.gt-block form .form-col label, .gt-block form .form-col p.label,
.editor-styles-wrapper .gt-block form .form-col label,
.editor-styles-wrapper .gt-block form .form-col p.label {
  display: block;
  font-size: var(--labelFontSize);
  font-weight: var(--labelFontWeight);
  font-style: var(--labelFontStyle);
  text-transform: var(--labelTextTransform);
  color: var(--labelColor);
  margin-bottom: var(--zakladniSpacingREM);
  line-height: 1;
}
.gt-block form div.input input[type=text],
.gt-block form div.input textarea,
.editor-styles-wrapper .gt-block form div.input input[type=text],
.editor-styles-wrapper .gt-block form div.input textarea {
  width: 100%;
  color: var(--inputColor);
  font-size: var(--inputFontSize);
  font-weight: var(--inputFontWeight);
  font-style: var(--inputFontStyle);
  text-transform: var(--inputTextTransform);
  height: var(--inputHeight);
  line-height: var(--inputHeight);
  background-color: var(--inputBgColor);
  border-style: solid;
  border-color: var(--inputBorderColor);
  border-left-width: var(--inputBorderLeftSize);
  border-right-width: var(--inputBorderRightSize);
  border-top-width: var(--inputBorderTopSize);
  border-bottom-width: var(--inputBorderBottomSize);
  border-radius: var(--inputBorderRadius);
  padding: 0 var(--inputPadding);
}
.gt-block form div.input input[type=text]::-webkit-input-placeholder,
.gt-block form div.input textarea::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form div.input input[type=text]::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block form div.input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--inputPlaceholderColor);
  opacity: 1;
}
.gt-block form div.input input[type=text]::-moz-placeholder,
.gt-block form div.input textarea::-moz-placeholder,
.editor-styles-wrapper .gt-block form div.input input[type=text]::-moz-placeholder,
.editor-styles-wrapper .gt-block form div.input textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--inputPlaceholderColor);
  opacity: 1;
}
.gt-block form div.input input[type=text]:-ms-input-placeholder,
.gt-block form div.input textarea:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form div.input input[type=text]:-ms-input-placeholder,
.editor-styles-wrapper .gt-block form div.input textarea:-ms-input-placeholder { /* IE 10+ */
  color: var(--inputPlaceholderColor);
  opacity: 1;
}
.gt-block form div.input input[type=text]:-moz-placeholder,
.gt-block form div.input textarea:-moz-placeholder,
.editor-styles-wrapper .gt-block form div.input input[type=text]:-moz-placeholder,
.editor-styles-wrapper .gt-block form div.input textarea:-moz-placeholder { /* Firefox 18- */
  color: var(--inputPlaceholderColor);
  opacity: 1;
}
.gt-block form div.input textarea,
.editor-styles-wrapper .gt-block form div.input textarea {
  height: 20rem;
  line-height: 1.4;
  padding: calc(var(--zakladniSpacingREM) * 2) var(--inputPadding);
}
.gt-block form div.input select,
.editor-styles-wrapper .gt-block form div.input select {
  width: 100%;
  color: var(--selectColor);
  font-size: var(--selectFontSize);
  font-weight: var(--selectFontWeight);
  font-style: var(--selectFontStyle);
  text-transform: var(--selectTextTransform);
  height: var(--selectHeight);
  line-height: var(--selectHeight);
  background-color: var(--selectBgColor);
  border-style: solid;
  border-color: var(--selectBorderColor);
  border-left-width: var(--selectBorderLeftSize);
  border-right-width: var(--selectBorderRightSize);
  border-top-width: var(--selectBorderTopSize);
  border-bottom-width: var(--selectBorderBottomSize);
  border-radius: var(--selectBorderRadius);
  padding: 0 var(--selectPadding);
}
.gt-block form div.input select:before,
.editor-styles-wrapper .gt-block form div.input select:before {
  position: absolute;
  content: "";
  right: var(--selectPadding);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.2rem;
  height: 0.6rem;
  -webkit-mask: url("../images/select-arrow.svg") no-repeat 50% 50%;
  mask: url("../images/select-arrow.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.gt-block form span.errorEmpty,
.gt-block form span.errorFormat,
.gt-block form span.errorData,
.editor-styles-wrapper .gt-block form span.errorEmpty,
.editor-styles-wrapper .gt-block form span.errorFormat,
.editor-styles-wrapper .gt-block form span.errorData {
  display: block;
  overflow: hidden;
  color: red;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 0px;
  padding: 0;
  opacity: 0;
}
.gt-block form .hasErrorEmpty span.errorEmpty,
.gt-block form .hasErrorFormat span.errorFormat,
.gt-block form .hasErrorData span.errorData,
.editor-styles-wrapper .gt-block form .hasErrorEmpty span.errorEmpty,
.editor-styles-wrapper .gt-block form .hasErrorFormat span.errorFormat,
.editor-styles-wrapper .gt-block form .hasErrorData span.errorData {
  max-height: 40px;
  padding: 4px 0 6px 0;
  opacity: 1;
}
.gt-block form .sending,
.editor-styles-wrapper .gt-block form .sending {
  height: 300px;
  background: url(images/loading.gif) no-repeat center center;
  background-size: 90px auto;
}
.gt-block form div.inputs,
.editor-styles-wrapper .gt-block form div.inputs {
  /* clear */
}
.gt-block form div.inputs:after,
.editor-styles-wrapper .gt-block form div.inputs:after {
  content: " ";
  width: 100%;
  height: 0px;
  display: block;
  overflow: hidden;
  clear: both;
}
.gt-block form div.sent,
.editor-styles-wrapper .gt-block form div.sent {
  padding: 40px 0;
  color: black;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}
.gt-block form div.sent a,
.editor-styles-wrapper .gt-block form div.sent a {
  text-decoration: underline;
}
.gt-block form div.sent a:hover,
.editor-styles-wrapper .gt-block form div.sent a:hover {
  text-decoration: none;
}

/* PAGES (better to include direct CSS file on the page) */
/*@import url(pages/XXX.scss);*/
/* BLOCKS  (better to include direct CSS file with the block) */
/* common border radius */
/* disable text selection */
section.gt-block,
.editor-styles-wrapper section.gt-block {
  position: relative;
}
section.gt-block .center,
.editor-styles-wrapper section.gt-block .center {
  width: 1140px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1200px) {
  section.gt-block .center,
.editor-styles-wrapper section.gt-block .center {
    width: auto;
    margin: 0 30px;
  }
}

/*@import url(blocks/XXX.scss);*/