.elementor-kit-9{--e-global-color-primary:#231F20;--e-global-color-secondary:#003089;--e-global-color-text:#F5F7FA;--e-global-color-accent:#00308920;--e-global-color-9a62abe:#FFFFFF;--e-global-color-c37167c:#000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:19px;--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:normal;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-207dc63-font-size:20px;--e-global-typography-207dc63-font-weight:bold;background-image:url("https://www.modernestavby.sk/wp-content/uploads/2022/03/homapge-hero-background-scaled.jpg?ver=1714992504");color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:20px;line-height:1.5em;background-position:top left;background-repeat:no-repeat;background-size:contain;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-secondary );}.elementor-kit-9 h1{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:40px;font-weight:bold;line-height:1.3em;}.elementor-kit-9 h2{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:40px;font-weight:bold;line-height:1.5em;}.elementor-kit-9 h3{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:32px;font-weight:normal;line-height:1.5em;}.elementor-kit-9 h4{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:28px;font-weight:bold;line-height:1.5em;}.elementor-kit-9 h5{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:22px;font-weight:bold;line-height:1.5em;}.elementor-kit-9 h6{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:bold;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:1025px){.elementor-kit-9{background-attachment:fixed;}}@media(max-width:1024px){.elementor-kit-9{background-image:url("https://www.modernestavby.sk/wp-content/uploads/2022/03/homapge-hero-background-scaled.jpg?ver=1714992504");font-size:16px;background-position:top left;background-repeat:no-repeat;background-size:contain;}.elementor-kit-9 h1{font-size:32px;}.elementor-kit-9 h2{font-size:32px;}.elementor-kit-9 h3{font-size:28px;}.elementor-kit-9 h4{font-size:22px;}.elementor-kit-9 h5{font-size:18px;}.elementor-kit-9 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{background-image:url("https://www.modernestavby.sk/wp-content/uploads/2022/03/homapge-hero-background-scaled.jpg?ver=1714992504");font-size:18px;}.elementor-kit-9 h1{font-size:32px;}.elementor-kit-9 h2{font-size:24px;}.elementor-kit-9 h3{font-size:18px;}.elementor-kit-9 h4{font-size:16px;}.elementor-kit-9 h5{font-size:14px;}.elementor-kit-9 h6{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* GLOBAL */


:root{
    --page-dark: #231F20;
    --page-blue: #003089;
    --page-light: #F5F7FA;
    --page-opacity25: rgba(0, 48, 137, .1);
    
    --half-button-line-hover: translate(-184px, 6832px);
    --arrow-link-line-hover: translate(-379px, -742.5px);
}

.elementor-section-height-default{
    padding: 100px 0;
}

@media screen and (max-width: 1024px){
    .elementor-section-height-default{
        padding: 50px 0;
    }
}


/* BUTTONS */

/* HALF BUTTON */

.half-button{
    position: relative;
    width: fit-content;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    font-size: 18px;
    font-family: 'Poppins', Sans-Serif;
    font-weight: bold;
    color: var(--page-blue);
    padding: 16px 20px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.half-button p{
    margin: 0;
    position: relative;
    left: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.half-button:hover p{
    left: 12px;
}

.half-button::before{
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    height: 100%;
    width: 100%;
    background-color: var(--page-opacity25);
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    
}

.half-button:hover::before{
    left: 0;
}

.half-button svg{
    margin-left: 16px;
    overflow: hidden;
}

.half-button .line{
    position: relative;
    
    -webkit-transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
}

.half-button:hover .line{
    transform: var(--half-button-line-hover);
}

.half-button.center{
    margin: 0 auto;
}

@media screen and (min-width: 1025px){
    .half-button.desktop-center{
    margin: 0 auto;
}
}

/* elementor half button */
.half-button-elementor a{
    position: relative;
    background-color: transparent;
    padding: 16px 20px;
    font-size: 18px;
    font-family: 'Poppins', Sans-Serif;
    font-weight: bold;
    overflow: hidden;
    color: var(--page-blue) !important;
    border-radius: 0;
    line-height: 1.5em;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.half-button-elementor a span.elementor-button-text{
    position: relative;
    left: 0;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.half-button-elementor a::before{
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    height: 100%;
    width: 100%;
    background-color: var(--page-opacity25);
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.half-button-elementor a svg{
    margin-left: 12px;
}

.half-button-elementor a svg .line{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.half-button-elementor a:hover span.elementor-button-text{
    left: 12px;
}

.half-button-elementor a:hover svg .line{
    transform: var(--half-button-line-hover);
}

.half-button-elementor a:hover{
    color: var(--page-blue);
}

.half-button-elementor a:hover::before{
    left: 0;
}

/* if button */

button.half-button-elementor{
    position: relative;
    background-color: transparent;
    padding: 16px 20px !important;
    font-size: 18px;
    font-family: 'Poppins', Sans-Serif;
    font-weight: bold;
    overflow: hidden;
    color: var(--page-blue);
    border-radius: 0;
    line-height: 1.5em;
    width: fit-content !important;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

button.half-button-elementor:hover{
    background-color: transparent;
}

button.half-button-elementor span.elementor-button-text{
    position: relative;
    left: 0;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

button.half-button-elementor::before{
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    height: 100%;
    width: 100%;
    background-color: var(--page-opacity25);
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

button.half-button-elementor svg{
    margin-left: 12px;
}

button.half-button-elementor svg *{
    fill: none !important;
}

button.half-button-elementor svg .line{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

button.half-button-elementor:hover span.elementor-button-text{
    left: 12px;
}

button.half-button-elementor:hover svg .line{
    transform: var(--half-button-line-hover);
}

button.half-button-elementor:hover{
    color: var(--page-blue);
}

button.half-button-elementor:hover::before{
    left: 0;
}

/* ### */


.arrow-link{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.arrow-link p{
    margin: 0;
    position: relative;
    left: 0;
    font-family: 'Poppins', Sans-Serif;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.arrow-link svg{
    margin-left: 12px;
    overflow: hidden;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.arrow-link .line{
    position: relative;
    
    -webkit-transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
}

.arrow-link:hover .line{
    transform: var(--arrow-link-line-hover);
}



/* OTHER COMPONENTS */

.top-of-heading{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--page-blue);
}

.top-of-heading:before{
    position: absolute;
   content: url('/wp-content/uploads/2022/03/top-of-heading-icon.svg');
   top: 3px;
   left: -36px;
}

.top-of-heading.static{
    position: relative;
    margin-left: 12px;
}

.top-of-heading.static:before{
    position: relative;
    left: -12px;
}

.custom-video-icon i.eicon-play{
    opacity: 1;
    position: relative;
    transform-origin: center center;
    transform: scale(.8);
}

.custom-video-icon i.eicon-play:before{
    content: url('/wp-content/uploads/2022/03/play-icon.svg');
}

.fit-content{
    width: fit-content !important;
}


/* boxes */

body{
    counter-reset: homepageServices;
}

.services-from-4{
    counter-reset: homepageServices;
    counter-set: homepageServices 3;
}

.boxes{
    display: flex;
    flex-flow: row wrap;
}

.service-count{
    counter-increment: homepageServices;
}

.boxes .box:before{
    content: '0' counter(homepageServices);
    font-size: 80px;
    color: #fff;
    font-weight: bold;
    display: block;
    position: relative;
    left: 0;
    margin: 20px 0 30px 0;
    font-family: 'Poppins', Sans-Serif;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--page-blue);
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.boxes.no-numbers .box::before{
    display: none;
}

.boxes .box{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 20px 20px 50px rgba(0,0,0, .16);
    padding:30px;
    width: 300px;
    height: 320px;
    margin-right: 16px;
    margin-bottom: 24px;
    z-index: 2;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.boxes{
    justify-content: space-between;
}

@media screen and (min-width: 1025px){
    .boxes.four .box{
        width: calc(100% / 4 - 8px); 
        margin-right: 0;
    }
    .boxes.three .box{
        width: calc(100% / 3 - 8px); 
        margin-right: 0;
    }
}

.boxes.text .box{
    height: auto;
}

.boxes.text .box p.popis{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-size: 18px;
    color: var(--page-dark);
}

.boxes.text .box:hover p.popis{
    color: #fff;
}

.boxes .box:last-of-type {
    margin-right: 0;
}

.boxes .box .inner{
    position: relative;
    display: flex;
    height: 80%;
    max-height: 100%;
    flex-flow: column nowrap;
    justify-content: space-between;
    left: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.boxes .box h4{
    color: var(--page-blue);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    line-height: 1.3em;
    font-size: 26px;
}

.boxes .box .arrow-link p{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.boxes .box:hover .inner, .boxes .box:hover:before{
    left: 12px;
}

.boxes .box:hover .arrow-link p{
    left: 0px;
}

.boxes .box:hover .arrow-link svg{
    filter: invert(1) saturate(1) brightness(10);
}

.boxes .box:hover .arrow-link .line{
    transform: var(--arrow-link-line-hover);
}

.boxes .box .arrow-link .head{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.boxes .box:hover .arrow-link .head{
    transform: translate(-416.5px, -738px);
}

.boxes .box:hover{
    background-color: #1254CC;
}

.boxes .box:hover h4, .boxes .box:hover .arrow-link{
    color: #fff;
}

.boxes .box:hover:before{
    -webkit-text-stroke-color: transparent;
}

@media screen and (max-width: 1024px){
    .boxes .box{
        width: calc(100% / 2 - 8px); 
        height: unset;
        margin-right: 0;
    }
    .boxes .box:hover .inner, .boxes .box:hover::before{
        left: 0;
    }
    
    .modry-nadpis_section .elementor-background-overlay{
        display: none;
    }
}

@media screen and (max-width: 767px){
    .boxes .box{
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        padding: 16px;
        margin-bottom: 8px;
    }
    .boxes .box:before{
        margin: 24px 0;
        font-size: 60px;
        min-width: 90px;
        margin-bottom: 22px;
    }
    .boxes .box h4{
        margin: 0 2px 0 0;
    }
    .boxes.text .box{
       align-items: flex-start;
    }
    .boxes.text .box p.popis{
       margin-top: 4px;
       font-size: 14px;
       line-height: 1.3em;
    }
}


/* END of boxes */


@media screen and (max-width: 1024px){
    .mobile-order-1{
        order: 1;
    }
    .mobile-order-2{
        order: 2;
    }
    .mobile-order-3{
        order: 3;
    }
    .top-of-heading{
        position: relative;
        margin-left: 12px;
    }
    .top-of-heading.mobile-static{
        margin-left: 0;
    }
    .top-of-heading.mobile-static::before{
        position: static;
        margin-right: 12px;
    }
    .custom-video-icon i.eicon-play{
        transform: scale(.5);
    }
}

@media screen and (max-width: 767px){
    .top-of-heading{
        font-size: 16px;
    }
    .top-of-heading:before{
        transform: scale(.8);
    }
    .top-of-heading.static:before{
        left: -8px;
    }
    .top-of-heading.mobile-static::before{
        position: static;
        margin: 0 10px -4px 0;
    }
    .empty-column-mobile-height{
        height: 300px;
    }
}


/* HEADER */

#header{
    z-index: 100;
}

nav.elementor-nav-menu--dropdown {
    padding: 0;
    margin: 0;
    height: calc(100vh - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
}

nav.elementor-nav-menu--dropdown ul{
    margin-top: -50px;
    width: 100%;
}

.elementor-menu-toggle__icon--close, .elementor-menu-toggle__icon--open{
    display: none !important;
}

#hamburger{
    overflow: visible;
}

#hamburger .line-1{
    width: 70%;
}

.elementor-menu-toggle.elementor-active #hamburger .line-1, .elementor-menu-toggle.elementor-active #hamburger .line-3{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}


.elementor-menu-toggle.elementor-active #hamburger .line-1{
    width: 100%;
    position: relative;
    transform: translate(1728px, 35px) rotate(45deg);
}

.elementor-menu-toggle.elementor-active #hamburger .line-2{
    display: none;
}

.elementor-menu-toggle.elementor-active #hamburger .line-3{
    position: relative;
    transform: translate(1727px, 52px) rotate(-45deg);
}

/* FOOTER */

.footer-ul ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-ul ul li{
    padding: 2px 0;
}

.footer-ul ul li img{
    margin-right: 10px;
}

.footer-ul a{
    color: #fff;
    
}

/* HOMEPAGE */
.top-two-blocks{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.top-two-blocks .block{
    position: relative;
    overflow: hidden;
    width: calc(50% - 8px);
    height: 700px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #E5EAF3;
    padding: 100px;
    margin-bottom: 16px;
}

.top-two-blocks .block .inner{
    position: relative;
    left: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.top-two-blocks .block:hover .inner{
    left: 12px;
}


.top-two-blocks .block h2{
    width: 300px;
}

.top-two-blocks .block p{
    color: var(--page-dark);
    margin: 12px 0 48px 0;
}

.top-two-blocks .block .half-button p{
    color: var(--page-blue);
    margin: 0;
}

.top-two-blocks .block .half-button{
    margin: 0 0 150px 0;
}

.top-two-blocks .block:hover .half-button::before{
    left: 0;
}.top-two-blocks .block:hover .half-button .line{
    transform: var(--half-button-line-hover);
}.top-two-blocks .block:hover .half-button p{
    left: 12px;
}

.top-two-blocks .block:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: .25;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.top-two-blocks .block.projektovanie:before{
    background-image: url('/wp-content/uploads/2022/03/projektovanie-domu-background.png');
}

.top-two-blocks .block.realizacia:before{
    background-image: url('/wp-content/uploads/2022/03/realizacia-projektov-background.png');
}

.top-two-blocks .block.realizacia h2{
    width: 420px;
}

.top-two-blocks .block:hover::before{
    opacity: 1;
}


.homepage.recent-projects{
    max-width: 800px;
}

.classic-left-heading{
    margin: 24px 0 56px 32px;
}

/* our services */
.our-services_section .our-services-image.elementor-widget.elementor-widget-image{
    position: absolute;
    top: 0;
    right: 0;
}

.our-services_section .elementor-container.elementor-column-gap-default, .our-services_section .elementor-widget-wrap.elementor-element-populated, .our-services_section .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-752e7f7{
    position: static !important;
}

.our-services-outer{
    display: flex;
    flex-flow: column nowrap;
    width: fit-content;
    margin: 0 auto 0 80px;
}

.our-services-about{
    max-width: 500px;
    margin: 0 auto 100px 80px;
}


.homepage.our-services{
    display: flex;
    flex-flow: row wrap;
    counter-reset: homepageServices;
    margin-bottom: 100px;
}

.our-services-outer .half-button{
    margin: 0 0 0 auto;
}

.homepage.our-services .service:before{
    content: '0' counter(homepageServices);
    font-size: 80px;
    color: #fff;
    font-weight: bold;
    display: block;
    position: relative;
    left: 0;
    margin: 20px 0 30px 0;
    font-family: 'Poppins', Sans-Serif;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--page-blue);
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.homepage.our-services .service{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    counter-increment: homepageServices;
    background-color: #fff;
    box-shadow: 20px 20px 50px rgba(0,0,0, .16);
    padding:30px;
    width: 320px;
    height: 320px;
    margin-right: 16px;
    z-index: 2;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.homepage.our-services .service:last-of-type {
    margin-right: 0;
}

.homepage.our-services .service .inner{
    position: relative;
    display: flex;
    height: 80%;
    max-height: 100%;
    flex-flow: column nowrap;
    justify-content: space-between;
    left: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.homepage.our-services .service h4{
    color: var(--page-blue);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    line-height: 1.3em;
    font-size: 26px;
}

.homepage.our-services .service .arrow-link p{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.homepage.our-services .service:hover .inner, .homepage.our-services .service:hover:before{
    left: 12px;
}

.homepage.our-services .service:hover .arrow-link p{
    left: 0px;
}

.homepage.our-services .service:hover .arrow-link svg{
    filter: invert(1) saturate(1) brightness(10);
}

.homepage.our-services .service:hover .arrow-link .line{
    transform: var(--arrow-link-line-hover);
}

.homepage.our-services .service .arrow-link .head{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.homepage.our-services .service:hover .arrow-link .head{
    transform: translate(-416.5px, -738px);
}

.homepage.our-services .service:hover{
    background-color: #1254CC;
}

.homepage.our-services .service:hover h4, .homepage.our-services .service:hover .arrow-link{
    color: #fff;
}

.homepage.our-services .service:hover:before{
    -webkit-text-stroke-color: transparent;

}

/* contact */
.homepage.person{
    display: flex;
    flex-flow: column nowrap;
}

.homepage.person p{
    margin: 0 0 16px 0;
    font-size: 14px;
}

.homepage.person h5{
    font-size: 22px;
    margin: 0;
}

.homepage.person a{
    font-size: 16px;
    font-weight: bold;
    padding: 1px 0;
}

.homepage.person a img{
    margin-right: 10px;
}
    
.blog-listing .elementor-container.elementor-column-gap-no{
    height: 100%;
}

@media screen and (max-width: 1300px){
    .our-services_section .our-services-image.elementor-widget.elementor-widget-image{
        top: 50px;
    }
    .homepage.our-services-about{
        max-width: 40%;
        margin-bottom: 0;
    }
    .homepage.our-services .service{
        padding: 24px;
        width: 240px;
        height: auto;
        margin-right: 16px;
    }
    .homepage.our-services .service::before{
         font-size: 60px;
         margin: 24px 0;
    }
    .homepage.our-services .service h4{
        font-size: 24px;
    }
    .homepage.our-services{
        margin-bottom: 50px;
    }
}
    
@media screen and (max-width: 1024px){
    .top-two-blocks .block{
        width: 100%;
        height: 400px;
    }
    .top-two-blocks .block:hover .inner{
        left: 0px;
    }
    .top-two-blocks .block .half-button{
        margin-bottom: 0;
    }
    .top-two-blocks .block:hover::before{
        opacity: .25;
    }


    .classic-left-heading, .mobile-classic-left-heading{
        margin: 0px 0 12px 32px;
    }

    .homepage.our-services-about{
        margin-left: 0;
        margin-bottom: 50px;
        max-width: 800px;
    }
    
    .person-widget .elementor-widget-container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .our-services-outer{
        width: 100%;
        margin: 0  auto;
    }
    .homepage.our-services{
        justify-content: space-between;
        margin-top: -30px;
        margin-bottom: 50px;
    }
    .homepage.our-services .service{
        width: calc(100% / 2 - 8px);
        margin-right: 0;
        margin-bottom: 16px;
    }
    .homepage.our-services .service:last-of-type {
        margin: 0 0 0 auto;
    }
    .our-services_section .our-services-image.elementor-widget.elementor-widget-image{
        position: static;
    }
    .our-services_section .our-services-image.elementor-widget.elementor-widget-image img{
        transform: scale(1.1);
        transform-origin: center top;
    }
    .our-services-about{
        margin: 0 0 50px 0;
    }
    .homepage.our-services .service:hover .inner, .homepage.our-services .service:hover::before{
        left: 0;
    }
    .homepage.our-services .service{
        height: 100%;
        padding: 32px;
    }
    .homepage.our-services .service::before{
        font-size: 60px;
        margin: 24px 0;
    }
    .homepage.our-services .service h4{
        font-size: 18px;
        margin-bottom: 24px;
    }
    .our-services-about .top-of-heading:before{
        position: static;
        margin-left: -12px;
        margin-right: 12px;
    }
    .our-services-about h3{
        margin-left: 32px;
    }
    
    
    .blog-listing .image-column .elementor-widget-wrap{
        height: 200px;
    }
    
    .mobile-100{
        width: 100% !important;
    }


} 

@media screen and (max-width: 767px){
    .top-two-blocks .block{
        height: 280px;
        padding: 20px;
    }
    .top-two-blocks .block h2{
        width: 180px;
        margin-bottom: 32px;
    }
    .top-two-blocks .block.realizacia h2{
        width: 250px;
    }
    .top-two-blocks .block p:not(.half-button p){
        display: none;
    }
    .top-two-blocks .block .half-button{
        margin-bottom: 0;
    }
    .homempage-top-block{
        min-height: 300px;
        margin: 8px;
    }
    .homepage.our-services{
        margin-bottom: 50px;
    }
    .homepage.our-services .service{
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        padding: 16px;
        margin-bottom: 8px;
    }
    .homepage.our-services .service:before{
        margin: 24px 0;
        min-width: 90px;
        margin-bottom: 22px;
    }
    .homepage.our-services .service h4{
        margin: 0 2px 0 0;
    }
    .our-services-outer .half-button{
        margin: 0 auto 0 0;
    }
}/* spravny zapis :not() */
    
/* custom slider */
/* custom-slider left-overflow arrow-line mobile-transform */

/* OVERFLOW */
.custom-slider.left-overflow .slick-list{
    overflow: visible;
}

/* ARROWS */
.custom-slider.arrow-line .slick-list{
    margin-bottom: 50px;
}
    
.custom-slider.arrow-line .jet-listing-grid__slider-icon.slick-arrow{
    top: unset;
    bottom: 0;
    left: unset;
    background-color: #E5EAF3;
    z-index: 2;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.custom-slider.arrow-line .jet-listing-grid__slider-icon.slick-arrow svg{
    display: none;
}

.custom-slider.arrow-line .jet-listing-grid__slider-icon.slick-arrow:before{
    content: url('/wp-content/uploads/2022/03/slick-arrow.svg');
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}


.custom-slider.arrow-line .jet-listing-grid__slider-icon.slick-arrow.prev-arrow{
    right: 70px;
}
    
.custom-slider.arrow-line .jet-listing-grid__slider-icon.slick-arrow.next-arrow{
    right: 10px;
}

.custom-slider.arrow-line .jet-listing-grid__slider-icon.slick-arrow:hover{
    background-color: var(--page-blue);
}

.custom-slider.arrow-line .jet-listing-grid__slider-icon.slick-arrow:hover:before{
    content: url('/wp-content/uploads/2022/03/slick-arrow.svg');
    filter: invert(1) saturate(0) brightness(10);
}


/* DOTS */
.custom-slider{
    position: relative;
}

.custom-slider.arrow-line ul.jet-slick-dots{
    justify-content: flex-start;
    padding: 0 10px;
    height: 50px;
    min-width: calc(100% - 300px);
    width: 60%;
}

.custom-slider.arrow-line ul.jet-slick-dots li{
    width: 100%;
    height: 4px;
    border-radius: 0;
    margin: 0;
    background-color: #E5EAF3;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.custom-slider.arrow-line ul.jet-slick-dots li:hover{
    background-color: var(--page-opacity25);
}

.custom-slider.arrow-line ul.jet-slick-dots li.slick-active{
    background-color: var(--page-blue);
}

@media screen and (max-width: 767px){
    .custom-slider.arrow-line .slick-list{
        margin-bottom: 0px;
    }
    .custom-slider.mobile-transform .jet-listing-grid__items .slick-list{
        transform: scale(.85);
        transform-origin: top left;
        margin-bottom: -15%;
    }
    .custom-slider.mobile-no-nav ul.jet-slick-dots, .custom-slider.mobile-no-nav .jet-listing-grid__slider-icon.slick-arrow{
        display: none !important;
    }
    .custom-slider.arrow-line ul.jet-slick-dots{
        margin-top: 30px;
    }
}

.done-projects-text_section .custom-link a{
    font-size: 14px;
    color: var(--page-blue);
}

@media screen and (min-width: 1025px){
    .done-projects-text_section{
        position: relative;
        left: 0;
        margin-top: 6px;
        
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }    
    .done-projects_section:hover .done-projects-text_section{
        left: 10px;
    }
    .done-projects-text_section .custom-link{
        width: fit-content;
        position: relative;
        right: 10px;
        opacity: 0;
        
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    .done-projects_section:hover .done-projects-text_section .custom-link{
        opacity: 1;
    }
    .done-projects_section .jet-listing.jet-listing-dynamic-image{
        overflow: hidden;
    }
    
    .done-projects_section .jet-listing.jet-listing-dynamic-image img{
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
    }
    
    .done-projects_section .jet-listing.jet-listing-dynamic-image:hover img{
        transform: scale(1.1);
    }
}


/* ABOUT US */

h3.prices{
  max-width: 600px;  
}

.price-item .elementor-image-box-wrapper{
    justify-content: flex-start;
    align-items: center !important;
    margin: 20px 0;
}


.price-item figure{
    width: unset !important;
    max-width: unset;
}

.price-item .elementor-image-box-content{
    margin-bottom: 12px;
    padding: 0 30px;
}

.price-item .elementor-image-box-content h4{
    color: var(--page-blue);
}


.price-item img{
    width: 150px;
    height: 150px;
    object-fit: cover;
    max-width: unset;
}

@media screen and (max-width: 1024px){
    .price-item img{
        width: 100px;
        height: 100px;
        object-fit: cover;
        max-width: unset;
    }
    .price-item .elementor-image-box-content{
        margin-bottom: 12px;
        padding: 0 12px;
    }
}

@media screen and (max-width: 767px){
    .price-item .elementor-image-box-wrapper{
        display: flex;
        align-items: center;
        flex-flow: row nowrap;
        margin: 6px 0;
    }
}

/* infinite slider */
.infinite-linear-slider .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}

.infinite-linear-slider img{
    filter:  saturate(0);
    opacity: .5;
}

/* projects-filter */

.projects-filter{

}

.projects-filter span.jet-radio-list__decorator{
    display: none;
}

.projects-filter .jet-radio-list .jet-radio-list__item .jet-radio-list__input:checked+.jet-radio-list__button span.jet-radio-list__label{
    position: relative;
}

.projects-filter .jet-radio-list .jet-radio-list__item span.jet-radio-list__label{
    position: relative;
    font-size: 16px;
    padding-bottom: 5px;
    font-family: 'Poppins', Sans-Serif;
}

.projects-filter  .jet-radio-list-wrapper{
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    overflow: visible;
}

@media screen and (max-width: 1024px){
    .projects-filter  .jet-radio-list-wrapper{
        flex-flow: column nowrap;
    }
}

.projects-filter  .jet-radio-list__row.jet-filter-row{
    margin-bottom: 16px !important;
}

.projects-filter .jet-radio-list .jet-radio-list__item span.jet-radio-list__label::before{
    content: '';
    position: absolute;
    background-color: var(--page-dark);
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    display: block;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.projects-filter .jet-radio-list .jet-radio-list__item span.jet-radio-list__label:hover::before{
    width: 100%;
}


.projects-filter .jet-radio-list .jet-radio-list__item .jet-radio-list__input:checked+.jet-radio-list__button span.jet-radio-list__label::before{
    width: 100%;
}


/* realizacie listing */

.realizacia-listing-meta-label{
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
}

@media screen and (min-width: 768px){
    #realizacie-listing .jet-listing-grid__item:nth-child(even) .realizacia-listing-text-column{
        order: 1;
    }
    #realizacie-listing .jet-listing-grid__item:nth-child(even) .realizacia-listing-image-column{
        order: 2;
    }
}


/* changing form */

.changing-form{
  background-color: #e4eaf2;
  padding: 64px 48px;
  color: var(--page-blue);
}

.changing-form h4{
   font-size: 28px;
   color: var(--page-blue);
}

.changing-form label{
  font-weight: bold;
  font-size: 14Px;
  font-family: 'Poppins', Sans-Serif;
}

.changing-form input, .changing-form textarea, .changing-form select{
    color: var(--page-dark) !important;
    opacity: 1;
    padding: 16px;
}


.changing-form input::placeholder, .changing-form textarea::placeholder, .changing-form select{
    color: var(--page-dark) !important;
    opacity: 1 !important;
    font-family: 'Poppins', Sans-Serif !important;
    
}

.changing-form input#form-field-interest_gdpr + label{
    font-size: 14px !important;
    color: var(--page-dark);
    font-weight: normal;
    display: inline-block;
    margin: 0 0 3px 6px;
    cursor: pointer;
}

.changing-form .elementor-field-type-acceptance span.elementor-field-option{
    display: flex;
}

@media screen and (max-width: 768px){
    .changing-form{
      padding: 32px 24px;
    }
}



/* sledovat-realizaciu-form */

.sledovat-realizaciu-form{
    display: flex;
    align-items: center;
    background-color: var(--page-opacity25);
    padding: 30px;
    height: fit-content !important;
}

.sledovat-realizaciu-form .elementor-widget-container{
    margin-top: 0 !important;
}

.sledovat-realizaciu-form input::placeholder{
    opacity: 1 !important;
}

.sledovat-realizaciu-form input#form-field-sledovat_gdpr + label{
    font-size: 14px !important;
    color: var(--page-dark);
    font-weight: normal;
    display: inline-block;
    margin: 0 0 3px 6px;
    cursor: pointer;
}

.sledovat-realizaciu-form input[type="email"], .sledovat-realizaciu-form button{
    height: 50px;
}

.sledovat-realizaciu-form .elementor-field-type-email{
    order: 1;
}

.sledovat-realizaciu-form .e-form__buttons{
    order: 2;
}

.sledovat-realizaciu-form .elementor-field-type-acceptance{
    order: 3;
    margin-top: 12px;
}

.sledovat-realizaciu-form .elementor-field-type-acceptance span.elementor-field-option{
    display: flex;
}

@media screen and (max-width: 768px){
    .sledovat-realizaciu-form{
        display: flex;
        align-items: center;
        background-color: var(--page-opacity25);
        padding: 16px;
    }
}


/* projekt single detail */

.projekty-single-content{
    margin: 0 32px;
}

.projekty-single-content img{
    margin: 10px -32px;
    min-width: calc(100% + 64px);
}

.projekty-single-image img{
    min-width: 100%;
    height: 600px;
    object-fit: cover;
}


.single-table-item{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    font-family: 'Poppins', Sans-Serif;
    padding: 6px 0;
    border-bottom: solid 1px #E5EAF3;
    margin: 0 32px;
}

.single-table-item.no-border{
    border: none;
}

.single-table-item .name{
    font-size: 14px;
    font-weight: normal;
}

.single-table-item .val{
    font-size: 18px;
    font-weight: bold;
    color: var(--page-blue);
}

.single-table .jet-listing-dynamic-field__content, .single-table .jet-listing-dynamic-field__inline-wrap{
    width: 100% !important;
}

.projekty-single-image img{
    aspect-ratio: 1.91/1 !important;
    height: auto;
    object-fit: cover;
}

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

.projekty-table{
    position: static !important;
    width: unset!important;
    max-width: unset!important;
}
}


/* partenri realizacie */


.partneri-gallery .gallery{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.partneri-gallery .gallery img{
    margin: 0;
}

@media screen and (max-width: 1024px){
.partneri-gallery .gallery {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.partneri-gallery .gallery .gallery-item{
    padding: 0 0 40px 0 !important;
}

.partneri-gallery .gallery .gallery-item:last-of-type{
    margin-bottom: 50px !important;
}


.partneri-gallery .gallery img{
    margin: 0 auto 0 0 !important;
    height: 55px;
    width: auto;
}

}


/* služby */

.half-overlay .elementor-background-overlay {
    background-position: 110% calc(50% - 230px) !important;
}

@media screen and (max-width: 1024px){
    .mobile-overlay-none .elementor-background-overlay {
        display: none;
    }
}


.boxes.three-images .image-box{
    width: calc(100% / 3 - 8px);
}

.boxes .image-box{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}

.boxes.three-images .image-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.boxes .image-box .box{
    position: relative;
    margin-top: -85px;
    width: 85%;
    min-height: 300px;
}

@media screen and (max-width: 1024px) and (min-width: 769px){
    .boxes .image-box .box::before{
        font-size: 60px;
        margin: 24px 0;
    }
    .boxes .image-box .box{
        position: relative;
        margin-top: -100px;
        width: 95%;
        padding: 24px;
        margin-top: -40px;
        min-height: 250px;
    }
}

@media screen and (max-width: 768px){
    .boxes.three-images .image-box{
        width: 100%;
    }
    .boxes .image-box .box{
       width: 95%;
       margin-top: -20px;
       align-items: center;
       min-height: unset;
    } 
    .boxes.three-images .image-box img{
        height: 300px;
    }
    .boxes .image-box .box .inner{
       justify-content: center;
    } 
}


/* Kontakt */

.kontakt-socials{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.kontakt-socials .social{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
    padding: 12px 24px 12px 0;
    height: 72px;
    margin-bottom: 16px;
}
.kontakt-socials .social::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 100%;
    background-color: var(--page-blue);
    z-index: -1;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.kontakt-socials .social .ico{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    width: 72px;
}

.kontakt-socials .social .text{
    margin-left: 24px;
}
.kontakt-socials .social .text p{
    margin: 0;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.kontakt-socials .social .text p{
    margin: 0;
}
.kontakt-socials .social .text p.com{
    font-size: 14px;
    color: var(--page-dark);
    margin-bottom: 0;
}
.kontakt-socials .social .text p.val{
    font-size: 20px;
    font-weight: bold;
    color: var(--page-blue);
}

.person-widget.kontakt .elementor-image-box-wrapper{
    align-items: center !important;
}

.kontakt-map{
    position: relative;
}

.kontakt-map .box{
    background-color: #fff;
    position: absolute;
    top: 30px;
    left: 30px;
    box-shadow: 20px 20px 50px rgba(0,0,0, .16);
    padding: 30px;
    width: 250px;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.kontakt-map .box .inner{
    position: relative;
    left: 0;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.kontakt-map .box .name{
    font-size: 14px;
    color: var(--page-dark);
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.kontakt-map .box .adress{
    font-size: 20px;
    color: var(--page-blue);
    font-weight: bold;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.kontakt-map .box .arrow-link{
    font-size: 14px;
}

.kontakt-map .box .arrow-link svg{
    position: relative;
    top: px;
    left: 0;
}

.kontakt-map .box:hover{
    background-color: var(--page-blue);
}

.kontakt-map .box:hover p{
    color: #fff;
}

.kontakt-map .box:hover .inner{
    left: 12px;
}

.kontakt-map .box:hover .arrow-link svg{
    filter: brightness(100);
    left: -12px;
}

.kontakt-map .box:hover .arrow-link svg .line{
    transform: var(--arrow-link-line-hover);
}

.kontakt-form-section .changing-form{
    background-color: #E5EAF3;
}

.mobile-map{
    display: none;
}
    
@media screen and (min-width: 1025px){
.kontakt-socials .social:hover::before{
    width: 100%;
}

.kontakt-socials .social:hover p{
    color: #fff !important;
}
.kontakt-socials .social .text p.com{
    margin-bottom: -4px;
}
}

@media screen and (max-width: 1024px){
    .kontakt-socials .social{
        width: 50%;
    }
    
    .kontakt-map .box:hover{
        background-color: #fff;
    }
    
    .kontakt-map .box:hover p{
        color: unset;
    }
    
    .kontakt-map .box:hover .inner{
        left: 0;
    }
    
    .kontakt-map .box:hover .arrow-link svg{
        filter: none;
    }
    .kontakt-map .box:hover .arrow-link svg .line{
        transform: var(--arrow-link-line-hover);
    }
    .desktop-map{
        display: none;
    }
    .mobile-map{
        display: block;
    }
}

@media screen and (max-width: 768px){
    .kontakt-socials{
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
    }
    .kontakt-socials .social{
        width: 100%;
        padding-right: 0;
    }
    .person-widget.kontakt figure.elementor-image-box-img img{
        width: 100%;
    }
    
    .kontakt-map .box{
        position: relative;
        top: unset;
        left: unset;
        display: block;
        width: 95%;
        margin: -50px auto 0 auto;
    }
}


/* Single post */

.post-single-image img{
    min-width: 100%;
    height: 60vh;
    object-fit: cover;
}

.similar-posts .blog-listing{
    background-color: #fff !important;
}

.post-single-content{
    
}

.post-single-content p{
    line-height: 1.7em;
    margin: 25px 0 50px 0;
}

.post-single-content p:first-of-type{
    margin-top: 0;
}


.post-single-content h2{
    margin-top: 72px;
    font-size: 40px;
}

.post-single-content h3{
    margin-top: 72px;
    margin-bottom: 48px;
    font-size: 32px;
    font-weight: bold;
}

.post-single-content h4{
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: bold;
}

.post-single-content figure.wp-block-image figcaption{
    text-align: center;
    font-size: 14px;
    max-width: 80%;
    margin: 24px auto 0 auto;
}

.post-single-content .vyhody, .post-single-content .nevyhody{
    background-color: #F5F7FA;
    padding: 40px 40px 70px 40px;
    margin-bottom: 24px;
}

.post-single-content .vyhody ul, .post-single-content .nevyhody ul{
    list-style: square;
    padding: 0 0 0 20px;
}

.post-single-content .vyhody ul li, .post-single-content .nevyhody ul li{
    padding: 7px 0;
}

.post-single-content .vyhody h4, .post-single-content .vyhody ul li::marker{
    color: #0F9A19;
}

.post-single-content .nevyhody h4, .post-single-content .nevyhody ul li::marker{
    color: #C72B52;
}

@media screen and (max-width: 1024px){
    .post-single-image img{
        height: 400px;
    } 
}

@media screen and (max-width: 768px){
    .post-single-image img{
        height: 300px;
    } 
    .post-single-content h2{
        margin-top: 50px;
        font-size: 32px;
    }
    
    .post-single-content h3{
        margin-top: 32px;
        margin-bottom: 24px;
        font-size: 24px;
    }
    
    .post-single-content h4{
        margin-bottom: 16px;
        font-size: 20px;
    }
    .post-single-content .vyhody, .post-single-content .nevyhody{
        background-color: #F5F7FA;
        padding: 24px 24px 40px 24px;
    }
}

/* Blog archive */

.blog-archive-listing .jet-listing-grid__item{
    max-width: 800px;
}

.blog-archive-listing .half-button-elementor{
    display: none;
}

@media screen and (min-width: 1025px){
    
    .blog-archive-listing .jet-listing-grid .jet-engine-listing-overlay-wrap:hover .half-button-elementor a::before{
        left: 0;
    }
    
    .blog-archive-listing .jet-listing-grid .jet-engine-listing-overlay-wrap:hover .half-button-elementor span.elementor-button-text{
        left: 12px;
    }
    
    .blog-archive-listing .jet-listing-grid .jet-engine-listing-overlay-wrap:hover .half-button-elementor svg .line{
        transform: var(--half-button-line-hover);
    }
    
    
    
    .blog-archive-listing .jet-listing-grid__item:nth-of-type(3n + 1){
        max-width: unset !important;
    }
    
    .blog-archive-listing .jet-listing-grid__item:nth-of-type(3n + 1) .half-button-elementor{
        display: block;
    }
    
    .blog-archive-listing .jet-listing-grid__item:nth-of-type(3n + 1) .image-column.archive, .blog-archive-listing .jet-listing-grid__item:nth-of-type(3n + 1) .text-column.archive{
        width: 50%;
    }
    
    .blog-archive-listing .jet-listing-grid__item:nth-of-type(3n + 1) .text-column.archive .elementor-widget-wrap{
        padding: 128px 62px 128px 82px;
    }

}


/* realizacia gallery */

.realizacia-gallery .e-gallery-item{
    display: none;
}

.realizacia-gallery .e-gallery-item:nth-of-type(1), .realizacia-gallery .e-gallery-item:nth-of-type(2), .realizacia-gallery .e-gallery-item:nth-of-type(3), .realizacia-gallery .e-gallery-item:nth-of-type(4){
    display: block;
}

.realizacia-gallery .e-gallery-item:nth-of-type(4) .elementor-gallery-item__overlay{
    display: none;
}

.realizacia-gallery .e-gallery-item:nth-of-type(4) .e-gallery-image{
    background-image: none !important;
    background-color: var(--page-opacity25);
    pointer-events: all;
}

.realizacia-gallery .more-gallery{
    color: var(--page-dark);
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.realizacia-gallery .e-gallery-item:nth-of-type(4):hover .more-gallery .half-button span.elementor-button-text{
    left: 12px;
}

.realizacia-gallery .e-gallery-item:nth-of-type(4):hover .more-gallery .half-button svg .line{
    transform: var(--half-button-line-hover);
}

.realizacia-gallery .e-gallery-item:nth-of-type(4):hover .more-gallery .half-button::before{
    left: 0;
}

.saboxplugin-wrap{
    
}

/* autor box */
.single-projekty .saboxplugin-wrap, .single-realizacie .saboxplugin-wrap{
    display: none !important;
}

.realizacie .saboxplugin-wrap, .projekty .saboxplugin-wrap{
    display: none !important;
}

.saboxplugin-wrap .clearfix{
    display: none;
}/* v pohode zapis :not */

.saboxplugin-wrap{
    margin-top: 100px !important;
}

.sab-profile-edit, .sab-edit-settings{
    display: none;
}

.saboxplugin-wrap .saboxplugin-authorname a{
    pointer-events: none;
    font-weight: bold;
    color: var(--page-dark);
    font-size: 26px;
}

.saboxplugin-wrap .saboxplugin-gravatar{
    padding: 0 !important;
    position: relative;
    margin-bottom: 20px;
    margin-right: 80px;
}

.saboxplugin-wrap .saboxplugin-gravatar img {
    max-width: 200px !important;
    width: 200px;
    height: auto;
    border-radius: 0;
    position: relative;
}

.saboxplugin-wrap .saboxplugin-gravatar::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--page-opacity25);
    right: -20px;
    top: 20px;
}

.saboxplugin-wrap .position{
    font-size: 14px;
}

.saboxplugin-wrap .desc{
    font-size: 20px;
    line-height: 1.3em;
    margin: 24px 0;
}

.saboxplugin-wrap .contact{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.saboxplugin-wrap .contact p{
    margin: 0 !important;
}

.saboxplugin-wrap .contact a{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: var(--page-blue);
    margin-right: 40px;
    margin-bottom: 4px;
}

.saboxplugin-wrap .contact img{
    margin-right: 10px;
}

@media screen and (max-width: 1024px){
    .saboxplugin-wrap .position{
        font-size: 14px;
    }
    
    .saboxplugin-wrap .desc{
        font-size: 14px;
    }
    .saboxplugin-wrap .contact a{
        font-size: 12px;
    }
}

@media screen and (max-width: 767px){
    .saboxplugin-wrap .saboxplugin-gravatar {
        float: none !important;
    }
    .saboxplugin-wrap .saboxplugin-gravatar{
        display: block;
        padding: 0;
        margin-bottom: 12px;
        width: fit-content;
        margin: 0 auto 40px auto;
    }
    .saboxplugin-wrap .saboxplugin-gravatar img{
        display: block;
        padding: 0;
        margin: 0 auto 0 0;
    }
    .saboxplugin-wrap .saboxplugin-authorname{
        text-align: center !important;
        margin-top: 24px !important;
        margin-bottom: 6px !important;
    }
    
    .saboxplugin-wrap .position{
        font-size: 14px;
        margin-top: 2px;
    }
    
    .saboxplugin-wrap .desc{
        font-size: 14px;
        text-align: center !important;
        max-width: 80%;
        margin: 12px auto;
    }
    .saboxplugin-wrap .position{
       text-align: center !important; 
    }
    
    .saboxplugin-wrap .contact a{
        margin-right: 0;
    }
    .saboxplugin-wrap .contact{
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: centert;
    }
    .saboxplugin-desc{
        margin: 0 !important;
    }
}

/* Projekty filter */


.project-select .jet-filter-label::after{
    content: ':';
}

.project-select .jet-smart-filters-select.jet-filter{
    display: flex !important;
    flex-flow: row nowrap;
    width: 100% !important;
    white-space: nowrap;
}

.project-select select.jet-select__control{
    opacity: .45;
    position: relative;
    bottom: -2px;
    left: 6px;
    cursor: pointer;
}

.project-select select.jet-select__control{
    padding: 0;
    border: none;
}

.project-select .jet-filter-label{
    font-size: 16px;

}


/* Timeline */


.stroke-timeline .jet-timeline-item .timeline-item__card-inner .timeline-item__card-content{
    position: relative;
    left: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.stroke-timeline{
    overflow: hidden;
}

.stroke-timeline h5{
    width: fit-content;
    font-size: 80px;
    color: transparent;
    font-weight: bold;
    display: block;
    font-family: 'Poppins', Sans-Serif;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--page-blue);
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    line-height: 1em;
    margin-bottom: 0;
    margin-right: 32px;
    width: fit-content;
    display: flex;
    justify-content: center;
}

.stroke-timeline .timeline-item__card-desc{
    color: var(--page-blue);
    font-weight: bold;
    font-size: 24px !important;
    display: inline;
    line-height: 1em;
    white-space: 70%;
}

.stroke-timeline .jet-timeline-item .timeline-item__point-content.timeline-item__point-content--text{
    box-shadow: 0 0 20px rgba(0,0,0, .15);
}

.stroke-timeline .jet-timeline-item.is--active .timeline-item__card-inner,.stroke-timeline .jet-timeline-item.is--active .timeline-item__card-arrow{
    background-color: #1254CC !important;
}

.stroke-timeline .jet-timeline-item.is--active .timeline-item__card-content{
    left: 12px;
}

.stroke-timeline .jet-timeline-item.is--active h5{
    -webkit-text-stroke-color: #fff;
}

.stroke-timeline .jet-timeline-item.is--active .timeline-item__card-desc{
    color: #fff !important;
}

.stroke-timeline span.timeline-line{
    display: block;
    background-color: var(--page-blue);
    height: 1px;
    margin: 10px 0;
}

.stroke-timeline .jet-timeline-item.is--active span.timeline-line{
    background-color: #fff;
}

.stroke-timeline h5.timeline-item__card-title{
    display: none !important;
}

.stroke-timeline .timeline-item__point-content.timeline-item__point-content--text{
    border-radius: 5px;
    padding: 8px 16px !important;
    width: 100% !important;
    text-align: center;
            line-height: 1em;
}

@media screen and (min-width: 1024px){

    .stroke-timeline .jet-timeline-item:nth-child(odd){
        transform: scale(.9) translatex(-50px);
    }
    
    .stroke-timeline .jet-timeline-item:nth-child(even){
        transform: scale(.9) translatex(50px);
    }
    
    .stroke-timeline .jet-timeline-item:nth-child(odd) .timeline-item__point{
        transform: scale(.9) translatex(55px);
    }
    
    .stroke-timeline .jet-timeline-item:nth-child(even) .timeline-item__point{
        transform: scale(.9) translatex(-55px);
    }
    .stroke-timeline .jet-timeline-item:last-of-type .timeline-item__card-desc{
    }

}

@media screen and (max-width: 1024px){
    .stroke-timeline h5{
        font-size: 60px;
        margin: 0;
        min-width: 100px;
        max-width: 100px;
        text-align: center;
    }
    .stroke-timeline .timeline-item__card-desc{
        font-size: 16px !important;
        line-height: 1.3em !important;
    }
    .stroke-timeline .jet-timeline-item .timeline-item__card-content{
        padding: 16px;
    }
    .stroke-timeline .jet-timeline-item.is--active .timeline-item__card-content{
        left: 0px;
    }
    .stroke-timeline .timeline-item__card{
        margin-left: 0;
    }
    .stroke-timeline .jet-timeline-item:last-of-type .timeline-item__card-content{
        justify-content: center;
    }
     .stroke-timeline .jet-timeline-item:last-of-type .timeline-item__card-desc{
         text-align: center;
     }
    .stroke-timeline .timeline-item__point-content.timeline-item__point-content--text{
        font-size: 14px;
        padding: 10px !important;
        width: 50px !important;
    }
    .jet-timeline-item.elementor-repeater-item-9445ffa.jet-timeline-item--image-inside:last-of-type .timeline-item__point-content--text{
        width: 60px !important;
    }
}

@media screen and (max-width: 768px){
    .infinite-linear-slider{
        transform: scale(1.3);
    }
    .elementor-widget-image-carousel .swiper-slide{
        margin-right: 20px !important;
    }
}


.single-projekty .wp-block-image figcaption, .single-realizacie .wp-block-image figcaption{
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.modernestavby.sk/wp-content/uploads/2022/04/Poppins-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.modernestavby.sk/wp-content/uploads/2022/04/Poppins-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.modernestavby.sk/wp-content/uploads/2022/04/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.modernestavby.sk/wp-content/uploads/2022/04/Roboto-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */