<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*                          ---                          */
/* -------------------- Fonts MAIN --------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;600;700;800;900&amp;display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;800&amp;display=swap');
/* ----------------------------------------------------- */

/*                          ---                          */
/* ------------------ Dimensions MAIN ------------------ */
:root {
  /* -- Main navigation */
  --nav-height:     70px;

  /* -- Headers heights */
  --h-index-height: 90%;
  --h-index-height-min: 200px;
  --h-index-height-max: 1200px;

  /* -- Main logo */
  --main-logo-left-margin: 50px;

  --video-opacity: 0.4;
  --nav-backdrop: 10px;

  --padding-body-title: 50px;

  --services-box-opacity: 0.5;
  --services-flip-card-img-grayscale: 0.75
}

@media screen and (min-width: 1241px) {
  :root {
    --nav-margin-top: 50px;

    --margin-body:  100px;
    --margin-inner: 50px;
    
    --padding-body:  100px;
    --padding-inner: 50px;

    --max-width:  1400px;
  }
}
@media screen and (max-width: 1240px) {
  :root {
    --nav-margin-top: 50px;

    --margin-body:  50px;
    --margin-inner: 25px;
    
    --padding-body:  50px;
    --padding-inner: 25px;

    --max-width:  100%;
  }
}
@media screen and (max-width: 744px) {
  :root {
    --nav-margin-top: 50px;

    --margin-body:  50px;
    --margin-inner: 25px;
    
    --padding-body:  50px;
    --padding-inner: 25px;

    --max-width:  100%;
  }
}
@media screen and (max-width: 428px) {
  :root {
    --nav-margin-top: 25px;

    --margin-body:  25px;
    --margin-inner: 15px;
    
    --padding-body:  25px;
    --padding-inner: 15px;

    --max-width:  100%;
  }
}
@media only screen and (max-width: 320px) {
  :root {
    --nav-margin-top: 10px;


    --margin-body:  10px;
    --margin-inner: 10px;
    
    --padding-body:  10px;
    --padding-inner: 10px;

    --max-width:  100%;
  }
}
/* ----------------------------------------------------- */

/*                          ---                          */
/* -------------------- Colors MAIN -------------------- */
:root {
  --white:            #ffffff;
  --black:            #000000;
  --red:              #ff0000;

  --autor-primary:    #2CA8A0;
  --autor-secondary:  #2CA8A0;

  --primary:          #D8006B;
  --bg-light:         #252525;
  --bg-dark:          #1D1D1D;
  --gold:             #b08e1f;

  --font-light:       #c4c4c4;
  --font-gray-light:  #838383;
  --font-gray-dark:   #464646;

  --background-light: #e5e3e3;
  --background-dark:  #000000;
}
/* ----------------------------------------------------- */

/*                          ---                          */
/* ------------------- Settings MAIN ------------------- */
* {
  font-family: 'Montserrat', Arial, sans-serif;
}
*, *::before, *::after {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  scroll-behavior: smooth;
  background-color: var(--black);
}
body {
  width: 100%;
  height: 100%;
  min-height: 100% !important;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  /* font-size: clamp(16px, 4vw, 24px);
  font-size: 4vw; */
}
body.disable-scrollbar {
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.disable-scrollbar::-webkit-scrollbar {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
h1, h2 {
  display: none;
}
a, img, strong, button, svg, span {
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
a {
  text-decoration: none;
}
p, ul, li {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
img {
  border-style: none;
  width: 100%;
  height:  100%;
  display: block;
  object-fit: cover;
  transform-origin: center;
}
button {
  border: 0;
}
/* ----------------------------------------------------- */

/*                          ---                          */
/* ------------------------ Body ----------------------- */
body.light {
  background-color: var(--background-light);
}
body.dark {
  background-color: var(--background-dark);
}
/* ----------------------------------------------------- */

/*                          ---                          */
/* ------------------ Buttons &amp; Links ------------------ */
/* a[target=_blank] {
  background-color: yellow;
} */
/* ----------------------------------------------------- */

/*                          ---                          */
/* -- Animation START ---------------------------------- */
@-webkit-keyframes upToDown {
  0% {
    opacity: 0.5;
    transform: scale(1) translateY(-150px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes upToDown {
  0% {
    opacity: 0.5;
    transform: scale(1) translateY(-150px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes downToUp {
  0% {
    opacity: 0;
    transform: scale(.1) translateY(150px);
  }
  90% {
    opacity: 1;
    transform: scale(1.01) translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes downToUp {
  0% {
    opacity: 0;
    transform: scale(.1) translateY(150px);
  }
  90% {
    opacity: 1;
    transform: scale(1.01) translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes leftToRight {
  0% {
    opacity: 0;
    transform: scale(1) translateX(150px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes leftToRight {
  0% {
    opacity: 0;
    transform: scale(1) translateX(150px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes rightToLeft {
  0% {
    opacity: 0;
    transform: scale(1) translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes rightToLeft {
  0% {
    opacity: 0;
    transform: scale(1) translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes centerToCenter {
  0% {
    opacity: 0;
    transform: scale(.1) translateX(0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes centerToCenter {
  0% {
    opacity: 0;
    transform: scale(.1) translateX(0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes sloganAnimation {
  0% {
    opacity: 0;
    filter: blur(20px);
    transform: scale(.1) translateX(0);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1) translateY(0);
  }
}
@keyframes sloganAnimation {
  0% {
    opacity: 0;
    filter: blur(20px);
    transform: scale(.1) translateX(0);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1) translateY(0);
  }
}

.anim-downToUp {
  opacity: 0;
  transform-origin: center center;
}
.anim-downToUp.active {
  animation-name: downToUp;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.anim-upToDown {
  opacity: 0;
  transform-origin: center center;
}
.anim-upToDown.active {
  animation-name: upToDown;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.anim-leftToRight {
  opacity: 0;
  transform-origin: center left;
}
.anim-leftToRight.active {
  animation-name: leftToRight;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.anim-rightToLeft {
  opacity: 0;
  transform-origin: center right;
}
.anim-rightToLeft.active {
  animation-name: rightToLeft;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.anim-centerToCenter {
  opacity: 0;
  transform-origin: center center;
}
.anim-centerToCenter.active {
  animation-name: centerToCenter;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.anim-delay-0 { animation-delay: 0s }
.anim-delay-1 { animation-delay: .1s }
.anim-delay-2 { animation-delay: .2s }
.anim-delay-3 { animation-delay: .3s }
.anim-delay-4 { animation-delay: .4s }
.anim-delay-5 { animation-delay: .5s }
.anim-delay-6 { animation-delay: .6s }
.anim-delay-7 { animation-delay: .7s }
.anim-delay-8 { animation-delay: .8s }
.anim-delay-9 { animation-delay: .9s }
.anim-delay-10 { animation-delay: 1.0s }
.anim-delay-11 { animation-delay: 1.1s }
.anim-delay-12 { animation-delay: 1.2s }
.anim-delay-13 { animation-delay: 1.3s }
.anim-delay-14 { animation-delay: 1.4s }
.anim-delay-15 { animation-delay: 1.5s }
.anim-delay-16 { animation-delay: 1.6s }
.anim-delay-17 { animation-delay: 1.7s }
.anim-delay-18 { animation-delay: 1.8s }
.anim-delay-19 { animation-delay: 1.9s }
.anim-delay-20 { animation-delay: 2.0s }
.anim-delay-21 { animation-delay: 2.1s }
.anim-delay-22 { animation-delay: 2.2s }
.anim-delay-23 { animation-delay: 2.3s }
.anim-delay-24 { animation-delay: 2.4s }
.anim-delay-25 { animation-delay: 2.5s }
.anim-delay-26 { animation-delay: 2.6s }
.anim-delay-27 { animation-delay: 2.7s }
.anim-delay-28 { animation-delay: 2.8s }
.anim-delay-29 { animation-delay: 2.9s }
.anim-delay-30 { animation-delay: 3.0s }

/* -- Animation END ------------------------------------ */

/*                          ---                          */
/* -- Titles START ------------------------------------- */
hgroup.s-titles {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 25px;
}
hgroup.s-titles-inner {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 25px;
  margin: var(--margin-body) 0 0 0;
  /* border: 1px solid blue; */
}
hgroup.s-titles-inner h3,
hgroup.s-titles h3 {
  color: var(--primary);
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 2rem;
  text-transform: uppercase;
}
hgroup.s-titles-inner h3 {
  font-size: 1.5rem;
}
hgroup.s-titles p {
  max-width: 750px;
  margin: auto;
  color: var(--font-light);
  font-size: 1rem;
  line-height: 1.5rem;
}
hgroup.hg-hidden {
  display: none;
}
h3.title-sluzby {
  color: var(--primary);
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 2rem;
  text-transform: uppercase;
  margin: 0 0 25px 0;
}

@media screen and (max-width: 765px) {
  hgroup.s-titles {
    margin: 25px 0 25px 0;
  }
  hgroup.s-titles-inner {
    margin: 25px 0 25px 0;
  }
}
/* -- Titles END --------------------------------------- */

/*                          ---                          */
/* -- Navigation START --------------------------------- */
nav#main {
  width: 100%;
  position: absolute;
  /* top: var(--nav-margin-top); */
  top: 0;
  padding: 0 var(--padding-body);
  z-index: 111;
}
.n-main-wrapper {
  width: 100%;
  max-width: var(--max-width);
  /* height: var(--nav-height); */
  margin: auto;
  display: flex;
  align-items: center;
}


.n-main-logo-btn-wrapper {
  display: flex;
  align-items: center;
}


/* -- Hlavne logo */
.n-main-logo {
  width: -webkit-calc( 134px + var(--padding-inner) );
  width: expression( 134px + var(--padding-inner) );
  width: -moz-calc( 134px + var(--padding-inner) );
  width: -o-calc( 134px + var(--padding-inner) );
  width: calc( 134px + var(--padding-inner) );
  margin: 28px 0 0 0;
  height: 150px;
  display: block;
  position: relative;
  padding: 0 0 0 var(--padding-inner);

  /* background-color: #00ffff77; */
}
.n-main-logo::after {
  content: '';
  width: var(--padding-inner);
  height: var(--nav-height);
  position: absolute;
  top: 26px;
  left: 0;
  background-color: var(--white);
}
.n-main-logo svg {
  width: 134px;
  height: 150px;
  display: block;
}

.n-main-logo svg .background {
  fill: var(--white);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  opacity: 0.25;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.n-main-logo a:hover svg .background {
  fill: var(--white);
  opacity: 1;
}
.n-main-logo svg .border {
  fill: var(--white);
}
.n-main-logo svg .logo {
  fill: var(--white);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.n-main-logo a:hover svg .logo {
  fill: var(--primary);
}


/* -- Hlavne menu wrapper */
.n-main-items-wrapper {
  width: 100%;
  height: var(--nav-height);
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

/* -- Lang switch */
.n-main-lang {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: var(--white);
  padding: 0 0 0 50px;
  position: relative;
  text-transform: uppercase;
}
.n-main-lang::after {
  content: '';
  width: 2px;
  height: 18px;
  position: absolute;
  border-radius: 2px;
  top: 0;
  bottom: 0;
  left: -webkit-calc( 50px / 2 );
  left: expression( 50px / 2 );
  left: -moz-calc( 50px / 2 );
  left: -o-calc( 50px / 2 );
  left: calc( 50px / 2 );
  margin: auto;
  background-color: #e2e2e2;
}
.n-main-lang a {
  font-size: 0.75rem;
  font-weight: 600;
  color: #a2a2a2;
}
.n-main-lang a:hover {
  color: var(--black);
}

/* -- Hlavne menu */
.n-main-items {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #ffffff;
  padding: 0 10px 0 0;
}
.n-main-items a {
  height: 100%;
  padding: 0 20px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #7C7C7C;
  text-transform: uppercase;
}
.n-main-items a:hover {
  color: var(--black);
}
.n-main-items a.active {
  position: relative;
  font-weight: 800;
  color: var(--primary);
}
.n-main-items a.active::after {
  content: "";
  width: 100%;
  width: -webkit-calc( 100% - 40px );
  width: expression( 100% - 40px );
  width: -moz-calc( 100% - 40px );
  width: -o-calc( 100% - 40px );
  width: calc( 100% - 40px );
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -1px;
  display: block;
  border-radius: 8px;
  background-color: var(--primary);
}

/* -- Call button */
.n-main-top-call a {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  padding-right: 30px;
  background-color: var(--primary);
}
.n-main-top-call a.phone {
  color: var(--white);
  text-decoration: none;
}
.n-main-top-call a.phone:hover {
background-color: var(--black);
}
.n-main-top-call .phone svg {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 15px;
  margin-left: 30px;
}
.n-main-top-call .phone svg path {
  fill: var(--white);
}
.n-main-top-call .phone svg path:nth-child(2) {
  -webkit-animation: header-phone 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
  animation: header-phone 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
}
.n-main-top-call .phone svg path:nth-child(3) {
  -webkit-animation: header-phone2 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
  animation: header-phone2 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
}
/* Animate phone */
@-webkit-keyframes header-phone {
  0%,
  30% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 20px, 0);
    transform: translate3d(-20px, 20px, 0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes header-phone {
  0%,
  30% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 20px, 0);
    transform: translate3d(-20px, 20px, 0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes header-phone2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 20px, 0);
    transform: translate3d(-20px, 20px, 0);
  }
  70%,
  90% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes header-phone2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 20px, 0);
    transform: translate3d(-20px, 20px, 0);
  }
  70%,
  90% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
  }
}

/* -- Mobilne menu button */
.n-main-phone-btn {
  width: 100%;
  flex: 1;
  height: var(--nav-height);
  display: none;
  background-color: var(--white);
}
#btn-menu {
  height: var(--nav-height);
  cursor: pointer;
}
.n-main-phone-btn svg {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.n-main-phone-btn .active svg {
  transform: rotate(90deg);
}
.n-main-phone-btn path {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.n-main-phone-btn path:nth-child(1) {
  transform-origin: 36% 40%;
  stroke: #000000;
}
.n-main-phone-btn path:nth-child(2) {
  stroke-dasharray: 29 299;
  stroke: var(--primary);
}
.n-main-phone-btn path:nth-child(3) {
  transform-origin: 35% 63%;
  stroke: #000000;
}
.n-main-phone-btn path:nth-child(4) {
  stroke-dasharray: 29 299;
  stroke: var(--primary);
}
.n-main-phone-btn path:nth-child(5) {
  transform-origin: 61% 52%;
  stroke: #000000;
}
.n-main-phone-btn path:nth-child(6) {
  transform-origin: 62% 52%;
  stroke: #000000;
}
.n-main-phone-btn .active path:nth-child(1) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
.n-main-phone-btn .active path:nth-child(2) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
  stroke: var(--primary);
}
.n-main-phone-btn .active path:nth-child(3) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.n-main-phone-btn .active path:nth-child(4) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.n-main-phone-btn .active path:nth-child(5) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.n-main-phone-btn .active path:nth-child(6) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
@keyframes animate-pulse {
  from {
    stroke-width: 3px;
    stroke-opacity: 1;
    transform: scale(0.3);
  }
  to {
    stroke-width: 0;
    stroke-opacity: 0;
    transform: scale(1);
  }
}

@media screen and (max-width: 1150px) {
  .n-main-logo-btn-wrapper {
    width: 100%;
  }
  .n-main-items-wrapper {
    display: none;
  }
  .n-main-phone-btn {
    display: flex;
    justify-content: space-between;
    /* justify-content: flex-end; */
  }
}
/* -- Navigation END ----------------------------------- */

/*                          ---                          */
/* -- Navigation Phone START --------------------------- */

/* -- Navigation Phone END ----------------------------- */
#nav-phone {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  backdrop-filter: blur(var(--nav-backdrop));
  -webkit-backdrop-filter: blur(var(--nav-backdrop));
  padding: 0 0 var(--padding-body) 0;
}
#nav-phone::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -11;
  background-color: var(--black);
  opacity: 0.65;
}
.nav-phone-wrapper {
  width: -webkit-calc( 100% - var(--padding-body) * 2 );
  width: expression( 100% - var(--padding-body) * 2 );
  width: -moz-calc( 100% - var(--padding-body) * 2 );
  width: -o-calc( 100% - var(--padding-body) * 2 );
  width: calc( 100% - var(--padding-body) * 2 );
  height: -webkit-calc( 100% - 175px );
  height: expression( 100% - 175px );
  height: -moz-calc( 100% - 175px );
  height: -o-calc( 100% - 175px );
  height: calc( 100% - 175px );
  margin: 203px var(--padding-body) 0 var(--padding-body);
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--padding-body);
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.nav-phone-wrapper::-webkit-scrollbar {
  width: 0;
}
.nav-phone-wrapper::-webkit-scrollbar-thumb {
  background-color: transparent;
}



/* -- xxx */
.nav-phone-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.nav-phone-items a {
  color: var(--black);
  text-align: center;
  padding: 21px 0 20px 0;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--white);
  animation: FadeInMenuItems 0.5s linear;
  animation-fill-mode: both;
}
.nav-phone-items a.active {
  color: var(--white);
  background-color: var(--primary);
}



.nav-phone-items a:nth-child(1) { animation-delay: 0.1s }
.nav-phone-items a:nth-child(2) { animation-delay: 0.2s }
.nav-phone-items a:nth-child(3) { animation-delay: 0.3s }
.nav-phone-items a:nth-child(4) { animation-delay: 0.4s }
.nav-phone-items a:nth-child(5) { animation-delay: 0.5s }
.nav-phone-items a:nth-child(6) { animation-delay: 0.6s }
.nav-phone-items a:nth-child(7) { animation-delay: 0.7s }
.nav-phone-items a:nth-child(8) { animation-delay: 0.8s }
.nav-phone-items a:nth-child(9) { animation-delay: 0.9s }
.nav-phone-items a:nth-child(10) { animation-delay: 1.0s }
.nav-phone-items a:nth-child(11) { animation-delay: 1.1s }
.nav-phone-items a:nth-child(12) { animation-delay: 1.2s }
.nav-phone-items a:nth-child(13) { animation-delay: 1.3s }
@-webkit-keyframes FadeInMenuItems {
  0% {
    opacity: 0;
    transform: scale(.1);
  }

  85% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes FadeInMenuItems {
  0% {
    opacity: 0;
    transform: scale(.1);
  }

  85% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}


/* -- xxx */
.nav-phone-lang-soc {
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--padding-body) 0;
}
.nav-phone-soc {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 25px;
}



.nav-phone-soc a {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-phone-soc span {
  display: none;
}
.nav-phone-soc a svg  {
  width: 100%;
  height: 100%;
  display: block;
}
.nav-phone-soc a svg #nav-icon-facebook-bg {
  fill: var(--white);
  opacity: 1;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.nav-phone-soc a:hover svg #nav-icon-facebook-bg {
  fill: #3b5998;
  opacity: 1;
}
.nav-phone-soc a svg #nav-icon-facebook {
  fill: var(--white);
  opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.nav-phone-soc a:hover svg #nav-icon-facebook {
  opacity: 1;
}
.nav-phone-soc a svg #nav-instagram-bg { 
  fill: var(--white);
  opacity: 1;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.nav-phone-soc a svg #nav-instagram-bg-color,
.nav-phone-soc a svg #nav-icon-instagram {
  fill: var(--white);
  opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.nav-phone-soc a:hover svg #nav-instagram-bg { 
  opacity: 0;
}
.nav-phone-soc a:hover svg #nav-instagram-bg-color,
.nav-phone-soc a:hover svg #nav-icon-instagram {
  opacity: 1;
}















/*                          ---                          */
/* -- Headers START ------------------------------------ */
header {
  position: relative;
  /* display: flex;
  justify-content: center;
  align-items: flex-end; */
}
header.h-index {
  width: 100%;
  height: var(--h-index-height);
  min-height: var(--h-index-height-min);
  max-height: var(--h-index-height-max);
  background-color: #ccc;
  background-color: #000000;
  position: relative;
  padding: -webkit-calc( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
  padding: expression( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
  padding: -moz-calc( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
  padding: -o-calc( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
  padding: calc( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
}
header::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 11;
  background-color: var(--primary);
}
header.h-blog {
  width: 100%;
  height: var(--h-index-height);
  min-height: 350px;
  max-height: 550px;
  background-color: #ccc;
  background-color: #000000;
  position: relative;
  padding: -webkit-calc( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
  padding: expression( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
  padding: -moz-calc( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
  padding: -o-calc( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
  padding: calc( var(--nav-height) + var(--nav-margin-top) ) var(--padding-body) 0 var(--padding-body);
}

/* -- HEADER slogan */
.h-wrapper {
  width: 100%;
  max-width: var(--max-width);
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: relative;
  /* background-color: rgba(0, 255, 136, 0.2);
  border: 1px solid rgba(0, 255, 136, 0.5); */
}

.h-wrapper-content {
  max-width: 900px;
  position: relative;
  color: var(--white);
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform-origin: center center;
  animation-name: sloganAnimation;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 0.75s;
}
.h-wrapper h4 {
  display: fit-content;
  text-transform: uppercase;
  font-size: clamp(2.5rem, 4vw, 5rem);
  line-height: clamp(3.5rem, 5vw, 6rem);
  font-weight: 100;
  font-style: normal;
  text-align: center;
  margin: 0 50px;
  border: 0px solid orange;
}
.h-wrapper h5 {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 600;
  font-style: normal;
  color: var(--primary);
  text-align: center;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  transform-origin: bottom right;
}

/* -- HEADER video */
.h-background-video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  /* background-image: url('./../../uploads/header-index.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
}
.h-background-video video {
  object-fit: cover;
  object-position: center bottom;
  width: 100%;
  height: 100%;
}
.h-background-video::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--black);
  opacity: var(--video-opacity);
}

/* -- HEADER img */
.h-background-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.h-background-img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--black);
  opacity: var(--video-opacity);
}

/* -- HEADER Socialne siete */
.h-social {
  height: var(--padding-body);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  transform-origin: left top;
  transform: rotate(-90deg);
}
.h-social h3 {
  color: var(--white);
  font-size: 0.65rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
  opacity: 0.4;
}
.h-social h3 span {
  font-weight: 800;
}
.h-social-links {
  display: flex;
  flex-direction: row-reverse;
  margin: 0 25px 0 30px;
}
.h-social-links a {
  width: 30px;
  height: 30px;
  display: block;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
}
.h-social-links a span {
  display: none;
}
.h-social-links a svg #icon-facebook-bg {
  fill: var(--white);
  opacity: 0.4;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.h-social-links a:hover svg #icon-facebook-bg {
  fill: #3b5998;
  opacity: 1;
}
.h-social-links a svg #icon-facebook {
  fill: var(--white);
  opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.h-social-links a:hover svg #icon-facebook {
  opacity: 1;
}
.h-social-links a svg #instagram-bg { 
  fill: var(--white);
  opacity: 0.4;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.h-social-links a svg #instagram-bg-color,
.h-social-links a svg #icon-instagram {
  fill: var(--white);
  opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.h-social-links a:hover svg #instagram-bg { 
  opacity: 0;
}
.h-social-links a:hover svg #instagram-bg-color,
.h-social-links a:hover svg #icon-instagram {
  opacity: 1;
}

/* -- HEADER Animacia skrolovania stranky */
.h-mouse {
  position: absolute;
  width: 18px;
  height: 36px;
  bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.mouse {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  position: relative;
  height: 36px;
  width: 18px;
}
.mouse:before,
.mouse:after {
  animation: mouse-wheel 1.5s ease-in-out infinite;
  background: #fff;
  border-radius: 100px;
  content: '';
  height: 4px;
  width: 4px;
  opacity: 0;
  position: absolute;
  left: 7px;
  top: 16px;
}
.mouse:after {
  animation-delay: 0.75s;
}
@-webkit-keyframes mouse-wheel {
  0% {
    transform: translateY(-11px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    transform: translateY(11px);
  }
}
@keyframes mouse-wheel {
  0% {
    transform: translateY(-11px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    transform: translateY(11px);
  }
}


/* -- HEADER Play button */
.h-play {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 35px;
  bottom: 30px;
}
.player-ctrl {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.player-ctrl a {
  background-color: var(--primary);
  border-radius: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  opacity: 1;
}
.player-ctrl a:hover {
  background-color: var(--black);
  opacity: 1;
}
.h-play #podcast-play svg,
.h-play #podcast-pause svg {
  width: 80%;
  height: 80%;
  display: block;
  fill: var(--white);
}
.h-play #podcast-play:hover svg,
.h-play #podcast-pause:hover svg {
  fill: var(--primary);
}
@media screen and (max-width: 1240px) {
  .h-social {
    left: 20px;
  }
}
@media screen and (max-width: 765px) {
  .h-social h3 {
    display: none;
  }
}
@media screen and (max-width: 428px) {
  .h-social {
    height: auto;
    left: 20px;
    bottom: 20px;
    transform: rotate(0);
    transform-origin: left bottom;
  }
  .h-social-links {
    flex-direction: column;
    margin: 0;
  }
  .h-social-links a {
    transform: rotate(0deg);
    margin: 0 0 10px 0;
  }
  .h-play {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
  .h-social-links a:last-child {
    margin: 0;
  }
}
/* -- Headers END -------------------------------------- */

/*                          ---                          */
/* -- Section START ------------------------------------ */
section.s-default {
  width: 100%;
  padding: 0 var(--padding-body);
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.s-wrapper {
  width: 100%;
  max-width: var(--max-width);
  height: 100%;
  margin: auto;
  padding: var(--padding-body) 0 var(--padding-body) 0;
}
.s-wrapper-services {
  width: 100%;
  max-width: var(--max-width);
  height: 100%;
  margin: auto;
  padding: 0 0 var(--padding-body) 0;
  padding: var(--padding-body-title) 0 var(--padding-body) 0;
  padding: var(--padding-body) 0 var(--padding-body) 0;
}
.s-wrapper-custom-padding {
  width: 100%;
  max-width: var(--max-width);
  height: 100%;
  margin: auto;
  padding: var(--padding-body-title) 0 var(--padding-body) 0;
}
.s-decoration-wrapper {
  width: 100%;
  height: 100%;
  max-width: var(--max-width);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}







/* -- Zakladne pozadia */
.s-background-dark {
  background-color: var(--bg-dark);
}
.s-background-light {
  background-color: var(--bg-light);
}
.s-background-texture-1 {
  background-image: url('./../../uploads/backgrounds/texture-1.jpg');
}
.s-background-texture-1::after {
  content: '';
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0px;
  left: 0;
  background-color: var(--bg-light);
  -webkit-mask-size: auto 50px;
  mask-size: auto 50px;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url('./../../uploads/backgrounds/border-1.svg');
  mask-image: url('./../../uploads/backgrounds/border-1.svg');
  display: none;
}
.s-background-texture-1::before {
  content: '';
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0;
  -webkit-transform: scaleY(-1) scaleX(-1);
  transform: scaleY(-1) scaleX(-1);
  background-color: var(--bg-light);
  -webkit-mask-size: auto 50px;
  mask-size: auto 50px;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url('./../../uploads/backgrounds/border-1.svg');
  mask-image: url('./../../uploads/backgrounds/border-1.svg');
  display: none;
}
.s-background-texture-2 {
  background-image: url('./../../uploads/backgrounds/texture-2.jpg');
}
.s-background-texture-3 {
  background-image: url('./../../uploads/backgrounds/texture-3.jpg');
}
.s-background-texture-4 {
  background-image: url('./../../uploads/backgrounds/texture-4.jpg');
}
.s-background-texture-5 {
  background-image: url('./../../uploads/backgrounds/texture-5.jpg');
}

/* -- Mapa na pozadi */
.s-background-map {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('./../../uploads/kontakt-mapa-4.png');
  position: relative;
}
.s-background-map::before,
.s-background-map::after {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00ffff;
}
.s-background-map::before {
  height: 400px;
  bottom: 0;
  background: rgb(29,29,29);
  background: -moz-linear-gradient(0deg, rgba(29,29,29,1) 30%, rgba(29,29,29,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(29,29,29,1) 30%, rgba(29,29,29,0) 100%);
  background: linear-gradient(0deg, rgba(29,29,29,1) 30%, rgba(29,29,29,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1D1D1D",endColorstr="#1D1D1D",GradientType=1);
}
.s-background-map::after {
  height: 400px;
  top: 0;
  background: rgb(29,29,29);
  background: -moz-linear-gradient(180deg, rgba(29,29,29,1) 50%, rgba(29,29,29,0) 100%);
  background: -webkit-linear-gradient(180deg, rgba(29,29,29,1) 50%, rgba(29,29,29,0) 100%);
  background: linear-gradient(180deg, rgba(29,29,29,1) 50%, rgba(29,29,29,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1D1D1D",endColorstr="#1D1D1D",GradientType=1);
}
@media screen and (max-width: 765px) {
  .s-background-map::before {
    height: 800px;
  }
  .s-background-map::after {
    height: 600px;
  }
}
@media screen and (max-width: 520px) {
  .s-background-map::after {
    height: 800px;
  }
}

/* -- Default content */
.s-content-default {
  margin: var(--margin-inner) 0 0 0;
}

/* -- Cennik */
.s-content-cennik {
  margin: var(--margin-inner) 0 0 0;
}
.s-content-cennik_man {
  margin: var(--margin-inner) 0 0 0;
}

/* -- Nas team */
.s-content-nas-team {
  margin: 0;
}

/* -- O mne content */
.s-content-o-mne {
  margin: 0;
}

/* -- Sluzby content */
.s-content-sluzby {
  padding: 0 0 0 0;
}

/* -- Blogy content */
.s-content-blogs {
  max-width: 1000px;
  margin: var(--margin-inner) auto 0 auto;
  display: flex;
}

/* -- Blog content */
.s-content-blog {
  margin: var(--margin-inner) auto 0 auto;
}

/* -- Fotogaleria content */
.s-content-fotogaleria {
  margin: var(--margin-inner) 0 0 0;
}

@media screen and (max-width: 1090px) {
  .s-content-blogs {
    flex-direction: column;
    align-items: center;
  }
}
/* -- Section END -------------------------------------- */

/*                          ---                          */
/* -- Sluzby START ------------------------------------- */
.s-content-sluzby {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.s-content-sluzby-text-photo {
  display: flex;
  gap: 20px;  
  background-color: var(--white);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('./../../uploads/backgrounds/texture-1.jpg');
}

.s-content-sluzby-text {
  width: clamp(400px, 40%, 600px);
  padding: calc(var(--padding-inner) - 15px) var(--padding-inner) var(--padding-inner) var(--padding-inner);
}
.s-content-sluzby-text p {
  color: var(--black);
  margin: 0 0 20px 0;
}
.s-content-sluzby-text p:last-child {
  margin: 0;
}

.s-content-sluzby-photo {
  flex: 1;
  position: relative;
  padding: var(--padding-inner) var(--padding-inner) var(--padding-inner) 0;
}
.s-content-sluzby-photo img {
  box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.3);
}
.s-content-sluzby-photo::after {
  content: '';
  width: calc(100% - var(--padding-inner) * 4);
  height: 4px;
  position: absolute;
  left: 0;
  right: var(--padding-inner);
  bottom: calc(var(--padding-inner) - 2px);
  margin: auto;
  z-index: 1;
  background-color: var(--primary);
}

.s-content-sluzby-grid-wrapper {
  width: 100%;
  flex: 1;
}
.s-content-sluzby-grid {
  width: 100%;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(6, 1fr);
}

.services-box {
  width: 100%;
  aspect-ratio: 1 / 1;
}
.services-flip-card {
  height: 100%;
  background-color: transparent;
  perspective: 1000px;
}
.services-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;

  cursor: pointer;
}
.services-flip-card-front, .services-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 0 40px 10px #00000024;
}
.services-flip-card-back {
  top: 0;
  left: 0;
  background-color: var(--black);
}
.services-flip-card-front {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.services-flip-card-front::after {
  content: "";
  width: 106%;
  height: 106%;
  position: absolute;
  top: -3%;
  left: -3%;
  display: block;
  z-index: -1;
  opacity: var(--services-box-opacity);
  background-color: var(--black);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.services-flip-card-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: grayscale(var(--services-flip-card-img-grayscale));
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  background-color: var(--black);
  display: none;
}

.services-box h5 {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: 'Playfair Display', serif;
  font-size: clamp(1rem, 3vw, 1rem);
  line-height: clamp(1.5rem, 4vw, 1.5rem);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--white);
  text-align: center;
  padding: 25px 10px 25px 10px;
}

.services-flip-card-big-icon {
  width: 100%;
  height: 40%;
  max-height: 60px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 25px 0 0 0;
}
.services-flip-card-big-icon svg {
  width: auto;
  height: 100%;
}
.services-icon-border {
  fill: var(--primary);
}
.services-icon-bg {
  fill: var(--white);
  opacity: 0.25;
  opacity: 0;
}

.services-flip-card-icon {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
}
.services-flip-card-icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.services-flip-card-icon svg .services-card-icon-border {
  fill: var(--primary);
}
.services-flip-card-icon svg .services-card-icon-bg {
  fill: var(--white);
  opacity: 0;
}
.services-flip-card-back {
  color: var(--white);
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: var(--primary);
  background-image: url('./../../uploads/backgrounds/bg-pink.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateY(180deg);
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  padding: 15px;
  hyphens: auto;
}
.services-flip-card-back::-webkit-scrollbar {
  width: 0;
}
.services-flip-card-back::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.services-box h6 {
  margin: 0 0 25px 0;
  padding: 10px;
  font-size: clamp(1rem, 3vw, 1.2rem);
  color: var(--primary);
  background-color: var(--white);
  box-shadow: 0 0 40px 10px #0000002b;
}
.services-flip-card-back p {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: var(--white);
  text-align: center;
}

@media screen and (min-width: 745px) {
  .services-flip-card-front:hover .services-flip-card-img {
    filter: grayscale(0);
  }
  .services-flip-card-front:hover::after {
    opacity: 1;
  }
  .services-flip-card-front:hover .services-flip-card-icon svg {
    opacity: 1;
  }
}
@media screen and (max-width: 1520px) {
  .s-content-sluzby-text {
    width: 500px;
  }
}
@media screen and (max-width: 1530px) {
  .services-box h5 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 1400px) {
  .services-flip-card-big-icon {
    height: 30%;
    max-height: 50px;
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 1320px) {
  .services-box h5 {
    font-size: clamp(1rem, 3vw, 1.2rem);
    line-height: clamp(1.5rem, 4vw, 1.7rem);
  }
  .s-content-sluzby {
    flex-direction: column;
  }
  .services-flip-card-big-icon {
    height: 40%;
    max-height: 80px;
    margin: 40px 0 0 0;
  }
  .s-content-sluzby-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .sluzba-1 { grid-area: 1 / 1 / 2 / 2; }
  .sluzba-2 { grid-area: 1 / 2 / 2 / 3; }
  .sluzba-3 { grid-area: 1 / 3 / 2 / 4; }
  .sluzba-4 { grid-area: 1 / 4 / 2 / 5; }
  .sluzba-5 { grid-area: 2 / 2 / 3 / 3; }
  .sluzba-6 { grid-area: 2 / 3 / 3 / 4; }
}
@media screen and (max-width: 1320px) {
  .s-content-sluzby-text-photo {
    flex-direction: column;
  }
  .s-content-sluzby-text {
    width: 100%;
    padding: calc(var(--padding-inner) + 10px) var(--padding-inner) 0 var(--padding-inner);
  }
  h3.title-sluzby {
    text-align: center;
  }
  .s-content-sluzby-photo {
    padding: 0 var(--padding-inner) var(--padding-inner) var(--padding-inner);
  }
  .s-content-sluzby-photo::after {
    content: '';
    width: calc(100% - var(--padding-inner) * 4);
    height: 4px;
    position: absolute;
    right: auto;
    left: calc(var(--padding-inner) * 2);
  }
}
@media screen and (max-width: 1020px) {
  .s-content-sluzby-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .sluzba-1 { grid-area: auto; }
  .sluzba-2 { grid-area: auto; }
  .sluzba-3 { grid-area: auto; }
  .sluzba-4 { grid-area: auto; }
  .sluzba-5 { grid-area: auto; }
  .sluzba-6 { grid-area: auto; }
}
@media screen and (max-width: 744px) {
  .s-content-sluzby-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 230px);
  }
  .services-flip-card-inner {
    aspect-ratio: auto;
  }
  .services-box {
    aspect-ratio: auto;
  }
}
@media screen and (max-width: 428px) {
  .services-box h5 {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    line-height: clamp(2.25rem, 4vw, 2.25rem);
  }
  .services-flip-card-big-icon {
    margin: 25px 0 0 0;
  }
  .services-flip-card-inner {
    aspect-ratio: auto;
  }
  .s-content-sluzby-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 230px);
  }
  .services-box {
    aspect-ratio: auto;
  }
}
/* -- Sluzby END -------------------------------------- */

/*                          ---                          */
/* -- Cennik START ------------------------------------- */
.s-content-cennik {
  min-height: fit-content;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 90px);
  gap: 20px;
}
.s-content-cennik_man {
  min-height: fit-content;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 90px);
  gap: 20px;
}
[class^="cennik-box-man-"],
[class^="cennik-box-"] {
  position: relative;
  font-family: 'Playfair Display', serif;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0 20px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--black);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

[class^="cennik-box-man-"] span,
[class^="cennik-box-"] span {
  margin: 5px 0 0 0;
  font-size: 0.8rem;
  font-family: 'Playfair Display', serif;
  color: #717171;
}
.cennik-box-icon {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 8px;
  top: 8px;
  opacity: 0.75;
  display: block;
  padding: 0;
  background-color: transparent;
  z-index: 1;
}
.cennik-box-icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.cennik-box-icon svg {
  fill: var(--primary);
}
[class^="cennik-box-"]:hover .cennik-box-icon svg {
  opacity: 1;
  fill: var(--white);
  background-color: transparent;
}
.cennik-box-price {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1.10rem;
  line-height: 1.4rem;
  background-color: var(--primary);
  background-image: url('./../../uploads/backgrounds/bg-pink.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  flex-direction: row;
  font-weight: 600;
  opacity: 0;
}
.cennik-box-price span {
  margin: 0;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1rem;
  color: var(--white);
  margin: 0 0 0 5px;
  opacity: 0.5;
  text-transform: none;
}

.cennik-info-wrapper {
  position: relative;
  margin: var(--margin-inner) 0 0 0;
  color: var(--black);
}
.cennik-info-icon {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.cennik-info-icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.cennik-info-icon svg {
  fill: var(--primary);
}
.cennik-info {
  font-style: italic;
  padding: 0 0 0 25px;
}

@media screen and (max-width: 1280px) {
  .s-content-cennik {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 90px);
  }
  .s-content-cennik_man {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 90px);
  }
}
@media screen and (max-width: 1040px) {
  .s-content-cennik {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 90px);
  }
  .cennik-box-1 { grid-area: 1 / 1 / 2 / 2; }
  .cennik-box-2 { grid-area: 1 / 2 / 2 / 3; }
  .cennik-box-3 { grid-area: 1 / 3 / 2 / 4; }
  .cennik-box-4 { grid-area: 2 / 1 / 3 / 2; }
  .cennik-box-5 { grid-area: 2 / 2 / 3 / 3; }
  .cennik-box-6 { grid-area: 2 / 3 / 3 / 4; }
  .cennik-box-7 { grid-area: 3 / 1 / 4 / 2; }
  .cennik-box-9 { grid-area: 3 / 2 / 4 / 3; }
  .cennik-box-9 { grid-area: 3 / 3 / 4 / 4; }
  .cennik-box-10 { grid-area: 4 / 1 / 5 / 2; }
  .cennik-box-11 { grid-area: 4 / 2 / 5 / 3; }
  .cennik-box-12 { grid-area: 4 / 3 / 5 / 4; }
  .cennik-box-13 { grid-area: 5 / 1 / 6 / 2; }
  .cennik-box-14 { grid-area: 5 / 2 / 6 / 3; }
  .cennik-box-15 { grid-area: 5 / 3 / 6 / 4; }
  .cennik-box-16 { grid-area: 6 / 1 / 7 / 2; }
  .cennik-box-17 { grid-area: 6 / 2 / 7 / 3; }
  .cennik-box-18 { grid-area: 6 / 3 / 7 / 4; }
  .cennik-box-19 { grid-area: 7 / 2 / 8 / 3; }
  .s-content-cennik_man {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 90px);
  }
  .cennik-box-man-1 { grid-area: 1 / 1 / 2 / 2; }
  .cennik-box-man-2 { grid-area: 1 / 2 / 2 / 3; }
  .cennik-box-man-3 { grid-area: 1 / 3 / 2 / 4; }
  .cennik-box-man-4 { grid-area: 2 / 2 / 3 / 3; }
}

@media screen and (min-width: 745px) {
  [class^="cennik-box-"]:hover {
    cursor: pointer;
    background-color: var(--primary);
    background-image: url('./../../uploads/backgrounds/bg-pink.jpg');
    background-size: cover;
    background-repeat: no-repeat;
  }
  [class^="cennik-box-"]:hover span {
    color: var(--white);
  }
}
@media screen and (max-width: 744px) {

  .s-content-cennik {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 100px);
  }
  .cennik-box-1 { grid-area: auto; }
  .cennik-box-2 { grid-area: auto; }
  .cennik-box-3 { grid-area: auto; }
  .cennik-box-4 { grid-area: auto; }
  .cennik-box-5 { grid-area: auto; }
  .cennik-box-6 { grid-area: auto; }
  .cennik-box-7 { grid-area: auto; }
  .cennik-box-9 { grid-area: auto; }
  .cennik-box-9 { grid-area: auto; }
  .cennik-box-10 { grid-area: auto; }
  .cennik-box-11 { grid-area: auto; }
  .cennik-box-12 { grid-area: auto; }
  .cennik-box-13 { grid-area: auto; }
  .cennik-box-14 { grid-area: auto; }
  .cennik-box-15 { grid-area: auto; }
  .cennik-box-16 { grid-area: auto; }
  .cennik-box-17 { grid-area: auto; }
  .cennik-box-18 { grid-area: auto; }
  .cennik-box-19 { grid-area: auto; }
  .s-content-cennik_man {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 90px);
  }
  .cennik-box-man-1 { grid-area: auto; }
  .cennik-box-man-2 { grid-area: auto; }
  .cennik-box-man-3 { grid-area: auto; }
  .cennik-box-man-4 { grid-area: auto; }
}
@media only screen and (max-width: 320px) {
  .s-content-cennik {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(19, 80px);
  }
  .s-content-cennik_man {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 90px);
  }
}
/* -- Cennik END --------------------------------------- */

/*                          ---                          */
/* -- Nas team START ----------------------------------- */
.s-content-nas-team {
  display: grid;
  gap: var(--padding-body);
}
.grid-3 {
  max-width: 1200px;
  margin: var(--margin-inner) auto 0 auto;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-4 {
  margin: var(--margin-inner) 0 0 0;
  grid-template-columns: repeat(4, 1fr);
}
.grid-3 .people-1 { grid-area: 1 / 1 / 2 / 2; }
.grid-3 .people-2 { grid-area: 1 / 2 / 2 / 3; }
.grid-3 .people-3 { grid-area: 1 / 3 / 2 / 4; }
.grid-3 .people-4 { grid-area: 2 / 2 / 3 / 3; }
@media screen and (min-width: 981px) and (max-width: 1280px) {
  .grid-4 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .grid-4 .people-1 { grid-area: 1 / 1 / 2 / 2; }
  .grid-4 .people-2 { grid-area: 1 / 2 / 2 / 3; }
  .grid-4 .people-3 { grid-area: 1 / 3 / 2 / 4; }
  .grid-4 .people-4 { grid-area: 2 / 2 / 3 / 3; }
}
@media screen and (max-width: 980px) {
  .grid-4,
  .grid-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }

  .grid-3 .people-1 { grid-area: auto; }
  .grid-3 .people-2 { grid-area: auto; }
  .grid-3 .people-3 { grid-area: auto; }
  .grid-3 .people-4 { grid-area: auto; }
}
@media screen and (max-width: 428px) {
  .grid-4,
  .grid-3 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
.flip-card {
  background-color: transparent;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  width: 1005;
  aspect-ratio: 1 / 1;
  cursor: pointer;
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 0 40px 10px #0000005a;
}
.flip-card-back {
  color: var(--white);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  background-image: url('./../../uploads/backgrounds/bg-pink.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateY(180deg);
  padding: 25px;
}
.flip-card-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  opacity: 0.75;
}
.flip-card-icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.flip-card-icon svg .card-icon-border {
  fill: #fff;
}
.flip-card-icon svg .card-icon-bg {
  fill: #fff;
  opacity: 0.25;
  backdrop-filter: blur(10px);
}
@media screen and (min-width: 745px) {
  .show-pc {
    display: block;
  }
  .show-phone {
    display: none;
  }
}
@media screen and (max-width: 744px) {
  .show-pc {
    display: none;
  }
  .show-phone {
    display: block;
  }
}
.flip-card-bottom {
  margin: 25px 0 0 0;
  text-align: center;
}
.flip-card-bottom h4 {
  color: var(--primary);
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 1.5rem;
}
.flip-card-bottom h4 span {
  font-weight: 800;
  font-family: 'Playfair Display', serif;
  text-transform: uppercase;
}
.flip-card-bottom h5 {
  font-size: 1rem;
  color: var(--black);
  font-weight: 200;
  text-transform: uppercase;
  margin: 10px 0 0 0;
}
/* -- Nas team END ------------------------------------- */

/*                          ---                          */
/* -- Kapyderm START ----------------------------------- */

/* -- Kapyderm END ------------------------------------- */

/*                          ---                          */
/* -- Blog START --------------------------------------- */

.s-content-blog {
  max-width: 800px;
  margin: auto;
}
.s-content-blog h5 {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 25px 0 5px 0;
  color: var(--primary);
}
.s-content-blog p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 10px 0;
  color: #c0c0c0;
}
.s-content-blog p b,
.s-content-blog p a,
.s-content-blog p a span {
  font-weight: 600;
  color: var(--white);
}
.s-content-blog p a:hover,
.s-content-blog p a:hover span  {
  color: var(--primary);
}
.s-content-blog div:first-child h5 {
  margin: 0 0 5px 0;
}


.s-content-blog ul {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #c0c0c0;
}
.s-content-blog li {
  position: relative;
  padding: 0 0 0 15px;
}
.s-content-blog li::before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 10px;
  background: var(--primary);
}
.s-content-blog .margin-bottom {
  margin: 0 0 10px 0;
}

@media screen and (max-width: 428px) {
  .s-content-blog h5 {
    text-align: center;
  }
}


/* -- Blog END ----------------------------------------- */

/*                          ---                          */
/* -- GDPR START --------------------------------------- */
.s-content-gdpr {
  max-width: 800px;
  margin: auto;
}
.s-content-gdpr h5 {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 25px 0 5px 0;
  color: var(--primary);
}
.s-content-gdpr p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 10px 0;
  color: #c0c0c0;
}
.s-content-gdpr p b,
.s-content-gdpr p a,
.s-content-gdpr p a span {
  font-weight: 600;
  color: var(--white);
}
.s-content-gdpr p a:hover,
.s-content-gdpr p a:hover span  {
  color: var(--primary);
}
.s-content-gdpr div:first-child h5 {
  margin: 0 0 5px 0;
}
.s-content-gdpr div:last-child p {
  margin: 27px 0 0 0;  
}

@media screen and (max-width: 428px) {
  .s-content-gdpr h5 {
    text-align: center;
  }
}
/* -- GDPR END ----------------------------------------- */

/*                          ---                          */
/* -- Blogy START -------------------------------------- */
.blog-wrapper-left,
.blog-wrapper-right {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1090px) {
  .blog-wrapper-left,
  .blog-wrapper-right {
    width: 100%;
    max-width: 500px;
  }
}
.blog-wrapper-left {
  padding: var(--padding-body) 0 0 0;
}
@media screen and (max-width: 1090px) {
  .blog-wrapper-left {
    padding: 0;
  }
}
.blog-box {
  width: 100%;
  aspect-ratio: 1;
  background-color: #7C7C7C;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.blog-box-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: -1;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.blog-box:hover .blog-box-image {
transform: scale(1.05) rotate(2.5deg);
}


.blog-box-title {
  width: 50%;
  aspect-ratio: 1;
  aspect-ratio: auto;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--white);
}
@media screen and (max-width: 540px) {
  .blog-box-title {
    width: 65%;
    aspect-ratio: auto;
  }
}
.left-top {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1090px) {
  .left-top {
    top: auto;
    bottom: 0;
  }
}
.right-top {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1090px) {
  .right-top {
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
  }
}
.right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.left-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}
.row-top-number {
  font-weight: 300;
  font-size: 1rem;
  color: var(--font-light);
  margin: 0 0 15px 0;
}
.row-top-number span {
  font-weight: 600;
}
.row-top-title {
  margin: 0 0 20px 0;
}
.row-top-title a {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: var(--primary);
}
.row-top-title a:hover {
  color: var(--black);
}
.row-top-text a {
  font-size: 0.8rem;
  line-height: 1.1rem;
  color: var(--font-gray-light);

  display: none;
}
.row-top-text a:hover {
  color: var(--black);
}



.blog-box-row-bottom a {
  width: 100%;
  display: block;
  font-size: 0.7rem;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--font-gray-light);
  position: relative;
  padding: 10px 15px;
  text-align: center;
  background-color: #e5e5e5;
}
.blog-box-row-bottom a::after {
  content: '';
  width: 40px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  margin: auto;
  background-color: red;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;

    display: none;
}
.blog-box-row-bottom a:hover {
  color: var(--white);
  background-color: var(--primary);
}
.blog-box-row-bottom a:hover::after {
  left: -10px;
  background-color: red;
}






/* .blog-box:nth-child(1) {
  padding: 50px 0 0 0;
  background-color: #ff0000;
}


.blog-box span {
  width: 50%;
  aspect-ratio: 1;
  background-color: #7C7C7C;
} */

/* -- Blogy END ---------------------------------------- */

/*                          ---                          */
/* -- xxx START ---------------------------------------- */
/* -- xxx END ------------------------------------------ */

/*                          ---                          */
/* -- xxx START ---------------------------------------- */
/* -- xxx END ------------------------------------------ */

/*                          ---                          */
/* -- xxx START ---------------------------------------- */
/* -- xxx END ------------------------------------------ */

/*                          ---                          */
/* -- xxx START ---------------------------------------- */
/* -- xxx END ------------------------------------------ */

/*                          ---                          */
/* -- xxx START ---------------------------------------- */
/* -- xxx END ------------------------------------------ */

/*                          ---                          */
/* -- xxx START ---------------------------------------- */
/* -- xxx END ------------------------------------------ */

/*                          ---                          */
/* -- O mne START -------------------------------------- */
.o-mne-wrapper {
  display: flex;
  overflow: hidden;
}
.o-mne-img {
  width: 100%;
  max-width: 325px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  padding: 0 0 0 var(--padding-inner);
}
.o-mne-instagram {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  margin: auto;
}
.o-mne-instagram a svg #she-instagram-bg { 
  fill: var(--white);
  opacity: 0.75;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.o-mne-instagram a svg #she-instagram-bg-color,
.o-mne-instagram a svg #she-icon-instagram {
  fill: var(--white);
  opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.o-mne-instagram a:hover svg #she-instagram-bg { 
  opacity: 0;
}
.o-mne-instagram a:hover svg #she-instagram-bg-color,
.o-mne-instagram a:hover svg #she-icon-instagram {
  opacity: 1;
}
.o-mne-instagram {
  display: none;
}









.o-mne-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-content: flex-end;
  color: var(--white);
  line-height: 1.5rem;
  gap: 25px;
}
.o-mne-text-inner {
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: var(--padding-inner) var(--padding-body) var(--padding-inner) var(--padding-body);
  /* background-color: var(--primary); */
}
.o-mne-text-inner::after {
  content: '';
  width: 300%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -150%;
  z-index: -1;
  background-color: var(--primary);
  background-image: url('./../../uploads/backgrounds/bg-pink.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.o-mne-text-title {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.o-mne-text-title h3 {
  font-size: 2rem;
  line-height: 2.75rem;
  font-weight: 400;
  text-align: center;
  color: var(--primary);
  font-family: 'Playfair Display', serif;
  text-transform: uppercase;
}
.o-mne-text-title h3 span {
  font-family: 'Playfair Display', serif;
  text-transform: uppercase;
}
.o-mne-text p {
  text-align: center;
}
.o-mne-text-img {
  display: flex;
  justify-content: flex-end;
}
.o-mne-text-img img {
  width: auto;
  height: 100px;
}
@media screen and (max-width: 880px) {
  .o-mne-img {
    max-width: 250px;
  }
  .o-mne-img img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .o-mne-wrapper {
    position: relative;
    flex-direction: column-reverse;
  }
  .o-mne-wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--primary);
    /* opacity: 0.5; */
  }
  .o-mne-text {
    gap: 0;
  }
  .o-mne-text-inner {
    gap: 15px;
  }
  .o-mne-img {
    max-width: none;
    padding: 0 var(--padding-body) 0 var(--padding-body);
  }
  .o-mne-text-inner::after {
    width: 0;
    height: 0;
    background-color: transparent;
    opacity: 0;
  }
  .o-mne-text-title h3 {
    color: var(--white);
    margin: 25px 0 0 0;
  }
}
/* -- O mne END ---------------------------------------- */

/*                          ---                          */
/* -- Recenzie START ----------------------------------- */
.testim .wrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  padding: 0 20px;
  margin: auto;
}

.testim .arrow {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  color: #eee;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 10;
  cursor: pointer;
  background-color: #323232;
}
.testim .arrow.left svg,
.testim .arrow.right svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--white);
}
.testim .arrow.left svg {
  margin: 0 50%;
}
.testim .arrow.right svg {
  margin: 0 -50%;
}
.testim .arrow.left:hover,
.testim .arrow.right:hover {
  background-color: var(--primary);
}
.testim .arrow.left:hover svg {
  margin: 0 -50%;
}
.testim .arrow.right:hover svg {
  margin: 0 50%;
}
.testim .arrow.left {
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 111;
}
.testim .arrow.right {
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 111;
}
.testim .dots {
  text-align: center;
  width: 100%;
  bottom: 40px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 111;
	height: 30px;
}
.testim .dots .dot {
  list-style-type: none;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #414141;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
	position: relative;
}
.testim .dots .dot.active,
.testim .dots .dot:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}
.testim .dots .dot.active {
  -webkit-animation: testim-scale .5s ease-in-out forwards;
  -moz-animation: testim-scale .5s ease-in-out forwards;
  -ms-animation: testim-scale .5s ease-in-out forwards;
  -o-animation: testim-scale .5s ease-in-out forwards;
  animation: testim-scale .5s ease-in-out forwards;
}
.testim .cont {
  position: relative;
	overflow: hidden;
}
.testim .cont &gt; div {
  -webkit-animation: testim-scale 0s ease-in-out forwards;
  -moz-animation: testim-scale 0s ease-in-out forwards;
  -ms-animation: testim-scale 0s ease-in-out forwards;
  -o-animation: testim-scale 0s ease-in-out forwards;
  animation: testim-scale 0s ease-in-out forwards;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 25px 0;
  opacity: 0;
}
.testim .cont &gt; div.inactive {
  opacity: 0;
}
.testim .cont &gt; div.active {
  position: relative;
  opacity: 1;
  z-index: 11;
}
.testim .cont div .img a {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
}
.testim .cont div .img img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
}
.testim .cont div h3 {
  width: 100%;
  color: var(--primary);
  font-size: 1em;
  margin: 35px 0 25px 0;
}
.testim .cont div p {
  font-size: 1em;
  line-height: 1.5rem;
  color: var(--white);
  width: 80%;
  margin: auto;
}
.testim .cont div.active .img img {
  -webkit-animation: testim-show .5s ease-in-out forwards;
  -moz-animation: testim-show .5s ease-in-out forwards;
  -ms-animation: testim-show .5s ease-in-out forwards;
  -o-animation: testim-show .5s ease-in-out forwards;
  animation: testim-show .5s ease-in-out forwards;
}
.testim .cont div.active h3 {
  -webkit-animation: testim-content-in .4s ease-in-out forwards;
  -moz-animation: testim-content-in .4s ease-in-out forwards;
  -ms-animation: testim-content-in .4s ease-in-out forwards;
  -o-animation: testim-content-in .4s ease-in-out forwards;
  animation: testim-content-in .4s ease-in-out forwards;
}
.testim .cont div.active p {
  -webkit-animation: testim-content-in .5s ease-in-out forwards;
  -moz-animation: testim-content-in .5s ease-in-out forwards;
  -ms-animation: testim-content-in .5s ease-in-out forwards;
  -o-animation: testim-content-in .5s ease-in-out forwards;
  animation: testim-content-in .5s ease-in-out forwards;
}
.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide .5s ease-in-out forwards;
  -moz-animation: testim-hide .5s ease-in-out forwards;
  -ms-animation: testim-hide .5s ease-in-out forwards;
  -o-animation: testim-hide .5s ease-in-out forwards;
  animation: testim-hide .5s ease-in-out forwards;
}
.testim .cont div.inactive h3 {
  -webkit-animation: testim-content-out .4s ease-in-out forwards;
  -moz-animation: testim-content-out .4s ease-in-out forwards;
  -ms-animation: testim-content-out .4s ease-in-out forwards;
  -o-animation: testim-content-out .4s ease-in-out forwards;
  animation: testim-content-out .4s ease-in-out forwards;
}
.testim .cont div.inactive p {
  -webkit-animation: testim-content-out .5s ease-in-out forwards;
  -moz-animation: testim-content-out .5s ease-in-out forwards;
  -ms-animation: testim-content-out .5s ease-in-out forwards;
  -o-animation: testim-content-out .5s ease-in-out forwards;
  animation: testim-content-out .5s ease-in-out forwards;
}
@-webkit-keyframes testim-scale {
  0% {
      box-shadow: 0px 0px 0px 0px #595959;
  }

  35% {
      box-shadow: 0px 0px 5px 5px #595959;
  }

  70% {
      box-shadow: 0px 0px 5px 5px var(--primary);
  }

  100% {
      box-shadow: 0px 0px 0px 0px var(--primary);
  }
}
@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px var(--red);
        box-shadow: 0px 0px 10px 5px var(--red);
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px var(--red);
        box-shadow: 0px 0px 0px 0px var(--red);
    }
}
@-ms-keyframes testim-scale {
  0% {
      box-shadow: 0px 0px 0px 0px #595959;
  }

  35% {
      box-shadow: 0px 0px 5px 5px #595959;
  }

  70% {
      box-shadow: 0px 0px 5px 5px var(--primary);
  }

  100% {
      box-shadow: 0px 0px 0px 0px var(--primary);
  }
}
@-o-keyframes testim-scale {
  0% {
      box-shadow: 0px 0px 0px 0px #595959;
  }

  35% {
      box-shadow: 0px 0px 5px 5px #595959;
  }

  70% {
      box-shadow: 0px 0px 5px 5px var(--primary);
  }

  100% {
      box-shadow: 0px 0px 0px 0px var(--primary);
  }
}
@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #595959;
    }

    35% {
        box-shadow: 0px 0px 5px 5px #595959;
    }

    70% {
        box-shadow: 0px 0px 5px 5px var(--primary);
    }

    100% {
        box-shadow: 0px 0px 0px 0px var(--primary);
    }
}
@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}
@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        opacity: 0;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        opacity: 0;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}
@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}
@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}
@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0);
    }
}
@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}
@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	.testim .cont div p {
		line-height: 25px;
	}
}
/* -- Recenzie END ------------------------------------- */

/*                          ---                          */
/* -- Fotogaleria START -------------------------------- */
.s-content-fotogaleria {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 260px);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  /* grid-column-gap: 10px;
  grid-row-gap: 10px; */
}
.s-content-fotogaleria div {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.s-content-fotogaleria img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform-origin: center;
}
.s-content-fotogaleria img:hover {
  transform: scale(1.05) rotate(1.05deg);
}
.s-content-fotogaleria  .div2 img:hover {
  transform: scale(1.05) rotate(-1.05deg);
}
.s-content-fotogaleria  .div4 img:hover {
  transform: scale(1.05) rotate(-1.05deg);
}
.s-content-fotogaleria  .div6 img:hover {
  transform: scale(1.05) rotate(-1.05deg);
}
.s-content-fotogaleria  .div8 img:hover {
  transform: scale(1.05) rotate(-1.05deg);
}
.s-content-fotogaleria div::after {
  content: '';
  width: -webkit-calc( 100% - 20px );
  width: expression( 100% - 20px );
  width: -moz-calc( 100% - 20px );
  width: -o-calc( 100% - 20px );
  width: calc( 100% - 20px );
  height: -webkit-calc( 100% - 20px );
  height: expression( 100% - 20px );
  height: -moz-calc( 100% - 20px );
  height: -o-calc( 100% - 20px );
  height: calc( 100% - 20px );
  position: absolute;
  left: 10px;
  top: 10px;
  border: 1px solid var(--white);
  opacity: 0.20;
  pointer-events: none;
}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 1 / 2 / 3 / 3; }
.div4 { grid-area: 1 / 3 / 2 / 4; }
.div5 { grid-area: 2 / 3 / 3 / 4; }
.div6 { grid-area: 1 / 4 / 3 / 5; }
.div7 { grid-area: 1 / 5 / 2 / 6; }
.div8 { grid-area: 2 / 5 / 3 / 6; }
.s-content-fotogaleria div:hover {
  z-index: 1;
  /* box-shadow: 0 0 40px rgba(0, 0, 0, 0.5); */
}
.s-content-fotogaleria div::after {
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.s-content-fotogaleria div:hover::after {
  opacity: 0.8;
  border: 1px solid var(--primary);
}





@media screen and (max-width: 1500px) {
  .s-content-fotogaleria {
    grid-template-rows: repeat(2, 180px);
  }
}
@media screen and (max-width: 1150px) {
  .s-content-fotogaleria {
    grid-template-rows: repeat(2, 140px);
  }
}
@media screen and (max-width: 560px) {
  .s-content-fotogaleria {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 140px);
    }
  .div1 { grid-area: 1 / 1 / 2 / 2; }
  .div2 { grid-area: 2 / 1 / 3 / 2; }
  .div3 { grid-area: 1 / 2 / 3 / 3; }
  .div4 { grid-area: 3 / 1 / 5 / 2; }
  .div5 { grid-area: 3 / 2 / 4 / 3; }
  .div6 { grid-area: 4 / 2 / 5 / 3; }
  .div7 { grid-area: 5 / 1 / 6 / 2; }
  .div8 { grid-area: 5 / 2 / 6 / 3; }
}



/* -- Fotogaleria END ---------------------------------- */

/*                          ---                          */
/* -- Kontakt START ------------------------------------ */
.s-content-kontakt {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

/* -- Otvaracie hodiny */
.kontakt-opening-hours {
  display: grid;
  grid-template-columns: repeat(7, 125px);
  justify-content: center;
  justify-items: center;
  gap: 15px;
  padding: 0 0 120px 0;
}
@media screen and (max-width: 1080px) {
  .kontakt-opening-hours {
    grid-template-columns: repeat(4, 125px);
  }
}
@media screen and (max-width: 765px) {
  .kontakt-opening-hours {
    grid-template-columns: repeat(3, 125px);
  }
  .opening-hours-box:nth-child(7) {
    grid-area: 3 / 1 / 4 / 4;
  }
}
@media screen and (max-width: 520px) {
  .kontakt-opening-hours {
    grid-template-columns: repeat(2, 125px);
  }
  .opening-hours-box:nth-child(7) {
    grid-area: 4 / 1 / 5 / 3;
  }
}
.opening-hours-box {
  width: 125px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  position: relative;
  z-index: 1;
  border: 1px solid var(--font-gray-dark);
}
.opening-hours-box::after {
  content: "";
  width: -webkit-calc( 100% - 8px );
  width: expression( 100% - 8px );
  width: -moz-calc( 100% - 8px );
  width: -o-calc( 100% - 8px );
  width: calc( 100% - 8px );
  height: -webkit-calc( 100% - 8px );
  height: expression( 100% - 8px );
  height: -moz-calc( 100% - 8px );
  height: -o-calc( 100% - 8px );
  height: calc( 100% - 8px );
  position: absolute;
  left: 4px;
  top: 4px;
  background-color: var(--font-gray-dark);
  z-index: -1;
  opacity: 0.25;
}
.opening-hours-box h5 {
  font-size: 1.5rem;
  color: var(--white);
  font-weight: 400;
  font-family: 'Playfair Display', serif;
  text-align: center;
  margin: 0 0 25px 0;
  text-transform: uppercase;
}
.opening-hours-box p {
  font-size: 0.9rem;
  line-height: 1.35rem;
  color: #8F8F8F;
  font-weight: 200;
  text-align: center;
}
.opening-hours-box.active {
  border: 1px solid var(--primary);
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  transform-origin: bottom;
  animation-name: bounce-2;
  animation-timing-function: ease;
}
/* .opening-hours-box.active::after {
  background-color: var(--primary);
} */
.opening-hours-box.active p {
  color: var(--white);
}
@-webkit-keyframes bounce-2 {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0px); }
}
@keyframes bounce-2 {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0px); }
}

/* -- Mapa */
.kontakt-map-area {
  width: 100%;
  max-width: 300px;
  height: 200px;
  display: flex;
  flex-direction: column;
  margin: auto;
  justify-content: center;
  align-items: center;
  position: relative;
}
.kontakt-map-area a {
  position: absolute;
  top: 25px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--white);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 25px;
}
.kontakt-map-area a::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.25;
  z-index: -1;
  border-radius: 5px;
  background-color: var(--primary);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.kontakt-map-area a:hover::after {
  opacity: 1;
}
.kontakt-map-area svg {
  border-radius: 50%;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  display: block;
  overflow: visible;
}
.kontakt-map-area circle {
  transform-origin: 50%;
  fill: var(--primary);
}
.kontakt-map-area .circle-1 {
  opacity: 1;
  animation: expand 2.3s infinite;
}
.kontakt-map-area .circle-3 {
  opacity: 1;
  animation: expandCOne 3s infinite;
}
.kontakt-map-area .circle-4 {
  opacity: 0.8;
  animation-delay: 0.5s;
  animation: expandCTwo 3s infinite;
  animation-delay: 0.6s;
  transition: 0.4s;
}
@keyframes expand {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes expandCOne {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(3);
    opacity: 0;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes expandCTwo {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(2.7);
    opacity: 0;
  }
  100% {
    transform: scale(2.7);
    opacity: 0;
  }
}

/* -- Kontaktne udaje */
.kontakt-contacts {
  display: grid;
  grid-template-columns: repeat(3, 250px);
  /* grid-template-rows: repeat(1, 200px); */
  justify-content: center;
  justify-items: center;
  gap: 15px;
}

@media screen and (max-width: 895px) {
  .kontakt-contacts {
    grid-template-columns: repeat(2, 250px);
  }
  .contacts-box:nth-child(3) {
    grid-area: 2 / 1 / 3 / 3;
  }
}
@media screen and (max-width: 630px) {
  .kontakt-contacts {
    grid-template-columns: repeat(1, 250px);
  }
  .contacts-box:nth-child(3) {
    grid-area: auto;
  }
}

.contacts-box {
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--white);
  padding: 25px;
}

.contacts-box-text {
  text-align: center;
  margin: 0 0 25px 0;
}
.contacts-box-text h5 {
  font-size: 1.5rem;
  color: var(--gold);
  font-weight: 500;
  font-family: 'Playfair Display', serif;
  margin: 0 0 25px 0;
}
.contacts-box-text div, 
.contacts-box-text a {
  font-size: 0.9rem;
  line-height: 1.35rem;
  color: #5d5d5d;
  font-weight: 200;
}
.contacts-box-text div span, 
.contacts-box-text a span {
  color: rgb(103, 103, 103);
  font-weight: 600;
}
.contacts-box-text a:hover,
.contacts-box-text a:hover span {
  color: var(--black);
}

a.contacts-box-button {
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 10px;
  color: #848484;
  background-color: #e4e4e4;
}
a.contacts-box-button:hover {
  color: var(--white);
  background-color: var(--primary);
}

.contacts-box-svg a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contacts-box svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.contacts-box svg path {
  fill: #848484;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.contacts-box:hover svg path {
  fill: #ffffff;
}
.contacts-box svg path:nth-child(2) {
  -webkit-animation: header-phone 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
  animation: header-phone 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
}
.contacts-box svg path:nth-child(3) {
  -webkit-animation: header-phone2 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
  animation: header-phone2 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
}







@media screen and (max-width: 1080px) {
  .s-background-map {
    background-position: bottom -62px center;
  }
}
@media screen and (max-width: 895px) {
  .s-background-map {
    background-position: bottom 51px center;
  }
}
@media screen and (max-width: 765px) {
  .s-background-map {
    background-position: bottom -12px center;
  }
}
@media screen and (max-width: 630px) {
  .s-background-map {
    background-position: bottom 101px center;
  }
}
@media screen and (max-width: 520px) {
  .s-background-map {
    background-position: bottom 38px center;
  }
}
/* -- Kontakt END -------------------------------------- */

/*                          ---                          */
/* -- Inzerat START ------------------------------------ */
.inzerat-open {
  display: block;
}
.inzerat-closed {
  display: none;
}
#inzerat {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1111;
}
.inzerat-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.inzerat-wrapper::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.75;
  background-color: var(--black);
}
.inzerat-inner-wrapper {
  width: 80%;
  max-width: 1150px;
  position: relative;
}

/* -- Inzerat obsah */
.inzerat-content {
  display: flex;
}
.inzerat-c-l {
  width: 300px;
  display: flex;
  align-items: flex-end;
  z-index: 11;
}
.inzerat-c-l img {
  height: auto;
}
.inzerat-c-r {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.inzerat-c-r-wrapper {
  position: relative;
  padding: var(--padding-inner);
  z-index: 1;
}
.inzerat-c-r-wrapper::after {
  content: '';
  width: -webkit-calc( 100% - 140px );
  width: expression( 100% - 140px );
  width: -moz-calc( 100% - 140px );
  width: -o-calc( 100% - 140px );
  width: calc( 100% + 140px );
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -140px;
  z-index: -1;
  background-color: var(--primary);
  background-image: url('./../../uploads/backgrounds/bg-pink.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.inzerat-c-r-scroll {
  max-height: 300px;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: transparent;
}
.inzerat-c-r-scroll::-webkit-scrollbar {
  width: 0;
}
.inzerat-c-r-scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.inzerat-c-r-scroll {
  color: var(--white);
  line-height: 1.5rem;
}
.inzerat-c-r-scroll h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0 0 20px 0;
}
.inzerat-c-r-scroll h5 {
  font-size: 1.1rem;
  text-transform: uppercase;
}
.inzerat-c-r-scroll ul {
  margin: 0 0 15px 0;
}
.inzerat-c-r-scroll ul:last-child {
  margin: 0;
}
.inzerat-c-r-scroll ul li {
  list-style: square;
  padding: 0;
}
.inzerat-c-r-scroll p {
  margin: 0 0 20px 0;
}

/* -- Inzerat kontakt buttons */
.inzerat-c-btns {
  display: flex;
  gap: 10px;
  margin: 10px 0 0 0;
}
.inzerat-c-btn-call,
.inzerat-c-btn-mail {
  width: 50%;
  display: flex;
}
.inzerat-c-btn-call a,
.inzerat-c-btn-mail a {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--white);
  background-color: var(--primary);
}
.inzerat-c-btn-call a:hover,
.inzerat-c-btn-mail a:hover {
  background-color: var(--black);
}

/* -- Close button */
.btn-inzerat-close {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -25px;
  right: -25px;
  z-index: 11;
  border-radius: 50%;
  background-color: var(--white);
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.btn-inzerat-close:hover {
  color: var(--white);
  background-color: var(--black);
}
.btn-inzerat-close svg {
  fill: var(--black);
  width: 20px;
  height: auto;
}
.btn-inzerat-close:hover svg {
  fill: var(--white);
}

/* -- Header inzerat button */
.h-inzerat {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
}
.h-inzerat h5 {
  width: 195px;
  height: 40px;
  margin: 0 0 235px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  transform-origin: right bottom;
  white-space: nowrap;
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background-color: var(--primary);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.h-inzerat h5:hover {
  background-color: var(--black);
}


@media screen and (max-width: 540px) {

  .inzerat-content {
    flex-direction: column-reverse;
  }
  .inzerat-c-l {
    width: 100%;
    display: none;
  }
  .inzerat-c-r-wrapper::after {
    width: 100%;
    left: 0;
  }

  .inzerat-c-btns {
    flex-direction: column;
    margin: 10px 0 0 0;
  }
  .inzerat-c-btn-call,
  .inzerat-c-btn-mail {
    width: 100%;
  }

}
/* -- Inzerat END -------------------------------------- */

/*                          ---                          */
/* --  Footers START ----------------------------------- */
footer.f-default {
  width: 100%;
  background-color: var(--bg-light);
  padding: 0 var(--padding-body);
}
.f-wrapper {
  width: 100%;
  max-width: var(--max-width);
  height: 100%;
  margin: auto;
}

/* -- Top row */
.f-row-top {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 33px 0 15px 0;
}
.f-row-top a {
  color: var(--font-gray-light);
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 15px;
  position: relative;
}
.f-row-top a::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: -13px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background-color: var(--font-gray-dark);
}
.f-row-top a:first-child:after {
  width: 0;
  height: 0;
  background-color: transparent;
}
.f-row-top a:hover {
  color: var(--primary);
}

/* -- Middle row */
.f-row-middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.f-row-middle::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  background-color: var(--font-gray-dark);
}
.f-row-middle-soc {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0 25px 0 0;
  background-color: var(--bg-light);
}
.f-row-middle-soc a {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.f-row-middle-soc span {
  display: none;
}
.f-row-middle-soc a svg  {
  width: 100%;
  height: 100%;
  display: block;
}
.f-row-middle-soc a svg #footer-icon-facebook-bg {
  fill: var(--font-gray-light);
  opacity: 1;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.f-row-middle-soc a:hover svg #footer-icon-facebook-bg {
  fill: #3b5998;
  opacity: 1;
}
.f-row-middle-soc a svg #footer-icon-facebook {
  fill: var(--white);
  opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.f-row-middle-soc a:hover svg #footer-icon-facebook {
  opacity: 1;
}
.f-row-middle-soc a svg #footer-instagram-bg { 
  fill: var(--font-gray-light);
  opacity: 1;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.f-row-middle-soc a svg #footer-instagram-bg-color,
.f-row-middle-soc a svg #footer-icon-instagram {
  fill: var(--white);
  opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.f-row-middle-soc a:hover svg #footer-instagram-bg { 
  opacity: 0;
}
.f-row-middle-soc a:hover svg #footer-instagram-bg-color,
.f-row-middle-soc a:hover svg #footer-icon-instagram {
  opacity: 1;
}
.f-row-middle-autor {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 0 0 25px;
  background-color: var(--bg-light);
}
.f-row-middle-autor span {
  color: var(--font-gray-dark);
  font-size: 0.8rem;
  font-weight: 600;
}
.f-row-middle-autor svg.jakubca-logo {
  width: auto;
  height: 37px;
  display: block;
}
.f-row-middle-autor svg .logo-bg,
.f-row-middle-autor svg .logo-aj {
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.f-row-middle-autor svg .logo-bg {
  fill: var(--font-gray-dark);
}
.f-row-middle-autor svg .logo-aj {
  fill: var(--font-gray-light);
}
/* .f-row-middle-autor a:hover svg .logo-bg {} */
.f-row-middle-autor a:hover svg .logo-aj {
  fill: var(--white);
}

/* -- Bottom row */
.f-row-bottom {
  text-align: center;
  color: var(--font-gray-dark);
  font-size: 0.8rem;
  font-weight: 400;
  padding: 15px 0 33px 0;
}
.f-row-bottom a {
  color: var(--font-gray-light);
  font-weight: 600;
  text-transform: uppercase;
}
.f-row-bottom a:hover {
  color: var(--primary);
}

@media screen and (max-width: 809px) {
  .f-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
  .f-row-top { 
    padding: var(--padding-body) 0 20px 0;
    flex-direction: column;
  }
  .f-row-top a {
    font-size: 1rem;
    padding: 25px 0;
    text-align: center;
    background-color: var(--bg-dark);
  }
  .f-row-top a:hover {
    color: var(--font-gray-light);
  }
  .f-row-top a::after {
    width: 0;
    height: 0;
    background-color: transparent;
  }
  .f-row-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
/* --  Footers END ------------------------------------- */

/*                          ---                          */
/* --  Scroll UP START --------------------------------- */
.scroll-up {
  width: 40px;
  height: 40px;
  opacity: 0;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 11;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: var(--primary);
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.scroll-up:hover {
  background-color: var(--black);
}
.scroll-up button {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  border: 0;
  cursor: pointer;
  transform: translateY(20px);
  background-color: transparent;
}
.scroll-up:hover button {
  transform: translateY(-20px);
}
.scroll-up .scroll-up-arrow {
  fill: var(--white);
}
/* --  Scroll UP END ----------------------------------- */</pre></body></html>