@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Medium.otf");
}        

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-MediumIta.otf");
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Bold.otf");
  font-weight:700;
}    

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-BoldIta.otf");
  font-weight:700;
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Book.otf");
  font-weight:350;
}    

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Light.otf");
  font-weight:300;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-LightIta.otf");
  font-weight:300;  
  font-style: italic;
}

body
{
    font-family: 'Gotham', sans-serif;
    line-height:1.8em;
    font-size: 14px;
    font-weight: 300;
    background:white;
    color: #404040;
    overflow-x:hidden;
}

.header-spaceholder
{
    background-color: #1c365d;
    height:158px;
}

header
{
    background-color: #1c365d;
    padding:40px 0 27px 0;
    color:white;
    position:fixed;
    top:0;
    left:0;
    right:0;
    padding-bottom:0;
    z-index:15;
}

header #logo
{
    margin-bottom: 31px;
    display:block;
}

header .nav.main-menu li
{
    margin:0;
    padding:0 17px 26px 17px;
    margin:0 15px;
    position:relative;
}

header .social-menu
{
    list-style-type:none;
    margin-top:-7px;
    margin-right:30px;
    margin-bottom:18px;
}

header .social-menu a
{
    color:#bdd630;
    text-decoration:none;
    font-weight:700;
    font-size:20px;
}

header .social-menu img
{
     height:20px;
}

header .social-menu li
{
    margin-left:20px;
}


@media(max-width:1200px)
{
    header .nav.main-menu li
    {
        margin:0 10px;
        padding:0 10px 26px 10px;
    }
}

header .nav.main-menu a
{
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    padding:0;
}

header .nav.main-menu a:after
{
    display:block;
    content:'';
    height:7px;
    background-color: #bdd630;
    width:100%;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    opacity:0; 
    transition:opacity ease-in-out 0.3s ;
}   

header .nav.main-menu a:hover:after
{
    opacity:1;
}

#mobile-menu
{
    position:absolute;
    background:#1c365d;
    left:0;
    right:0;
    top:126px;
    z-index:6;
    max-height:0;
    overflow:hidden;
    transition:all 0.5s ease-in-out;
}

#mobile-menu.active-menu 
{   
    max-height:100vh;
}


#mobile-menu ul, #mobile-menu .nav-green 
{
    display:block;
    padding-bottom:30px;
}

#mobile-menu ul li ul
{
  display:none;
}

#mobile-menu ul a, #mobile-menu .nav-green a
{
    font-size:18px;
    line-height:25px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    color:white;
}

#mobile-menu .nav-green a
{
    display: block;
    text-decoration:none;
    color: #bdd630;
    font-weight:700;
}

#mobile-menu ul a:hover
{   color:#bdd630;
}



header .nav.main-menu li ul
{
    position:absolute;
    display:block;
    z-index:10;
    text-align:left;
    width:200px;
    display:none;
    z-index:11;
    transition:all 0.3s ease-in-out;  
    left:-15px;
    padding:0;
    top:40px;
}

header .nav.main-menu li:hover ul
{
    display:block;
}

header .nav.main-menu li ul li
{   
    display:block;
    border-bottom:1px solid #d7dc33;
    padding:0;
    margin:0!important;
    bottom:0;
    text-align:left;
    background-color:#1c365d; 
}

header .nav.main-menu li ul li:last-child
{
    border-bottom:0;
}

header .nav.main-menu li ul li a
{
    text-align:left;
    padding:13px 17px;
}

#main-menu-toggler
{
    margin-right:0;
    margin-left:auto;
    width:30px;
    height:35px;
    margin-bottom:30px;
    cursor:pointer;
    padding:1px;
}

#main-menu-toggler span:first-child
{
    margin-top:0;
}

#main-menu-toggler span
{
    background:white;
    height:3px;
    width:30px;
    margin-top:10px;
    display:block;
    transition: all 0.2s ease-in-out;
}

#main-menu-toggler.active-menu span:last-child
{
    display:none;
}

#main-menu-toggler.active-menu span:first-child
{
    transform:rotate(45deg);
    margin-top:15px;
    width:38px;
    margin-left:-4px;
}

#main-menu-toggler.active-menu span:nth-child(2)
{
    transform:rotate(-45deg);
    margin-top:-3px;
    width:38px;
    margin-left:-4px;
}


#slideshow, #header-image
{
    width:1700px;
    max-width:100%;
    margin:-27px auto 120px auto;
    /*min-height:350px;
} 

#mainSlider
{
    min-height:350px;*/
}

#header-image
{
  position:relative;
  text-align:center;
  margin-bottom:40px;
}

#header-image img
{
  width:100%;
  min-height:250px;
  object-fit:cover;
}

#header-image:after
{
    position:absolute;
    background-color: #000000;
    left:0;
    top:0;
    right:0;
    bottom:0;
    opacity: 0.5;
    content:'';
    display:block;
    z-index:1;
}

.page-title-section
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    z-index:2;
    left:auto;
    right:auto;
    text-align:center;
}

.page-title-section h1
{
    color: #bdd630;
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    margin:0;
}

h1.h1-on-front
{
    height: 36px;
    color: #404040;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    margin-bottom:34px;
    text-align:center;
    margin-top:-50px;
  
}

h2.like-h1
{
    color: #404040;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    margin-bottom:14px;
}

h2
{
  font-size:22px;
  line-height:28px;
}

h3
{
  font-size:20px;
  line-height:25px;
  margin-top:30px;
}

.carousel-caption
{
    top:70px;
    bottom:0;
    left:0px;
    right:0px;
}

.carousel-caption p
{
    color: #ffffff;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin-bottom:0;
}

.carousel-caption h1, .carousel-caption h2
{
    color: #ffffff;
    font-size: 53px;
    font-weight: 700;
    line-height:63px;
    margin-bottom:25px;
}

@media(max-width:1200px)
{
    .carousel-caption h1, .carousel-caption h2
    {
        font-size:25px;
        line-height:29px;
        margin-bottom:15px;
        margin-top:0;
    }
    
    .carousel-caption p
    {
        font-size: 18px;
        line-height: 23px;
    }
    
    .carousel-caption
    {
        top:35px;
    }
    
    .carousel-control-next, .carousel-control-prev
    {
        display:none;
    }
}

@media(max-width:992px)
{
    .carousel-caption
    {
        top:15px;
    }
    
    .carousel-control-next, .carousel-control-prev
    {
        display:none;
    }
}

.carousel-caption .container-fluid, .carousel-caption .container-fluid .row
{
    height:100%;
}

.carousel-caption .container-fluid a
{
    min-width: 163px;
    min-height: 50px;
    background-color: #bdd630;
    padding:18px 35px;
    color: #404040;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    text-decoration:none;
    margin-top:30px;
    display:inline-block;
    transition:all ease-in-out 0.3s;
}

.carousel-caption .container-fluid a:hover
{
    background:#1c365d;
    color:white;
}

.carousel-indicators button[data-bs-target]
{
    width:8px;
    height:8px;
    margin:0 7px;
    background-color: #ffffff;
    opacity:0.5;  
    border-radius:8px!important;
    transition:all ease-in-out 0.2s;
    overflow:hidden;  
    border-radius:8px;
    border:0px!important;
}

.carousel-indicators
{
    margin-bottom:44px;
}

.carousel-indicators button[data-bs-target].active, .carousel-indicators button[data-bs-target]:hover
{
    opacity:1;
    background-color: #bdd630;
}

.carousel-control-prev, .carousel-control-next
{
    opacity:1;
}

.carousel-control-prev-icon, .carousel-control-next-icon
{
    height:53px;
    width:53px;
}

.carousel-control-prev-icon 
{               
    background:url("assets/images/arrow_back.svg") no-repeat center center; 
}

.carousel-control-next-icon 
{               
    background:url("assets/images/arrow_next.svg") no-repeat center center; 
}

h2
{
    color: #404040;
    font-size: 34px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom:20px;
}

#breadcrumbs
{
    color: #404040;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
}

#breadcrumbs a
{
  text-decoration:none;
  color:#404040;
}

#breadcrumbs .breadcrumb_last
{
  font-weight: 700;
}

.bread-separator
{
  background: url(assets/images/arrow_next.svg) no-repeat center center;
  background-size:16px auto;
  width:16px;
  height:16px;
  margin-left:10px;
  margin-right:10px;
  display:inline-block; 
  margin-bottom:-3px; 
}

.full-width
{
    width:100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

#mapa
{
    height:693px;
    margin-bottom:-150px;
    margin-top:110px;
}

#mapa > div > div > div > div img, #mapa-projektu > div > div > div > div img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);  
    opacity:0.8!important;
}

#mapa-projektu
{
   height:693px;
   margin-bottom:150px;
}

#mapa-projektu.smap .card
{
    background:#1c365d;
}

#mapa-projektu .card-header, #mapa-mist .card-footer
{
    background:transparent;
    border:0;
    text-align:center;
    padding:0;
    color:white;
    font-weight:700;
}

#mapa-projektu .card-body
{
    text-align:center;
    padding:0;
    margin:-16px;
    margin-top:10px;
}

#mapa-projektu .card-body img
{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}

#mapa-projektu .card-footer
{
    display:none;
}

#mapa-projektu.smap .card .close:after
{
    color:white;
}

#mapa-projektu .map-marker
{
    opacity:0.7; 
    height:31px;
    width:22px;
}

/********************box sluzby*******************/

#sluzby
{
    position:relative;
}

span.buble
{
    opacity:0.25;
    border-radius:100%;
    background-color: #bdd630;
    position:absolute;
    display:block;
}

#sluzby span.buble.buble-1
{
    width: 234px;
    height: 234px;
    top:60px;
    left:-180px;
}

#sluzby span.buble.buble-2
{
    width: 48px;
    height: 48px;
    top:0px;
    right:-101px;
}

#sluzby span.buble.buble-3
{
    width: 89px;
    height: 89px;
    right:51px;
    bottom:0
}

.boxes-sluzby
{
    margin-bottom:90px;
}

.boxes-sluzby .spaceholder
{
    padding-bottom:83%;
    position:relative;
    margin-bottom:43px;
}

.boxes-sluzby .spaceholder img
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

.boxes-sluzby .spaceholder:before
{
    content:'';
    display:block;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #1c365d;
    opacity: 0.8;
    position:absolute; 
    z-index:2;
    transition:0.3s all ease-in-out;
}

.boxes-sluzby .spaceholder:not(.empty-spaceholder):hover:before
{
    background-color: #bdd630;
    opacity: 0.7;
}

.boxes-sluzby .empty-spaceholder
{
    opacity:0.1;
}

a.all-items
{
    padding: 18px 35px;
    width: 163px;
    height: 50px;
    background-color: #bdd630;
    line-height: 14px;
    color: #404040;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    transition: all 0.3s ease-in-out;
    text-decoration:none;
}

a.all-items:hover
{
    color: #bdd630;
    background-color: #1c365d;
}

#sluzby h2:before
{
    content:url('assets/images/icon_sluzby.svg');
    display:block;
}

.boxes-sluzby .box-content
{
    position:absolute;
    padding:32px 95px 32px 32px;
    bottom:0;
    left:0;
    right:0;
    z-index:3;
}

.boxes-sluzby h3
{
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin-bottom:15px;
}

.boxes-sluzby .readmore, .realizujeme-content .readmore, #komponenty .readmore, .projekty-boxy .readmore, .blog-item .readmore
{
    color: #bdd630;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none; 
    transition:0.3s color ease-in-out;
    display:block;
    position:relative;
}

.boxes-sluzby .readmore:after, .realizujeme-content .readmore:after, #komponenty .readmore:after, .projekty-boxy .readmore:after
{
    position:absolute;
    width:24px;
    height:24px;
    border-radius:25px;
    content:'+';
    text-align:center;
    color:white;
    background-color: #bdd630;
    display:block;
    font-size:25px;
    font-weight:300;
    line-height:22px;
    right:0;
    top:0;  
    transition:0.2s transform ease-in-out, 0.3s background-color ease-in-out;
}

.boxes-sluzby .spaceholder:hover .readmore, .realizujeme-content .readmore:hover, #komponenty .readmore:hover, .projekty-boxy .readmore:hover
{
    color: #1c365d; 
} 

.boxes-sluzby .spaceholder:hover .readmore:after, .realizujeme-content .readmore:hover:after, #komponenty .readmore:hover:after, .projekty-boxy .readmore:hover:after
{
    background-color: #1c365d;
    color: #bdd630;
} 

.boxes-sluzby .spaceholder:hover .readmore:after, .realizujeme-content .readmore:hover:after, #komponenty .readmore:hover:after, .projekty-boxy .spaceholder:hover .readmore:after
{
    transform:rotate(180deg);
}

/********************box #realizujeme*******************/

#realizujeme
{
    position:relative;
    margin-bottom:200px;
}

@media(max-width:999px)
{
        
    #realizujeme
    {
        position:relative;
        margin-bottom:70px;
    }
}

#realizujeme h2:before
{
    content:url('assets/images/icon_realizujeme.svg');
    display:block;
}

#realizujeme .buble-1
{
    width: 47px;
    height: 48px;
    left:30%;
    top:0px;
} 

#realizujeme .buble-2
{
    width: 89px;
    height: 89px;
    left:-71px;
    bottom:-80px;
}

#realizujeme .realizujeme-content
{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    opacity:0;
    z-index:1;
    transition: opacity 0.5s ease-in-out;
} 

#realizujeme .realizujeme-content.active
{
    opacity:1;
    z-index:5;
}

.realizujeme-item
{
    background-color: #1c365d;
    color:white;
    font-size: 13px;
    font-weight: 300;
    line-height:15px; 
    transition: all 0.5s ease-in-out;
    z-index:1;
}

.realizujeme-content h3
{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin-bottom:5px;
    margin-top:0;
}

.realizujeme-item h3
{
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin-bottom:0;
    margin-top:0;
}

.realizujeme-item a
{
  font-size:0;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:block;
}

.realizujeme-item p
{
    margin-bottom:0;
}

.realizujeme-item.active
{
    background-color: #bdd630;
    color: #404040;
    z-index:5
} 

.realizujeme-content img
{
    height:100%;
    width:100%;
    object-fit:cover;
}

.realizujeme-content .box-content
{
    position:absolute;
    bottom:38px;
    left:56px;
    padding:35px 90px 30px 36px;
    background-color: #bdd630;
    opacity: 0.9;
    color:white; 
    width:349px;
    max-width:calc(100% - 70px);
}

@media(max-width:768px)
{
    #realizujeme .realizujeme-contents
    {
        min-height:300px;
    } 
    
    .realizujeme-content .box-content
    {
        right:35px;
        left:35px;
    }
}

.realizujeme-content span.readmore
{
    color: white; 
    margin-top:25px;
    z-index:3;
}

.realizujeme-content span.readmore:after, #komponenty .readmore:after
{
    background-color: #1c365d;
}

.realizujeme-content .box-content:hover span.readmore,#komponenty .readmore
{
    color: #1c365d; 
} 

.realizujeme-content .box-content:hover span.readmore:after
{
    background-color: #1c365d;
    color: #bdd630;
} 

.realizujeme-content .box-content:hover .readmore:after, #komponenty .readmore:hover:after
{
    transform:rotate(180deg);
}

/***************************#about**********************/


#o-nas h2:before
{
    content:url('assets/images/icon_sluzby.svg');
    display:block;
}

#o-nas p.read-more a
{
    height: 19px;
    color: #404040;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase;
    text-decoration:none;
    position:relative; 
    padding-right:120px;
}

#o-nas p.read-more a:after
{
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 25px;
    content: '+';
    text-align: center;
    background-color: #1c365d;
    color: #bdd630;
    display: block;
    font-size: 25px;
    font-weight: 300;
    line-height: 22px;
    right: 0px;
    top: -5px;
    transition: 0.2s transform ease-in-out, 0.3s background-color ease-in-out;
}

#o-nas p.read-more a:hover:after 
{
    color: white;
    background-color: #bdd630;
    transform: rotate(180deg);
}

/********************box #komponenty*******************/

#komponenty
{
    margin-bottom:170px;
}

#komponenty .box-technologie
{
    padding-bottom:100%;
    background-color: #1c365d;
    position:relative;
    color:white;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

#komponenty .box-technologie.active, #komponenty.ostatni-technologie .box-technologie:hover
{
    background-color: #bdd630;
    color: #404040;
}

#komponenty .box-technologie.active img,  #komponenty.ostatni-technologie .box-technologie:hover img
{
    filter: brightness(0) saturate(100%) invert(16%) sepia(13%) saturate(4845%) hue-rotate(187deg) brightness(92%) contrast(88%);
}

#komponenty .box-technologie>.row
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.box-technologie a
{
  font-size:0;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:block;
}

#komponenty h2:before
{
    content:url('assets/images/icon_technologie.svg');
    display:block;
}

#komponenty .buble-1
{
    width: 140px;
    height: 140px;
    right:50px;
    top:0px;
    z-index:-1
} 

#komponenty .buble-2
{
    width: 117px;
    height: 117px;
    left:43px;
    bottom:-90px;
}

#komponenty .box-technologie h3
{
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    margin-top:23px;
}      

.technology-content
{
    opacity:0;
    position:absolute;
    transition:opacity ease-in-out 0.5s;
    color: #515152;
    font-size: 14px;
    line-height: 24px;
    font-weight:300;
    top:0;
}

.technology-content.active
{
    opacity:1;
    z-index:5;
    position:relative;
}

.technology-content h3
{
    color: #515152;
    font-size: 34px;
    font-weight: 700;
    line-height: 38px;
    margin-top:18px;
    margin-bottom:39px;
}

@media(min-width: 1200px)
{
    .boxes-technologie .col-xl {
        flex: 1 0 0%!important;
    }
}

/********************block kontakt****************/


#kontakty h2:before
{
    content:url('assets/images/icon_kontakty.svg');
    display:block;
}

.rychly-kontakt
{
    
    margin-bottom:110px;
}

.rychly-kontakt>div
{
    height:100%;
    background-color: #1c365d;
    padding:0 13px;
}

.rychly-kontakt>div .d-flex
{
    flex-flow: column;
    color:white;
}

#kontakty input[type='text'], #kontakty input[type='email'], #kontakty input[type='tel'], #kontakty textarea
{
    height: 50px;
    border: 1px solid #bdd630;
    background-color: #ffffff;
    padding:18px 20px;
    line-height: 14px;
    color: #acacac;
    font-size: 14px;
    font-weight: 500;
    margin-bottom:20px;
    width:100%;
}

#kontakty textarea
{
    height:233px;
}

#kontakty .wpcf7-acceptance input
{
    width: 16px;
    height: 16px;
    border: 1px solid #bdd630;
    margin-right:10px;
}

#kontakty .wpcf7-acceptance
{    
    line-height: 17px;
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.33px;
    font-weight: 300;
    margin-bottom:20px;
    display:inline-block;
}

#kontakty .wpcf7-submit
{
    padding: 18px 35px;
    width: 163px;
    height: 50px;
    background-color: #bdd630;
    line-height: 14px;
    color: #404040;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    border:0;
    transition:all 0.3s ease-in-out;
}

#kontakty .wpcf7-submit:hover
{
    color: #bdd630;
    background-color: #1c365d;
}

.wpcf7-not-valid-tip
{
    margin-top:-15px;
    margin-bottom:15px;   
}

.rychly-kontakt h3
{
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom:0;
    margin-top:0; 
}

.rychly-kontakt p
{
    margin-top:35px;
    padding-left:43px;
    margin-bottom:0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height:24px;
    position:relative;
}  
 
.rychly-kontakt p a
{
    color: #ffffff;
    text-decoration:none;
}

.rychly-kontakt p img
{
    position:absolute;
    top:0px;
    left:0px;
}

/********************projekty*******************/


#projekty
{
    color: #404040;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom:100px;
}

#projekty .buble-1
{
    height: 48px;
    width:48px;
    top:150px;
    left:-140px;
}

#projekty .buble-2
{
    height: 200px;
    width:200px;
    top:-18px;
    right:-40px;
}

#projekty h2:before
{
    content:url('assets/images/icon_projekty.svg');
    display:block;
}

#projekty h2
{
    font-size: 34px;
    line-height: 50px;
    text-align: left!important;
    font-weight: 700;
    color: #bdd630;
}


#projekty h2 span
{
    color: #404040;
    font-weight: 300;
}

.projekty-boxy .spaceholder
{
    padding-bottom:75%;
    background-color: #1c365d;
    transition:all 0.3s ease-in-out;
    color:white;
    position:relative;
    
}

.projekty-boxy .spaceholder:not(.empty-spaceholder):hover
{
    background:#bdd630;
}

.projekty-boxy .spaceholder.empty-spaceholder
{
    opacity: 0.1;
}

.projekty-boxy h3
{
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}

.projekty-boxy .box-content
{
    padding:22px 30px;
    position:absolute;
    left:0;
    bottom:0;
    right:0;
}

.projekty-boxy .readmore, .projekty-boxy .readmore:hover
{
    color:white;
}

.projekty-boxy .spaceholder:hover .readmore:after
{
    background-color: #1c365d;
}

#projekty .image-box figure img
{
    max-width:100%;
}

.projekty-switcher>div
{
    width:50%;
    text-align:center;
    color: #404040;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    padding:15px 20px;
    border: 3px solid #1c365d;
    transition:all 0.2s ease-in-out;
    cursor:pointer;
}

.projekty-switcher>div.active
{
    background-color: #1c365d;
    color:white;
    
}

#projekty-carousel
{
    z-index:5
}

#projekty-carousel img
{
  width:100%;
}


/********************reference****************/

#reference h2:before
{
    content:url('assets/images/icon_reference.svg');
    display:block;
}

.boxes-sluzby .spaceholder .flag, .single-page #projekty .flag
{
    width:30px;
    height:30px;
    position:absolute;
    top:20px;
    right:20px;
    left:auto;
    z-index:10;
    border:1px solid white;
    border-radius:30px;
    background:white;
}

.like-h1 .flag
{
    width:30px;
    height:30px;
    border:1px solid black;
    border-radius:30px;
    background:white;
    margin-right:10px;
    margin-top:-5px;
}

.wp-block-gallery
{
    gap:15px!important;
    display:flex!important;
    margin-bottom:50px;
}

.wp-block-gallery>figure
{
    width:calc(33.33% - 10px) !important;
    max-width:calc(33.33% - 10px) !important; 
}

.wp-block-gallery a
{
    height:0;
    padding-bottom:75%;
    position:relative;
}

.wp-block-gallery a img
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}


/*****************single page*****************/

.single-page div:not(.partner-logo)>figure:not(.ikona) img
{
  width:100%;
  height:auto;
}

.project-table table, .projekt-table table, .page-projekty figure table
{
  margin-top:25px;
  margin-bottom:30px;
}

.project-table tr, .projekt-table tr, .page-projekty figure table tr
{
  /*border-bottom:25px solid white;*/
}

.project-table td, .projekt-table td, .page-projekty figure table td, .projekt-table th
{
  border: 1px solid #1c365d;
  border-width: 1px 0 1px 0;
  padding:15px;
  text-align:center;
  line-height: 21px;
  font-size: 14px;
  color: #404040;
  margin-top:25px;
  position:relative;  
}

.projekt-table th
{
    border-top:0;
}

.project-table td:before, .project-table td:after, .projekt-table td:before, .projekt-table td:after
{
  /*content:'';
  position:absolute;
  height:1px;
  background:#1c365d;
  width:100%;
  left:0;
  right:0;
  top:-1px;*/
}

.project-table td:after, .projekt-table td:after
{
  top:auto;
  bottom:-1px;
}

.project-table td:first-child, .projekt-table td:first-child, .page-projekty figure table td:first-child, .projekt-table th
{
    font-weight: 700; 
    color: #1c365d;
}

/********************footer*******************/

.buble-1-0
{
    width:143px;
    height:143px;
    top:-74px;
    right:-128px;
    z-index:-1;
}

.buble-2-0
{
    width:131px;
    height:131px;
    top:-650px;
    right:15px;
    z-index:-1;
}

footer
{
    background:url('assets/images/bg_footer.webp') #1c365d; no-repeat center center;
    background-size:cover;
    padding:60px 0 27px 0; 
    line-height: 16px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.86px;
    margin-top:150px;
}

footer a
{
    color: rgba(255, 255, 255, 0.7);
    text-decoration:none;
    transition:color 0.2s ease-in-out; 
}

footer a:hover
{
    color:white;
}

footer .nav a
{
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    position:relative;
    padding:5px 0;  
    letter-spacing: 0px;
}

.footer-main-menu li ul
{
    display:none;
}

footer .nav a:before
{
    content:'';
    background-color: #bdd630;
    display:block;
    position:absolute;
    font-size:50px;
    margin-left:-8px;
    height:5px;
    width:5px;
    border-radius:5px;
    bottom:5px;
    opacity:0;
    transition:opacity ease-in-out 0.2s ;
}

footer .nav a:hover
{
    color: #ffffff;
}

footer .nav a:hover:before
{
    opacity:1;
}

@media(min-width:600px)
{
    footer .menu-item
    {
        padding:0 30px;
    }
}

@media(max-width:600px)
{
    footer .menu-item
    {
        padding:5px 0px;
        width:100%;
    }
}

#logo-f
{
    display:block;
    padding:50px 88px;
    background-color: #bdd630;
    margin-top:-140px; 
    position: relative;
    z-index:10;
}

.second-footer
{
    border-top:1px solid #ffffff;
}

footer h2
{
    color: #bdd630;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
}

footer .row-1 ul li a
{
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
}

footer .row-1 ul li a:hover
{
  color: #bdd630;
}

footer .row-1 ul
{
  padding-left:10px;
  margin-top:35px;
}



#vodikove-technologie .box-content p
{
  color:white;
  font-size: 14px;
  line-height:24px;
  font-weight:300;
}

#vodikove-technologie .box-content h3
{
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.grecaptcha-badge
{
    display:none!important;
}

.wpcf7-spinner
{
    display:block;
}

a.readmore-whole-box
{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    opacity:0; 
    z-index:10;  
}

.block-partneri .row img
{
    filter:grayscale(100%) contrast(10%);
    opacity:0.8;
    //brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
    transition:all 0.2s ease-in-out;
}

.block-partneri .row .col-12.col-auto
{
    width:auto;
}

.block-partneri .row a:hover img
{
    filter:none;
    opacity:1;
}


/************** zamestnanci ***************/

.zamestnanec
{
    margin-bottom:42px;
    margin-top:28px;
    line-height:1.2em;
}

.zamestnanec-images:after
{
    width:1px;
    background-color: #1c365d;
    display:block;
    top:24px;
    bottom:24px;
    right:-30px;
    content:'';
    position:absolute;
}

@media(max-width:768px)
{
    .zamestnanec-images:after
    {
        display:none;
    }
}

.zamestnanec img
{
    width:100%;
    height:auto;
}

.zamestnanec img.zamestnanec-photo-2
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
    transition:opacity 0.4s ease-in-out;
}

.zamestnanec:hover img.zamestnanec-photo-2
{
    opacity:1;
}

.zamestnanec h3
{
    color: #1c365d;
    font-weight: 500;
    font-size: 18px;
    font-weight: 700;
    margin-bottom:0;
    margin-top:0;
    
}

.zamestnanec-profese
{
    color: #1c365d;
    font-family: Gotham;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    margin-bottom:20px;
}

.zamestnanec-email
{
    min-height: 25px;
    color: #1c365d;
    font-size: 18px;
    font-weight: 300;
    padding-left:44px;
    text-decoration:none;
    background:url('assets/images/icon_mail_green.svg') no-repeat left center;
    transition:color 0.3s ease-in-out;
    display:inline-block;
}

@media(max-width:768px)
{   
    .zamestnanec-email
    {
        font-size:13px; 
        padding-top:4px; 
    }
}

.zamestnanec-email:hover
{
    color:#bdd630;
}


/***************** blog *******************/

ul.blog-category-filter
{
    display:flex;
    gap:30px;
    list-style-type:none;
    padding-left:0;
    flex-wrap:wrap;
}

ul.blog-category-filter a
{
  color: #1c365d;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s color ease-in-out;
  display: block;
  position: relative;
  border-bottom:3px solid white;
}

ul.blog-category-filter a:hover
{
    border-bottom:3px solid #bdd630;
}

ul.blog-category-filter a[aria-current=page]
{
   color:#bdd630; 
}

.blog-item img
{
    width:100%;
    height:auto;
}

.blog-item .readmore
{
    color: #1c365d;
}

.blog-item .readmore:hover
{
    color: #bdd630;
}

.blog-item h3 a
{
    color:#404040;
    text-decoration:none;
}

.pagination
{
    text-align:center;
}

.pagination .nav-links
{
    display:flex;
    width:100%;
    justify-content:center;
}

.pagination .nav-links>*
{
    display:block;
    text-align:center;
    padding:10px 15px 10px 15px;
    color: #1c365d;
    text-decoration:none;
    font-size:18px;
    transition:color 0.2s ease-in-out; 
    font-weight:700;
}

.pagination .nav-links>span.current, .pagination .nav-links a:hover
{
    color: #bdd630; 
    font-weight:700;
}

/******************** mapa *******************************/

#map-box span.buble.buble-1
{
    width: 48px;
    height: 48px;
    left:-21px;
    top:-10px;
}

#map-box span.buble.buble-2
{
    width: 144px;
    height: 144px;
    top:-81px;
    right:25%;
}

#map-box span.buble.buble-3
{
    width: 144px;
    height: 144px;
    right:-200px;
    bottom:-72px;
}


/****************** accordion ****************************/

h3.c-accordion__title
{
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    padding:22px 120px 22px 30px;
    border-radius: 20px;
    border: 2px solid #1c365d;
    background:#1c365d;
    transition:all 0.2s ease-in-out;
    margin-bottom:27px;
}
.is-open h3.c-accordion__title, h3.c-accordion__title:hover
{

    background-color: #bdd630;
    border-color: #bdd630;
    color:#1c365d;
}

.c-accordion__content
{
    margin-bottom:50px;
}

.c-accordion__content ul
{
    margin-bottom:25px;
}

.c-accordion__title:after 
{
  line-height: 0;
  content: url("assets/images/accordeon_down.svg");
  transition: all 0.35s ease;
  position: absolute;
  right: 0;
  top: 50%;
}

.c-accordion__title:after 
{
  margin-right: 50px;
  line-height: 0;
  content: url("assets/images/accordeon_down.svg");
  transition: all 0.35s ease;
  position: absolute;
  right: 0;
  top: 50%;
}

.is-open > .c-accordion__title::after
{
   
  content: url("assets/images/accordeon_up.svg"); 
}

.c-accordion__content
{
    padding-left:30px;
    padding-right:30px;
}

@media(max-width:768px)
{
    h3.c-accordion__title
    {
        padding-left:20px;
        padding-right:90px;
    }
    
    .c-accordion__title:after
    {
        margin-right: 20px;
    }

    .c-accordion__content
    {
        padding-left:20px;
        padding-right:20px;
    }
}

.languages li
{
    padding:0 10px;
}

.languages
{
    margin-bottom: 20px;
    margin-top: -30px;
    margin-right: 20px; 
} 

.pum .pum-content
{
    line-height: 1.8em;
    font-size: 14px;
    font-weight: 300;
    color: #404040;
} 

.pum .pum-content a
{
    color:#1c365d;
}

.pum .pum-content a:hover
{   
    color: rgba( 189, 214, 48, 1.00);
}

/************************ rfp **********************/

#rfp
{
	display:none;
    position:fixed;
    right:20px;
    bottom:20px;
    width: 210px;
    height: 210px;
    text-align:center;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    border-radius:220px;
    z-index:10;
    -webkit-box-shadow: 10px 10px 45px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 10px 45px 2px rgba(0,0,0,0.3);
    box-shadow: 10px 10px 45px 2px rgba(0,0,0,0.3);
    padding-top:48px;
    color:#005189;
    overflow:hidden;
    z-index:99;
    background-color: #bdd630;
    color: #1c365d;
    font-family: Gotham;
    font-size: 18px;
    font-weight: 700;
}  

#rfp:before
{
	display:none;
    content:'';
    position:absolute;
    top:18px;
    left:18px;
    right:18px;
    bottom:18px;
    background-color: #ffffff;
    opacity: 0.7;
    z-index:-1;
    border-radius:100%;
    transition:all 0.5s ease-in-out;
}

#rfp:hover:before
{
    //opacity:0;
    top:50%;
    left:50%;
    right:50%;
    bottom:50%;
}


#rfp strong
{   
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
}

#rfp img
{
	display:none;
    width:50px;
    height:51px;
    margin-bottom:11px;
}

#rfp a
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

@media(max-width:1386px)
{
    #rfp
    {
        width: 150px;
        height: 150px; 
        padding-top:35px; 
        font-size: 11px;
    }  
    
    #rfp strong
    {   
        font-size: 13px;
    }
    
    #rfp img
    {
        width:40px;
        height:40px;
        margin-bottom:0px;
    }
    
    #rfp:before
    {
        top:10px;
        left:10px;
        right:10px;
        bottom:10px;
    }
}

.change-arrow 
{
    height:14px;
    width:14px;
    display:inline-block;
    transform: scale(0.6);
}

.change-arrow.positive i
{
    content:url('assets/images/fa-up.png');
}

.change-arrow.negative i
{
    content:url('assets/images/fa-down.png');
}