@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);
/*[class^=col-] { border: 1px solid black; }*/
body { font-family: 'Roboto', sans-serif; letter-spacing: .8px }
p { margin-bottom: 20px; }
h2 { font-weight: normal; margin-bottom: 30px; }

.col-lg-20 {
  width: 20% !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-5 {
  margin-right: 2rem !important;
}
.pr-0 {
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .col-lg-20 {
    width: 50% !important;
  }
}

.flag-img {
  width: 100%;
  height: auto;
  max-width: 2rem !important;
}

#header { min-height: 50px; }
@media (min-width: 768px) {
	#header { height: 80px; }
}

.navbar-fixed-top .navbar-right { margin-right: 0px; }
.navbar {
	background: #fff;
	/*border-bottom: 1px solid black;*/
	border: 0;
	box-shadow: none;
}
.navslide {
	/*background-color: #000;*/
	border-bottom: 1px solid #ddd;
	box-shadow: 0 4px 4px -2px #ddd;
}
.navbar-default .navbar-nav > li > a { color: #bfbfbf; /*background: #eee;*/ padding: 14px 30px; }
.navbar-default .navbar-nav > li > a:hover { color: #000; }
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus
{
	background: #fff; color: #000;
	box-shadow: none;
}
.collapse .in { z-index: 100; }

.logo { position: absolute; top: 9px; width: 142px; }
.logoimg_normal { width: 100%; display: none; }
.logoimg_small { width: 100%; display: block; }
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a { padding: 30px; }
	.logo { top: 18px; width: 200px; }
	.logoimg_normal { display: block; }
	.logoimg_small { display: none; }
}

#top { padding-top: 50px; }
.dlazdice { margin-bottom: 26px; z-index: 1; }

#reference { padding-top: 40px; }
#kontakty { padding-top: 60px; }
.adresa { text-align: center; }
@media (min-width: 992px) {
	.adresa { text-align: right; }
}

#klienti { padding-top: 40px; }
#klienti .klient-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
#klienti .klient-logo img {
  width: 100%;
  height: auto;
  max-width: 100px;
  filter: grayscale(1) opacity(0.4);
  -webkit-filter: grayscale(1) opacity(0.4);
  transition: 500ms all;
}
#klienti .klient-logo:hover img {
  filter: grayscale(0) opacity(1);
  -webkit-filter: grayscale(0) opacity(1);
}

@media (min-width: 992px) {
  #klienti .klient-logo img {
    width: 100%;
    height: auto;
    max-width: 100px;
  }
}

#map-canvas {
	width: 100%; height: 550px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-ms-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px;
  overflow: hidden;
}

.smaller { font-size: 80%; }

.portfolio-box { display: block; position: relative; margin: 0 auto; z-index: 1; cursor: default; }
.portfolio-box .portfolio-box-caption {
	display: block; position: absolute; bottom: 0;
	width: 100%; height: 100%;
	text-align: center;
	color: #fff;
	opacity: 0;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-ms-border-radius: 17px;
	-o-border-radius: 17px;
	border-radius: 17px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .pb-name { font-size: 24px; padding: 0 15px; line-height: 34px; }
.portfolio-box:hover .portfolio-box-caption { opacity: 1; }
img.dlaz, img.ref {
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-ms-border-radius: 17px;
	-o-border-radius: 17px;
	border-radius: 17px;
}

#footer { height: 370px; }
.foot_text { margin-top: 160px; text-align: center; }
@media (min-width: 992px) {
	.foot_text { text-align: right; }
}