/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 15 2024 | 01:39:39 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 16 2024 | 21:41:39 */
@property --ratio-x {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
  }
  @property -ratio-y {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
  }
  @property --rotate {
    syntax: "<angle>";
    inherits: false;
    initial-value: 132deg;
  }
  @property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
  }
  @property --lr {
    syntax: '<angle>';
    inherits: false;
    initial-value: 90deg;
  }
  :root {
    --glitter: url("https://tonymade.cz/wp-content/uploads/2023/09/bv_onejpg.jpg");
    --ratio-x: O.5;
    --ratio-y: 0.75;
    --gold: #ffb338;
    --light-shadow: #77571d;
    --dark-shadow: #3e2904;
    --from-center: .5;
     --app-height: 100%;
    --card-height: 65vh;
    --card-width: calc(var(--card-height) / 1.5);
    --xarrow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55"><path d="M27.5 2C41.6 2 53 13.4 53 27.5S41.6 53 27.5 53 2 41.6 2 27.5 13.4 2 27.5 2M27.5 0C12.3 0 0 12.3 0 27.5S12.3 55 27.5 55 55 42.7 55 27.5 42.7 0 27.5 0L27.5 0z" fill="url(%23my-cool-gradient)" /><polygon class="arrow-2" points="34.9 31 28.5 35 28.5 17 26.5 17 26.5 35 20.1 31 19 32.7 27.5 38 36 32.7 " /><linearGradient id="my-cool-gradient" x2="1" y2="1"><stop offset="0%" stop-color="%23FFFFFF" /><stop offset="50%" stop-color="%238D8D8D" /><stop offset="100%" stop-color="%23FFFFFF" /></linearGradient></svg>');
  }
  .xsectitle {
          /* Store the SVG in a variable so it's easy to use */
          --svg: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!-- Created with Inkscape (http://www.inkscape.org/) --><svg version="1.1" id="svg2" width="1100" height="834.66669" viewBox="0 0 1100 834.66669" sodipodi:docname="super_shield.svg" inkscape:version="1.1.2 (b8e25be833, 2022-02-05)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs6" /><sodipodi:namedview id="namedview4" pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1.0" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" showgrid="false" inkscape:zoom="0.60911713" inkscape:cx="362.8202" inkscape:cy="337.37354" inkscape:window-width="1920" inkscape:window-height="991" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:current-layer="svg2" /><path style="fill:%23000000;stroke-width:1.33333" d="M 284.13086,516.80985 C 137.89812,348.44528 18.253143,210.23713 18.253143,209.68063 c 0,-0.55651 42.2809,-44.0037 93.957557,-96.5493 l 93.95755,-95.53746 h 344.73871 344.7387 l 93.9704,95.54332 c 51.68374,52.54884 93.97044,95.99662 93.97044,96.55065 0,1.34799 -531.4912,613.23939 -532.66206,613.23939 -0.50371,0 -120.56082,-137.75282 -266.79358,-306.11738 z m 276.25948,233.65523 c 7.33043,-8.62005 68.79562,-79.4598 85.8231,-98.91266 5.15517,-5.88946 14.77304,-16.9261 21.37304,-24.52586 6.6,-7.59976 16.8,-19.3304 22.66666,-26.06811 5.86667,-6.73769 15.82572,-18.20105 22.13123,-25.47413 6.30551,-7.27307 18.00551,-20.74688 26,-29.9418 7.99449,-9.19491 25.93544,-29.84689 39.86877,-45.89326 13.93334,-16.04637 30.0756,-34.62325 35.8717,-41.28196 5.79609,-6.65871 15.69609,-18.04339 22,-25.29928 6.3039,-7.25591 16.26164,-18.7104 22.1283,-25.45444 26.07651,-29.97632 36.9315,-42.46494 70.07042,-80.61578 19.3946,-22.32784 39.43132,-45.42784 44.52602,-51.33333 5.0947,-5.9055 15.0295,-17.33726 22.07732,-25.40392 22.7993,-26.09526 30.1062,-34.63108 31.2347,-36.48806 0.8007,-1.3176 -20.2384,-23.16904 -76.06316,-79 l -77.17,-77.17862 H 551.58648 230.24452 l -77.02622,77.03481 -77.026216,77.03481 10.262407,11.96519 c 5.644324,6.58087 16.039669,18.5652 23.100759,26.63187 7.0611,8.06666 17.00675,19.49842 22.10146,25.40392 5.0947,5.90549 25.13142,29.00549 44.52602,51.33333 33.13892,38.15084 43.99391,50.63946 70.07041,80.61578 5.86667,6.74404 15.8244,18.19853 22.12831,25.45444 6.30391,7.25589 16.20391,18.64057 22,25.29928 5.79609,6.65871 21.93836,25.23559 35.87169,41.28196 13.93334,16.04637 31.87428,36.69835 39.86878,45.89326 7.99449,9.19492 19.69449,22.66873 26,29.9418 6.3055,7.27308 16.26456,18.73644 22.13122,25.47413 5.86667,6.73771 15.82347,18.187 22.12623,25.44291 6.30275,7.25589 17.74184,20.39253 25.4202,29.19253 7.67836,8.8 26.18708,30.1 41.13049,47.33334 14.94342,17.23333 31.9887,36.88333 37.87842,43.66666 5.88972,6.78334 11.08594,12.33334 11.54716,12.33334 0.46121,0 4.07682,-3.80796 8.0347,-8.46215 z m -33.07573,-80.42415 c -13.7838,-15.88747 -35.56147,-41.01468 -48.3948,-55.83825 -12.83333,-14.82358 -32.33333,-37.27542 -43.33333,-49.89296 -11,-12.61755 -22.4,-25.79778 -25.33334,-29.28938 -2.93333,-3.4916 -17.33333,-20.07013 -32,-36.84117 -46.1407,-52.76096 -116.68274,-133.94737 -168.63058,-194.0759 -21.84608,-25.28638 -36.62959,-42.24596 -62.62463,-71.84272 -4.1866,-4.76667 -9.61888,-10.96206 -12.07173,-13.76754 l -4.45975,-5.10085 57.22087,-57.23248 57.22086,-57.23247 h 307.3449 307.34489 l 57.85933,57.8708 57.85934,57.8708 -26.53175,30.37328 c -14.59247,16.7053 -34.33175,39.4383 -43.86508,50.51776 -9.53333,11.07947 -24.90225,28.81963 -34.15316,39.42259 -9.25091,10.60296 -27.4914,31.57811 -40.53444,46.61144 -49.02283,56.50342 -74.12637,85.34474 -101.3124,116.39722 -15.4,17.59021 -29.46212,33.84684 -31.24915,36.12583 -1.78704,2.279 -5.98704,7.16559 -9.33333,10.85911 -3.34631,3.6935 -17.18419,19.51886 -30.75085,35.16745 -13.56667,15.64859 -33.07211,38.12663 -43.34542,49.95119 -10.27332,11.82457 -27.88756,32.14921 -39.14277,45.16588 -11.25521,13.01667 -20.97211,23.66667 -21.59311,23.66667 -0.621,0 -12.40676,-12.99884 -26.19057,-28.8863 z" id="path876" /></svg>');
      
          --sparkle_one: url('data:image/svg+xml, <svg id="sparkle_one" width="100" height="100" viewBox="0 0 100 100"><g id="copy-1" class="group"><g class="large"><path id="large" d="M41.25,40 L42.5,10 L43.75,40 L45,41.25 L75,42.5 L45,43.75 L43.75,45 L42.5,75 L41.25,45 L40,43.75 L10,42.5 L40,41.25z" fill="white" /></g><g class="large-2" transform="rotate(45)"><use xlink:href="%23large" /></g><g class="small"><path id="small" d="M41.25,40 L42.5,25 L43.75,40 L45,41.25 L60,42.5 L45,43.75 L43.75,45 L42.5,60 L41.25,45 L40,43.75 L25,42.5 L40,41.25z" fill="white" /></g></g></svg>');
          --sparkle_two: url('data:image/svg+xml,<svg id="sparkle_two" width="40" height="40" viewBox="0 0 100 100"><use xlink:href="%23copy-1" /></svg>');
          --sparkle_three: url('data:image/svg+xml,<svg id="sparkle_three" width="70" height="70" viewBox="0 0 100 100"><use xlink:href="%23copy-1" /></svg>');
  }
  body {
      width: 100vw;
      height: 100vh;
      height: var(--app-height);
      background-color: #1c1d21 !important;
  }
  html {
      width: 100vw;
      height: 100vh;
      height: var(--app-height);
  }
  div#loader {
      position:fixed;
      width: 100%;
      height: 100%;
      z-index: 10;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #252732;
  }
  @media screen and (min-width: 40em) {
    body {
      font-size: 2.5vw; /* 1/40 * 100 */
    }
  }
  .body_loader {
    position: absolute;
    top: 50%;
    margin-left: -50px;
    left: 50%;
    animation: speeder 0.4s linear infinite;
  }
  .body_loader > span {
    height: 5px;
    width: 35px;
      background: #3ee0ff;
    position: absolute;
    top: -19px;
    left: 60px;
    border-radius: 2px 10px 1px 0;
  }
  
  .base span {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
      border-right: 100px solid #3ee0ff;
    border-bottom: 6px solid transparent;
  }
  div#loader_box {
      position: absolute;
      top: 0;
      display: flex;
      height: 100%;
      width: 100%;
      animation: xfly 2s linear infinite;
      animation-iteration-count:1;
      opacity:0;
  }
  div#loader_wrap {
      display: flex;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
  }
  .base span:before {
      content: "";
      height: 22px;
      width: 22px;
      border-radius: 50%;
      background: #3ee0ff;
      position: absolute;
      right: -110px;
      top: -16px;
  }
  .base span:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-top: 0 solid transparent;
      border-right: 55px solid #3ee0ff;
      border-bottom: 16px solid transparent;
      top: -16px;
      right: -98px;
  }
  
  .face {
      position: absolute;
      height: 12px;
      width: 20px;
      background: #3ee0ff;
      border-radius: 20px 20px 0 0;
      transform: rotate(-40deg);
      right: -125px;
      top: -15px;
  }
  .face:after {
      content: "";
      height: 12px;
      width: 12px;
      background: #3ee0ff;
      right: 4px;
      top: 7px;
      position: absolute;
      transform: rotate(40deg);
      transform-origin: 50% 50%;
      border-radius: 0 0 0 2px;
  }
  off_div#superhero_indicator.show_gear .item_xcard_wrap:before{
      content: "";
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      border-top: 1px solid rgba(255,255,255,.5);
      border-left: 1px solid rgba(255,255,255,.5);
      height: 100%;
      width: 100%;
      border-radius: 15px;
      backdrop-filter: blur(5px);
      background: rgba(1,1,1,.1);
      overflow: hidden;
      box-shadow: inset 0px 0px 20px rgba(0,0,0,.5);
      margin: 30px;
  }
  div#superhero_indicator.show_gear div#xnavdots {
      display: flex !important;
  }
  #loader h1 {
      font-weight: 600;
      text-transform: uppercase;
      left: 50%;
      top: 58%;
      font-family: 'Dosis', sans-serif;
      display: flex;
      margin-top: 20vh;
      font-size: 3vh;
  }
  .body_loader > span > span:nth-child(1),
  .body_loader > span > span:nth-child(2),
  .body_loader > span > span:nth-child(3),
  .body_loader > span > span:nth-child(4) {
      width: 40px;
      height: 2px;
      background: #46e4b0;
      position: absolute;
      animation: fazer1 0.2s linear infinite;
  }
  
  .body_loader > span > span:nth-child(2) {
    top: 3px;
    animation: fazer2 0.4s linear infinite;
  }
  
  .body_loader > span > span:nth-child(3) {
    top: 1px;
    animation: fazer3 0.4s linear infinite;
    animation-delay: -1s;
  }
  
  .body_loader > span > span:nth-child(4) {
    top: 4px;
    animation: fazer4 1s linear infinite;
    animation-delay: -1s;
  }
  
  @keyframes fazer1 {
    0% {
      left: 0;
    }
    100% {
      left: -80px;
      opacity: 0;
    }
  }
  @keyframes fazer2 {
    0% {
      left: 0;
    }
    100% {
      left: -100px;
      opacity: 0;
    }
  }
  @keyframes fazer3 {
    0% {
      left: 0;
    }
    100% {
      left: -50px;
      opacity: 0;
    }
  }
  @keyframes fazer4 {
    0% {
      left: 0;
    }
    100% {
      left: -150px;
      opacity: 0;
    }
  }
  @keyframes speeder {
    0% {
      transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
      transform: translate(-1px, -3px) rotate(-1deg);
    }
    20% {
      transform: translate(-2px, 0px) rotate(1deg);
    }
    30% {
      transform: translate(1px, 2px) rotate(0deg);
    }
    40% {
      transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
      transform: translate(-1px, 3px) rotate(-1deg);
    }
    60% {
      transform: translate(-1px, 1px) rotate(0deg);
    }
    70% {
      transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
      transform: translate(-2px, -1px) rotate(1deg);
    }
    90% {
      transform: translate(2px, 1px) rotate(0deg);
    }
    100% {
      transform: translate(1px, -2px) rotate(-1deg);
    }
  }
  .longfazers {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .longfazers span {
    position: absolute;
    height: 2px;
    width: 20%;
    background: #787878;
  }
  .longfazers span:nth-child(1) {
    top: 20%;
    animation: lf 0.6s linear infinite;
    animation-delay: -5s;
  }
  .longfazers span:nth-child(2) {
    top: 40%;
    animation: lf2 0.8s linear infinite;
    animation-delay: -1s;
  }
  .longfazers span:nth-child(3) {
    top: 60%;
    animation: lf3 0.6s linear infinite;
  }
  .longfazers span:nth-child(4) {
    top: 80%;
    animation: lf4 0.5s linear infinite;
    animation-delay: -3s;
  }
  
  @keyframes lf {
    0% {
      left: 200%;
    }
    100% {
      left: -200%;
      opacity: 0;
    }
  }
  @keyframes lf2 {
    0% {
      left: 200%;
    }
    100% {
      left: -200%;
      opacity: 0;
    }
  }
  @keyframes lf3 {
    0% {
      left: 200%;
    }
    100% {
      left: -100%;
      opacity: 0;
    }
  }
  @keyframes lf4 {
    0% {
      left: 200%;
    }
    100% {
      left: -100%;
      opacity: 0;
    }
  }
  header#masthead {
      position: fixed;
      width: 100%;
      bottom: 0;
      background-color: #16171a !important;
      box-shadow: 2px -10px 14px rgba(1,1,1,0.6);
      order: 2;
      height: 10%;
      display: flex;
      z-index: 9;
      display: none;
  }
  .main-navigation {
      background-color: transparent !important;
  }
  .owl-stage-outer {
      height: 95%;
      display: flex;
      overflow: visible !important;
      order: 2;
  }
  .xbenefit_text {
      font-size: clamp(1.25rem, 0.9559rem + 1.4706vw, 1.875rem);
  }

  span#track {
      display: none;
      opacity: 0;
  }
  .xcard_content {
      font-family: 'Dosis', sans-serif;
      color: #ccc;
      margin-left: -1px;
      margin-right: -1px;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center;
    	font-size: clamp(0.9375rem, 0.7904rem + 0.7353vw, 1.25rem);
  }
  .xcard_content pre {
      white-space: inherit !important;
  }
  .item_xcard_wrap.xsuperservices.xtalking .card {
      opacity: 0; 
      transition: all 400ms;
  }
  .item_xcard_wrap.xsuperservices.xtalking .xplayer {
      height:100% !important;
      transition: all 400ms;
  }
  .xplayer {
    display: flex;
    position: absolute;
    width: 200px;
    height: 70px;
    bottom: 0;
  }
  
  div#fp-nav a.active + .fp-tooltip {
      color: transparent;
      -webkit-background-clip: text;
      font-size-adjust: ch-width from-font;
      -webkit-text-size-adjust: ch-width from-font;
      font-weight: 800;
      background-image: linear-gradient(90deg, #3ec1e3, #5bcdaf, #5bcd89);
      scale: 1.2;
      transition: all 500ms;
  }
  .item.xcard h2 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 3.6vh;
      font-weight: 600;
      color: transparent;
      margin-bottom: 0;
      background-clip: text;
      -webkit-background-clip: text;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/09/steel_five.jpg);
      background-clip: text;
      -webkit-background-clip: text;
      background-size: contain;
      color: transparent;
      filter: drop-shadow(3px 3px 6px #000);
      padding: 0 10px;
      margin-bottom: 0 !important;
  }
  .item.xcard.supercard.open .xsuperservices .item.xcard h2 {
      font-size: 4.4vh;
  }
  .xsuperservices .item.xcard h2 {
      width: 100%;
      font-size: 26px;
      margin-bottom: 0;
      font-family: 'Smooch Sans', sans-serif;
      font-size: clamp(1.5rem, 1.2059rem + 1.4706vw, 2.125rem);
  }
  .xmain_logo img {
      width: auto;
      height: 100%;
  }
  .rs-svg-mode .rs-path {
      stroke: #FFF;
      stroke-width: 2px;
  }
  .item.xcard pre {
      background-color: transparent;
      padding: 0;
      margin-bottom: 2vh;
  }
  .item.xcard pre {
      background-color: transparent;
  }
  .owl-stage {
      display: flex;
      height: 100%;
  }
  section#options p {
      margin-bottom: 0;
  }
  div#audio_time {
      position: absolute;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 99;
      width: 11cqh;
      height: 7cqh;
      font-size: 16px;
      margin-bottom: 8cqh;
      background-color: #1e1f24;
      color: #888;
      box-shadow: inset -3px -2px 6px #00000060, inset 6px 4px 7px #00000060;
      border-radius: 10px;
  }
  .owl-item {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      filter: blur(6px);
      transition: all 400ms;
      transition-delay: 300ms;
  }
  .owl-item.active.center {
      filter: blur(0);
      transition: all 400ms;
      transition-delay: 300ms;
  }
  .item.xcard {
      height: 100%;
      width: 100%;
      color: #1c1d21;
      border-radius: 28px;
      background: transparent;
      overflow: hidden;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      display: flex;
      position: relative;
  }
  #fp-nav {
      top: 45%;
  }
  #fp-nav ul li a.active span {
      background: #fff;
  }
  #fp-nav ul li a {
      display: flex  !important;
      flex-direction: column !important;
      position: absolute !important;
      z-index: 1;
      width: 100% !important;
      height: 100% !important;
      cursor: pointer;
      text-decoration: none;
      transition: all 1000ms !important;
  }
  div#xsections {
      z-index: 5;
      height: calc(var(--vh) * 100) !important;
      transition-delay: 400ms !important;
  }
  .fp-section {
      height: calc(var(--vh) * 100) !important;
  }
  .site-branding {
      display: none;
  }
  div#page {
      display: flex;
      position: fixed;
      width: 100% !important;
      height: 100%;
      flex-direction: column;
      max-width: none !important;
      z-index:2;
  }
  .pg-page {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #1c1d21;
      position: relative;
  }
  div#site-navigation {
      position: absolute;
      left: 0;
      bottom: 10vh;
      width: 100%;
      margin: 0 !important;
  }
  canvas.background {
      position: absolute;
      height: 100vh;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 4;
  }
  .xpage_box.xtalking div#xsecnav_wrap {
      display: none;
  }
  div#xsecnav_wrap {
      position: relative;
      display: flex;
      justify-content: center;
      width: 100%;
      margin-bottom: calc(var(--vh) * 1);
  }
  .fp-tableCell h1:after {
      content: "SLUŽBY";
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      text-align: center;
      color: rgba(255, 255, 255, 0.1);
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
      -webkit-background-size: 125px 100%;
      background-size: 125px 100%;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-animation-duration: 8s;
      animation-duration: 8s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      animation-delay: 1s;
      background-repeat: no-repeat;
      background-position: 180% 0;
      background-color: rgba(0, 0, 0, 0.3);
      filter: blur(10px);
  }
  .fp-viewing-xsection_xone .fp-tableCell h1:after {
      -webkit-animation-name: shimmer;
      animation-name: shimmer;
      }
  span#xsparkle {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      z-index: 9;
      top: 3px;
      left: 15px;
  }
  .fp-viewing-xsection_xzero .front_shine_wrap {
      opacity:0.4;
      transition: all 400ms;
  }
  span#xsparkle:before {
      content: "";
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      animation-delay: 1s;
      width: 100px;
      height: 91px;
      z-index: 9;
      top: -41px;
      left: -10px;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/09/sparkle_one.png);
      background-size: contain;
      transform: rotate(0deg) scale(0);
      filter: opacity(0);
  }
  .fp-viewing-xsection_xone span#xsparkle:before {
      animation: sparkle_one 8s linear infinite;	
      }
  span#xsparkle:after {
      content: "";
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      animation-delay: 1s;
      width: 100px;
      height: 91px;
      z-index: 9;
      top: -41px;
      left: -10px;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/09/sparkle_one.png);
      background-size: contain;
      transform: rotate(0deg) scale(0);
      filter: opacity(0);
  }
  .fp-viewing-xsection_xone span#xsparkle:after {
      animation: sparkle_two 8s linear infinite;
  }
  .inside-header {
      padding: 0 !important;
  }
  .fp-section {
      background-color: #1C1D21;
  }
  .xpage_box.xtalking .xplayer_wrap {
      background-color: #1c1d21;
      z-index: 1;
  }
  div#xzero.fp-section {
      background-color: transparent !important;
  }
  .xpage_box {
      position: relative;
      height: 90%;
  }
  .xherotitle_wrap {
      display: flex;
      height: auto;
      width: auto;
      position: absolute;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
  }
  div#xzero {
      z-index: 1;
  }
  div#xone {
      z-index: 2;
      overflow: hidden;
  }
  .xherotitle {
      position: absolute;
      display: none;
      bottom: calc(var(--vh) * 60);
      transform: translate(48%, -15%);
  }
  .xherotitle hgroup p {
  font-size: 1.3rem;
  font-size: clamp(1.3rem, 1.0647058823529412rem + 1.1764705882352942vw, 1.6rem);
      font-family: 'Dosis', sans-serif;
      margin-bottom: 0;
  }
  .xherotitle hgroup h1 {
  font-size: 1.8rem;
  font-size: clamp(1.8rem, 1.2823529411764707rem + 2.5882352941176467vw, 2.9rem);
      margin-top: 5% !important;
  }
  .hero-box {
      display: flex;
      width: 100%;
      height: 90%;
      justify-content: center;
      align-items: flex-end;
      position: relative !important;
      bottom: 10vh;
      z-index: 5;
  }
  .tonyn img {
      display: flex;
      height: 100% !important;
      max-width: none !important;
      mask-size: 100% 100%;
      mask-mode: alpha;
      mask-repeat: no-repeat;
      mask-position: top;
      /* -webkit-mask-image: url(https://tonymade.cz/wp-content/uploads/2023/09/rectangle_mask_two.svg); */
      -webkit-mask-image: url(https://tonymade.cz/wp-content/uploads/2023/10/tony_photo_xfinal.png);
      -webkit-mask-size: contain;
      -webkit-mask-mode: alpha;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: -10% -20%;
      -webkit-mask-origin: content-box;
      opacity: 1;
  }
  @media (min-width: 768px){
  div#site-navigation {
      bottom:0 !important;
      height: 100%;
      background: linear-gradient(238deg, #121213, #1C1D21);
      box-shadow: -9px -8px 16px #050506, 19px 10px 22px #000000;
  }}
  @media (min-width: 768px){
  .xcard_content br.xmobile {
      display: none;
  }}
  @media (max-width: 768px){
  .xcard_content br.xpc {
      display: none;
  }}
  .xcard_content
  .xherotitle hgroup span:before {
      content: "";
      position: absolute;
      top: 8px;
      width: 100%;
      height: 100%;
      opacity: 1 !important;
  }
  off.tonyn_eye_one {
      position: absolute;
      top: 14.2%;
      left: 29.7%;
      width: 100px;
      height: 60px;
      z-index: 99;
      opacity: 0.8;
      color: #35f9ff;
      filter: drop-shadow(2px 1px 8px #35f9ff) grayscale(1);
      transform: scale(0.8);
  }
  off.tonyn_eye_two {
      position: absolute;
      top: 13.5%;
      left: 40.4%;
      width: 100px;
      height: 60px;
      z-index: 99;
      opacity: 0.8;
      color: #35f9ff;
      filter: drop-shadow(2px 1px 8px #35f9ff);
      transform: scale(0.8);
  }
  off.tonyn_eye_one:before {
      content: "";
      position: absolute;
      width:100%;
      height:100%;
      background: url(https://tonymade.cz/wp-content/uploads/2023/09/sparkle.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      transform-origin: center;
      transform: rotate(0deg);
      animation: xeye_rot_left 16s linear infinite alternate;
      animation-delay: 2s;
      opacity:0;
  }
  off.tonyn_eye_one:after {
      content: "";
      position: absolute;
      width:100%;
      height:100%;
      background: url(https://tonymade.cz/wp-content/uploads/2023/09/sparkle.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      transform-origin: center;
      transform: rotate(0deg);
      animation: xeye_rot_right 16s linear infinite alternate;
      animation-delay: 2s;
      opacity:0;
  }
  off.tonyn_eye_two:before {
      content: "";
      position: absolute;
      width:100%;
      height:100%;
      background: url(https://tonymade.cz/wp-content/uploads/2023/09/sparkle.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      transform-origin: center;
      transform: rotate(0deg);
      animation: xeye_rot_left 16s linear infinite alternate;
      animation-delay: 2s;
      opacity:0;
  }
  off.tonyn_eye_two:after {
      content: "";
      position: absolute;
      width:100%;
      height:100%;
      background: url(https://tonymade.cz/wp-content/uploads/2023/09/sparkle.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      transform-origin: center;
      transform: rotate(0deg);
      animation: xeye_rot_right 16s linear infinite alternate;
      animation-delay: 2s;
      opacity:0;
  }
  ._off_xherotitle hgroup span:after {
      content: "SUPERHERO";
      box-sizing: unset;
      position: absolute;
      bottom: 0;
      opacity: 1 !important;
      padding-bottom: 3vh;
      font-size: 4.6vmax;
      font-family: 'RaiderCrusader';
      overflow: visible;
      display: flex;
      text-transform: uppercase;
      overflow: hidden;
      background: linear-gradient(90deg, #2a2a2a, #fff, #2a2a2a);
      background-repeat: no-repeat;
      background-size: 80%;
      animation: superhero 3s linear infinite;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(255, 255, 255, 0);
      padding-right: 10px;
  }
  .xherotitle hgroup span {
      position: relative;
      font-family: 'Dosis', sans-serif;
  }
.controlsOuter {
    display: none;
}
  .tonyn:after {
      content: "";
      position: absolute;
      width: 109px;
      height: 78px;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/09/eye_light.png);
      top: 11.5%;
      left: 52.5%;
      z-index: 99;
      animation: xeye 10s linear infinite;
      animation-delay: 2s;
      opacity:0;
      transform: rotate(0deg);
  }
  .tonyn {
      position: absolute;
      display: flex;
      width: auto;
      height: calc(var(--vh) * 79);
      justify-content: center;
      align-items: center;
      background-repeat: no-repeat;
      background-size: auto 70%;
      background-position: bottom 0 right calc(var(--vh) * 10);
      overflow: visible;
      filter: drop-shadow(-8px -8px 8px rgba(0, 0, 0, 0.6)) opacity(1);
      max-width: 700px;
      -webkit-background-size: auto calc(var(--vh) * 80);
      -moz-background-size: auto calc(var(--vh) * 80);
      -o-background-size: auto calc(var(--vh) * 80);
      background-size: auto calc(var(--vh) * 80);
      background-size: auto 100%;
      -webkit-mask-size: auto 100%;
      -webkit-mask-mode: alpha;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      transform: translate(-28%, 0.3%) rotate(2deg);
  }
  .xherotitle {
      position: absolute;
  }
  .xtonyn_light {
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient( 180deg, rgba(0, 0, 0, 1) 0%, rgba(39, 210, 210, 0) 100% );
      animation-direction: alternate !important;
      animation: xlight 12s linear infinite;
  }
  div#particle-wrap_two {
      position: fixed;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .inside-article {
      background-color: transparent !important;
  }
  .site-content {
      display: flex;
      height: 100%;
      justify-content: center;
  }
  .tonyn_light {
      --lr: 310deg;
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(var(--lr), rgba(0,0,0,0.7) 0%, rgb(0,0,0,0.5) 44%, rgba(161,161,161,0) 69%, rgba(255,255,255,0) 100%);
      animation: light_rot 10s linear infinite alternate;
      animation-fill-mode: backwards;
      animation-delay: 2s;
      -webkit-mask-image: url(https://tonymade.cz/wp-content/uploads/2023/10/tony_photo_xfinal.png);
      -webkit-mask-mode: alpha;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: -10% -20%;
      -webkit-mask-origin: content-box;
      -webkit-mask-size: contain;
  }
  .site-content .content-area {
      position: relative;
      width: 100%;
      max-width: 1000px;
      height: 100%;
      box-shadow: -4px -1px 16px #0c0c0d, 4px 0px 16px #0d0d0d;
  }
  .owl-item.active.center {
      transition-duration: 600ms;
  }
  .owl-item.active {
      transition-duration: 600ms;
  }
  .owl-item {
      transition-duration: 600ms;
  }
  .owl-item.active.center .item.xcard {
     transform: scale(1);
      transition-duration: 600ms;
  }
  .owl-item.active .item.xcard {
     transform: scale(0.7);
      transition-duration: 600ms;
  }
  .owl-item .item.xcard {
      transition-duration: 600ms;
  }
  @media (min-width: 375px){
  .item.xcard {
      min-width: 319px;
  }}
  .menu-item {
      display: flex;
      justify-content: center;
  }
  .inside-navigation.grid-container {
      height: 100%;
      justify-content: center !important;
  }
  .entry-content {
      display: flex;
      flex-direction: column;
  }
  .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
      padding: 0;
  }
  .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
      margin-top: 0;
  }
  .separate-containers .site-main {
      margin: 0;
  }
  .fp-watermark {
      display: none;
  }
  body.fp-viewing-uvod .animated {
      transition-delay: 600ms;
  }
  body.fp-viewing-sluzby #xsections {
      transition-delay: 600ms !important;
  }
  .pg-wrapper.pg-vertical {
      overflow: hidden;
  }
  .pg-wrapper.pg-vertical {
      overflow: hidden;
      width: 100% !important;
      overflow: hidden !important;
  }
  .fp-overflow {
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center !important;
      align-items: center;
  }
  .animated{
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      transform: translate3d(0vw, 200vh, 0);
      transition: filter 600ms ease 200ms, transform 600ms ease;
      filter: opacity(0);
  }
  @media (max-width: 768px){
  div#xpretit {
      padding-left: calc(var(--vh) * 3.4);
      padding-top: calc(var(--vh) * 2.8);
  }
  div#xpretit p span {
      font-size: clamp(1.5rem, 1.2059rem + 1.4706vw, 2.125rem);
  }}
  @media (min-width: 768px){
  div#xpretit {
      padding-left: calc(var(--vh) * 24);
      padding-top: calc(var(--vh) * 5);
  }
  div#xpretit p {
      flex-direction: row !important;
  }
  div#xpretit p span {
      font-size: clamp(1.5rem, 1.2059rem + 1.4706vw, 2.125rem);
  }}
  div#xpretit {
      height: 10vh;
      width: 100%;
      max-width: 1000px;
      font-weight: 500;
      font-size: 34px;
      display: flex;
      color: #dfdfdf;
      mix-blend-mode: color-dodge;
      font-family: 'OSWALD';
      text-align: right;
      font-size: clamp(1.25rem, 0.8382rem + 2.0588vw, 2.125rem);
      font-size: clamp(1.0625rem, 0.5625rem + 2.5vw, 2.125rem);
      line-height: calc(var(--vh) * 3.4);
  }
  div#xpretit p {
      display: flex;
      flex-direction: column;
      text-align: left;
  }
  .fp-section.active .animated {
      transform: translate3d(0, 0, 0);
      filter: opacity(1);
  transition-delay: 400ms !important;
      transition: filter 600ms ease 200ms, transform 600ms ease 200ms;
  }
  .owl-nav {
      display: flex;
      justify-content: space-between;
      position: absolute;
      /* left: 10%; */
      /* right: 10%; */
      top: 0;
      order: 1;
      width: 100%;
      height: 20%;
      align-items: center;
  }
  div#xnavdots, div#xnavdots_def {
      z-index: 8;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      background-color: #000;
      padding: 10px 15px 7px 15px;
      filter: none;
      color: #000 !IMPORTANT;
      font-weight: 900;
      z-index: 1;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/10/sbg.jpg);
      filter: drop-shadow(-4px 12px 10px black);
      box-shadow: 0px -10px 10px -3px rgba(0,0,0,0.8);
  }
  div#superhero_indicator.show_gear div#xnavdots_def	{
      display:none;
  }	
  #xone #xnavdots {
      display: none;
  }
  #xnavarrows, #xnavarrows_ref  {
      display: flex;
      justify-content: space-between;
      position: absolute;
      order: 1;
      width: 100%;
      height: 100%;
      align-items: center;
      z-index: 9999;
      padding: 0 5cqw;
  }
  #xnavarrows button, #xnavarrows_ref button {
      width: 30px;
      height: 30px;
      right: calc(var(--vh) * 2);
      border-radius: 50px;
      border-width: 2px;
      border-style: solid;
      background-color: #ffffff;
      -webkit-mask-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-17,-17)"><path d="M34.9,31L28.5,35L28.5,17L26.5,17L26.5,35L20.1,31L19,32.7L27.5,38L36,32.7L34.9,31Z" style="fill-rule:nonzero;"/></g></svg>');
      background-position: center;
      background-size: contain;
      -webkit-mask-size: 100%;
      background: linear-gradient(45deg, #e1e1e1, #ffffff, #000000);
      transition: all 450ms;
  }
  button.owl-prev {
      padding:0;
      transform: translateX(0) rotate(90deg);
  }
  button.owl-next {
      padding: 0;
      transform: translateX(0) rotate(-90deg);
  }
  .owl-dot {
      display: none;
  }
  .owl-dot.active {
      display: flex !important;
  }
  .xsectitle p {
      display: none;
  }
  .owl-dots {
      display: flex;
      order: 3;
      height: 1px;
      column-gap: 5%;
      max-width: 300px;
      width: 50%;
  }
  div#xsections .fp-table {
      justify-content: flex-start !important;
  }
  .xsectitle {
      position: relative;
      height: 30%;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
  }
  .xsectitle:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      -webkit-mask: var(--svg);
      mask: var(--svg);
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/10/gold_path-1.jpg);
      background-size: contain;
      background-color: #252732;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: auto 85%;
      -webkit-mask-position: center;
      filter: sepia(1);
  }
  .owl-controls_wrap {
      height: 5%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transform: translateY(-2vh);
  }
  .fp-tableCell {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 90% !important;
      max-height: 90%;
      position: relative;
  }
  .owl-dots button {
      height: 1px;
      padding: 0;
      display: flex;
      width: 100%;
      border-radius: 10px;
  }
  .owl-dots button.active {
      background-color: #28f1ff;
  }
  .owl-nav > div {
    font-size: 24px;
    display: inline-block;
    color: #032A59;
    padding: 10px;
  }
  .rs-container.rs-full.rs-pie {
      border-radius: 100%;
  }
  .xpage_box.xtalking .xbackbutt{
      position: relative;
      -webkit-mask-image: unset;
      margin: 0;
      width: 6cqh;
      height: 6cqh;
      box-shadow: 3px 3px 9px #000000, -3px -3px 9px #000000;
      scale: 1.2;
  }
  .xplayer_info_wrap {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      top: 0;
      width: 100%;
      text-align: center;
      opacity:0;
  }
  .xpage_box.xtalking .xplayer_info_wrap {
      opacity:1;
  }
  .xplayer_info p {
      margin: 0;
      font-size: clamp(0.9375rem, 0.7904rem + 0.7353vw, 1.25rem);
  }
  .xplayer_info {
      width: 90%;
      max-width: 600px;
      display: flex;
      justify-content: center;
  }
  .xpage_box.xtalking .xbackbutt:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: #000;
      -webkit-mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.0" id="katman_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1436 1054" style="enable-background:new 0 0 1436 1054;" xml:space="preserve"><path d="M718.5,453.8l224-224.3c20.4-20.4,53.3-20.4,73.6,0c20.4,20.4,20.4,53.3,0,73.6l-224,224.6l224,224c20.4,20.4,20.4,53.3,0,73.6c-20.4,20.4-53.3,20.4-73.6,0l-224-224l-224.6,224c-20.4,20.4-53.3,20.4-73.6,0c-20.4-20.4-20.4-53.3,0-73.6l224-224L420.4,303.2c-20.5-20.4-20.5-53.3-0.1-73.6s53.3-20.4,73.6,0l224.6,224V453.8z"/></svg>');
      -webkit-mask-size: 130%;
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
  }
  .xpage_box.xtalking .xsectitle	{
      height: 15% !important;
      justify-content: center;
  }
  .fp-section .xpage_box.xtalking h1 {
      position: relative;
      bottom: 0;
      order: 2;
  }
  .fp-section h1 {
  position: absolute;
      bottom: 40%;
      font-family: 'RaiderCrusaderStraight', sans-serif;
      font-size: clamp(2.5rem, 2.2059rem + 1.4706vw, 3.125rem);
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/09/steel_five.jpg);
      background-clip: text;
      -webkit-background-clip: text;
      background-size: contain;
      background-color: #fff;
      color: transparent;
      filter: drop-shadow(3px 3px 6px #000);
      padding: 0 40px;
      margin-bottom: 0 !important;
  }
  
  
  .xbackbutt {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      right: 0;
      top: 0;
      border-width: 2px;
      border-style: solid;
      cursor: pointer;
      background: linear-gradient(45deg, #a2a2a2, #fff);
      -webkit-mask-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M928 1024h-288a96 96 0 0 1-96-96v-288a96 96 0 0 1 96-96h288a96 96 0 0 1 96 96v288a96 96 0 0 1-96 96z m32-384a32 32 0 0 0-32-32h-288a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h288a32 32 0 0 0 32-32v-288z m-32-160h-288a96 96 0 0 1-96-96V96a96 96 0 0 1 96-96h288a96 96 0 0 1 96 96v288a96 96 0 0 1-96 96z m32-384a32 32 0 0 0-32-32h-288a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h288a32 32 0 0 0 32-32V96zM384 1024H96a96 96 0 0 1-96-96v-288a96 96 0 0 1 96-96h288a96 96 0 0 1 96 96v288a96 96 0 0 1-96 96z m32-384a32 32 0 0 0-32-32H96a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h288a32 32 0 0 0 32-32v-288z m-32-160H96a96 96 0 0 1-96-96V96a96 96 0 0 1 96-96h288a96 96 0 0 1 96 96v288a96 96 0 0 1-96 96z m32-384a32 32 0 0 0-32-32H96a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h288a32 32 0 0 0 32-32V96z" /></svg>');
      -webkit-mask-repeat: no-repeat;
      border: 0;
      z-index: 10;
      margin: 6cqh 5cqw;
  }
  .item a .text {
    position: absolute;
    left: 15px;
    color: #000;
    bottom: 0;
    font: 48px "Gloria Hallelujah", cursive;
    z-index: 500;
    transform: translateY(100px);
  }
  .item a:hover .text {
    transform: translateY(0);
  }
  div#fp-nav ul li {
      width: auto !important;
      height: 100% !important;
      margin: 0 !important;
      flex-grow: 1;
      display: flex;
  }
  div#fp-nav {
      position: fixed;
      width: 100%;
      justify-content: center;
      bottom: 0 !important;
      right: auto !important;
      background-color: #16171a !important;
      box-shadow: 2px -10px 14px rgba(1,1,1,0.6);
      order: 2;
      height: 10%;
      z-index: 9;
      display: flex !important;
      transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
      -webkit-transform: translate3d(0,0,0) !important;
      top: auto !important;
  }
  
  div#fp-nav ul {
      width: 100%;
      max-width: 1000px;
      display: flex;
  }
  #fp-nav ul li, .fp-slidesNav ul li {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  #fp-nav ul li a > span {
      display: none !important;
  }
  .xcontact_head p {
      text-align: center;
  }
  .xcontact_mail {
      text-transform: uppercase;
  }
  .xprogress_wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
  .xbackbutt{
      opacity: 0;
      pointer-events: none;
  }
  div#superhero_indicator.show_gear .xbackbutt{
      opacity: 1;
      order: 1;
      pointer-events: all;
  }
  #xnavarrows {
      opacity: 0;
      pointer-events: none;
  }
  div#superhero_indicator.show_gear #xnavarrows{
      opacity: 1;
      pointer-events: all;
  }
  .xlocality {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Dosis';
    flex-wrap: wrap;
  }
  #xcontant_box hr {
      margin-bottom: 0;
      margin-top: 0.5cqh;
      border-style: solid;
      border-top: 2px dotted #5d5f66;
  }
  .xlocality_text {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    padding-top: 2cqh;
  }
  .xlocality_text p {
      margin: 0 !important;
      text-align: center;
      font-size: clamp(1.125rem, 1.0074rem + 0.5882vw, 1.375rem);
      color: #fff;
      line-height: 4cqh;
  }
  .xpoint {
      content: "";
      position: absolute;
      left: 20%;
      bottom: 8px;
      width: 4%;
      height: 72px;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/11/xarrow.png);
      background-size: 85%;
      filter: drop-shadow(2px 2px 2px black);
      background-repeat: no-repeat;
      background-position: bottom;
      z-index: 4;
      display: flex;
      justify-content: center;
  }
  .xpoint_text p {
      padding-top: 2px;
      margin-bottom: 0;
  }
.xpoint_text pre {
    background-color: transparent;
    padding: 0;
}
.xdate pre {
    background-color: transparent;
    color: #fff !important;
    padding: 0;
    overflow: visible;
    margin: 0;
    width: 100%;
	font-size: clamp(0.875rem, 0.7321rem + 0.7143vw, 1.25rem);
}
.xdate {
    position: absolute;
    left: 4%;
    bottom: 15px;
    align-items: start;
    display: flex;
    font-size: clamp(1.0625rem, 0.8958rem + 0.8333vw, 1.5rem);
}
.xdate > span > p {
    display: none;
}
.xdate span {
    left: -18cqw;
    bottom: 36px;
    color: #fff;
    filter: drop-shadow(2px 2px 2px black);
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 4;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
}
  .xbenefit_number {
      font-size: 30px;
      line-height: normal;
      color: #fff;
  }
  .xpoint span {
      position: absolute;
      color: #fff;
      top: -6cqh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: clamp(1.125rem, 1.0074rem + 0.5882vw, 1.375rem);
  }
  .xpoint span:before {
      content: "AKTUALIZOVÁNO";
      font-size: clamp(0.75rem, 0.6912rem + 0.2941vw, 0.875rem);
      font-family: 'Dosis';
      line-height: 10px;
  }
  .xprogress {
      width: 90%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      color: #1c1d21;
  }
  .xpoint_text p {
      margin-bottom: 0.5cqh;
  }
  .progress-bar3 {
    position: relative;
    width: 100%;
    max-width: 500px;
    justify-content: flex-start;
    display: flex;
    height: 2px;
      border-radius: 4px;
      background-image: linear-gradient(to right, #25FF86, #C0FF4E, #FFB54E, #ff2d55);
      transition: 0.4s linear;
      transition-property: width, background-color;
  }
  .owl-dotc {
      font-size: clamp(1.125rem, 1.0074rem + 0.5882vw, 1.375rem);
  }
  .xpoint_text {
      position: absolute;
      bottom: 2cqh;
      left: 30%;
      width: 90% !IMPORTANT;
      color: #fff;
      font-family: 'Dosis';
      font-size: clamp(1.125rem, 1.0074rem + 0.5882vw, 1.375rem);
      line-height: normal;
      color: #8cfa5e;
  }
  .xcontact_head {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: 'Dosis';
    margin: 18px 20px 60px;
    position: relative;
    column-gap: 10%;
    flex-wrap: wrap;
  }
  .xbenefits {
      display: flex;
      align-items: center;
      padding-bottom: 2cqh;
      width: 80%;
      border-top: 3px dotted #393c44;
  }
  .xbenefits > div {
      width: 33%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      column-gap: 10px;
  }
  @media (min-width: 768px){
  .xbenefits > div {
      flex-direction: row;
  }}
  .xcontact_head p {
    margin: 0 !important;
    font-size: clamp(1.0625rem, 0.8958rem + 0.8333vw, 1.5rem);
    text-align: left;
  }
  .xcontact_head img {
      max-width: 500px;
      width: 100%;
  }
  .fp-tooltip.fp-right {
      position: relative !important;
      display: flex !important;
      top: auto !important;
      right: auto !important;
      bottom: 0;
      max-width: none !important;
      width: 100% !important;
      opacity: 1 !important;
      justify-content: center;
      align-items: center;
      font-family: 'Oswald', sans-serif !important;
      font-weight: 200;
      font-size: clamp(1.0625rem, 0.9743rem + 0.4412vw, 1.25rem) !important;
      transition: all 1000ms !important;
  }
  div#fp-nav {
      display: flex !important;
  }
  div#xone .owl-carousel  {
      position:absolute;
      }
  div#superhero_indicator.show_gear .owl-carousel {
      transform: translateY(0);
      transition: all 600ms;
  }
  .owl-carousel {
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      transition: all 0.4s;
      z-index: 9 !important;
      background-color: #1c1d21;
      transform: translateY(150%);
      transition: all 600ms;
  }
  section#options {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 10%;
      z-index: 10;
      border-top: 1px solid #3d404f;
  }
  figure.front p {
      margin-bottom: 3vh;
  }
  .services_list_wrap {
      height: 90%;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      border-radius: 0;
      column-gap: 1cqw;
  }
  .xcontact_data {
      display: flex;
      flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .xcontact_company {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-left: 20px;
    justify-content: center;
    font-size: clamp(1.0625rem, 0.8958rem + 0.8333vw, 1.5rem);
  }
  .xcontact_data a {
      color: #5bcdaf !important;
      text-decoration-style: dashed;
      text-underline-offset: 6px;
      text-decoration-thickness: 1px;
      text-decoration: unset;
  }
  #card figure {
      margin: 0;
      display: flex;
      position: absolute;
      flex-direction: column;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      justify-content: center;
      padding: 0 4cqw;
      max-width: 800px;
  }
  #card .back {
    transform: rotateY( 180deg );
  }
  .card_title {
      display: flex;
      width: 100%;
      height: 20%;
      z-index: 5;
      padding-top: 7%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 2px dotted #536e64;
      border-radius: 20px;
      cursor: pointer;
  }
  
  #_off_card.flipped {
    transform: rotateY( 180deg );
  }
  .owl-nav_wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
  }
  .xcontact_wrap {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
  }
  div#xcontant_box {
    display: flex;
    justify-content: center;
    align-items: normal;
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
  }
  .xcontact_body {
    display: flex;
    justify-content: center;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
  }
  .card_title.supertitle:hover {
      filter: brightness(2);
      transition: all 650ms;
  }
  button.owl-next:hover, button.owl-prev:hover, .xbackbutt:hover {
      scale: 1.4;
      transition: all 650ms;
  }
  .xpage_box.xtalking .controlsOuter {
      opacity: 0;
      transition: all 400ms;
  }
  .card {
      position: relative;
      border-radius: 28px;
      justify-content: center;
      align-items: center;
      text-align: center;
      display: flex;
      color: rgb(88 199 250 / 0%);
      cursor: pointer;
      font-family: cursive;
      box-sizing: border-box;
      overflow: visible;
      z-index: 2;
      width: 100%;
      height: 75%;
      transform-style: preserve-3d;
      transition: transform 1s;
    margin-top: 20px;
  }
  .card:hover {
    color: #fff;
    transition: color 1s;
  }
  .item.xcard > p {
      display: none;
  }
  .card:before, .card:after {
    animation: none;
    opacity: 0;
  }
  section#options button {
      background-color: transparent;
  }
  .card_title.supertitle {
      padding-top: 0;
      height: 100%;
  }
  .card_title.supertitle p {
      color: #c2c2c2;
      font-size: 14px;
      /* margin-top: 4%; */
      padding: 0 5%;
      display: flex;
      justify-content: center;
      text-align: center;
      font-family: 'Dosis', sans-serif;
      margin-bottom: 0;
  }
  .xcontact_address {
      font-size: clamp(1.25rem, 1.1324rem + 0.5882vw, 1.5rem);
  }
  .card_title.supertitle span {
      color: #7d7d7d;
      font-family: Oswald;
      font-size: clamp(0.75rem, 0.4559rem + 1.4706vw, 1.375rem);
      filter: drop-shadow(2px 4px 6px black);
      text-align: center;
  }
  #xtwo .fp-tableCell {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      height: 90% !important;
      position: relative;
  }
  .off.fp-section h1:before {
      content: "";
      position: absolute;
      display: flex;
      width: 75%;
      border-bottom: 1px solid #bfbfbf;
      border-image: linear-gradient(to right, #363636, white) 1;
      bottom: -0.3vh;
  }
  .fp-section h1:before {
      content: "REFERENCE";
      position: absolute;
      height: 100%;
      width: 100%;
      -webkit-background-clip: text;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/09/steel_five.jpg);
      opacity: 0.6;
  }
  #xone.fp-section h1:before {
      content: "SLUŽBY";
  }
  #xthree.fp-section h1:before {
      content: "REFERENCE";
  }
  #xfour.fp-section h1:before {
      content: "KONTAKT";
  }
  .item_xcard_wrap.xsuperservices .item.xcard .card_title h2:before {
      content: "";
      left: 10%;
      width: 30px;
      height: 30px;
      background-color: #383838;
      clip-path: url(https://tonymade.cz/wp-content/uploads/2023/09/xi_konzultace.svg);
      mask-image: url(https://tonymade.cz/wp-content/uploads/2023/09/xi_konzultace.svg);
      mask-size: 100% 100%;
      mask-mode: alpha;
      mask-repeat: no-repeat;
      mask-position: center;
      -webkit-mask-image: url(https://tonymade.cz/wp-content/uploads/2023/10/xtalk.png);
      -webkit-mask-size: 100% 100%;
      -webkit-mask-mode: alpha;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      -webkit-mask-size: 100% auto;
      margin-bottom: 5px;
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/10/gx.jpg);
      background-size: contain;
      background-position: center;
      color: transparent;
      filter: hue-rotate(110deg) sepia(0.4);
      margin-bottom: 0 !important;
      z-index: -1;
  }
  div#xpage_box_ref.id_one button.owl-prev {
      opacity:0;
      pointer-events: none;
  }
  div#xpage_box_ref.id_five button.owl-next {
      opacity:0;
      pointer-events: none;
  }
  .item.xcard.supercard div#card_bg {
      width: 100%;
      height: 100%;
      position: absolute;
      display: flex;
      border-radius: 0 !important;
      padding: 1.6px;
  }
  img.xlayer_one_img {
      height: calc(64cqh + 4cqw);
      bottom: 0;
      translate: calc(-15cqh - 20cqw) 0cqh;
  }
  div#xsref_radas img.xlayer_one_img {
      height: calc(54cqh + 8cqw);
      bottom: 0;
      translate: calc(-24cqh - 20cqw) 0cqh;
  }
  div#xthree > div {
      height: 90%;
  }
  .xslider_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    flex-wrap: wrap;
    width: 530%;
  }
  .xslide_item {
    display: flex;
    height: 100%;
    width: calc(100% / 5);
    align-items: center;
    position: absolute;
    flex-direction: column;
    opacity: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 20px;
  }
  .xslide_item.xrefactive {
      opacity: 1;
  }
  div#xthree .xsectitle {
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
  }
  .xreference_img {
    position: absolute;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    aspect-ratio: 1000 / 705;
  }
  div#xslider_frame {
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .xreference_frame_img {
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/10/iPad_x.png);
  }
  img.xlayer {
      position: absolute;
      display: flex;
      z-index: 2;
    max-height: 100%;
  }
  .xslide_head {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 30%;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 15px;
  }
  .xslide_item.xrefactive .xlayer_one_img {
      transform: translateY(0);
      transition-delay: 600ms;
      transition-duration: 0.5s;
  }
  .xslide_item.xrefactive .xlayer_two_img {
      transform: translateY(0);
      transition-delay: 1200ms;
      transition-duration: 0.5s;
  }
  .xslide_item.xrefactive .xlayer_three_img {
      transform: translateY(0);
      transition-delay: 1400ms;
      transition-duration: 0.5s;
  }
  img.xlayer.xlayer_one_img {
      transform: translateY(100%);
  }
  img.xlayer.xlayer_two_img {
      transform: translateY(200%);
  }
  img.xlayer.xlayer_three_img {
      transform: translateY(200%);
  }
img.xlayer_one_img {
    display: none !important;
}
  .xbackg.refbg_1 {
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/10/reference_petexpert.webp);
  }
  .xbackg.refbg_2 {
      background-image: url(https://tonymade.cz/wp-content/uploads/2023/11/ftmo.webp);
  }