/* KV Visa Services  2018*/

html, body {
	margin: 0;
	padding: 0;
	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 {
	width: 100%;
	padding: 25px 0;
	font-size: .80rem;
	background: #f0f0f5;
	
	
}

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

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

/* .content li { */
/* list-style: none; */
/* } */

/* .sluzby li::before { */
/* font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f531"; */
/* color: #ccc; */
/* margin-right: 10px; */
/* font-size: 10px; */
/* } */


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-fluid {
	padding: 0;
}

.inner {
	width: 80%;
	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/analysis.jpg) top left no-repeat fixed;
	background-size: cover;
	height: 70vh;
	
}

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


.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;
}


/* mobile */
@media (max-width: 768px) {
	
	.inner {
		width: 90%;
		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;
	}
	
}