/* Šablona VISA4U */

html, body {
	font-family: Roboto;
}

.navbar-bg {
	background: rgba(52, 58, 64, .9);
}

a, a:hover {
	color: #888888;
	/* font-family: Mina; */
}

nav .navbar-brand a:hover, nav .navbar-brand a {
	text-decoration: none;
	color: #f8f9fa;
}

section {
	width: 100%;
	display: flex;
	min-height: 72vh;
}

.footer {
	margin-top: 0;
	background-image: none;
	background-color: var(--template-bg-dark-5);
	color: inherit;
	font-size: smaller;
	
}

.container-header nav {
    margin-top: 0;
}

.back-to-top-link {
    border-radius: 50%;
    padding: 5px 7px;
   
}

.back-to-top-link:hover, .back-to-top-link:focus {
background-color: var(--gray-700);
}

.footer .grid-child {
    justify-content: center;
 }

section.firstbg {
	height: 100%;
	/* max-height: 1280px; */
	padding: 100px 0;
	display: flex;
	background: rgba(0,0,0,0.4);
	padding-top: 68px;
}

.content {
	min-height: 100vh;
	padding-top: 68px;
}

.container-header .grid-child {
    padding: 0;
}

div.mod-languages ul li.lang-active {
    background-color: transparent!important;
}

div.mod-languages li {
    margin: 0;
}

div.mod-languages img {
    border-radius: 50%;
	object-fit: cover;
 }

div.mod-languages a {
    padding: 0 .2rem;
    }


ul.nav.navbar-nav li.nav-item a.nav-link:hover, ul.nav.navbar-nav li.nav-item a.nav-link.active {
	color: #fff;
	
}

.container-header {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Zajišťuje, že bude vždy navrchu */background-color: #000000cf;
    background-image: none;
    box-shadow: inset 0 5px 5px #00000008;
	
}

.navbar-toggler:focus {
	box-shadow: none
}

@media (max-width: 991.98px) {
	.container-header .navbar-toggler {
		position: fixed !important;
		right: 10px;
		top: 27px;
		transform: translateY(-50%);
	}
	.container-header .navbar-collapse {
	margin-top: 0;
	width: 100vw;
	}

	body.wrapper-fluid header>.grid-child, body.wrapper-fluid footer>.grid-child {
	    padding: 0 .5em;
    }
}

.container-header .container-nav {
    padding-bottom: 0;
}

.container-fluid {
	padding: 0;
}

.w-vh-100 {
  width: 100vh !important;
}

.inner {
	width: 90%;
	margin: 0 auto;
	/* text-align: justify; */
	padding: 68px 0;
}


.inner h1 {
	font-size: 4rem;
}

.inner h2 {
	font-size: 3rem;
}

.inner h3 {
	font-size: 2rem;
}

.inner h4 {
	font-size: 1.5rem;
}

.first {
	background: url(/images/template/bg.jpg) top left no-repeat fixed;
	background-size: cover;
	height: 100vh;
	font-weight: 400;
}

.first h1, .first h4 {
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
	
}

.hlavicka h1, .hlavicka h2, .hlavicka h3, .hlavicka h4,  .hlavicka h5 {
	font-weight: 400;
} 

.hlavicka h1 {
	font-size: 5rem;
}

.headingbg {
	background: rgba(0,0,0,0.6);
	padding: 5px 10px;
	border-radius: 25px;
}

.vertical-align {
	display: flex;
	flex-direction: row;
}

.vertical-align > [class^="col"],
.vertical-align > [class*=" col"] {
	display: flex;
	align-items: center;
	justify-content: center; /* Optional, to align inner items 
	horizontally inside the column */
}

img.img-thumbnail  {
	width: 17vw;
	height: 23vw;
	object-fit:cover;
	box-shadow: 0 1px 5px #000;
}


img.img-fibrom {
	width: 17vw;
	height: 13vw;
	object-fit:cover;
	box-shadow: 0 1px 5px #000;
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
}


img.img-thumbnail1 {
	width: 27vw;
	height: 20vw;
	object-fit:cover;
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	max-width: 100%;
	box-shadow: 0 1px 5px #000;
	
}


.big {
	font-size: 3rem;
}

.small {
	font-size: .8rem;
}

.lasercol {
	width: 24.5%;
	min-width: 150px;
	float: left;
	margin: 0 auto;
}



/* #kontakt .inner p, #kontakt .inner h3, #kontakt .inner h4, #kontakt .copyright {
	text-shadow: 1px 1px 0 #99e6ff;
	}
*/
#kontakt .inner input, #kontakt .inner textarea {
	text-shadow: 1px 1px 0 #e6e6e6;
	background: #ccc;
	color: #000;
}


.form-control {
	color: #000;
}

.form-control:focus {
	border-color: #cecece;
	box-shadow: 0 0px 5px #000;
}

.copyright {
	margin-top: 5vh; 
	margin-bottom: -5vh;		
}

.help-block ul li {
	color: #fff;
	text-shadow: 0px 1px 3px red;
}

.tooltip-inner {
    color: #000;
    background-color: #fff;
	box-shadow: 0px 1px 5px #000;
}   

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff;
}

.firstbg {
	background: rgba(0,0,0,0.3);
}

.box-shadow {
	box-shadow: 0px 2px 5px #000;
}

body.wrapper-fluid .site-grid {
    grid-gap: 0;
	
}

@supports (display:grid) {
    .blog-items {
        margin: 0;
	}
}


/* mobile */
@media (max-width: 768px) {
	
	
	.inner {
		width: 95%;
		margin: 0 auto;
	}
	
	.copyright {
		margin-top: 5vh; 
		
	}	
	
	.company {
		display: none;
	}
	
	.navbar-brand {
		margin-left: 10px;
	}	
	
	.inner h1 {
		font-size: 3.5rem;
	}
	.inner h2 {
		font-size: 2rem;
	}	
	
	.btn-ru {
		font-size: 0.8rem;
	}
	
}