/*-----------------------------------------------------------------------------------
Theme Name: Faster-than
Description: RECO Theme 
Author: MartinFajnor
Author URI: 
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version:	1.1
Assigned to:	RECO s.r.o. 
-----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-Bold.eot');
    src: url('../fonts/PPRadioGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPRadioGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-Bold.woff') format('woff'),
        url('../fonts/PPRadioGrotesk-Bold.ttf') format('truetype'),
        url('../fonts/PPRadioGrotesk-Bold.svg#PPRadioGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-Regular.eot');
    src: url('../fonts/PPRadioGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPRadioGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-Regular.woff') format('woff'),
        url('../fonts/PPRadioGrotesk-Regular.ttf') format('truetype'),
        url('../fonts/PPRadioGrotesk-Regular.svg#PPRadioGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
  --black: #000;
  --white: #FFF;
  --main-color: #0096D4;
  --main-text-color: #00212F;
  --main-sec: #F7AA70;
  --main-light: #EDEDE6;
  --main-light-bgr: #EDE8DF;
  --main-sec-gray: #E6E7E8;
  --main-pink: #FABFBF;
  --main-bgr-pink: #FABFBF55;
  --main-black: #232323;
  --main-white: #FDFBFB;
  --main-orange: #F37021;
  --main-bgr-orange: #F3702155;
  --main-red: #bf5747;
  --main-gray: #918F8B;
  --main-light-gray: #EBE8DF;
  --main-border-gray: #CACCCE; 
  --main-border-lightblue: #E0E0EB; 
  --main-dark: #242424;
  --main-light-dark: #4B4A4A;
  --main-hover: #050606;
  --scroll--rounded_button-color-hover: #FABFBF;
  --scroll--rounded_button-color: #fff;
}
  #wpadminbar { display: none }

  /*
   * ............ PRESETS ............................................... 
   */
    body, header, .woocommerce-page-header { font-family: 'PP Radio Grotesk', serif; margin: 0; padding: 0; 
        background: var(--white); 
    }
    html { box-sizing: border-box; margin-right: 0px!important; }
    body.hidden { opacity: 0; }
    .nooverflow,.no-overflow { overflow: hidden; }
    .nooverflow:after { content: ""; display: block; box-sizing: border-box; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; 
        background-color: #000000ab;  
    }
    .col-full::before, .col-full::after { content: unset;  }

    .site   { overflow: hidden; }
    #page   { display: none;  }
    footer  { display: none; transform: translateY(20px); opacity: 0; }

    .hide-breadcrumbs .storefront-breadcrumb { display: none !important; }
    .woocommerce-breadcrumb {  padding: 20px 0;
        border-bottom: 1px solid var(--main-dark);
    }
    .storefront-breadcrumb { margin: 0; padding: 0;  }
    .body-no-title .storefront-breadcrumb { margin-top: 90px; }

    .entry-header { padding: 120px 0 100px !important; 
        background-color: var(--main-color); 
    }
    .contact .entry-header { padding: 120px 0 40px; }

    .asterisk { margin: 100px auto 52px; width: 40px; }

    .edit-link { text-align: center; }
    .edit-link a { color: var(--main-gray); }

    .site-main { margin: 0; }
    .page-template-template-homepage:not(.has-post-thumbnail) .site-main,
    .page-template-template-homepage .type-page {  padding-top: 0; }
    .page-template-template-homepage .entry-content, 
    .page-template-template-homepage .entry-header {  max-width: inherit;  margin-left: auto;  margin-right: auto;  text-align: center; }
    .storefront-handheld-footer-bar { display: none; }
    .sticky { position: fixed !important; width: 100%; top: 0; }
    .hentry,.content-area { margin: 0 !important; }
    #back-to-shopping { display: none; }
    .revealing { position: relative; transform: translateY(20px); opacity: 0; transition: 2s all ease; }
    .revealing.view { transform: translateY(0); opacity: 1; }
  
    .woocommerce button[name="update_cart"],
    .woocommerce input[name="update_cart"] {
        display: none;
    }
    div.blockOverlay { opacity: 1;
        background-color: var(--main-color) !important; 
    }
    .woocommerce-notices-wrapper { display: none !important; }

    .row > div { padding-right: 0; padding-left: 0; }
    .row > div > .row > div  { padding-right: 15px; padding-left: 15px; }

    img { border-radius: 0 !important }

    .h1, h1, h1 font, 
    .h2, h2, h2 font, 
    .h3, h3, h3 font { position: relative; font-family: 'PP Radio Grotesk', serif; font-weight: 700;  }
    .h1, h1, h1 font { font-size: 36px; line-height: 1.2;  }
    .h2, h2, h2 font { font-size: 32px; line-height: 1.2;  }
    .h3, h3, h3 font { font-size: 28px; line-height: 1.2;  }
    .h4, h4, h4 font, 
    .h5, h5, h5 font, 
    .h6, h6, h6 font { position: relative; font-family: 'PP Radio Grotesk', serif;  font-weight: 700; text-align: left; letter-spacing: 0.06em; }
    .h4, h4, h4 font { font-size: 36px; line-height: 1.3;  }
    .h5, h5, h5 font { font-size: 26px; line-height: 1.3;  }
    .h6, h6, h6 font { font-size: 18px; line-height: 1.3;  }
    h1 em, h2 em { font-family: 'PP Radio Grotesk', sans-serif !important; font-weight: 400; }

    h1.headline { font-size: 42px; line-height: 54px; 
        color: var(--main-light);
    }
    h1.headline.blue-text,
    h1.wp-block-heading,
    .woocommerce h1.headline,
    .blue-text {
        color: var(--main-color);
    }
    .hero-section p.time { color: var(--main-sec); }
  
    p, p font { font-family: 'PP Radio Grotesk', sans-serif; font-size: 16px; font-weight: 400; line-height: 25px; text-align: left; letter-spacing: 0.04em  !important; 
        color: var(--main-text-color); 
    }
    p span, p span font {  font-family: 'PP Radio Grotesk', sans-serif; font-size: 15px; font-weight: 400; text-align: left; letter-spacing: 0.04em  !important; 
         color: var(--main-hover); 
    }
    p strong, p strong font {  font-family: 'PP Radio Grotesk', sans-serif; font-size: 15px; font-weight: 700; text-align: left; letter-spacing: 0.04em  !important;  }

    .section p.font-size-12 { font-size: 12px; line-height: 1.5; }
    .section p.font-size-14 { font-size: 14px !important; line-height: 1.5; }
    .section p.font-size-16 { font-size: 16px !important; line-height: 1.5; }
    .section p.font-size-18 { font-size: 18px !important; line-height: 1.5; }
    .section p.font-size-22,
    .section a.font-size-22 { font-size: 22px !important; line-height: 1.5; }
    .section p.font-size-24,
    .section a.font-size-24 { font-size: 24px !important; line-height: 1.5; }
    .section p.font-size-26 { font-size: 26px !important; line-height: 1.5; }
    .section p.font-size-28 { font-size: 28px !important; line-height: 1.5; }
    .section p.font-size-32 { font-size: 32px !important; line-height: 1.5; }

    .text-white { color: white; }
    .textL { text-align: left !important; margin-top: -5%; }
    .text-center,
    .textC { text-align: center !important; }
    .textR { text-align: right !important; }
    .nomargin { margin: 0 !important; }
    .align-center { text-align: center !important; margin: 0 auto; }
    .align-center .cta-btn { width: 100%; padding: 0 0 40px; }

    .content-bottom { display: flex; flex-direction: column; justify-content: end; }

    a, a font {  font-family: 'PP Radio Grotesk', sans-serif; font-size: 15px; font-weight: 400; line-height: normal; letter-spacing: 0.04em !important; text-align: left; cursor: pointer; transition-duration: .3s; text-decoration: none; 
      color: var(--main-text-color); 
    }
    a:hover, a:active { text-decoration: none; cursor: pointer; }
    a:focus { outline: 0; }
    a span, a span font {  font-family: 'PP Radio Grotesk', serif; font-size: 14px; line-height: 1; font-weight: 400; text-align: left;  }

    ul { list-style-type: none; margin: 0; }

    .site-header, 
    .secondary-navigation ul ul, 
    .main-navigation ul.menu > li.menu-item-has-children::after, 
    .secondary-navigation ul.menu ul, 
    .storefront-handheld-footer-bar, 
    .storefront-handheld-footer-bar ul li > a, 
    .storefront-handheld-footer-bar ul li.search .site-search, 
    button.menu-toggle, 
    button.menu-toggle:hover {
        background-color: var(--main-color);
    }
    .site-header { position: fixed; top: 0; width: 100vw; height: 82px; padding-top: 0; padding-bottom: 0;  }
    .site-header.header-section-black { height: 142px }

    #logo { padding: 0 0 0 25px; }
    #logo img { width: 139px; }

    .read-more { font-size: 20px; text-decoration: underline;
        color: var(--main-text-color);  
    }
    .read-more.orange, .read-more.orange:hover  {  font-size: 20px;
        color: var(--main-sec); 
    }
    .read-more.orange::before {  
        background-color: var(--main-orange);
    }
    .single-line { width: 100%; height: 0px; margin: 40px 0; 
        border-bottom: 2px solid var(--main-sec); 
    }
    .single-line.light-line { 
        border-bottom: 2px solid var(--main-light);  
    }
    .single-line.dark-line { 
        border-bottom: 2px solid var(--main-text-color);  
    }
    .double-line { width: 100%; height: 8px; margin: 28px 0; 
        border-top: 2px solid var(--main-sec); 
        border-bottom: 1px solid var(--main-sec); 
    }
    .double-line.light-line { 
        border-top: 2px solid var(--main-light); 
        border-bottom: 1px solid var(--main-light); 
    }
    .double-line.dark-line { 
        border-top: 2px solid var(--main-text-color); 
        border-bottom: 1px solid var(--main-text-color); 
    }
    .hero-buttons { padding-top: 22px }


    .gg-chevron-down { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs,1)); width: 22px; height: 22px; border: 2px solid transparent; border-radius: 100px;  }
    .gg-chevron-down::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(45deg); left: 4px; top: 2px;  } 
    .gg-arrow-top-right, .arrow-up-right { background-image: url(../images/arrow-angle.svg); background-repeat: no-repeat; background-size: contain;  } 
    .arrow-up-right.orange { background-image: url(../images/arrow-angle-orange.svg); background-repeat: no-repeat; background-size: contain;  } 
    .arrow-up-right.white { background-image: url(../images/arrow-angle-white.svg); background-repeat: no-repeat; background-size: contain;  } 

    .arrow-up-right { display: inline-block; margin-left: 5px; width: 16px; height: 16px; transform: translateY(2px); }
    .sub-menu .arrow-up-right { width: 12px; height: 12px; }

    /*.is-layout-flow.wp-block-column figcaption { display: none; }*/

    /* Disable Zoom Click */
    .pswp__zoom-wrap .pswp__img {
        pointer-events: none!important;
    }
    .pswp__button.pswp__button--zoom { display: none!important; }
    .woocommerce-product-gallery--with-images .flex-viewport FIGURE { mix-blend-mode: multiply; }
  
  /*
   * ............ Grid ............................................... 
   */
    .col-full { max-width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto;  }
    .col-full .col-full { padding: 0!important; }
    .row { display: flex; flex-wrap: wrap; margin-right: -8px; margin-left: -8px;  }
    .row.no-gutters { margin-left: 0px; margin-right: 0px;  }
    .column { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; padding-left: 8px; padding-right: 8px;  }
    .small-1, .medium-1, .large-1, .small-2, .medium-2, .large-2, .small-3, .medium-3, .large-3, .small-4, .medium-4, .large-4, .small-5, .medium-5, .large-5, .small-6, .medium-6, .large-6,
    .small-8, .medium-8, .large-8, .small-9, .medium-9, .large-9, .small-10, .medium-10, .large-10, .small-11, .medium-11, .large-11, .small-12, .medium-12, .large-12 {
        flex: 0 0 100%;
        width: 100%;
    }



  /*
   * ............ A link ............................................... 
   */
    a.link, 
    .link a { background-color: transparent; -webkit-text-decoration-skip: objects; }
    a.link span, 
    .link a span { text-transform: uppercase; font-weight: 900; font-size: 16px; transition: text-decoration .5s; 
        color: var(--main-light); 
    }
    a.link:hover, 
    a.link:hover span, 
    .link:hover a, 
    .link:hover a span { text-decoration: none; cursor: pointer; 
        color: var(--main-hover);
    }
    .hero-section a.link.read-more:hover, 
    .site-header a,
    .site-footer a {
        color: var(--main-light);
    }
    .site-header a.link:hover,
    .site-footer a.link:hover,
    .footer-menu a.link:hover {
        color: var(--main-sec);
    }
    .sub-menu a.link { text-decoration: underline; }

    .sub-menu a.link:hover,
    .main-menu a.link:hover {  text-decoration: none;
        color: var(--main-light);
    }
    a.link,
    p.link, 
    .link a { position: relative; transition-duration: 0s; transition-timing-function: linear; 
        transition: color; 
    }
    a.link::before, 
    p.link::before, 
    .link a::before { content: ''; position: absolute; left: 0; width: 100%; z-index: 10000; 
        transform: scale3d(0,1,1);
    }
    #footer_menu a.link::before, 
    #full_menu a.link::before { height: 2px; 
        background-color: var(--main-sec); 
    }
    a.link::before, 
    p.link::before, 
    .link a::before { 
        background-color: var(--main-dark);  
    }
    .hero-section a.link.read-more::before,
    .main-menu a.link::before,
    .sub-menu a.link::before,
    .site-info a.link::before,
    .color-bgr-section a.link::before, 
    .color-bgr-section p.link::before, 
    .color-bgr-section .link a::before { 
        background-color: var(--main-light);  
    }
    a.link::before, 
    p.link::before, 
    .link a::before { bottom: 1px; height: 1px; transform-origin: center center; transition-duration: .5s; transition-delay: 0s; transition-timing-function: cubic-bezier(.77,0,.175,1); }
  
    @media (min-width:1000px) {
        a.link:hover::before, 
        .link a:hover::before, 
        .hp-link:hover a::before { transform:scale3d(1,1,1); transform-origin:left center; transition-delay:0s;  }
    }
  
  
/*
 * ............ Animácie ............................................... 
 */
 .anim_fadein,.anim_fadeup { opacity: 0; }

 .view .anim_fadein { animation: fadeInAnim .6s both; }
 @-webkit-keyframes fadeInAnim {
   from { opacity: 0; }
   to { opacity: 1; }
 }
 @keyframes fadeInAnim {
   from { opacity: 0; }
   to { opacity: 1; }
 }
 .view .anim_fadeup { animation: fadeInUpAnim .6s both; }
 @-webkit-keyframes fadeInUpAnim {
   from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); }
   to { opacity: 1; -webkit-transform: none; transform: none; }
 }
 @keyframes fadeInUpAnim {
   from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); }
   to { opacity: 1; -webkit-transform: none; transform: none; }
 }
 
 .view .no_delay { animation-delay: 0s; }
 .view .anim_delay-02 { animation-delay: .2s; }
 .view .anim_delay-04 { animation-delay: .4s; }
 .view .anim_delay-06 { animation-delay: .6s; }
 .view .anim_delay-08 { animation-delay: .8s; }
 .view .anim_delay-10 { animation-delay: 1s; }

/*
 * ............. Buttons ............................................... 
 */
.cta-btn { width: fit-content; }
.button, .wp-block-button > .wp-element-button { font-family: 'PP Radio Grotesk', sans-serif; font-style: normal; font-size: 18px; line-height: 16px; letter-spacing: 0.04em !important; 
    display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 15px 32px; gap: 8px; border-radius: 60px; transition: all .4s ease-in-out;
}
.button-dres-front, .button-dres-back { font-size: 14px;  }
.button-primary, .button.alt, .wp-block-button-primary > .wp-element-button, .wc-backward,
.user-registration.ur-frontend-form .ur-button-container .button.ur-submit-button,
.user-registration.ur-frontend-form .ur-button-container .button.checkout-submit-button,
.woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next,
.woocommerce-button.woocommerce-button--previous.woocommerce-Button.woocommerce-Button--previous { 
    color: var(--white); 
    background-color: var(--main-dark); 
    border: 1px solid var(--main-dark); 
}
.button-social { font-weight: 700; font-size: 13px; text-transform: uppercase; padding: 8px 16px;
    color: var(--main-black);
    border: 1px solid var(--main-black); 
    background-color: transparent;
}
.site-header .button-social,
.color-bgr-section .button-social,
.site-footer .button-social { font-weight: 700; font-size: 13px; text-transform: uppercase; padding: 8px 16px;
    color: var(--main-light);
    border: 1px solid var(--main-light); 
    background-color: transparent;
}
.woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next,
.woocommerce-button.woocommerce-button--previous.woocommerce-Button.woocommerce-Button--previous { width: 200px; margin: 0 auto 2em; }
.button-secondary,
.wp-block-button-secondary > .wp-element-button, 
.woocommerce-Button.button.wp-element-button { 
    color: var(--main-black); 
    background-color: transparent; 
    border: 1px solid var(--main-black) !important; 
}
.button-dark,
.site-header .button-dark,
.site-footer .button-dark  { 
    color: var(--main-light-bgr); 
    background-color: var(--main-text-color); 
    border: 1px solid var(--main-text-color) !important; 
}
.button-dark-outline,
.site-header .button-dark-outline,
.color-bgr .button-dark-outline { 
    color: var(--main-text-color); 
    background-color: transparent; 
    border: 1px solid var(--main-text-color) !important; 
}
.button-light,
.site-header .button-light,
.site-footer .button-light  { 
    color: var(--main-color); 
    background-color: var(--main-light); 
    border: 1px solid var(--main-light) !important; 
}
.button-light-outline,
.site-header .button-light-outline,
.color-bgr .button-light-outline { 
    color: var(--main-light); 
    background-color: transparent; 
    border: 1px solid var(--main-light) !important; 
}
.button:hover:not([disabled]), 
.button.active, 
.single_add_to_cart_button:hover { cursor: pointer;
    color: var(--main-light) !important; 
    background-color: var(--main-sec) !important; 
    border: 1px solid var(--main-sec) !important;  
}
.button-secondary:hover, 
.button-social:hover,
.button-secondary.active,
.button-detail:hover { cursor: pointer;
    color: var(--main-light) !important; 
    background-color: var(--main-dark) !important; 
    border: 1px solid var(--main-dark) !important;  
}
.button-badge { font-weight: 700; font-size: 13px; text-transform: uppercase; padding: 8px 16px; 
    color: var(--main-black) !important;
    border: 1px solid var(--main-light-gray) !important;
    background-color: var(--main-light-gray) !important;
}
.button-uppercase { text-transform: uppercase; }


.woocommerce-breadcrumb a:first-of-type::before { content: ""; }
.woocommerce-breadcrumb .breadcrumb-separator::after {  content: "\2022";  }
#heroVideo { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transition: all 0.3s linear; transform: translate(-50%,-50%);  }
.video-container { position: absolute; width: 100%; height: 200px; top: 50%; overflow: hidden; }
.video-container::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; 
    background-color: #00171e05 
}
.hero-container { z-index: 2; }

.play--rounded_button-wrap {  position: absolute; bottom: 10px; left: 10px; z-index: -9;  
    color: var(--scroll--rounded_button-color-hover);
    background:transparent;
}
.play--rounded_button-wrap:hover {
    color: var(--scroll--rounded_button-color-hover);
}
.play--rounded_button-wrap:before { position: absolute; content: attr(data-tooltip); font-size: 10px; font-weight: 400; letter-spacing: .07em; padding: 5px; border-radius: 5px; white-space: nowrap; text-decoration: none; 
    left: 50%; 
    top: -20px; 
    transform: translateX(-50%);  
    color: var(--main-color);
}
.play--rounded_button {  position: relative; height: 40px; width: 40px; margin-top: 0px; cursor: pointer;  }
.play--rounded_button svg { width: 40px; height: 40px; }
.play--rounded_button .is-inner {
    stroke: var(--scroll--rounded_button-color);
}
.play--rounded_button:hover .is-outer {
    stroke-dashoffset: 0;
    -webkit-animation:mouse-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);
    animation:mouse-btn-roll-over .55s cubic-bezier(.5,.1,.07,1);  
}
.circle-sipka { fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:20;
    stroke:var(--scroll--rounded_button-color);
}
#line1, #line2 { fill:none; stroke-width: 1;
    stroke:var(--scroll--rounded_button-color);
}
.play--rounded_button:hover #line1,
.play--rounded_button:hover #line2 {
    stroke: var(--scroll--rounded_button-color-hover);
}
.circle-action {
    fill: transparent;
    stroke: var(--scroll--rounded_button-color-hover);
}
.is-inner{ stroke-width: 2; opacity:.5;  }
.is-outer{ stroke-width: 2; stroke-dasharray: 314; stroke-dashoffset: 314; transform-origin: 50%; transform: rotate(-90deg);  
    -webkit-animation:mouse-btn-roll-out .55s cubic-bezier(.5,.1,.07,1);
    animation:mouse-btn-roll-out .55s cubic-bezier(.5,.1,.07,1);
}

@-webkit-keyframes mouse-btn-roll-over{
  0%{stroke-dashoffset:314}
  100%{stroke-dashoffset:0}
}
@keyframes mouse-btn-roll-over{
  0%{stroke-dashoffset:314}
  100%{stroke-dashoffset:0}
}
@-webkit-keyframes mouse-btn-roll-out{
  0%{stroke-dashoffset:0}
  100%{stroke-dashoffset:-314}
}
@keyframes mouse-btn-roll-out{
  0%{stroke-dashoffset:0}
  100%{stroke-dashoffset:-314}
}



/*
 * ............ VIDEA ............................................... 
 */
.video-section { padding: 50px 0 25px; }
.section-8.video-section { padding: 0 0 50px; }
.video-section .container { padding-top: 95px; }

.overlay-vid {  position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.9); opacity: 0.9; display: none; }
.main-vid-box{  position: fixed;  width: 100%;  height: 100vh;  display: none;  top: 0px;  left: 0px;  z-index: 999;  }
.videoWrapper {  position: relative;  z-index: 99;  background-color: #000;  width: 100%;  height: 100%;  margin:0 auto;  }
.videoWrapper video {  position: relative;  top: 0;  left: 0;  z-index: 99;  width: 100% !important;  height: 100% !important;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  border-width: 40px;  border-style: solid;  border-color: transparent;  }
.close-main-vid-box {  position: fixed; top: 30px; right: 30px; width: 25px; height: 25px; z-index: 999; display: none; cursor: pointer;  }
.close-main-vid-box:before, 
.close-main-vid-box:after { transform: rotate(-45deg); content: ""; position: absolute; top: 50%; left: 50%; margin-top: -2px; margin-left: -13px; display: block; height: .1em; width: 15px; transition: all 0.25s ease-out; border-radius: 30px; 
    background-color: var(--white); 
}
.close-main-vid-box:after { transform: rotate(-135deg); }
.close-main-vid-box:hover:before { transform: rotate(45deg); }
.close-main-vid-box:hover:after { transform: rotate(-45deg); }




/*
 * ............. PAGE content ............................................... 
 */
.black-oznam .site-header { margin-top: 76px; }

/*
 * ............. HEADER Nav ............................................... 
 */
.scroll-down .site-header,
.scroll-up .site-header { height: 82px }
.scroll-down #nav_bar { top: 0px }
.home .sticky #nav_bar { top: 76px }

#nav_bar .col-full {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 0;
  align-items: center;
  height: calc(88px - 50px);
}
.podheader { height: 10px; padding: 0; position: relative; margin-top: 82px;
    background-color: var(--main-color); 
}
.podheader::before { content:""; position: absolute; width: 100%; height: 90px; top: -90px; z-index: -1; 
     background-color: var(--main-color);
}
.podheader .col-full { max-width: calc(100% - 40px); padding: 0; }
.black-oznam-body .podheader { margin-top: 175px; }

.sub-menu li a { line-height: 3 }

.main-menu .link { text-transform: uppercase; font-size: 16px; font-weight: 700 }
#burger-wrapper { width: 52px; height: 52px; top: 0; display: flex; position: relative; justify-content: center; align-items: center; cursor: pointer; }
#burger-wrapper.open { top: 0px; }
#burger-circle { width: 52px; height: 52px; border-radius: 52px; box-sizing: border-box; background-color: transparent; position: absolute; left: 50%; top: 50%; margin-top:-26px; margin-left: -26px; cursor: pointer; z-index: 1; transition: all 0.2s ease-in-out;  
    border: 1px solid var(--main-light); 
}
#menu-burger { width: 20px; height: 50px; position: relative; margin: 0 auto; z-index: 2; pointer-events: none; }
.menu-overlay #menu-burger { display: block; }
#menu-burger span { display: block; position: absolute; height: 2px; width: 100%; opacity: 1; right: 0; transform: rotate(0deg); transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, opacity 0.05s ease-in-out; border-radius: 2px; 
    background-color: var(--main-light);
}
#menu-burger span:nth-child(1) { top: 18px; }
#menu-burger span:nth-child(2) { top: 24px; opacity: 1; }
#menu-burger span:nth-child(3) { top: 30px; }
.open #burger-circle { 
    background-color: var(--main-text-color); 
    border-color: var(--main-text-color);
}
.open #menu-burger span { 
    background-color: var(--main-light); 
}
.open #menu-burger span:nth-child(1) { transform: rotate(45deg); top:24px; }
.open #menu-burger span:nth-child(2) { opacity: 0; }
.open #menu-burger span:nth-child(3) { transform: rotate(-45deg); top:24px;  }
.on-mobile { display: block !important; }

.nav-bar-inner-right { display: flex; flex-direction: row; gap: 10px; }

#cart-icon-wrapper { width: 40px; height: 40px; top: 4px; display: block; position: relative; cursor: pointer; border-radius: 40px; 
   border: 1px solid var(--main-light); 
}
#cart-icon-wrapper .cart {  padding: 7px; width: 100%; height: 100%; opacity: 0; transition: opacitiy 1s ease-in-out; transition-delay: 1s; }
#cart-icon-wrapper .cart { opacity: 1; }
#nav_bar .nav-bar-inner-right .cart > a { font-size: 0; position: relative; top: 0; }
#nav_bar .nav-bar-inner-right .cart > a::after  { position: absolute; content: ""; width: 25px; height: 25px; background-repeat: no-repeat; opacity: 1; 
    background-image: url(../images/icons/Cart.svg);
}
#nav_bar .nav-bar-inner-right .cart > a span { top: -7px; left: 19px;  font-size: 8px; line-height: 1.7; text-align: center; position: absolute; width: 15px; height: 15px; border-radius: 12px;
  background-color: var(--main-orange);
}

.lang-menu-wrapper { width: 52px; height: 52px; top: 0px; display: flex; position: relative; justify-content: center; align-items: center; cursor: pointer;  }
.lang-menu-circle { width: 52px; height: 52px; border-radius: 40px; box-sizing: border-box; background-color: transparent; position: absolute; left: 50%; top: 50%; margin-top:-26px; margin-left: -26px; cursor: pointer; z-index: 1; transition: all 0.2s ease-in-out;  
    border: 1px solid var(--main-light); 
}
.lang-menu { text-align: center; padding: 0; margin: 0; }
.lang-menu li.lang-item { position: absolute; width: 100%; visibility: hidden; opacity: 0; transition: all .4s ease-in-out; transform: translateX(-10px); }
.lang-menu li.lang-item.active { visibility: visible; opacity: 1; transform: translateY(0px); }
.lang-menu:hover li.lang-item { visibility: visible; opacity: 1; transform: translateY(0px); }
.lang-menu:hover li.lang-item.active { visibility: hidden; opacity: 0; transition: all .4s ease-in-out; transform: translateX(-10px); }
.lang-link { text-transform: uppercase; font-size: 17px; font-weight: 700; line-height: 2.9; 
    color: var(--main-light);
}

.full-menu-wrapper { position: fixed; width: 100vw; /*height: calc(100vh - 82px);*/ top: 82px; bottom: 0; display: none; margin: 0; padding: 0; 
    background-color: var(--main-color);
}
.section-black + .site .full-menu-wrapper { margin-top: 76px; }
.full-menu-col-full { position: relative; height: calc(100vh - 150px); width: 100%; padding: 0 }
.full-menu-podrow .column:first-child { 
    border-right: 1px solid var(--main-sec); 
}
.full-menu-podrow { height: 100% }
.full-menu { list-style-type: none; padding: 0 0 0 16%; }
.full-menu li a { font-family: 'PP Radio Grotesk'; font-style: normal; font-weight: 700; font-size: 56px; font-size: 48px; line-height: 80px; text-decoration: none; }

.full-menu-column-left { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.full-menu-column-right { display: flex; align-items: center; }

.buttons-wrapper .cta-btn { display: inline-block; }
.col-full.nadmenu { padding: 0; max-width: 95%; height: 8px; }
.col-full.nadmenu .double-line { margin: 0 }
.col-full.podmenu { padding: 0; max-width: 95%; height: 0; 
    border-bottom: 1px solid var(--main-sec);
}



/*
 * ............. SECTIONS ............................................... 
 */
section { position: relative; animation: opacity_anim .9s; }
@-webkit-keyframes opacity_anim {
  from { opacity: 0.5; }
  to { opacity: 1; }
}
@keyframes opacity_anim {
  from { opacity: 0.5; }
  to { opacity: 1; }
}
.hentry .entry-content figure.wp-block-image, .editor-styles-wrapper figure.wp-block-image {  margin: 0px; }
.hentry .entry-content figure.wp-block-image.size-large.revealing {  margin: 35px 25px 25px; }
.row.row2.single-content-row ul, ol {
    margin: 0 0 1.41575em 2em;
    padding: 0;
}
.hero-section, 
.color-bgr-section.ur-frontend-form,
.color-bgr-section { 
    background-color: var(--main-color); 
}
.hero-section *,
.color-bgr-section *,
.site-footer * { 
    color: var(--main-light);
}


.section h2.title { text-transform: uppercase; font-weight: 700; font-size: 66px; line-height: 68px; }
.section .column-text { padding-bottom: 100px; }

.section p, .section a.read-more { font-weight: 400; font-size: 20px; line-height: 36px; }


.team-section .team-row-gap {
    flex-wrap: wrap;
}
.team-section .team-row-gap > div { margin-bottom: 28px }
.team-member { height: 490px }
.section p.team-member-meno { position: absolute; bottom: 0; font-weight: 400; font-size: 22px; line-height: 36px; margin: 0; }

.flip-card { position: relative; width: 100%; height: 440px; perspective: 1200px;  }
.flip-card-inner { position: absolute; width: 100%; height: 100%; transition: transform 1s; transform-style: preserve-3d;
    box-shadow: 0 0 15px rgba(0,0,0,0.1); 
}
.flip-card:hover .flip-card-inner { opacity: 1 }
.flip-card.flipped .flip-card-inner { transform: rotateY( 180deg ); transition: transform 0.5s; }
.flip-card .flip-card-front,
.flip-card .flip-card-back { position: absolute; height: 100%; width: 100%; backface-visibility: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; }
.flip-card .flip-card-back { transform: rotateY( 180deg ); padding: 20px 44px 0; }

.team-member .flip-card-front .button { margin: 20px; width: fit-content; font-weight: 700; text-transform: uppercase;  }
.team-member .flip-card .flip-card-back { 
    background-color: var(--main-sec);
}
.team-member .flip-card .flip-card-back-inner { height: 75%; display: flex; justify-content: space-between; flex-direction: column; }
.team-member .flip-card .flip-card-back-inner a:first-child { font-weight: 700; font-size: 30px; line-height: 48px; }
.team-member .flip-card .flip-card-back-inner a { width: fit-content;
    color: var(--main-text-color);
}
.team-member .flip-card .flip-card-back-inner a i { width: 10px; height: 11px; margin: 0 }

.column-contact { display: flex; flex-direction: column; }
.column-contact:nth-child(1), 
.column-contact:nth-child(2) { padding: 0 0 60px;  }
.column-contact p.column-contact-title { font-weight: 700; }
.column-contact p { margin: 0 }
.column-contact a { font-weight: 400; font-size: 22px; line-height: 36px; }
.column-contact a.email-link { font-weight: 400; font-size: 18px; line-height: 28px; text-decoration: underline; margin-top: 24px; display: block; }
.column-contact a.email-link::before { bottom: 0.250em; }
.column-contact a.email-link:hover { content: attr(data-email); }

.column-contact-title  { font-weight: 700; }
.contact .section-99 { padding-top: 60px; }

.eb-accordion-wrapper.eb-accordion-hidden .eb-accordion-content-wrapper { height: 0; transition: height .4s ease-in-out }
.eb-accordion-wrapper:not(.eb-accordion-hidden) .eb-accordion-content-wrapper { height: auto !important; transition: height .4s ease-in-out }


/*------ Home ------*/
.page-template-template-homepage .entry-content .is-layout-flow.wp-block-column.border-right.nomargin { padding: 0; }
.home #primary { padding: 0; margin: 0; }
.section p.time { font-weight: 700; font-size: 18px; line-height: 24px; text-transform: uppercase; margin: 0 0 40px; }

.section-0 .read-more { margin-left: 22px; }

.section-1 .cta-btn { padding: 42px 0 20px; }
.section-4 .cta-btn,
.section-6 .cta-btn { padding: 62px 0 100px }
.pelotons-section .cta-btn { width: 100%; padding: 62px 0 10px }

.hero-buttons > div { display: inline-block; }
.hero-section .hero-buttons .read-more{ font-weight: 400; font-size: 20px; line-height: 24px; }

.odkial-kam-wrap { position: relative; display: flex; flex-direction: row; }
.odkial-kam-wrap p { font-weight: 700 !important; font-size: 24px !important; line-height: 32px; text-transform: uppercase; opacity: 0; }
.odkial-kam-wrap p:first-child { transition: opacity .5s ease-in-out; transition-delay: .5s; }
.odkial-kam-wrap p:last-child { transition: opacity 1s ease-in-out; transition-delay: 1s; }
.odkial-kam-wrap p::before { content: attr(data-content); position: absolute; top: -29px; width: 100%; height: 10px; font-weight: 400; font-size: 16px; line-height: 24px; text-transform: initial; }
.odkial-kam-wrap span { position: relative; display: inline-block; width: 0; width: 8px; 
    border-bottom: 2px solid var(--main-sec);
}
.odkial-kam-wrap span::before { content: ""; position: absolute; top: 15px; left: 0; width: 8px; height: 8px; border-radius: 4px; 
    background-color: var(--main-sec);
}
.odkial-kam-wrap span::after { content: ""; position: absolute; top: 15px; right: 0; width: 8px; height: 8px; border-radius: 4px; 
    background-color: var(--main-sec); 
}
.view .odkial-kam-wrap p { opacity: 1 }
.view .odkial-kam-wrap span { position: relative; display: inline-block; animation: center-animate 1s ease-in-out 1 forwards; animation-delay: 1s; margin: 0 20px; height: 20px; }

@keyframes center-animate {
    0% {    width: 8px;  }
    100% {  width: 110px;  }
}

hr.wp-block-separator { border: none; }
.single-content-row article .entry-content { max-width: 717px; margin: 0 auto; }

.color-bgr { padding: 40px 32px !important ;
    background-color: var(--main-sec); 
}
.color-bgr h3 { font-weight: 700; font-size: 36px; line-height: 40px;  
    color: var(--main-text-color);
}
.color-bgr p.info { position: absolute; padding: 40px 0 0; margin: 0; bottom: 35px; font-weight: 400; font-size: 18px; line-height: 28px;  
    color: var(--main-text-color);
}
.left-corner-round { border-radius: 90px 0 0 0; }
.bottom-corner-round { border-radius: 0 0 90px 0; }

.section-2 .img-fullwidth { position: relative; width: 100%; height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center bottom;
    background-image: url(../images/my-mind-mob.jpg);
}
.section-2 .cta-btn { padding: 25px 0 0 }
.section-2 .info-o-trase-wrapper { padding-top: 40px }
.section-2 .info-o-trase { font-weight: 700; font-size: 16px; line-height: 28px; text-transform: uppercase; margin-top: 24px; padding: 38px 0 34px;
    border-top: 2px solid var(--main-sec); 
}
.section-2 h4.info-o-trase {
    color: var(--main-text-color);
}
.section table td, .section-2 table th { font-weight: 400; font-size: 18px; line-height: 24px; padding: 1em 0; 
    color: var(--main-black);
    border-top: 1px solid var(--main-border-lightblue);
    border-bottom: 1px solid var(--white);
}
.section .column h2.headline {
    color: var(--main-text-color);
}
.section table td:first-child { width: 75%; }
.section table td:last-child { text-align: right; font-weight: 700; }
.section table tr:last-child td { 
    border-bottom: 1px solid var(--main-border-lightblue); 
} 
/*.section table tr:hover td  { border-bottom: 1px solid var(--main-light-dark); cursor: pointer; }*/
.section table td span { position: relative; }
.section table td span::before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 4px; top: 8px; left: -14px; 
    background-color: var(--main-sec); 
}
.mapa-vector { padding: 0 24px; }

.info-historia table tr:first-child td  { 
    border-top: 1px solid var(--main-sec); 
}
.info-historia { text-transform: uppercase; padding: 1em 0 0.5em; font-weight: 700; font-size: 16px; line-height: 28px; text-transform: uppercase; margin-top: 24px; padding: 38px 0 34px;
    border-top: 2px solid var(--main-sec); 
    color: var(--main-text-color);
}


.strava-badge { font-weight: 700; font-size: 20px; padding: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px;
    color: var(--main-text-color);
    background-color: var(--main-light-gray) !important;
}
.strava-badge a { font-weight: 400; font-size: 20px; text-decoration: underline; }

.section-22 .img-fullwidth { position: relative; width: 100%; height: 620px; background-repeat: no-repeat; background-size: cover; background-position: center bottom;
    background-image: url(../images/Image-program.jpg); 
}
.program-list { position: relative; }
.program-item { padding: 25px; margin: 0 0 25px; gap: 0;
    color: var(--main-color);
    /*background-color: var(--main-light); */
}
/*
.program-item:nth-child(2n) {
    background-color: var(--main-border-lightblue);
}
*/
.program-item p {
    color: var(--main-text-color);
}
.program-item.lightgray-background {
    background-color: var(--main-light-bgr); 
}
.program-item.lightblue-background {
    background-color: var(--main-border-lightblue);
}
.program-item.dark-background {
    color: var(--main-light);
    background-color: var(--main-color);
}
.program-item.dark-background p {
    color: var(--main-light);
}
.program-item-head { padding: 10px 0; 
    border-bottom: 1px solid var(--main-color); 
}
.program-item.dark-background .program-item-head { 
    border-bottom: 1px solid var(--main-light-bgr); 
}
.program-item-head-left, .program-item-head-left p { width: 100%; font-size: 16px; font-weight: 600; margin: 0; padding: 0 }
.program-item-head-right, .program-item-head-right p { width: 100%; font-size: 24px; margin: 0; padding: 0  }
.program-item-content { padding: 25px 0 0; margin: 0; width: 100% }
.program-item-content h4 {
    color: var(--main-text-color);
}
.program-item.dark-background h4 {
    color: var(--main-light);
}

.section-3 .img-fullwidth { position: relative; width: 100%; height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center bottom;
    background-image: url(../images/cyklo-pravidla-mob.jpg); 
}
.section-4 p.info, .section-4 p.info a { font-weight: 400; font-size: 16px; line-height: 24px; padding: 0; margin: 0; }
.section-4 p.info::before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 4px; top: -18px; left: calc(50% - 4px); 
    background-color: var(--main-sec); 
}

.section-5 .img-fullwidth { position: relative; width: 100%; height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center bottom;
    background-image: url(../images/FTT_homepage-image.jpg); 
}
.page-template-page-priebeh-podujatia .section-5 .img-fullwidth { 
    background-image: url(../images/FTT_priebeh_.jpg); 
}
.section-5 .column-text {  padding-bottom: 60px; }
.follow-us { padding: 42px 0 0; }
.section-5 .follow-us { padding: 42px 0 0 25px; }
.social { width: 100%; list-style-type: none; margin: 0; }
.social li {  display: inline-block; margin: 5px 0; }
.follow-us p.headline { 
    border-bottom: 1px solid var(--main-light-dark); 
}

.vybava-section table td:first-child,
.trasa table td:first-child {  width: 55%; }
.vybava-section table tr:first-child td { border-top: 0; }
.vybava-section table tr td:last-child { vertical-align: middle; font-size: 13px }
.column.small-5.offset-1.content-bottom p.font-size-16 { font-size: 13px !important }

.dres-img-wrapper { height: 378px; padding: 28px 12px 40px; 
    background-color: var(--main-light-bgr); 
}
.dres-img-wrapper .flip-card { height: 330px }
.dres-img-wrapper .flip-card-inner { box-shadow: none }
.dres-img-buttons { display: flex; justify-content: center; flex-direction: row; gap: 4px; }
.dres-img-buttons .button { width: fit-content; text-transform: uppercase; padding: 8px 16px; }

.partners-lines-wrap { margin: 0 }
.partners-lines-wrap .wp-block-columns.is-layout-flex { margin: 0; --tab-border-width: 1px; gap: 0!important; }
.partners-lines-wrap .wp-block-columns.is-layout-flex .wp-block-image {  margin: -1px -1px 0 0 !important; border: var(--tab-border-width) solid var(--main-border-gray); filter: grayscale(1);  }
.partners-lines-wrap .wp-block-gallery.wp-block-gallery-1 {  gap: 0!important;   justify-content: center; }
.wp-block-gallery.has-nested-images figure.wp-block-image {  flex-grow: unset; }

.wp-block-aab-accordion-item { border: none !important; }
.wp-block-aab-accordion-item .aagb__accordion_head h4.aagb__accordion_title { font-size: 18px; font-weight: 400 }
.wp-block-aab-accordion-item.aagb__accordion_active h4.aagb__accordion_title { font-weight: 600;
    color: var(--main-color) !important; 
}
.wp-block-aab-accordion-item .aagb__accordion_head,
.eb-accordion-i2dm78h.eb-accordion-container .eb-accordion-title-wrapper { margin: 0px; padding: 20px 24px !important;
    background-color: var(--main-light-gray) !important;
    border: 1px solid #fff !important;
}
.aagb__accordion_body,
.eb-accordion-i2dm78h.eb-accordion-container .eb-accordion-content-wrapper .eb-accordion-content {
    background-color: var(--main-light-gray) !important;
    margin: 0px;
    padding: 20px 24px 32px !important;
    border: 1px solid #fff !important;
}
.aagb__accordion_body,
.eb-accordion-i2dm78h.eb-accordion-container .eb-accordion-wrapper p { font-weight: 400; font-size: 16px; line-height: 28px; }
.aagb__accordion_body a,
.eb-accordion-i2dm78h.eb-accordion-container .eb-accordion-wrapper p a { text-decoration: underline; 
    color: var(--main-sec);
}
.aagb__accordion_body a,
.eb-accordion-i2dm78h.eb-accordion-container .eb-accordion-wrapper p a.link:hover::before { transform:scale3d(1,1,1); transform-origin: left center; transition-delay: 0s;  }

.download-wrapper { display: flex; justify-content: space-between; flex-direction: column; padding: 40px 24px 20px; margin: 0 0 60px;
    background-color: var(--main-light-gray); 
}
.download-wrapper p { position: relative; font-weight: 400; font-size: 14px; line-height: 20px; margin: 0; text-align: center; padding: 10px 40px }
.download-wrapper p::before { content: ""; position: absolute; top: -18px; left: calc(50% - 10px); width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100%;
    background-image: url(../images/document.svg); 
}
.oznam-wrapper { display: flex; justify-content: space-between; flex-direction: row; justify-content: center; padding: 20px 24px; margin: 0 0 60px;
    background-color: var(--main-light-gray); 
}
.oznam-wrapper.oznam-sub {
    background-color: var(--main-sec); 
}
.html_sumary_info .oznam-wrapper { background-color: #D9D7C1;  }
.oznam-wrapper .oznam-content { position: relative; }
.oznam-content p { position: relative; text-align: center; font-weight: 400; font-size: 14px; line-height: 20px; margin: 0; padding: 0 0 0 30px; }
.oznam-content p::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100%;
    background-image: url(../images/info.svg); 
}

.pelotons-cards-wrapper { display: flex; flex-direction: column; gap: 28px; }
.pelotons-cards-wrapper .peloton { width: 100%; padding: 32px; }
.pelotons-cards-wrapper .peloton.F33 { 
    background-color: var(--main-light-bgr); 
}
.pelotons-cards-wrapper .peloton.F34 { 
    background-color: #E0E0EB; 
}
.pelotons-cards-wrapper .peloton.F37 { 
    background-color: var(--main-color); 
}
h3.peloton-card-title { font-weight: 700; font-size: 42px; line-height: 72px; margin: 0; padding: 0 0 20px; 
    color: var(--main-color);
}
.F37 h3.peloton-card-title {
    color: var(--main-light);
}
.peloton p.peloton-card-priemerka { font-weight: 700; font-size: 18px; margin: 0; padding: 20px 0; line-height: 28px; 
    color: var(--main-color);
    border-top: 1px solid var(--main-color); 
    border-bottom: 1px solid var(--main-color);
}
.peloton.F37 p.peloton-card-priemerka {
    color: var(--main-light);
    border-top: 1px solid var(--main-light); 
    border-bottom: 1px solid var(--main-light);
}
.peloton p.peloton-card-text { font-weight: 400; font-size: 18px; line-height: 28px; margin: 0; padding: 20px 0 0; 
    color: var(--main-color);
}
.peloton.F37 p.peloton-card-text {  
    color: var(--main-light);
}

.header-section-black .black-oznam { height: 90px; text-align: center; padding: 30px 0;
    background-color: var(--main-light-bgr); 
    background-color: #F7AA70;
}
.header-section-black .black-oznam > div {   display: flex; justify-content: center; align-items: center; text-align: center; }

.header-section-black .black-oznam p, 
.header-section-black .black-oznam p strong, 
.header-section-black .black-oznam p span { text-align: center; font-size: 16px; line-height: 28px; display: inline-block; margin: 0; 
    color: var(--main-text-color);
}
.header-section-black .black-oznam p.pink-dot  { margin: 0 15px; }
.header-section-black .black-oznam p.pink-dot span { font-family: Tahoma, sans-serif; 
    color: var(--main-text-color);
}


/*
 * ............. FOOTER ............................................... 
 */
.site-footer { padding: 0; position: relative; 
    color: var(--main-light); 
    background-color: var(--main-color); 
}
.site-footer a.button { color: var(--main-light); }
.site-footer a.button-social { color: var(--main-light); }
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle, .site-footer a:not(.button):not(.components-button), .site-footer li:not(.menu-item) a:not(.link)  {
    color: var(--main-light);
}
.footer-menu a.link:hover {
    color: var(--main-sec);
}
.widget {  margin: 0; }
  .footer-top { padding: 24px 0 4px; }
  .footer-top > .row { padding: 0; }
  .footer-top .cta-btn { padding: 24px 0 0; }
  .footer-top p a { font-family: 'PP Radio Grotesk', sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 1; text-decoration: none; }
  .footer-top .widget_text:last-child p a { font-family: 'PP Radio Grotesk', serif; font-weight: 400; font-size: 22px; line-height: 1; }
  .footer-top .row > div:nth-child(1) { order: 2 }
  .footer-top .row > div:nth-child(2) { order: 1 }
  


.footer-widgets.row-1.col-2.fix {
      border-top: 1px solid var(--main-light); 
      border-bottom: 1px solid var(--main-light); 
    }
.footer-widgets.footer-top { display: flex; flex-direction: column; justify-content: center; }
.footer-menu { width: 100%; }
.footer-widget-1 h3 { font-size: 30px; line-height: 48px; padding: 24px 0 5px; margin: 0; }

.site-footer .footer-menu li a { font-family: 'PP Radio Grotesk'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 48px; text-decoration: none; }
.site-footer .social li { display: inline-block; }
.site-footer .social li a { font-family: 'PP Radio Grotesk'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; text-transform: uppercase; }

.site-info { padding: 40px 0 0; text-align: center; display: flex; flex-direction: column; justify-content: space-between; }
.site-info p { display: block; padding: 24px 0 0; }
.site-info, .site-info  a { font-family: 'PP Radio Grotesk', sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; 
    color: var(--main-light); 
}
.site-info .build-by, .site-info .build-by a, .site-info .cred, .site-info .cred a  { font-family: 'PP Radio Grotesk', sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; text-align: left; text-decoration: none; margin: 0; 
    color: var(--main-light);
}
.site-footer .footer-bottom { min-height: 500px }
.site-footer .footer-bottom .column-left { padding: 100px 0 0 }
.site-footer .footer-bottom .column-right { position: relative; width: 100%; height: 324px; }
/*
.site-footer .footer-bottom .column-right::after { content: ""; position: absolute; width: calc(100vw + 16%); height: 330px; left: -16%; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center bottom; 
    background-image: url(../images/mapa-line.svg) 
}
*/
.site-footer .footer-widget-2 { padding-bottom: 24px }
.sub-menu-wrapper { padding: 24px 0 0 }
.full-menu-column-left .lang-menu-wrapper { margin: 24px 0 95px }

.no-breadcrumb .storefront-breadcrumb { display: none; }

.ftt-registration-page .storefront-breadcrumb { margin-top: 90px; height: 0; opacity: 0; }

/* REGISTRATION form */
.field-section_title H3 { font-weight: 700; font-size: 16px; line-height: 24px; text-transform: uppercase; padding: 24px 0; margin: 40px 0 0;
    border-top: 1px solid var(--main-light);
}
.user-registration .volnych-miest { font-weight: 700 }
.user-registration .oznam-wrapper { margin: 0 0 40px }
.user-registration .podoznam-wrapper { text-align: center; margin: 0 0 40px; }

.registration-peloton-wrapper li { display: inline-block; 
    padding: 0 4px; 
    width: calc(33% - 3px); 
    padding: 0;
    width: 100%;
}
.registration-peloton-wrapper  [type="radio"]:checked,
.registration-peloton-wrapper  [type="radio"]:not(:checked),
.registration-peloton-wrapper  [type="checkbox"]:checked,
.registration-peloton-wrapper  [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }
.registration-peloton-wrapper  [type="radio"]:checked + label,
.registration-peloton-wrapper  [type="radio"]:not(:checked) + label,
.registration-peloton-wrapper  [type="checkbox"]:checked + label,
.registration-peloton-wrapper  [type="checkbox"]:not(:checked) + label { position: relative; cursor: pointer; line-height: 20px; display: block !important; width: 100%; /*height: 100px;*/ padding: 15px; margin: 0 !important; border-radius: 2px; font-weight: 700;  
    border: 1px solid var(--main-light-dark);
    color: var(--main-black) !important;
}
.registration-peloton-wrapper  [type="radio"]:checked + label,
.registration-peloton-wrapper  [type="checkbox"]:checked + label {
    background-color: var(--main-sec);
}
.registration-peloton-wrapper  [type="radio"]:checked + label:before,
.registration-peloton-wrapper  [type="radio"]:not(:checked) + label:before,
.registration-peloton-wrapper  [type="checkbox"]:checked + label:before,
.registration-peloton-wrapper  [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; top: calc(50% - 9px); width: 18px; height: 18px; border-radius: 100%; z-index: -1;
    left: 24px; 
    background-color: #fff;
    border: 1px solid var(--main-light-dark);
}
.registration-peloton-wrapper  [type="radio"]:checked + label:after,
.registration-peloton-wrapper  [type="radio"]:not(:checked) + label:after,
.registration-peloton-wrapper  [type="checkbox"]:checked + label:after,
.registration-peloton-wrapper  [type="checkbox"]:not(:checked) + label:after  { content: ''; width: 20px; height: 20px; position: absolute; top: calc(50% - 9px); border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
    left: 24px; 
    background-color: var(--main-dark);
    background-image: url(../images/sbi.svg);
}
.registration-peloton-wrapper  [type="radio"]:not(:checked) + label:after,
.registration-peloton-wrapper  [type="checkbox"]:not(:checked) + label:after  { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.registration-peloton-wrapper  [type="radio"]:checked + label:after,
.registration-peloton-wrapper  [type="checkbox"]:checked + label:after  { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.ur-frontend-form .ur-form-row .ur-form-grid .registration-peloton-wrapper label { font-weight: 700; font-size: 16px; line-height: 20px; 
    padding: 18px 24px 18px 60px;
}
.ur-frontend-form .ur-form-row .ur-form-grid .registration-peloton-wrapper label > div { display: flex; flex-direction: row; align-items: center; }
.ur-frontend-form .ur-form-row .ur-form-grid .registration-peloton-wrapper label > div > div { width: 50% }
.ur-frontend-form .ur-form-row .ur-form-grid .registration-peloton-wrapper label > div > div.right { font-weight: 400; font-size: 16px; line-height: 20px; text-align: right; }

.ur-frontend-form .ur-form-row .ur-form-grid .registration-peloton-wrapper label.vypredane {
    color: #CACCCE !important;
    background-color: #F6F7F7; 
    border: 1px solid #CACCCE; 
}
.registration-peloton-wrapper [type="radio"]:not(:checked) + label.vypredane::before {
    border: 1px solid #CACCCE; 
    background-color: #F6F7F7;
}


.registration-dres-wrapper li { display: inline-block; padding: 0 4px; width: calc(50% - 4px); }
.registration-dres-wrapper  [type="radio"]:checked,
.registration-dres-wrapper  [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.registration-dres-wrapper  [type="radio"]:checked + label,
.registration-dres-wrapper  [type="radio"]:not(:checked) + label { position: relative; cursor: pointer; line-height: 20px; display: block !important; width: 100%; height: 55px; padding: 15px; margin: 0 !important; border-radius: 2px; font-weight: 700; 
    border: 1px solid var(--main-light-dark);
    color: var(--main-black) !important;
}
.registration-dres-wrapper  [type="radio"]:checked + label {
    background-color: var(--main-sec);
}
.registration-dres-wrapper  [type="radio"]:checked + label:before,
.registration-dres-wrapper  [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; right: 10px; top: 17px; width: 18px; height: 18px; border-radius: 100%; z-index: -1;
    background-color: #fff;
    border: 1px solid var(--main-light-dark);
}
.registration-dres-wrapper  [type="radio"]:checked + label:after,
.registration-dres-wrapper  [type="radio"]:not(:checked) + label:after { content: ''; width: 20px; height: 20px; position: absolute; top: 17px; right: 10px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; 
    background-color: var(--main-dark);
    background-image: url(../images/sbi.svg);
}
.registration-dres-wrapper  [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);  }
.registration-dres-wrapper  [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }


.registration-sizes-wrapper li { display: inline-block;  }
.registration-sizes-wrapper [type="radio"]:checked,
.registration-sizes-wrapper [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.registration-sizes-wrapper [type="radio"]:checked + label,
.registration-sizes-wrapper [type="radio"]:not(:checked) + label { position: relative; cursor: pointer; line-height: 20px; display: block !important; width: 52px; height: 52px; padding: 17px 0; text-align: center; font-weight: 700;
    color: var(--main-black) !important;
}
.registration-sizes-wrapper [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 52px; height: 52px; border-radius: 100%; 
    border: 1px solid var(--main-dark);
}
.registration-sizes-wrapper [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 52px; height: 52px; border-radius: 100%; z-index: -1;
    border: 1px solid var(--main-border-gray);
}
.registration-sizes-wrapper [type="radio"]:checked + label:after,
.registration-sizes-wrapper [type="radio"]:not(:checked) + label:after { content: ''; width: 52px; height: 52px; position: absolute; top: 1px; left: 1px; border-radius: 100%; -webkit-transition: all 0.2s ease;  transition: all 0.2s ease; z-index: -1;
    background-color: var(--main-light-bgr);
}
.registration-sizes-wrapper [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.registration-sizes-wrapper [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }

.user-registration-error {  
    border-top-color: var(--main-sec);  
    background-color: var(--main-bgr-pink);
    color: #ff030b;
}

.sumary-field-item  input, .sumary-field-item  span  { display: inline-block; }

.sumary-field-item input[type=text], 
.sumary-field-item input[type=number], 
.sumary-field-item input[type=email], 
.sumary-field-item input[type=tel], 
.sumary-field-item input[type=url], 
.sumary-field-item input[type=password], 
.sumary-field-item input[type=search], 
.sumary-field-item textarea, 
.sumary-field-item .noinput-text, 
.sumary-field-item span  {
    padding: 0;
    background-color: transparent;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: none;
}
.field-sumary_phone,
.field-sumary_email { height: 25px }
.sumary-field-item input#sumary_phone,
.sumary-field-item input#sumary_email { 
    position: absolute;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  overflow: visible;
}
.html_sumary_info_platba { margin-top: 40px }
.sumary-form-row .read-more.orange { font-size: 18px; text-decoration: none; }
.sumary-form-row2 {  display: flex; }
.sumary-form-row2 .ur-form-grid {  flex: 1; }

.storefront-full-width-content.woocommerce-checkout .entry-headert { padding: 55px 0; }


/*
 * ............. PRODUKTY ............................................... 
 */

.site-main ul.products li.product { 
    background-color: var(--main-light-bgr); 
}
ul.products li.product .woocommerce-LoopProduct-link {  padding: 52px 52px 0;  display: flex; justify-content: center; flex-direction: column; }
ul.products li.product .woocommerce-LoopProduct-link .price bdi,
ul.products li.product .woocommerce-LoopProduct-link .price bdi span { order: 1; font-weight: 400; font-size: 22px; line-height: 20px; 
    color: var(--main-black); 
}
ul.products li.product .woocommerce-LoopProduct-link img { order: 2 }
ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title{  order: 3; font-weight: 700; font-size: 30px; line-height: 40px; text-transform: uppercase; }
ul.products li.product img {  margin: 5% auto 7%;  }


/*------ Account ------*/
.woocommerce-account .woocommerce > h2, .user-registration-page .entry-content > h2 {  font-size: 34px; line-height: 1.2; padding: 0 0 60px; margin: 0 auto 35px; max-width: 724px; text-align: center;
    border-bottom: 1px solid var(--main-light-gray);
}
.woocommerce-form.woocommerce-form-login.login { max-width: 420px; margin: 0 auto 60px; }
table:not(.has-background) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
    background-color: transparent;
}
.woocommerce-MyAccount-navigation { margin: 0 auto 40px !important }
.woocommerce-MyAccount-navigation ul {  width: 100%; list-style: none; margin: 0; display: flex; justify-content: center;  }
.woocommerce-MyAccount-navigation ul *:focus {  outline: none;  }
.woocommerce-MyAccount-navigation ul li a { padding: 1em 15px; margin: 0 15px; display: block; font-family: 'Roboto Flex', sans-serif !important; font-size: 12px; cursor: pointer; line-height: 1.3; text-transform: uppercase;  }
.woocommerce-MyAccount-navigation ul a, .woocommerce-MyAccount-navigation ul a:hover { 
    color: var(--main-gray); 
}
.woocommerce-MyAccount-navigation ul li.is-active a { 
    color: var(--main-dark);  
}
.woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation { margin: 0; width: 100%; list-style: none; padding: 0; display: flex; justify-content: center; flex-direction: column; }
fieldset {  padding: 0; }
.col2-set.addresses {  display: flex; flex-direction: column; justify-content: center; }
.col2-set#customer_login .col-1, 
.col2-set.addresses .col-1, 
.col2-set#customer_login .col-2, 
.col2-set.addresses .col-2, 
.woocommerce-MyAccount-content .woocommerce-EditAccountForm { width: 52.9411764706%; margin-right: 0; align-self: center; }
.user-registration.ur-frontend-form { width: 100%;}
.user-registration.ur-frontend-form form { width: 52.9411764706%; margin: 0 auto;  }
.ur-frontend-form .ur-button-container .ur-submit-button { margin: 0 auto;  }
.ur-frontend-form .ur-form-row .ur-form-grid label.ur-label, .modal label.ur-label, .sizes-modal label.ur-label { font-family: 'Roboto Flex', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 28px; margin: 0; 
    color: var(--main-gray);
}


.woocommerce-MyAccount-content > p { text-align: center; }
.woocommerce-MyAccount-content > li { list-style: none;  padding: 0; }
.woocommerce-MyAccount-content li ul li {  list-style: none; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button.button.wp-element-button { margin: 0 auto; }
.ur-frontend-form {  border: none; margin: 0 auto;  }
.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement, 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=number], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=phone], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url], 
.ur-frontend-form .ur-form-row .ur-form-grid select, 
.ur-frontend-form .ur-form-row .ur-form-grid textarea { padding: .6180469716em; -webkit-appearance: none; box-sizing: border-box; font-weight: 400; box-shadow: none;
    color: var(--main-dark); 
    background-color: transparent; 
    border: 1px solid var(--main-gray);
}
.user-registration.ur-frontend-form .ur-button-container .button.ur-submit-button,
.user-registration.ur-frontend-form .ur-button-container .button.checkout-submit-button {  width: fit-content; border-radius: 50px; margin: 40px auto 105px; padding: 12px 60px  }
.woocommerce-MyAccount-navigation ul li a::before,
.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--wishlist,
.woocommerce-MyAccount-navigation-link--customer-logout { display: none; }
.woocommerce-EditAccountForm label, 
.woocommerce-form.woocommerce-form-login.login label { font-family: 'Roboto Flex', sans-serif; font-style: normal;font-weight: 400;font-size: 12px;line-height: 28px;
    color: var(--main-gray); 
}
.woocommerce-MyAccount-content address { font-family: 'Roboto Flex', sans-serif; font-style: normal;font-weight: 400;font-size: 12px;line-height: 28px;
    color: var(--main-gray); 
}
.account-small-wrap { position: absolute; top: 60px; width: 250px; height: auto; left: -115px; opacity: 0; visibility: hidden; transform: translate3d(0px, -5px, 0px); transition: all .5s cubic-bezier(.78,0,.86,.37); z-index: -1;
    background: var(--main-color);
    border: 1px solid var(--main-gray); 
    border-top: none; 
}
.account-small { padding: 7px 17px }
.account-small a.button-login, 
.account-small a.button-logout, 
.account-small a.button-register {  display: block; width: 100%; font-family: 'Roboto Flex', sans-serif; font-size: 10px; line-height: 13px; font-weight: 500; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; border-radius: 30px; text-decoration: none;
    padding: 8px 10px; margin: 10px 2px 10px; 
    color: var(--main-black); 
    background-color: var(--main-color); 
    border: 1px solid var(--main-dark);
}
.account-small a.button-logout { margin: 10px auto 15px; 
    border: 1px solid var(--main-gray); 
}
.account-small a.button-login {
    color: var(--main-white); 
    background-color: var(--main-dark); 
}
.account-small a.button-login:hover, .account-small a.button-logout:hover, .account-small a.button-register:hover {
    color: var(--main-white); 
    background-color: var(--main-gray); 
}

#top_bar_user:hover .account-small-wrap { opacity: 1; transform: translate3d(0px, 0px, 0px); visibility: visible; z-index: 9; }
.login-submit #wp-submit { font-family: 'Roboto Flex', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0.02em; text-transform: uppercase;
    display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 24px; gap: 8px; border-radius: 60px; 
}
.login-submit:hover #wp-submit, .woocommerce-form-login__submit:hover {  cursor: pointer; 
    color: var(--main-white); 
    background-color: var(--main-gray); 
    border: 1px solid var(--main-gray);
}
.login-submit #wp-submit, .woocommerce-form-login__submit {  margin: 35px auto 0; width: 100% !important; display: block; 
    color: var(--main-white); 
    background-color: var(--main-dark); 
    border: 1px solid var(--main-gray);
}
.loginform-small { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.woocommerce-LostPassword.lost_password { text-align: center; }
.account-small-header { padding: 5px 0 15px;
    border-bottom: 1px solid var(--main-light-gray); 
}
.account-small-header p { padding: 0; margin: 0; }
.account-small ul { padding: 7px 0 10px; margin: 0; }
.account-small ul li {  margin: 0; padding: 0; display: block; }
.account-small ul li a { text-transform: none; }
.account-small ul li:hover a, .account-small ul li a:active { 
    color: var(--main-gray); 
}

.tinv-wishlist form, .tinv-wishlist p:last-child, .tinv-wishlist table {  /*margin: 0 auto 92px;*/ }
.tinv-wishlist tr td { vertical-align: middle; font-family: 'Roboto Flex', sans-serif; font-weight: 400; font-size: 16px; 
    border-bottom: 1px solid var(--main-light-gray) !important; 
}
.tinv-wishlist .product-cb { width: 5%; float:left; }
.tinv-wishlist .product-thumbnail { width: 96px; float:left; }
.tinv-wishlist .product-thumbnail a { display: block; 
    background-color: var(--main-color); 
}
.tinv-wishlist .tinvwl-table-manage-list  .product-thumbnail a img { mix-blend-mode: multiply; }
.tinv-wishlist .tinvwl-table-manage-list  .product-name { width: 20%; float:left; }
.tinv-wishlist .tinvwl-table-manage-list  .product-price { width: 10%; float:left; }
.tinv-wishlist .tinvwl-table-manage-list  .product-date { width: 15%; float:left; }
.tinv-wishlist .tinvwl-table-manage-list  .product-stock { width: 20%; float:left; }
.tinv-wishlist .tinvwl-table-manage-list  .product-action { width: 20%; float:left; }
.tinv-wishlist .tinvwl-table-manage-list  .product-remove { width: 10%; float:left; }

.tinv-wishlist .tinvwl-table-manage-list  .product-price, .tinv-wishlist .tinvwl-table-manage-list  .product-date { font-size: 12px; text-align: left; }

.tinvwl-input-group-btn button { font-family: 'Roboto Flex', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0.02em; text-transform: uppercase;
    display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 24px; gap: 8px; border-radius: 60px; 
}

.build-by span { font-family: Tahoma, sans-serif; margin: 0 5px }

/*----- MODAL -----*/
    .show-in-modal.hide { display: none; }
    .modal-wrapper, .sizes-modal-wrapper { display: none; z-index: 999999; position: fixed; top: 0; right: 0; 
        -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15); 
        box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    }
    .modal, .sizes-modal { position: relative; width: 90vw; max-width: 700px; height: 100vh; padding: 40px 62px 80px;
        color: var(--main-dark);
        background-color: var(--white);
    }
    .modal .close-modal-small, .sizes-modal .close-modal-small { position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; border-radius: 18px; cursor: pointer; z-index: 9999;  
        background-color: var(--main-dark);
    }
    .modal .close-modal-small:before, 
    .modal .close-modal-small:after,
    .sizes-modal .close-modal-small:before, 
    .sizes-modal .close-modal-small:after { transform: rotate(-45deg); content: ""; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -8px; display: block; height: 2px; width: 16px; border-radius: 1px; transition: all 0.25s ease-out;
        background-color: var(--white);   
    }
    .modal .close-modal-small:after,
    .sizes-modal .close-modal-small:after { transform: rotate(-135deg); }
    .modal .close-modal-small:hover:before,
    .sizes-modal .close-modal-small:hover:before { transform: rotate(45deg); }
    .modal .close-modal-small:hover:after,
    .sizes-modal .close-modal-small:hover:after { transform: rotate(-45deg); }

    .modal .close-modal { position: absolute; bottom: 20px; left: 20px; cursor: pointer; z-index: 9999; }
    .modal h2 { font-size: 28px; margin: 15px 0 25px; }
    .modal h5,
    .sizes-modal h5 { font-size: 30px; margin-top: 40px }
    .modal h6,
    .sizes-modal h6 { font-size: 16px; text-transform: uppercase; margin-bottom: 60px }
    .modal > div > div p { font-size: 14px; }
    .sizes-modal td { font-size: 18px; }
    .modal .modal-upozornenie { padding: 20px 0 0; 
        border-top: 1px solid var(--main-gray); 
        border-bottom: 1px solid var(--main-gray); 
    }
    .modal table,
    .sizes-modal table { margin: 0 0 3em; }
    .modal tr:first-child td,
    .sizes-modal tr:first-child td { border-top: 1px solid var(--main-light-gray); }
    .modal tr td,
    .sizes-modal tr td { padding: 1em 0; border-bottom: 1px solid var(--main-light-gray); }
    .modal tr td:last-child,
    .sizes-modal tr td:last-child { text-align: right; font-weight: 700 }

    .modal select,.sizes-modal select  { border-radius: 2px; outline: 0; -webkit-transition: all .35s; transition: all .35s; padding: 10px 15px; height: 45px;
        border: 1px solid #c0c4d4;
        background: #fff;
      color: #676d8a;
    }
    .modal .velkosti-form-row .form-row,
    .sizes-modal .velkosti-form-row .form-row { display: inline-block; padding: 0; width: calc(50% - 4px); }

    .sizes-modal .velkosti-form-row { display: flex; gap: 15px; margin: 25px 0 45px }
    .sizes-modal .miery-headline { margin-bottom: 25px }


/* START TOOLTIP STYLES */
[tooltip] { display: inline-block; position: relative; background-repeat: no-repeat; background-size: 100%; width: 16px; height: 16px; top: 2px; left: 5px;
    background-image: url(../images/help.svg); 
}
/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}




.field-privacy_policy, .field-separate_shipping { padding: 20px 16px; 
    background-color: var(--main-light-gray); 
}
.field-separate_shipping { margin: 24px 0 0; }

/*---- CHECKBOX ----*/
.checkbox-container { display: block; position: relative; padding-left: 35px; margin-bottom: 27px; cursor: pointer; 
    font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    color: var(--main-black);
}
.checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border-radius: 2px;
    border: 1px solid var(--main-border-gray); 
}
.checkbox-container:hover input ~ .checkmark {  
    background-color: var(--main-dark); 
}
.checkbox-container input:focus ~ .checkmark {
    outline: max(1px, 0.05em) solid var(--main-light-gray);
    outline-offset: max(1px, 0.05em);
}
.checkbox-container input:checked ~ .checkmark {  
    background-color: var(--main-dark); 
}
.checkmark:after { content: ""; position: absolute; display: none; }
.checkbox-container input:checked ~ .checkmark:after { display: block;}
.checkbox-container .checkmark:after { left: 8px; top: 3px; width: 5px; height: 10px; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);   
    border-right: solid var(--white); border-bottom: solid var(--white); 
}

#post-reg-checkout { display: none }

label.error.fail-alert { padding: 10px 15px; border-radius: 2px; line-height: 1; font-size: 14px !important; font-weight: 400 !important;
    color: var(--main-dark) !important;
    border: 2px solid var(--main-orange) !important;
    background: var(--main-pink);
}
input.valid.success-alert {
    border: 2px solid #4CAF50 !important;
    color: green;
}
#payment .woocommerce-privacy-policy-text { display: none!important }
#payment .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox.checkbox-container .checkmark {  top: 4px; }



/*
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  RESPONZIVNE  
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
/*------ DESKTOP ------*/
@media (min-width: 769px) {
    html { margin-top: 0px !important } 

    .hide-on-desktop { display: none !important }

    .search-box-mobile { display: none; }
    .body-no-title .storefront-breadcrumb { margin-top: 135px }

    .small-12 { flex: 0 0 100%;	width: 100%;}
    .small-11 {	flex: 0 0 91.6666666667%;	width: 91.6666666667%;}
    .small-10 {	flex: 0 0 83.3333333333%;	width: 83.3333333333%;}
    .small-9 {	flex: 0 0 75%;	width: 75%;}
    .small-8 {	flex: 0 0 66.6666666667%;	width: 66.6666666667%;}
    .small-7 {	flex: 0 0 58.3333333333%;	width: 58.3333333333%;}
    .small-6 {	flex: 0 0 50%;	width: 50%;}
    .small-5 {	flex: 0 0 41.6666666667%;	width: 41.6666666667%;}
    .small-4 {	flex: 0 0 33.33333333%;	width: 33.33333333%;}
    .small-3 {	flex: 0 0 25%;	width: 25%;}
    .small-2 {	flex: 0 0 16.6666666667%;	width: 16.6666666667%;}

    .offset-1 {  margin-left: 8.333333%;  }
    .offset-2 {  margin-left: 16.666667%; }
    .offset-3 {  margin-left: 25%;        }
    .offset-4 {  margin-left: 33.333333%; }
    .offset-5 {  margin-left:41.666667%   }
    .offset-6 {  margin-left:50%          }

    .col-full {
      max-width: 90%;
      padding-right: 16px;
      padding-left: 16px;
    }
    .col-full .col-full { width: 100%; max-width: 100%; }
    .h1, h1, h1 font { font-size: 100px; line-height: 0.96;    }
    .h2, h2, h2 font { font-size: 48px; line-height: 1.3;    }
    .h3, h3, h3 font { font-size: 42px; line-height: 1.2;    }
    .h4, h4, h4 font { font-size: 36px; line-height: 1.2;    }
    .h5, h5, h5 font { font-size: 26px; line-height: 1.2;    }
    h1.headline { font-size: 68px; line-height: 72px; margin: 0 }
    .hero-section h1.headline { margin-bottom: 112px; font-size: 100px; line-height: 96px }
    .ftt-registration-page h1.wp-block-heading { font-size: 60px; line-height: 2; margin: 0 }
    h2.headline.textC { margin: 0 auto; width: 70% }

    .section p.time { margin: 0 0 100px; }
    .hero-section .time { margin-bottom: 60px }

    .cta-btn .button { font-weight: 700; font-size: 18px; line-height: 20px; }
    .cta-btn .button-social { font-size: 14px }
    .nav-bar-inner-right .cta-btn .button { font-weight: 700; font-size: 18px; line-height: 20px; }

    .site-header { height: 135px; border: none;  }
    .black-oznam-body .site-header { height: 210px; border: none;  }
    .header-section-black .black-oznam { height: 76px; padding: 22px 0  }

    .black-oznam-body .site-header.open { height: 135px; }
    .scroll-down .site-header,
    .scroll-up .site-header { height: 116px }
    .black-oznam-body .podheader { margin-top: 100px; }

    .full-menu-wrapper .col-full.full-menu-col-full { height: calc(100% - 100px); }

    .eb-accordion-i2dm78h.eb-accordion-container .eb-accordion-content-wrapper .eb-accordion-content { padding: 20px 100px 32px 24px;  }

    .podheader { margin-top: 135px; }
    .black-oznam-body .podheader { margin-top: 210px; }
    #logo { padding: 0; }
    #logo img { width: 100%; }
    #nav_bar .col-full { display: flex; flex-direction: row; justify-content: space-between; padding: 48px 0 45px; align-items: center; 
      max-width: calc(100% - 7%); ;
      height: calc(88px - 50px); 
    }
    .scroll-down .site-header #nav_bar .col-full,
    .scroll-up .site-header #nav_bar .col-full { padding: 35px 0 25px }

    .main-menu { display: flex; flex-direction: row; padding: 0; }
    .main-menu li { display: inline-block; margin: 0 15px; padding: 0; border-top: none; }
    .main-menu li:last-child { border-bottom: none; }
    .nav-bar-inner-right { display: flex; flex-direction: row; gap: 10px }

    .section p, .section a.read-more { font-weight: 400; font-size: 20px; line-height: 36px; }
    .column-text p { font-size: 24px; margin-bottom: 60px }
    .section h2.title { font-weight: 700; font-size: 76px; line-height: 72px; margin-bottom: 100px; margin-top: 45px; }

    .section-4 p.info { padding-left: 22px }
    .section-4 p.info::before { left: 0; top: 8px }

    .site-header.open .nav-bar .main-menu-wrapper,
    .site-header.open .nav-bar .lang-menu-wrapper,
    .site-header.open .nav-bar .cta-btn { display: none; }

    .full-menu-wrapper { height: calc(100vh - 135px); top: 135px }
    .scroll-down .full-menu-wrapper { top:116px }
    .black-oznam-body .full-menu-col-full { height: calc(100vh - 210px); }
    .full-menu-row { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }


    .site-info { flex-direction: row; }
    .site-info p { display: inline-block; padding: 0 }

    .site-footer .footer-bottom .column-left { padding: 200px 0 0 }
    .site-footer .footer-bottom .column-right { position: relative; width: 100%; height: 424px; }
    /*
    .site-footer .footer-bottom .column-right::after { content: ""; position: absolute; width: calc(50vw + 16%); height: 500px; left: -16%; top: 0; background-repeat: no-repeat; background-size: contain; background-position: center bottom; 
       background-image: url(../images/mapa-line.svg) 
    }
    */
    .site-footer .footer-widget-2 { padding-bottom: 0px }

    .download-wrapper { display: flex; justify-content: space-between; flex-direction: row; padding: 20px 24px; margin: 0 0 60px;
        background-color: var(--main-light-gray); 
    }
    .download-wrapper p { position: relative; font-weight: 400; font-size: 14px; line-height: 20px; margin: 0; padding: 0 0 0 30px }
    .download-wrapper p::before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100%;
        background-image: url(../images/document.svg); 
    }
    .pelotons-cards-wrapper { display: flex; flex-direction: row; gap: 28px; }
    .pelotons-cards-wrapper .peloton { width: 50%; padding: 52px; }
    h3.peloton-card-title { font-size: 56px; padding: 0 0 90px; }


  /*------ Desktop HOME ------*/
    #heroVideo { max-width: unset;  }
    .hero-section { padding: 80px 0 68px; }
    .video-container { width: 50vw; height: 500px; top: 252px; background-color: var(--main-color); }
    .section-0 .column:first-child { padding: 0 25px 0 0 }
    .section-0 .cta-btn {  width: fit-content; }

    .section:not(.section-0) { overflow: hidden; }

    .section-2 .img-fullwidth { min-height: 620px; background-position: left bottom;
        background-image: url(../images/FTT_wide_homepage.jpg) 
    }
    .section-2 .info-o-trase-wrapper { padding-top: 0px }
    .home .section-2 .info-o-trase-wrapper { padding-top: 40px }
    .mapa-vector { padding: 0 14%; }

    .orange-background { padding: 40px 44px !important; }
    .orange-background .double-line { margin: 0 0 28px; }
    .orange-background p.info { position: absolute; bottom: 0; font-weight: 400; font-size: 18px; line-height: 28px; margin: 0 0 1.41575em; }

    .odkial-kam-section .py-20 { padding-top: 132px }

    .home .rules-section .column-text { padding-left: 28px }

    .dres-img-buttons { justify-content: end; }
    .dres-img-wrapper { height: 668px; padding: 32px 32px 100px; 
        background-color: var(--main-light-gray); 
    }
    .flip-card .flip-card-front,
    .flip-card .flip-card-back { height: 100%; }
    .flip-card .flip-card-front,
    .flip-card .flip-card-back { background-size: cover; }

    .team-member { height: 550px }
    .flip-card { position: relative; width: 100%; height: 500px; perspective: 1200px;  }
    .team-section .team-row-gap {
      --gap: 28px;
      display: inline-flex;
      flex-wrap: wrap;
      margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
      width: calc(100% + var(--gap));
      padding: 60px 0;
    }
    .team-section .team-row-gap > * {
      margin: var(--gap) 0 0 var(--gap);
      flex-basis: calc(33.3333333% - var(--gap));
    }
    .dres-img-wrapper .flip-card { height: 550px; }

    .pelotons-section .cta-btn { width: fit-content; }

    .section-22 .img-fullwidth { min-height: 620px;  width: calc(100% - 0px); margin-left: 0px;
        background-image: url(../images/FTT_25_program.jpg) 
    }
    .left-corner-round { border-radius: 90px 0 0 0 }
    .section-3 .img-fullwidth { min-height: 620px;  width: calc(100% - 28px); margin-left: 28px;
        background-image: url(../images/FTT_cyklo.jpg) 
    }
    .bottom-corner-round { border-radius: 0 0 90px 0 }
    .section-5 .img-fullwidth { min-height: 620px;  }
    .section-5 .follow-us { position: absolute; right: 0; padding-bottom: 0; bottom: 0 }  
    .section-5 .social { width: 100%; list-style-type: none; }
    .section-5 .social li {  display: inline-block; margin: 5px 0; }

    .page-template-page-priebeh-podujatia .section-5 .follow-us { padding: 42px 0 0;  }

    .site-footer ul { text-align: left; }  
    .site-footer ul li a { font-weight: 400; font-size: 1em; text-align: left; 
        color: #050606; 
    }
    .footer-widgets { padding: 0; display: flex;  }
    .footer-widgets > div { flex: 1 1 auto; }
    .footer-widgets .widget_block { height: 100%; }
    .footer-widget-1 h3 { font-size: 30px; line-height: 48px; padding: 0; margin: 0 }


    .footer-widgets.col-3 .block { margin-right: 0; }
    .footer-top { padding: 60px 0 70px;  }
    .footer-top > .row { padding: 40px 0 0; }
    .footer-top .widget_text:first-child { margin: 0; }
    .footer-top p a { font-family: 'PP Radio Grotesk', sans-serif; font-style: normal; font-weight: 400; font-size: 40px; line-height: 46px; text-decoration: none; }
    .footer-top .widget_text:last-child p a { font-family: 'PP Radio Grotesk', serif; font-weight: 400; font-size: 34px; line-height: 50px; }
    .footer-top .cta-btn { padding: 24px 0 40px; }
    .footer-widgets.footer-bottom.footer-mob { display: none; }
    ul.social { padding: 6px 0; margin: 0 }
    .site-footer ul.social { width: 445px; float: right; }
    .footer-widget-1 { font-family: 'PP Radio Grotesk'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 48px; }
    .footer-widget-1,.footer-widget-2  { padding: 42px 0; }
    .footer-widgets.row-1.col-2.fix {
      border-top: 1px solid var(--main-light); 
      border-bottom: 1px solid var(--main-light); 
    }
    .footer-top .row > div:nth-child(1) { order: 1 }
    .footer-top .row > div:nth-child(2) { order: 2 }

    .vybava-section table tr td:last-child { vertical-align: middle; font-size: 18px }

    #modal-content,
    #sizes-modal-content { overflow-y: auto; position: relative; height: 100%; margin-right: -30px; padding: 0 30px 0 0; }


  /*------ Desktop PRODUCT ------*/
    .single-product .storefront-breadcrumb,
    .archive .storefront-breadcrumb { display: block; }
    .storefront-breadcrumb {
      padding: 40px 0 0;
      margin: 0 0 3.706325903em;
    }
    .woocommerce-breadcrumb { font-family: 'PP Radio Grotesk', sans-serif; font-size: 14px; font-weight: 400; padding: 0 0 40px;
        color: var(--main-gray); 
        border-bottom: 1px solid var(--main-dark);
    }
    .woocommerce-breadcrumb a { font-family: 'PP Radio Grotesk', sans-serif; font-size: 14px; font-weight: 400; 
        color: var(--main-dark); 
    }
    .woocommerce-breadcrumb .breadcrumb-separator::after {  font-size: .675em; opacity: 1 }

    .storefront-full-width-content .woocommerce-products-header { padding: 80px 0; }
    .woocommerce-breadcrumb a {    text-decoration: none;  }
    .woocommerce-breadcrumb a:hover {  
        color: var(--main-gray);  
    }

    .program-item-head { display: flex; padding: 10px 0; 
        border-bottom: 1px solid var(--main-text-color); 
    }
    .program-item.dark-background .program-item-head { 
        border-bottom: 1px solid var(--main-light-bgr); 
    }
    .program-item-head-left, .program-item-head-left p { width: 40%; font-size: 24px; font-weight: 600; margin: 0 !important;  }
    .program-item-head-right, .program-item-head-right p { width: 60%; font-size: 24px; margin: 0 !important; }
    body .is-layout-constrained .program-item-content { padding: 25px 0 0; margin: 0 0 0 40% !important; width: 60% }
    .program-item-content h4 {
        color: var(--main-text-color);
    }

    .footer-menu { width: 320px; float: right; }


}

@media (min-width: 992px) {
    .medium-12 {  flex: 0 0 100%;	width: 100%;}
    .medium-11 {	flex: 0 0 91.6666666667%;	width: 91.6666666667%;}
    .medium-10 {	flex: 0 0 83.3333333333%;	width: 83.3333333333%;}
    .medium-9 {	flex: 0 0 75%;	width: 75%;}
    .medium-8 {	flex: 0 0 66.6666666667%;	width: 66.6666666667%;}
    .medium-7 {	flex: 0 0 58.3333333333%;	width: 58.3333333333%;}
    .medium-6 {	flex: 0 0 50%;	width: 50%;}
    .medium-5 {	flex: 0 0 41.6666666667%;	width: 41.6666666667%;}
    .medium-4 {	flex: 0 0 33.33333333%;	width: 33.33333333%;}
    .medium-3 {	flex: 0 0 25%;	width: 25%;}
    .medium-2 {	flex: 0 0 16.6666666667%;	width: 16.6666666667%;}

    .col-full {
      max-width: 90%;
      padding-right: 16px;
      padding-left: 16px;
    }
    .podheader .col-full { max-width: calc(100% - 40px); padding: 0; }
    .vybava-section table tr td:last-child { vertical-align: middle; font-size: 16px }

}

@media (min-width: 1024px) { 
    .col-full {
      max-width: 90%;
      padding-right: 16px;
      padding-left: 16px;
    }
    #nav_bar .col-full,
    .podheader .col-full { max-width: calc(100% - 7%); }
    .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide {
        width: 440px !important;
    }
    .vybava-section table tr td:last-child { vertical-align: middle; font-size: 18px }

}

@media (min-width: 1124px) {
    .col-full {
      max-width: 100%;
      padding-right: 16px;
      padding-left: 16px;
    }
    .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide {
        width: 560px !important;
    }
}

@media (min-width: 1224px) {
    .col-full {
      max-width: 99%;
      padding-right: 16px;
      padding-left: 16px;
    }
    #nav_bar .col-full,
    .podheader .col-full { max-width: calc(100% - 2%); }
    .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide {
        width: 610px !important;
    }

}

@media (min-width: 1440px) {
    .col-full {
      max-width: 1232px;
      padding-right: 16px;
      padding-left: 16px;
    }
    #nav_bar .col-full,
    .podheader .col-full { max-width: calc(100% - 7%); }
    .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide { 
      width: 610px !important; 
    }

}

@media (min-width: 1540px) {
    .col-full {
      max-width: 1344px;
      padding-right: 16px;
      padding-left: 16px;
    }
    .podheader .col-full { max-width: calc(100% - 7%); }
    .flex-viewport .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide { 
      width: 720px !important; 
    }
    #post-2306 .is-layout-flex.topbanner {  max-width: 1440px;  }

}




@media only screen and (max-width: 992px) {
    .radio-buttons label { font-size: 10px; line-height: 1.5; padding: 5px;  }
    .radio-buttons label:first-of-type { padding: 5px;  }
    ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button {
      margin-bottom: 0;
    }

}


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

    .hide-on-mobile { display: none !important }

    .video-column { padding: 0 0 60px }
    .video-container { height: 260px; top: 50%;  }

    .hero-section { padding: 40px 0 40px; }
    .section-1 .col-full { padding: 40px 20px 0px; }
    .odkial-kam-section .col-full { padding: 220px 20px 0px }
    .section-2 .col-full { padding: 0px 20px 20px;  }
    .section-3 .col-full { padding: 0px 20px 20px;  }
    .section-4 .col-full { padding: 0px 20px 20px;  }
    .section-5 .col-full { padding: 0px 20px 0px;  }
    .section-6 .col-full { padding: 0px 20px 20px;  }
    .section-7 .col-full { padding: 0px 20px 20px;  }

    .button-social { font-size: 3.44vw;  }

    .full-menu-row .button-social {  font-size: 3.55vw; }
    .full-menu-col-full { height: 100%; }

    .section .column-text { padding-bottom: 20px; }
    .section-2 .info-o-trase-wrapper { padding-top: 20px; }

    #nav_bar .col-full { height: 82px; width: 90% }
    .lang-menu-wrapper,
    .main-menu-wrapper,
    .nav-bar-inner-right .cta-btn { display: none; }
    #logo { padding: 0;}
    #logo img {  width: 103px; }
    .full-menu-podrow {  display: none; }
    .full-menu { list-style-type: none;  padding: 0; }
    .full-menu li a { font-weight: 700; font-size: 30px; line-height: 48px; text-decoration: none; }
    .sub-menu-wrapper { padding: 24px 0; }
    .full-menu-row { position: relative; height: 100%; padding: 24px 7% 60px; overflow-y: auto; }
    .full-menu-column-left { padding: 0 }
    .full-menu-column-right { padding-bottom: 40px; margin-bottom: 0px;
        border-bottom: 1px solid var(--main-dark);
    }
    .sub-menu a.link { font-size: 18px; line-height: 2; text-decoration: underline; letter-spacing: 0.03em; }
    .home h1.headline { font-size: 14.3vw; line-height: 72px }

    .page-template-page-priebeh-podujatia .section-4 .asterisk,
    .page-template-page-priebeh-podujatia .section-6 .asterisk  { margin-top: 40px }
    .page-template-page-priebeh-podujatia .oznam-wrapper { padding: 20px 24px 20px 10px; }

    .full-menu-row  { position: relative; }
    .full-menu-row .column.small-7 { order: 2 }
    .full-menu-row .column.small-5 { order: 1 }
    .full-menu-column-left .buttons-wrapper { display: flex; flex-direction: column; }
    .full-menu-column-left .buttons-wrapper .cta-btn { width: 100%; margin-bottom: 15px }
    .full-menu-column-left .buttons-wrapper .cta-btn .button { font-size: 16px; line-height: 20px; }

    .hero-buttons .cta-btn { width: 100% }
    .hero-buttons .cta-btn a { font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 700; }
    .hero-buttons .read-more { font-size: 16px; line-height: 40px; margin: 0;  }
    .hero-buttons > div {   display: block; }
    .hero-buttons > div:last-child {  padding: 40px 0 0 }

    .strava-badge { flex-direction: column; align-items: start; padding: 22px; margin: 25px 0; }

    .header-section-black .black-oznam {
      padding: 0 16px;
      display: flex; align-items: center;
    }

    .page-template-template-homepage:not(.has-post-thumbnail) .site-main {  padding-top: 0; }

    .entry-header { padding: 28px 0 18px !important;  }
    .section.section-1 .pt-24 { padding: 0 }

    .column-text > p { font-size: 24px }

    .section-5 .follow-us {
      padding: 42px 0 0 0;
    }
    .color-bgr p.info {
          position: relative;
          padding: 40px 0 0;
          margin: 0;
          bottom: 0;
          font-weight: 400;
          font-size: 17px;
          color: var(--main-light);
        }


    .section-22 .img-fullwidth {
      position: relative;
      width: 100%;
      height: 220px;
    }
    .program-item-head { display: block !important; }

    .orange-background { padding: 30px 22px !important; margin-bottom: 24px  }
    .orange-background .double-line { margin-top: 0 }
    .section-3 .img-fullwidth { height: 350px; }

    .home .section-3 .column.small-8 { padding: 0 0 20px }
    .section-3 .column.small-8 { padding: 0 0 40px }

    .home .section-1 .asterisk,
    .parters-section .asterisk,
    .participants-section .asterisk, 
    .section-7 .asterisk { margin-top: 40px }

    .participants-section p.info { text-align: center; padding: 40px 0 0; }
    .section-4 p.info::before { top: 20px;  }

    .pelotons-section .oznam-wrapper { margin: 40px 0 }

    .section-4 .cta-btn, 
    .section-6 .cta-btn {  padding: 22px 0 20px; }
    .page-template-page-priebeh-podujatia .section-6 .cta-btn {  padding: 40px 0 0px; }

    .contact .entry-header {  padding: 20px 0 40px;  }
    .contact .follow-us {  padding: 0 0 42px;  }
    .contact .section-1 .col-full {  padding: 10px 20px 0;  }
    .contact .section-1 .single-line { margin: 10px 0 40px }
    .contact .section-1 .img-column { padding: 40px 0 0 }

    .contact .section-99 { padding-top: 0px;  }
    .footer-top .cta-btn {  padding: 24px 0 45px; }

    .button-badge { font-weight: 700; font-size: 13px; text-transform: uppercase; padding: 8px 16px; 
        color: var(--main-black);
        border: 1px solid var(--main-black);
        background-color: transparent; 
    }
    .info-o-trase-wrapper table td:first-child { width: 55%; }

    .download-wrapper a { text-align: center; text-decoration: underline; font-weight: 700 }

    .wp-block-columns.partners-line:not(.is-not-stacked-on-mobile) > .wp-block-column {  flex-basis: 33% !important; }

    .search-box-mobile { display:block; }
    .search-box-mobile .col-full form { margin-bottom: 0; }
    .search-box-mobile .col-full .ysm-search-widget { margin: 15px;
        border: 1px solid var(--main-gray);  
    }
    .search-box-mobile .smart-search-results::before { 
        box-shadow: 3vh 7vh 7vh #000000ab; 
    }
    .home-kategorie-produktov .link i {
        margin: 0 0 5px 5px;
    }
    thead tr { position: absolute; top: -9999px; left: -9999px;  }
    tr { border: 1px solid var(--main-gray); }
    td { border: none; position: relative; padding-left: 50%;   }
    td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 50%; transform: translateY(-50%); 
      left: 0px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
      text-align: left;
    }
    table.shop_table_responsive tr td[data-title]::before,
    table.shop_table_responsive tr td::before { font-weight: 300; font-size: 14px }
    table.shop_table_responsive tr td:nth-of-type(1) { width: 29%; display: inline-block; border: none !important }
    table.shop_table_responsive tr td:nth-of-type(2) { width: 70%; display: inline-block; border: none !important }
    .shop_table.woocommerce-checkout-review-order-table .product-name { width: 29%; display: inline-block; 
        border-bottom: 1px solid var(--main-light-gray) !important 
    }
    .shop_table.woocommerce-checkout-review-order-table .product-total { width: 70%; display: inline-block; 
        border-bottom: 1px solid var(--main-light-gray) !important 
    }
    #float_checkout_review_order .shop_table tr th, .shop_table tr th, .shop_table tr td {
        border-bottom: none !important;
    }
    #float_checkout_review_order tr.cart-obaly-to-pay th,
    #float_checkout_review_order tr.cart-obaly-to-pay td {
        border-top: 0px solid var(--main-gray) !important;
        border-bottom: 1px solid var(--main-gray) !important;
    }
    .woocommerce-cart-form__cart-item.cart_item .product-remove { 
        border-bottom: 1px solid var(--main-light-gray) !important; 
    }
    .order-total small { font-size: 8px; white-space: nowrap; }

    #float_checkout_review_order tr.order-total th, #float_checkout_review_order tr.order-total td {
        padding: 10px 0 4px;
        border-top: 1px solid var(--main-gray) !important;
    }
    .site-footer .footer-widget-2 {  padding-top: 24px; }
    .site-header .social li a,
    .site-footer .social li a { font-size: 2.55vw }

    .user-registration.ur-frontend-form { padding: 0; }
    .user-registration.ur-frontend-form form { width: 99%; padding: 0; }
    .ur-frontend-form .ur-form-row .ur-form-grid {
      flex: 1;
      padding: 0;
    }
    .registration-peloton-wrapper li {
      padding: 0 0 10px;
      width: 100%;
    }

    #post-reg .wp-block-heading,
    #post-reg-checkout .wp-block-heading { margin-top: 60px }


    .modal, .sizes-modal { position: relative; width: 100vw; max-width: 700px; height: 100vh; padding: 40px 12px 80px;
      color: var(--main-dark);
      background-color: var(--white);
    }
    #modal-content,
    #sizes-modal-content { overflow-y: auto; position: relative; height: 100%; margin-right: -10px; padding: 0 10px 0 0; }

    table.shop_table_responsive tr td:nth-of-type(2) a { display: block; }
    /*
    Label the data
    */
    table.shop_table_responsive tr td:nth-of-type(1):before { content: ""; }
    table.shop_table_responsive tr td:nth-of-type(2):before { content: ""; }
    table.shop_table_responsive tr td:nth-of-type(3):before { content: ""; }
    table.shop_table_responsive tr td:nth-of-type(4):before { content: "Cena"; }
    table.shop_table_responsive tr td:nth-of-type(5):before { content: "Vymazať"; }
    table.cart td.product-quantity { padding: 20px 0 }
    table.cart tr td.product-remove { padding: 25px; 
        border-bottom: 1px solid var(--main-light-gray); 
    }
    table.cart td.product-remove a.remove { top: 50%; transform: translateY(-50%);  }
    table.shop_table_responsive tr:last-child td:nth-of-type(1) { display: inline-block;   }
    table.shop_table_responsive tr:last-child td .checkbox-container {  margin-bottom: 25px; }
    table.shop_table_responsive tr.cart-produkty-to-pay th, 
    table.shop_table_responsive tr.cart-produkty-to-pay td,
    table.shop_table_responsive tr.order-total th,
    table.shop_table_responsive tr.order-total td { 
        border-top: 1px solid var(--main-gray) !important; 
    }

      table.woocommerce-orders-table.woocommerce-MyAccount-orders.my_account_orders {
        border: 0;
      }
      table.woocommerce-orders-table.woocommerce-MyAccount-orders.my_account_orders caption {
        font-size: 1.3em;
      }
      table.woocommerce-orders-table.woocommerce-MyAccount-orders.my_account_orders thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }
      table.woocommerce-orders-table.woocommerce-MyAccount-orders.my_account_orders tr {
        width: 100%;
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
      }
      table.woocommerce-orders-table.woocommerce-MyAccount-orders.my_account_orders tr {
        border: 1px solid var(--main-light-gray);
      }
      table.woocommerce-orders-table.woocommerce-MyAccount-orders.my_account_orders td {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
      }
      table.woocommerce-orders-table.woocommerce-MyAccount-orders.my_account_orders td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-title);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0 0 0 20px;
      }
      table.woocommerce-orders-table.woocommerce-MyAccount-orders.my_account_orders td:last-child {
        border-bottom: 1px solid var(--main-light-gray);
      }

      .col2-set#customer_login .col-1, .col2-set.addresses .col-1, .col2-set#customer_login .col-2, .col2-set.addresses .col-2, .woocommerce-MyAccount-content .woocommerce-EditAccountForm {
        width: 100%;
        margin-right: 0;
        align-self: center;
      }
      .woocommerce-EditAccountForm.edit-account p { margin: 0 0 1em }

    .home-kategorie-produktov ul.products li:nth-child(3) { display: none; }

    .radio-buttons label { font-size: 12px; line-height: 1.5; padding: 5px;  }
    .summary.entry-summary .radio-buttons label { font-size: 14px; line-height: 1.5; padding: 17px 5px;  }

    .cart_totals table.shop_table_responsive tbody th { display: block; }
    .cart_totals .shop_table tr td:first-child, .cart_totals .shop_table tr th:first-child {  width: 35%; display: inline-block; padding-left: 0;  padding-right: 0; }
    .cart_totals .shop_table tr td:last-child, .cart_totals .shop_table tr th:last-child {  width: 64%; display: inline-block; padding-left: 0;  padding-right: 0; }
    .cart_totals .shop_table tr.cart-info th { width: 100% }
    .woocommerce-shipping-destination { display: none; }
    .cart_totals .shop_table tr td:last-child, .cart_totals .shop_table tr td ul { margin: 0 }


    #menu_nav-bar-right .search.menu-item, 
    #menu_nav-bar-right .heart.menu-item,
    .arrow-up-right_5 {
      display: none;
    }
    .round-inner-circle-left { margin-top: 15px; }
    .round-inner-circle-right { margin-bottom: 15px; }
    ul.products li.product { width: 47%; float: left;  }
    ul.products li.product:nth-child(2n) { margin-left: 6%; }
    h2.woocommerce-loop-product__title { font-size: 14px !important; line-height: 1.1 }
    .woocommerce-products-header h1 { text-align: center; }
    .predajna-info-karta .is-layout-flow .wp-block-button {
        width: 100%;
    }
        .xs-m-0    {margin: 0px}
        .xs-mt-0   {margin-top: 0px}
        .xs-mb-0   {margin-bottom: 0px}
        .xs-mx-0   {margin-left: 0px; margin-right: 0px}
        .xs-my-0   {margin-top: 0px; margin-bottom: 0px}

        .xs-p-0    {padding: 0px;}
        .xs-px-0   {padding-left: 0px; padding-right: 0px;}
        .xs-py-0   {padding-top: 0px; padding-bottom: 0px;}
        .xs-pt-0   {padding-top: 0px;}
        .xs-pr-0   {padding-right: 0px;}
        .xs-pb-0   {padding-bottom: 0px;}
        .xs-pl-0   {padding-left: 0px;}
        .xs-p-1    {padding: 4px;}
        .xs-px-1   {padding-left: 4px; padding-right: 4px;}
        .xs-py-1   {padding-top: 4px; padding-bottom: 4px;}
        .xs-pt-1   {padding-top: 4px;}
        .xs-pr-1   {padding-right: 4px;}
        .xs-pb-1   {padding-bottom: 4px;}
        .xs-pl-1   {padding-left: 4px;}
        .xs-p-2    {padding: 8px;}
        .xs-px-2   {padding-left: 8px; padding-right: 8px;}
        .xs-py-2   {padding-top: 8px; padding-bottom: 8px;}
        .xs-pt-2   {padding-top: 8px;}
        .xs-pr-2   {padding-right: 8px;}
        .xs-pb-2   {padding-bottom: 8px;}
        .xs-pl-2   {padding-left: 8px;}
        .xs-p-3    {padding: 12px;}
        .xs-px-3   {padding-left: 12px; padding-right: 12px;}
        .xs-py-3   {padding-top: 12px; padding-bottom: 12px;}
        .xs-pt-3   {padding-top: 12px;}
        .xs-pr-3   {padding-right: 12px;}
        .xs-pb-3   {padding-bottom: 12px;}
        .xs-pl-3   {padding-left: 12px;}
        .xs-p-4    {padding: 16px;}
        .xs-px-4   {padding-left: 16px; padding-right: 16px;}
        .xs-py-4   {padding-top: 16px; padding-bottom: 16px;}
        .xs-pt-4   {padding-top: 16px;}
        .xs-pr-4   {padding-right: 16px;}
        .xs-pb-4   {padding-bottom: 16px;}
        .xs-pl-4   {padding-left: 16px;}
        .xs-p-5    {padding: 20px;}
        .xs-px-5   {padding-left: 20px; padding-right: 20px;}
        .xs-py-5   {padding-top: 20px; padding-bottom: 20px;}
        .xs-pt-5   {padding-top: 20px;}
        .xs-pr-5   {padding-right: 20px;}
        .xs-pb-5   {padding-bottom: 20px;}
        .xs-pl-5   {padding-left: 20px;}
        .xs-p-6    {padding: 24px;}
        .xs-px-6   {padding-left: 24px; padding-right: 24px;}
        .xs-py-6   {padding-top: 24px; padding-bottom: 24px;}
        .xs-pt-6   {padding-top: 24px;}
        .xs-pr-6   {padding-right: 24px;}
        .xs-pb-6   {padding-bottom: 24px;}
        .xs-pl-6   {padding-left: 24px;}
        .xs-p-7    {padding: 28px;}
        .xs-px-7   {padding-left: 28px; padding-right: 28px;}
        .xs-py-7   {padding-top: 28px; padding-bottom: 28px;}
        .xs-pt-7   {padding-top: 28px;}
        .xs-pr-7   {padding-right: 28px;}
        .xs-pb-7   {padding-bottom: 28px;}
        .xs-pl-7   {padding-left: 28px;}
        .xs-p-8    {padding: 32px;}
        .xs-px-8   {padding-left: 32px; padding-right: 32px;}
        .xs-py-8   {padding-top: 32px; padding-bottom: 32px;}
        .xs-pt-8   {padding-top: 32px;}
        .xs-pr-8   {padding-right: 32px;}
        .xs-pb-8   {padding-bottom: 32px;}
        .xs-pl-8   {padding-left: 32px;}
        .xs-p-9    {padding: 36px;}
        .xs-px-9   {padding-left: 36px; padding-right: 36px;}
        .xs-py-9   {padding-top: 36px; padding-bottom: 36px;}
        .xs-pt-9   {padding-top: 36px;}
        .xs-pr-9   {padding-right: 36px;}
        .xs-pb-9   {padding-bottom: 36px;}
        .xs-pl-9   {padding-left: 36px;}
        .xs-p-10   {padding: 40px;}
        .xs-px-10  {padding-left: 40px; padding-right: 40px;}
        .xs-py-10  {padding-top: 40px; padding-bottom: 40px;}
        .xs-pt-10  {padding-top: 40px;}
        .xs-pr-10  {padding-right: 40px;}
        .xs-pb-10  {padding-bottom: 40px;}
        .xs-pl-10  {padding-left: 40px;}
        .xs-p-12   {padding: 48px;}
        .xs-px-12  {padding-left: 48px; padding-right: 48px;}
        .xs-py-12  {padding-top: 48px; padding-bottom: 48px;}
        .xs-pt-12  {padding-top: 48px;}
        .xs-pr-12  {padding-right: 48px;}
        .xs-pb-12  {padding-bottom: 48px;}
        .xs-pl-12  {padding-left: 48px;}
        .xs-p-16   {padding: 64px;}
        .xs-px-16  {padding-left: 64px; padding-right: 64px;}
        .xs-py-16  {padding-top: 64px; padding-bottom: 64px;}
        .xs-pt-16  {padding-top: 64px;}
        .xs-pr-16  {padding-right: 64px;}
        .xs-pb-16  {padding-bottom: 64px;}
        .xs-pl-16  {padding-left: 64px;}
        .xs-p-20   {padding: 80px;}
        .xs-px-20  {padding-left: 80px; padding-right: 80px;}
        .xs-py-20  {padding-top: 80px; padding-bottom: 80px;}
        .xs-pt-20  {padding-top: 80px;}
        .xs-pr-20  {padding-right: 80px;}
        .xs-pb-20  {padding-bottom: 80px;}
        .xs-pl-20  {padding-left: 80px;}
        .xs-p-24   {padding: 96px;}
        .xs-px-24  {padding-left: 96px; padding-right: 96px;}
        .xs-py-24  {padding-top: 96px; padding-bottom: 96px;}
        .xs-pt-24  {padding-top: 96px;}
        .xs-pr-24  {padding-right: 96px;}
        .xs-pb-24  {padding-bottom: 96px;}
        .xs-pl-24  {padding-left: 96px;}
        .xs-p-32   {padding: 128px;}
        .xs-px-32  {padding-left: 128px; padding-right: 128px;}
        .xs-py-32  {padding-top: 128px; padding-bottom: 128px;}
        .xs-pt-32  {padding-top: 128px;}
        .xs-pr-32  {padding-right: 128px;}
        .xs-pb-32  {padding-bottom: 128px;}
        .xs-pl-32  {padding-left: 128px;}
        .xs-p-40   {padding: 160px;}
        .xs-px-40  {padding-left: 160px; padding-right: 160px;}
        .xs-py-40  {padding-top: 160px; padding-bottom: 160px;}
        .xs-pt-40  {padding-top: 160px;}
        .xs-pr-40  {padding-right: 160px;}
        .xs-pb-40  {padding-bottom: 160px;}
        .xs-pl-40  {padding-left: 160px;}

}


/*------ DESKTOP margins / paddings ------*/
@media (min-width: 769px) {
        .m-0    {margin: 0px}
        .mt-0   {margin-top: 0px}
        .mb-0   {margin-bottom: 0px}
        .mx-0   {margin-left: 0px; margin-right: 0px}
        .my-0   {margin-top: 0px; margin-bottom: 0px}

        .p-0    {padding: 0px;}
        .px-0   {padding-left: 0px; padding-right: 0px;}
        .py-0   {padding-top: 0px; padding-bottom: 0px;}
        .pt-0   {padding-top: 0px;}
        .pr-0   {padding-right: 0px;}
        .pb-0   {padding-bottom: 0px;}
        .pl-0   {padding-left: 0px;}
        .p-1    {padding: 4px;}
        .px-1   {padding-left: 4px; padding-right: 4px;}
        .py-1   {padding-top: 4px; padding-bottom: 4px;}
        .pt-1   {padding-top: 4px;}
        .pr-1   {padding-right: 4px;}
        .pb-1   {padding-bottom: 4px;}
        .pl-1   {padding-left: 4px;}
        .p-2    {padding: 8px;}
        .px-2   {padding-left: 8px; padding-right: 8px;}
        .py-2   {padding-top: 8px; padding-bottom: 8px;}
        .pt-2   {padding-top: 8px;}
        .pr-2   {padding-right: 8px;}
        .pb-2   {padding-bottom: 8px;}
        .pl-2   {padding-left: 8px;}
        .p-3    {padding: 12px;}
        .px-3   {padding-left: 12px; padding-right: 12px;}
        .py-3   {padding-top: 12px; padding-bottom: 12px;}
        .pt-3   {padding-top: 12px;}
        .pr-3   {padding-right: 12px;}
        .pb-3   {padding-bottom: 12px;}
        .pl-3   {padding-left: 12px;}
        .p-4    {padding: 16px;}
        .px-4   {padding-left: 16px; padding-right: 16px;}
        .py-4   {padding-top: 16px; padding-bottom: 16px;}
        .pt-4   {padding-top: 16px;}
        .pr-4   {padding-right: 16px;}
        .pb-4   {padding-bottom: 16px;}
        .pl-4   {padding-left: 16px;}
        .p-5    {padding: 20px;}
        .px-5   {padding-left: 20px; padding-right: 20px;}
        .py-5   {padding-top: 20px; padding-bottom: 20px;}
        .pt-5   {padding-top: 20px;}
        .pr-5   {padding-right: 20px;}
        .pb-5   {padding-bottom: 20px;}
        .pl-5   {padding-left: 20px;}
        .p-6    {padding: 24px;}
        .px-6   {padding-left: 24px; padding-right: 24px;}
        .py-6   {padding-top: 24px; padding-bottom: 24px;}
        .pt-6   {padding-top: 24px;}
        .pr-6   {padding-right: 24px;}
        .pb-6   {padding-bottom: 24px;}
        .pl-6   {padding-left: 24px;}
        .p-7    {padding: 28px;}
        .px-7   {padding-left: 28px; padding-right: 28px;}
        .py-7   {padding-top: 28px; padding-bottom: 28px;}
        .pt-7   {padding-top: 28px;}
        .pr-7   {padding-right: 28px;}
        .pb-7   {padding-bottom: 28px;}
        .pl-7   {padding-left: 28px;}
        .p-8    {padding: 32px;}
        .px-8   {padding-left: 32px; padding-right: 32px;}
        .py-8   {padding-top: 32px; padding-bottom: 32px;}
        .pt-8   {padding-top: 32px;}
        .pr-8   {padding-right: 32px;}
        .pb-8   {padding-bottom: 32px;}
        .pl-8   {padding-left: 32px;}
        .p-9    {padding: 36px;}
        .px-9   {padding-left: 36px; padding-right: 36px;}
        .py-9   {padding-top: 36px; padding-bottom: 36px;}
        .pt-9   {padding-top: 36px;}
        .pr-9   {padding-right: 36px;}
        .pb-9   {padding-bottom: 36px;}
        .pl-9   {padding-left: 36px;}
        .p-10   {padding: 40px;}
        .px-10  {padding-left: 40px; padding-right: 40px;}
        .py-10  {padding-top: 40px; padding-bottom: 40px;}
        .pt-10  {padding-top: 40px;}
        .pr-10  {padding-right: 40px;}
        .pb-10  {padding-bottom: 40px;}
        .pl-10  {padding-left: 40px;}
        .p-12   {padding: 48px;}
        .px-12  {padding-left: 48px; padding-right: 48px;}
        .py-12  {padding-top: 48px; padding-bottom: 48px;}
        .pt-12  {padding-top: 48px;}
        .pr-12  {padding-right: 48px;}
        .pb-12  {padding-bottom: 48px;}
        .pl-12  {padding-left: 48px;}
        .p-16   {padding: 64px;}
        .px-16  {padding-left: 64px; padding-right: 64px;}
        .py-16  {padding-top: 64px; padding-bottom: 64px;}
        .pt-16  {padding-top: 64px;}
        .pr-16  {padding-right: 64px;}
        .pb-16  {padding-bottom: 64px;}
        .pl-16  {padding-left: 64px;}
        .p-20   {padding: 80px;}
        .px-20  {padding-left: 80px; padding-right: 80px;}
        .py-20  {padding-top: 80px; padding-bottom: 80px;}
        .pt-20  {padding-top: 80px;}
        .pr-20  {padding-right: 80px;}
        .pb-20  {padding-bottom: 80px;}
        .pl-20  {padding-left: 80px;}
        .p-24   {padding: 96px;}
        .px-24  {padding-left: 96px; padding-right: 96px;}
        .py-24  {padding-top: 96px; padding-bottom: 96px;}
        .pt-24  {padding-top: 96px;}
        .pr-24  {padding-right: 96px;}
        .pb-24  {padding-bottom: 96px;}
        .pl-24  {padding-left: 96px;}
        .p-32   {padding: 128px;}
        .px-32  {padding-left: 128px; padding-right: 128px;}
        .py-32  {padding-top: 128px; padding-bottom: 128px;}
        .pt-32  {padding-top: 128px;}
        .pr-32  {padding-right: 128px;}
        .pb-32  {padding-bottom: 128px;}
        .pl-32  {padding-left: 128px;}
        .p-40   {padding: 160px;}
        .px-40  {padding-left: 160px; padding-right: 160px;}
        .py-40  {padding-top: 160px; padding-bottom: 160px;}
        .pt-40  {padding-top: 160px;}
        .pr-40  {padding-right: 160px;}
        .pb-40  {padding-bottom: 160px;}
        .pl-40  {padding-left: 160px;}
}