@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:wght@400;500&family=Open+Sans:wght@400;700&display=swap');
body, th, td { font-family: 'Open Sans', sans-serif; color:#434343; font-size:25px;}
h1, h2, h3, h4, h5, h6, nav, .aboveheadline, .carousel-caption,  p.title, .filtry p   {font-family: 'Advent Pro', sans-serif;}
p {font-size: 1em; font-weight:normal;}
a {color:#000000; transition: all 0.1s ease;}
/*a:not(.btnorange):hover {border-bottom: 4px solid #ea5b0c; text-decoration: none; transition: all 0.1s ease;}*/
a.btnorange {border: 1px solid #ea5b0c; border-radius: 0; padding: .5em 1.5em; margin-top:2em; font-weight: bold; text-transform: uppercase; color: #ea5b0c;	}	
a.btnorange:hover {border: 1px solid #000;}	
h1 {color:#ea5b0c; font-size:3em; padding-bottom: 0.3em;}
h2 {color:#ea5b0c; font-size:2.5em; padding-bottom: 0.2em;}
h4 {color: #c9c9c9; font-size:1.7em;}	
h5 {color: #ea5b0c; font-size:1.3em; font-weight: bold;}		
.aboveheadline, .aboveheadline a {color:#c9c9c9; margin-bottom:0; transition: all 0.5s ease; }
.aboveheadline a:hover {color:#434343; transition: all 0.5s ease;}
.counters .counter {color:#ea5b0c; font-weight: bold;}
.counters span {text-align: center;}

#homecarouselcontrols .carousel-item {max-height:100vh;}
.animate__animated.animate__delay-05s{animation-delay:0.5s;animation-delay:calc(var(--animate-delay)*0.5)}
.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:calc(var(--animate-delay)*1)}
#homecarouselcontrols.carousel h2 {font-size:3em; padding-bottom: 0; margin-bottom: 0; }
/*.carousel h2,.carousel p {text-shadow: 3px 5px 10px #000000;}
*/

@keyframes zoom {  	0% {    transform: scale(1, 1);  }  90% {    transform: scale(1.1, 1.1);  }  100% {    transform: scale(1, 1);  }}
#homecarouselcontrols .carousel-inner .carousel-item > img {  -webkit-animation: zoom 7s;  animation: zoom 7s;}
    
/*body:not(.projecticonHomepage) .projecticon-nav{ background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index:150;}*/
body:not(.projecticonHomepage) .projecticon-nav .navbar-brand{ margin-left:50vw;}
.projecticonHomepage .projecticon-nav{background-color:rgba(0, 0, 0, 0);  z-index:50;}
.projecticon-nav .logo {width:15vw; min-width: 200px; height:auto; }
.projecticon-nav .nav-item {padding-left:1vw;}	
.projecticon-nav .nav-link {font-size:0.7em;  color:#000000;}   
.projecticon-nav.navWhite .nav-link {color:#ffffff;}   
.projecticon-nav .nav-link:hover { border-bottom: 4px solid #ea5b0c; margin-bottom: -4px; transition: all 0.1s ease;}	

.projecticon-nav .nav-link:last-child img { height:1em; opacity:0.8; filter: grayscale(60%);}	
.projecticon-nav .nav-link:last-child:hover img {  opacity:1; filter:none;}	
.navWhite .st0{fill:#FFF;}
.navWhite .st1{fill:#FFF;}
.navWhite .st2{fill:#FFF;}

.claim {text-align: center; font-size: 1.2em; font-weight: bold; min-height: 40vh; transition: all 0.5s ease;}	
.claim:hover {color: #000000; transition: all 0.7s ease;}	

.introduction h5 { padding-top:1em;}


/*.clientlogos {line-height: 0; column-count: 4; column-gap: 1px;}*/
	
.pot {position: relative; z-index:60; display: flex;  justify-content: center;  align-items: center;  max-height:100vh;   -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 10s;}
.pot img {min-height:100vh; width:auto; transform: translate(-12.5vw,0%); }
@-webkit-keyframes run {0% {left: 0;} 50% {left: 12.5vw;} 100% {left: 0;}}
    
#photos {   line-height: 0;column-count:3;column-gap:1px; border-top: 1px solid #ffffff;}
#photos img {  width: 100% !important;  height: auto !important; border-bottom: 1px solid #ffffff; }
#photos a{transition: all 1.5s ease;}
#photos a:hover {opacity: 0.8; transition: all 0.5s ease; background-color: #ea5b0c;}
/*#content{padding-top:90px;}*/

#contacts {font-size: 0.7em; transition: all 0.5s ease;}
#contacts a {text-decoration: none;}
#contacts .doicons:hover {background-color: #f3f3f3;  border-color:#f3f3f3;  }
#contacts .doicons:hover h3 {  color: #ea5b0c; }
#contacts .doicons:hover h4 {  color: #000000; transition: all 0.5s ease;}
#contacts .doicons:hover a {  text-decoration: underline;}
#contacts h4 {  color: #B7B7B7;  font-size: 1.2em;}
.card-footer {background-color: rgba(255,255,255,0.00);}
.filtry a {text-transform: uppercase; text-decoration: none; color:#ea5b0c; white-space: nowrap }
.filtry a:hover {text-decoration: underline;}
.filtry .aktivni {font-weight: bold;}
.filtered {width: 0; height: 0; min-height: 0 !important; max-height: 0 !important; overflow: hidden; position: absolute; opacity: 0;}
.pobocka { background-color: #f3f3f3; border: none;}
.pobocka h3 {  color: #ea5b0c;}
.pobocka h4 a:before {content:  url("mappin.svg");display:inline-block; height:1em; width:1em; margin-right: .5em; margin-left: -1.5em}


#map {width: 100%; height: 100vh;}


.prehled-referenci {font-size: 0.6em; margin-bottom: 0;}
.ctverec-reference * {transition: all 0.5s ease;}
.prehled-referenci .ctverec-reference {background-color: #ffffff;}
.prehled-referenci .ctverec-reference:hover {background-color: #000000;}
.prehled-referenci .ctverec-reference:hover img {opacity: 0.8;}
.prehled-referenci .ctverec-reference:hover h2  { font-size:3em;}



.prehled-referenci p, .prehled-referenci h2{color: #ffffff; margin-bottom: 0;}
.prehled-referenci img{  border-left: 1px solid #ffffff;  border-top: 1px solid #ffffff;}
.prehled-referenci .description {background: linear-gradient(0deg, rgba(0, 0, 0, 0.34) 0%, rgba(255, 255, 255, 0) 100%); width: 100%;}

.footer {font-size: 0.8em; border: 1px solid #000000; border-left: none; border-right: none;}
.footer a {display: inline-block; text-decoration: none;}	
.footer h4 {padding-bottom: 1em;}
.footer .col-12:nth-child(3) {  background: #f3f3f3;	padding: 40px;}	
.footer .col-12:nth-child(3) h4 {color: #434343;}		
.doicons a {display: block; line-height: 2em;}	
.doicons h4 a  {line-height: 1.6em;}	
.doicons a:before {display:inline-block; height:1em; width:1em; margin-right: .5em;}		
.doicons a[href ^= 'tel:']:before {content: url("tel.svg");}	
.doicons a[href ^= 'mailto:']:before {content:  url("mailto.svg");;}
.mappin:before  {content: url("mappin.svg"); display:inline-block; height:3em; width:3em; margin-right: .5em;}
.copy, .copy a {color: #C3C3C3;}

 .klienti h3{
  color: #ea5b0c;
  font-weight: bold;
  padding-top: 2em;
}
	
@media (max-width: 1200px) { .pot img, #map {  min-height: auto; max-height: 65vh;} .projecticon-nav {z-index: 70; left: auto; right: 0;} .projecticon-nav.w-100 {width:auto!important;} body:not(.projecticonHomepage) .projecticon-nav .navbar-brand {  margin-left: auto;} .projecticon-nav .logo {min-width: 220px; }} 
@media (max-width: 1200px) and (orientation:landscape) { .pot {min-height: 350px;} .projecticonContacts .pot img, .pot img {max-height: none; min-width: 100vw} }	
@media (max-width: 991px) {.projecticon-nav ul {background:linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);} .projecticon-nav .nav-item {
    padding-left: 1.5rem;} .navbar-toggler {border:none;} .navWhite .navbar-toggler {filter: invert(1);} .navbar-toggler:focus {border: 0!important; box-shadow: none !important; border-radius:0;} .projecticon-nav.navWhite .nav-link {color:#000000;}}
@media (max-width: 768px) { #photos {column-count:2;} .filtry a {font-size: .8em; line-height: 2.4em; display:block;} p.aboveheadline { font-size: 0.8em;} .claim {font-size: 1em;} }    
@media (max-width: 500px) { #content {  padding-top: 30px;} #photos {column-count:1;} th, td {display: block;}  h1 { font-size: 2.2em;} .projecticonContacts .pot img { max-height: 40vh;} }