/*font-family: 'Roboto', sans-serif; */

body {font-family: 'Roboto', sans-serif; font-size: 20px; color: #333333; }
@media (max-width: 768px){body {font-size: 16px!important;}}
#Udi-Group {}



h1 {
    width: 1px;
    height: 1px;
    overflow: hidden;
}


.bila {color: #fff; }
.modra {color: #00569c; }
.cesko {color: #00569c; }
.polsko {color: #0093b6; }
.srbsko {color: #86c5d4; }
.madarsko {color: #64b9e4; }
.costarica {color: #00acb6; }
.panama {color: #009790; }

.antracit-bg {background-color: #333333; }
.modra-bg {background-color: #00569c; }
.cesko-bg {background-color: #00569c; }
.polsko-bg {background-color: #0093b6; }
.srbsko-bg {background-color: #86c5d4; }
.madarsko-bg {background-color: #64b9e4; }
.costarica-bg {background-color: #00acb6; }
.panama-bg {background-color: #009790; }
.bg-white { background-color: White !important;}
.bg-dark { background-color: Black !important;}




.UDI-logo {margin-top: 0.0rem; margin-bottom: 0.0rem;}
@media (min-width: 992px){.UDI-logo img {height: 84px;}}
.UDI-burger {border: 0px;}
.UDI-burger:focus {box-shadow: 0 0 0 0;}
.UDI-burger:focus-visible {box-shadow: 0 0 0 0;}

.UDI-zavrit {background-color: transparent; border:0;}
.UDI-menu {height: 630px;}
.UDI-menu .offcanvas-body {padding-top:0px;}
.UDI-menu .nav-item {font-size: 18px; letter-spacing: 4px; font-weight: 500;}
.UDI-menu .nav-link {color: white;}
.UDI-menu .nav-link:hover {opacity: 0.5;}
.UDI-menu .jazyk {display: flex;}
.UDI-menu .nav-link.jazyk {border-left: 1px solid white; padding-left: 1rem; padding-right: 1rem; padding-top: 0; padding-bottom: 0; margin-top: 20px;}
.UDI-menu .nav-link.jazyk:last-child {border-right: 1px solid white; padding-left: 1rem; padding-right: 1rem;}
.UDI-menu .dropdown-menu {background: transparent; border:0px;}
.UDI-menu .dropdown-item {color:White;}
.UDI-menu .dropdown-item:hover {background: transparent; color:White; opacity: 0.7;}


.UdiNabidka {position: absolute; margin-left: 240px; border: 0px;}
            @media (max-width: 992px){.UdiNabidka {display:none;}}

.UdiNabidka .nav-item  {border:0px; border-left: 1px solid #7f7e7e;}
.UdiNabidka .nav-item:last-child {border-right: 1px solid #7f7e7e;}
.UdiNabidka .nav-link {border:0px; padding-top:0px; padding-bottom: 0px; font-size: 24px; color:White; font-weight: 300; letter-spacing: 1px; }
.UdiNabidka .nav-link strong {color:#cbcccd; font-weight: 900; }
.UdiNabidka .nav-link:hover {opacity: 0.6;}
.UdiNabidka .dropdown-menu {border-radius: 0; margin-top: 36px; border-top: 0px;}
.UdiNabidka .dropdown-toggle::after {display:none;}
.UdiNabidka .dropdown-item {font-size: 18px; padding: 0.5rem 1.5rem;}
.UdiNabidka .dropdown-item:hover {background-color: #e6e6e6; }
.UdiNabidka .wauto {min-width: inherit;}




.UdiNabidkaPaticka {border: 0px;}
            @media (max-width: 992px){.UdiNabidkaPaticka {display:none;}}

.UdiNabidkaPaticka .nav-item  {border:0px; border-left: 1px solid #7f7e7e;}
.UdiNabidkaPaticka .nav-item:last-child {border-right: 1px solid #7f7e7e;}
.UdiNabidkaPaticka .nav-link {border:0px; padding-top:0px; padding-bottom: 0px; font-size: 24pxx; color:White; font-weight: 300; letter-spacing: 1px; }
.UdiNabidkaPaticka .nav-link strong {color:#cbcccd; font-weight: 900; }
.UdiNabidkaPaticka .nav-link:hover {opacity: 0.6;}
.UdiNabidkaPaticka .dropdown-menu {border-radius: 0; margin-top: 36px; border-top: 0pxx;}
.UdiNabidkaPaticka .dropdown-toggle::after {display:none;}
.UdiNabidkaPaticka .dropdown-item {font-size: 18px; padding: 0.5rem 1.5rem;}
.UdiNabidkaPaticka .dropdown-item:hover {background-color: #e6e6e6; }
.UdiNabidkaPaticka .wauto {min-width: inherit;}


.Udi-heslo {padding-left: 1rem; padding-bottom:2rem;}
            @media (max-width: 1200px){.Udi-heslo {width:40%}}
            @media (max-width: 992px){.Udi-heslo {width:40%; padding-left: 0rem; padding-bottom:0rem;}}
            @media (max-width: 768px){.Udi-heslo {width:60%}}

.nulovani-stran {right: 0%; left:0%;}

@media (max-width: 992px){
.hesla-hp {display:none;}
}
@media (min-width: 992px){
.hesla-hp {background-color:rgba(0,0,0,0.3); display: inline-block; border-bottom: 1px solid white;}
.hesla-hp span {color: rgb(11 255 185);}
}

/*
.UdiNadpis {margin-top: -270px; position: relative; z-index: 99; margin-bottom: 100px;}
            @media (max-width: 1200px){.UdiNadpis{margin-top: -200px;}}
            @media (max-width: 992px){.UdiNadpis{margin-top: -200px; margin-bottom: 0.0rem;}}
.UdiNadpis p {font-size: 1.3rem; font-weight: 300; line-height: 1.6rem; padding-top: 0.6rem;}
.UdiNadpis h1 {font-weight: 700; white-space: nowrap;}
.UdiNadpis .slabsi {font-weight: 300;}
*/


#background-video {width: 100%;}
@media (min-width: 992px){
.carousel-video {height: 50vh; overflow: hidden;}
#background-video {width: 100%; margin-top: -20vh;}
}

/* socialni site */
#site { position: absolute; right: 0; bottom: 30px; width: 85px; height: 185px; margin-top: 0px; background-color: rgba(255, 255, 255, 0.4);  z-index: 1;text-align: center;}

#site img {width:30px; margin-bottom: 6px; border: 2px solid transparent;}
#site img:hover {border: 2px solid black;}
#site ul {padding-left: 0px; margin-bottom: 0px; margin-top: 40px;}
#site li {display: block;}

@media (max-width: 992px)
{
#site {bottom: 10px; width: 70px; height: 120px; margin-top: 0px;}
#site ul {margin-top: 6px;}
}


.bily-perex {background: white; color:#333; }


.UdiTexty {}
.UdiTexty h2 {font-weight: 400; font-size: 3.0rem;  }
.UdiTexty p {font-weight: 300; line-height: 1.6rem; }
.UdiTexty a {text-decoration:none; color: #333333;}
.UdiTexty a:hover {text-decoration:underline; color: #00569c;}

.UdiTexty .btn-outline-primary  {border-radius:0px; border: 2px solid; background-color: #ecf2f5; border-color: #d0dee5; color: #333333; font-size:20px; font-weight: 300; padding:1.0rem 1.5rem;}
.UdiTexty .btn-outline-primary:hover  {background-color: white; text-decoration:none; color: #333333;}

#foundation2 .btn-outline-primary  {border-radius:0px; border: 2px solid; background-color: transparent; border-color: white; color: white; font-size:20px; font-weight: 300; padding:1.0rem 1.5rem;}
#foundation2 .btn-outline-primary:hover  {background-color: white; text-decoration:none; color: #333333;}


.paticka {margin-top: 7.0rem; padding-bottom: 5.0rem; padding-top:3.0rem; font-size: 15px; color: white; border-top: 1px solid #4c4c4c; background:black;}
.paticka a {color: #999; text-decoration:none;}
.paticka a:hover {color: white;}

.navigace-portfolio {font-size:16px; color: #d8d8d8; white-space: nowrap; text-transform: uppercase;}
 @media (max-width: 768px){
.navigace-portfolio {font-size:10px;}
 }
.navigace-portfolio span {padding:10px;}
.navigace-portfolio a {}
.navigace-portfolio a:hover {text-decoration:none;}



/* kontakty */
.ContactTexty .nav-link {font-weight: 600; color: #999999;}
.ContactTexty .nav-link.active { color: #00569c;}
 @media (max-width: 768px){
.contact-country .nav-link {padding: 0.5rem;}
}


/* SVG kontakty */

#zeme-polsko {fill:#B5CBD6; stroke:#FFFFFF; stroke-width:0.7602; stroke-miterlimit:10;}
#svg-polsko:hover {cursor:pointer;}
#svg-polsko:hover #zeme-polsko {fill:#6d9ab0;}
#svg-polsko.active #zeme-polsko {fill:#6eaac9; cursor:pointer;}
#svg-polsko.active #bod-polsko {cursor:pointer;}

#zeme-cesko {fill:#B5CBD6; stroke:#FFFFFF; stroke-width:0.7602; stroke-miterlimit:10;}
#svg-cesko:hover {cursor:pointer;}
#svg-cesko:hover #zeme-cesko {fill:#6d9ab0; cursor:pointer;}
#svg-cesko.active #zeme-cesko {fill:#6eaac9; cursor:pointer;}
#svg-cesko.active #bod-cesko {cursor:pointer;}

#zeme-madarsko {fill:#B5CBD6; stroke:#FFFFFF; stroke-width:0.7602; stroke-miterlimit:10;}
#svg-madarsko:hover {cursor:pointer;}
#svg-madarsko:hover #zeme-madarsko {fill:#6d9ab0; cursor:pointer;}
#svg-madarsko.active #zeme-madarsko {fill:#6eaac9; cursor:pointer;}
#svg-madarsko.active #bod-madarsko {cursor:pointer;}

#zeme-srbsko {fill:#B5CBD6; stroke:#FFFFFF; stroke-width:0.7602; stroke-miterlimit:10;}
#svg-srbsko:hover {cursor:pointer;}
#svg-srbsko:hover #zeme-srbsko {fill:#6d9ab0; cursor:pointer;}
#svg-srbsko.active #zeme-srbsko {fill:#6eaac9; cursor:pointer;}
#svg-polsko.active #bod-srbsko {cursor:pointer;}


#zeme-kostarika {fill:#B5CBD6; stroke:#FFFFFF; stroke-width:0.7602; stroke-miterlimit:10;}
#svg-kostarika:hover {cursor:pointer;}
#svg-kostarika:hover #zeme-kostarika {fill:#6d9ab0; cursor:pointer;}
#svg-kostarika.active #zeme-kostarika {fill:#6eaac9; cursor:pointer;}
#svg-kostarika.active #bod-kostarika {cursor:pointer;}

#zeme-panama {fill:#B5CBD6; stroke:#FFFFFF; stroke-width:0.7602; stroke-miterlimit:10;}
#svg-panama:hover {cursor:pointer;}
#svg-panama:hover #zeme-panama {fill:#6d9ab0; cursor:pointer;}
#svg-panama.active #zeme-panama {fill:#6eaac9; cursor:pointer;}
#svg-panama.active #bod-panama {cursor:pointer;}





/* Projekty */
.UdiProjekty .zeme {display:inline-block;}
.UdiProjekty .projekt {font-weight:600; font-size:1.5rem;}
.UdiProjekty .projekt a {color:White; text-decoration:none;}
.UdiProjekty .mesto {font-weight:300; font-size:1.1rem;}
.UdiProjekty .popis {font-weight:300; font-size:1.1rem;}
.UdiProjekty .stav {font-weight:300; font-size:1.1rem;}
.UdiProjekty .minheight {min-height:350px;}
 @media (max-width: 768px){
 .UdiProjekty .minheight {min-height:280px;}
 }
.obrazek-B-C {background-size: auto 100%; background-position: center;  -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease;}
.obrazek-B-C:hover {filter: grayscale(100%); background-size:  auto 110%; }







.Projekt-Bdluziny {background-image: url(img/Bdluziny_001.jpg);}
.Projekt-Triangl {background-image: url(img/Triangl_001.jpg);}
.Projekt-Ocluziny {background-image: url(img/Ocluziny_001.jpg);}
.Projekt-Laviza {background-image: url(img/Laviza_001.jpg);}
.Projekt-Parkside {background-image: url(img/Parkside_001.jpg);}
.Projekt-Ustarehomlyna {background-image: url(img/ustarehomlyna_001.jpg);}
.Projekt-Lastavice {background-image: url(img/Lastavice_001.jpg);}
.Projekt-Duga {background-image: url(img/Duga_001.jpg);}
.Projekt-Classicursus {background-image: url(img/Classicursus_001.jpg);}
.Projekt-Prehysov {background-image: url(img/Prehysov_001.jpg);}
.Projekt-Ostredek {background-image: url(img/Ostredek_001.jpg);}
.Projekt-Simanovci {background-image: url(img/Simanovci_001.jpg);}
.Projekt-Sq72 {background-image: url(img/Sq72_001.jpg);}
.Projekt-Aranjuez {background-image: url(img/Aranjuez_001.jpg);}
.Projekt-Officecenterstrakonicka {background-image: url(img/Officecenterstrakonicka_001.jpg);}
.Projekt-Starryhill {background-image: url(img/Starryhill_001.jpg);}
.Projekt-vltavameadows {background-image: url(img/vltavameadows_001.jpg);}
.Projekt-Polyfuncionalobjectzizkov {background-image: url(img/Polyfuncionalobjectzizkov_001.jpg);}
.Projekt-Zita {background-image: url(img/Zita_001.jpg);}
.Projekt-Brnohusovice {background-image: url(img/Brnohusovice_001.jpg);}
.Projekt-Shoppingparklibeznice {background-image: url(img/Shoppingparklibeznice_001.jpg);}






.boxProjekt {display: contents;}
.boxProjekt:hover .obrazek-B-C {filter: grayscale(100%); background-size:  auto 110%; }
.boxProjekt:hover .projekt a, .boxProjekt:hover .mesto, .boxProjekt:hover .popis, .boxProjekt:hover .stav  {color:Silver;}
.boxProjekt:hover .antracit-bg {background-color: #2a2a2a!important;}

#carouselUdiGroup-napis {}
#carouselUdiGroup-napis .carousel-caption {bottom: -1.0rem; padding-bottom: 0rem; right:0; left:0;}
#carouselUdiGroup-napis .text-bily {font-size: 6vw; font-weight: 900; line-height: 5.7vw;}
@media (max-width: 1200px){
#carouselUdiGroup-napis .text-bily {line-height: 7.0vw;}
}


.UdiPiktogramy{}
.UdiPiktogramy img {max-height:100px; opacity:0.5; margin-bottom:10px;}
.UdiPiktogramy img:hover {opacity:1;  margin-bottom:5px;  margin-top:5px; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease;}
.UdiPiktogramy {color:#648499; font-weight:500; line-height: 1.4rem;}

@media (max-width: 992px){
.nazev-projekt {font-size: 1.9rem !important;}
 }

.UdiProjekt-detail{}
.UdiProjekt-detail .zeme {display:inline-block;}
.UdiProjekt-detail .projekt {font-weight:600; font-size: 2.0rem;}
.UdiProjekt-detail .popis {font-size:16px; }


.UdiProjekt-tabulka {font-size: 16px; width: 100%; border-top: 1px solid #444;}
.UdiProjekt-tabulka tr {border-bottom: 1px solid #444;}
.UdiProjekt-tabulka tr td {border:0; padding: .5rem 0.5rem 0.5rem 0.0rem;}

/*uprava topboxu */
.topbox_title_wrap {display:none;}
.topbox_content {height: 95vh; width: 95vw;}
.topbox_skin_darkroom .topbox_fill {background: rgba(0, 0, 0, 1);}

#carouselProjekt .carousel-control-next-icon, #carouselProjekt .carousel-control-prev-icon {background-color: #333333; background-size: 55%;}
#carouselProjekt .carousel-control-next-icon:hover, #carouselProjekt .carousel-control-prev-icon:hover {background-color: #00569c;}
#carouselProjekt .carousel-control-next, #carouselProjekt .carousel-control-prev {width:10%; opacity: 1;}
#carouselProjekt a img:hover {opacity: 0.9; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in;}

#carouselProjekt2 .carousel-control-next-icon, #carouselProjekt2 .carousel-control-prev-icon {background-color: #333333; background-size: 55%;}
#carouselProjekt2 .carousel-control-next-icon:hover, #carouselProjekt2 .carousel-control-prev-icon:hover {background-color: #00569c;}
#carouselProjekt2 .carousel-control-next, #carouselProjekt2 .carousel-control-prev {width:8%; opacity: 1;}
#carouselProjekt2 a img:hover {opacity: 0.9; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in;}




/*uprava topboxu */
#UdiNovinky {font-size: 16px; }
@media (max-width: 992px){
#UdiNovinky .novinka {margin-bottom: 5.0rem;}
 }


#UdiNovinky .novinka .btn-outline-primary  {border-radius:0px; border: 2px solid; background-color: #ecf2f5; border-color: #d0dee5; color: #333333; font-size:18px; font-weight: 300; padding:0.3rem 1.0rem;}
#UdiNovinky .novinka .btn-outline-primary:hover  {background-color: white; text-decoration:none; color: #333333;}
#UdiNovinky .novinka .card {border-radius:0;}
#UdiNovinky .novinka .card>.list-group {border-top:0;}
#UdiNovinky .text-body-secondary a {font-size:16px; font-weight:600; color:#333; text-decoration: none;}
#UdiNovinky .text-body-secondary a:hover {text-decoration: none; color:#00569c;}

.media-icons {width: 20px; opacity:0.3; margin-right:15px;}
.media-social a {display: block; font-size: 16px; text-decoration:none; white-space: nowrap;}
.media-social a:hover {color: #00569c; text-decoration:none; }
.novinka h3 {font-size: 1.4rem;}



/* tabulky */
#tabulka-investice {font-size: 16px; width: 100%;}
#tabulka-investice th {font-weight:600;  padding: .5rem .5rem;}
#tabulka-investice tr {border-bottom: 1px solid #d0dee5; position: relative;}
#tabulka-investice tr:hover td {background-color: #ecf2f5;}
#tabulka-investice tr td {border:0; padding: .5rem .5rem;}

@media (max-width: 768px){
.mobil-napis {font-size:20px !important;}
 }




.tabulka-media {font-size: 16px; width: 100%;}
.tabulka-media tr {border-bottom: 1px solid #d0dee5; position: relative;}
.tabulka-media tr td {border:0; padding: .5rem .5rem; vertical-align:top;}
.tabulka-media tr td a {color:#333; text-decoration: none;}
.tabulka-media tr td a:hover {color: #00569c; text-decoration:none; }



/* about us */
.hlaska {border-left: 5px solid silver; padding-left: 2.0rem; line-height: 1.1 !important;}
.justif {text-align: justify;}

.cislo {font-weight: 800; font-size: 3.0rem; color:#d0dee5;}
.podcislo {font-weight: 600; color: #d0dee5; margin-top: -16px; margin-bottom: 16px;}

.cisla-udaje:hover .podcislo {color: #d0dee5;  -webkit-transition: all 1.3s ease;	-moz-transition: all 1.3s ease;	-o-transition: all .3s ease;	-ms-transition: all 1.3s ease;	transition: all 1.3s ease; }
.cisla-udaje .btn-outline-primary {width: -webkit-fill-available;}
.cisla-udaje .btn-outline-primary:hover {cursor:default !important; width: -webkit-fill-available;}
@media (min-width: 1200px){
.column3 {columns: 3}
 }

.person {font-size:16px; border-radius: 0; }
.person .card-title {font-size:20px;}
.person .overlay  {position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; font-size:15px; line-height: 1.1rem; }
.person:hover .overlay { opacity: 1; -webkit-transition: all .9s ease;	-moz-transition: all .9s ease;	-o-transition: all .9s ease;	-ms-transition: all .9s ease;	transition: all .9s ease; }



/* nadace*/
#foundation {position: relative;}
#foundation2 {background-image: url(img/UDI-group-background-foundation2.jpg); background-size: 100%; color: White;}



.informace {font-size:80%; line-height:1.0;}




#codeigniter_profiler {display:none;}

#HPnews {background: black; color: White;}
#HPnews p {font-size: 16px;}
#HPnews .btn {border-radius: 0px;}