.elementor-10 .elementor-element.elementor-element-99959e9{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:1;}.elementor-10 .elementor-element.elementor-element-99959e9:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-99959e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vyvoj.vyvojwpj.eu/wp-content/uploads/2025/11/slide.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-99959e9::before, .elementor-10 .elementor-element.elementor-element-99959e9 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-99959e9 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-99959e9 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-99959e9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-99959e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://vyvoj.vyvojwpj.eu/wp-content/uploads/2025/11/header_cover.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-8cb3fed{--display:flex;--padding-top:0px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-a29c2a9 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-027a580{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5828011{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-aad77fe{padding:0px 0px 15px 100px;}.elementor-10 .elementor-element.elementor-element-3dbe245{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-e32f2c3{--swiper-slides-to-display:4;--swiper-slides-gap:26px;}.elementor-10 .elementor-element.elementor-element-e32f2c3 .swiper-slide > .elementor-element{height:100%;}.elementor-10 .elementor-element.elementor-element-95e4c8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-0e317d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-0e317d3:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-0e317d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vyvoj.vyvojwpj.eu/wp-content/uploads/2025/11/shutterstock_340716113-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-51d6e79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:80px;--padding-right:80px;}.elementor-10 .elementor-element.elementor-element-51d6e79:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-51d6e79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://vyvoj.vyvojwpj.eu/wp-content/uploads/2025/11/Vrstva_1.png");background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-10 .elementor-element.elementor-element-a72e25f .elementor-heading-title{font-size:50px;color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-a9583eb{color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-415e0dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-78c4a3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-4545b7b{padding:0px 0px 0px 100px;}.elementor-10 .elementor-element.elementor-element-72804a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-68f8d8b{--swiper-slides-to-display:3;--swiper-slides-gap:26px;}.elementor-10 .elementor-element.elementor-element-68f8d8b .swiper-slide > .elementor-element{height:100%;}.elementor-10 .elementor-element.elementor-element-8d1982c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-f83646c{--swiper-slides-to-display:3;--swiper-offset-size:200px;--swiper-slides-gap:26px;}.elementor-10 .elementor-element.elementor-element-f83646c .swiper-slide > .elementor-element{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-a29c2a9 .elementor-heading-title{font-size:60px;line-height:1.3em;}.elementor-10 .elementor-element.elementor-element-e32f2c3{--swiper-slides-to-display:2;}.elementor-10 .elementor-element.elementor-element-68f8d8b{--swiper-slides-to-display:2;}.elementor-10 .elementor-element.elementor-element-f83646c{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-99959e9:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-99959e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vyvoj.vyvojwpj.eu/wp-content/uploads/2025/11/bg_mobile.jpg");}.elementor-10 .elementor-element.elementor-element-99959e9{--min-height:86vh;}.elementor-10 .elementor-element.elementor-element-8cb3fed{--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-a29c2a9{text-align:center;}.elementor-10 .elementor-element.elementor-element-a29c2a9 .elementor-heading-title{font-size:35px;}.elementor-10 .elementor-element.elementor-element-027a580{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-aad77fe{padding:0px 0px 20px 0px;}.elementor-10 .elementor-element.elementor-element-3dbe245{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e32f2c3{--swiper-slides-to-display:1;--swiper-slides-gap:20px;}.elementor-10 .elementor-element.elementor-element-95e4c8c{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-0e317d3{--min-height:400px;}.elementor-10 .elementor-element.elementor-element-51d6e79:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-51d6e79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:35vw -21px;}.elementor-10 .elementor-element.elementor-element-51d6e79{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-a72e25f .elementor-heading-title{font-size:30px;}.elementor-10 .elementor-element.elementor-element-415e0dc{--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-4545b7b{padding:0px 0px 20px 0px;}.elementor-10 .elementor-element.elementor-element-72804a9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-68f8d8b{--swiper-slides-to-display:1;--swiper-slides-gap:20px;}.elementor-10 .elementor-element.elementor-element-8d1982c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f83646c{--swiper-slides-to-display:1;--swiper-offset-size:66px;--swiper-slides-gap:20px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-3dbe245{--width:100%;}.elementor-10 .elementor-element.elementor-element-95e4c8c{--content-width:1920px;}.elementor-10 .elementor-element.elementor-element-0e317d3{--width:60%;}.elementor-10 .elementor-element.elementor-element-51d6e79{--width:40%;}.elementor-10 .elementor-element.elementor-element-72804a9{--width:100%;}.elementor-10 .elementor-element.elementor-element-8d1982c{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-0e317d3{--width:50%;}.elementor-10 .elementor-element.elementor-element-51d6e79{--width:50%;}}/* Start custom CSS for loop-carousel, class: .elementor-element-e32f2c3 *//* spodní navigační bar pod karuselem */
.loop-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    gap: 20px;
}

/* text 1 / 7 vlevo */
.loop-counter {
    font-size: 16px;
    color: #1E2540;
    white-space: nowrap;
}

/* progress line uprostřed */
.loop-progress-line {
    flex: 1;
    height: 6px;
    background: #DFDFDF;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.loop-progress-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--progress);
    background: #0E1B4D;
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* wrapper pro šipky vpravo */
.loop-arrows {
    display: flex;
    gap: 16px;
}

/* ŠIPKY – menší, kulaté */
.loop-bottom-bar .loop-arrow {
    width: 42px;
    height: 42px;
    border-radius: 59px !important;   /* vynutíme kruh */
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* levá – bílý kruh, tmavě modrá šipka */
.loop-bottom-bar .loop-arrow.prev {
    background: #FFFFFF;
    color: #0E1B4D;
}

/* pravá – tmavě modrý kruh, bílá šipka */
.loop-bottom-bar .loop-arrow.next {
    background: #0E1B4D;
    color: #FFFFFF;
}
/* schovat šipky na mobilech */
@media (max-width: 767px) {
    .loop-bottom-bar .loop-arrows {
        display: none;
    }

    /* volitelné: ať progress zabere víc místa, když nejsou šipky */
    .loop-bottom-bar {
        justify-content: flex-start;
        gap: 12px;
    }
}

@media (max-width: 767px) {

    /* šipky schovat */
    .loop-bottom-bar .loop-arrows {
        display: none;
    }

    /* spodní bar přes celou šířku + 20px odsazení po stranách */
    .loop-bottom-bar {
        padding: 0 10px;  /* tohle je ten offset co chceš */
        gap: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-68f8d8b *//* spodní navigační bar pod karuselem */
.loop-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    gap: 20px;
}

/* text 1 / 7 vlevo */
.loop-counter {
    font-size: 16px;
    color: #1E2540;
    white-space: nowrap;
}

/* progress line uprostřed */
.loop-progress-line {
    flex: 1;
    height: 6px;
    background: #DFDFDF;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.loop-progress-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--progress);
    background: #0E1B4D;
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* wrapper pro šipky vpravo */
.loop-arrows {
    display: flex;
    gap: 16px;
}

/* ŠIPKY – menší, kulaté */
.loop-bottom-bar .loop-arrow {
    width: 42px;
    height: 42px;
    border-radius: 59px !important;   /* vynutíme kruh */
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* levá – bílý kruh, tmavě modrá šipka */
.loop-bottom-bar .loop-arrow.prev {
    background: #FFFFFF;
    color: #0E1B4D;
}

/* pravá – tmavě modrý kruh, bílá šipka */
.loop-bottom-bar .loop-arrow.next {
    background: #0E1B4D;
    color: #FFFFFF;
}
/* schovat šipky na mobilech */
@media (max-width: 767px) {
    .loop-bottom-bar .loop-arrows {
        display: none;
    }

    /* volitelné: ať progress zabere víc místa, když nejsou šipky */
    .loop-bottom-bar {
        justify-content: flex-start;
        gap: 12px;
    }
}

@media (max-width: 767px) {

    /* šipky schovat */
    .loop-bottom-bar .loop-arrows {
        display: none;
    }

    /* spodní bar přes celou šířku + 20px odsazení po stranách */
    .loop-bottom-bar {
        padding: 0 10px;  /* tohle je ten offset co chceš */
        gap: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-f83646c *//* spodní navigační bar pod karuselem */
.loop-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    gap: 20px;
}

/* text 1 / 7 vlevo */
.loop-counter {
    font-size: 16px;
    color: #1E2540;
    white-space: nowrap;
}

/* progress line uprostřed */
.loop-progress-line {
    flex: 1;
    height: 6px;
    background: #DFDFDF;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.loop-progress-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--progress);
    background: #0E1B4D;
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* wrapper pro šipky vpravo */
.loop-arrows {
    display: flex;
    gap: 16px;
}

/* ŠIPKY – menší, kulaté */
.loop-bottom-bar .loop-arrow {
    width: 42px;
    height: 42px;
    border-radius: 59px !important;   /* vynutíme kruh */
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* levá – bílý kruh, tmavě modrá šipka */
.loop-bottom-bar .loop-arrow.prev {
    background: #FFFFFF;
    color: #0E1B4D;
}

/* pravá – tmavě modrý kruh, bílá šipka */
.loop-bottom-bar .loop-arrow.next {
    background: #0E1B4D;
    color: #FFFFFF;
}
/* schovat šipky na mobilech */
@media (max-width: 767px) {
    .loop-bottom-bar .loop-arrows {
        display: none;
    }

    /* volitelné: ať progress zabere víc místa, když nejsou šipky */
    .loop-bottom-bar {
        justify-content: flex-start;
        gap: 12px;
    }
}

@media (max-width: 767px) {

    /* šipky schovat */
    .loop-bottom-bar .loop-arrows {
        display: none;
    }

    /* spodní bar přes celou šířku + 20px odsazení po stranách */
    .loop-bottom-bar {
        padding: 0 10px;  /* tohle je ten offset co chceš */
        gap: 12px;
    }
}/* End custom CSS */