.cleaner {
	clear: both;
}
/* idiot helper */
font-families {
	font-family: 'Asap Condensed', sans-serif;
	font-weight: 400,600,700;
}
.white { 
	color:white!important;
}
.white-bg {
	background-color:white!important;
}
.nowrap {
	white-space: nowrap;
} 
.strong {
	font-weight:700;
}
body {
	background:white;
	font-size:15px;
	font-family: 'Asap Condensed', sans-serif;
	color:#525355;
	overflow-x: hidden;
}
a,
a:hover,
a:focus {
	color:#104281;
	text-decoration:none;
}
.blue {
	color: #104281;
}
.black {
	color: black;
}
P {
	font-size: 20px;
	line-height: 35px; 
}
#main-nav {
	background: white;
}
#logo {
    padding-left: 15px;
} 
.navbar-brand.homepage {
	opacity:0;
	transition: 500ms ease-out;
}
.navbar-brand.homepage.zobrazit {
	opacity:1;
	transition: 500ms ease-out;
}
.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(16, 66, 129)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler {
  border-color: #104281;
  border-radius: 0;
} 
.nav-item {
	font-size: 18px;
	font-weight: 600;
}
.nav-item A:hover,
.nav-item A:focus,
.nav-item A:active {
	text-decoration: underline;
	background:  none;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.dropdown-toggle::after {
	display: none;
} 
#main-nav .dropdown-menu {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    border: none!important;
    width: 200px;
    padding: 0 20px!important;
    background: #232323!important;
    background: #232323e8!important;
    margin-left: -10px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
	color:white;
	z-index:1050;
}
#main-nav .dropdown-menu A {
    margin-top: 0;
    padding: 15px;
	color: white;
	text-transform: capitalize;
	font-size:18px;
}

#content {
	margin-top:91px;
}


#homepage-banner {
	background: rgba(235,235,235,1);
	background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 52%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(52%, rgba(245,245,245,1)), color-stop(53%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 52%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 52%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 52%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgba(245,245,245,1) 52%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=1 );
}
#homepage-h1 {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
}
#homepage-banner-logo {
	background:white;
    padding-left: 5px;
    padding-right: 5px;
}
.homepage-banner-logo-logo {
	background: white;
	border-left: solid 20px #fafafa;
	margin-top:5px;
	margin-bottom:5px;
	height: 445px;
	display: flex;
	justify-content: center;
    align-items: center;
}
.homepage-banner-logo-bar-vertical {
	background: #fafafa;
	height:20px;
}
#homepage-banner-links {
	
}
.homepage-banner-link {
	background-size:cover;
	background-position: right bottom!important;
	border-bottom: solid 5px white;
	height:165px;
	color:white!important;
	font-size:28px;
	transition: 1600ms;
}
.homepage-banner-link:last-of-type {
	border:none;
}
.homepage-banner-link:hover,
.homepage-banner-link:active,
.homepage-banner-link:focus {
	color: #68acff!important;
	transition: 350ms;
}
#homepage-banner-link-1 {
	background: url(../img/homepage-banner-link-1.jpg) no-repeat;
}
#homepage-banner-link-2 {
	background: url(../img/homepage-banner-link-2.jpg) no-repeat;
}
#homepage-banner-link-3 {
	background: url(../img/homepage-banner-link-3.jpg) no-repeat;
}
.homepage-banner-link SPAN {
	position: absolute;
    bottom: 0;
    right: 35px;
	text-align:right;
}
.homepage-banner-link b {
	font-weight: normal;
}

.arrow-down {
	display: block;
	width: 71px;
	height: 71px;
	position: absolute;
	z-index: 1;
	left:50%;
	margin-left:-35px;
	margin-top:-35px;
	background: url(../img/arrow-down.png) no-repeat;
	opacity:0.4;
	transition:700ms;
}
.arrow-down:active,
.arrow-down:focus,
.arrow-down:hover {
	opacity:1;
	transition: 130ms;
}

.textova-sekce {
	padding-top: 60px;
	padding-bottom: 45px;
}
#sekce-profil-2 {
	padding-top: 100px;
	padding-bottom: 90px;
}

#sekce-profil-3 {
	background: #eaeaea;
	padding-top: 40px;
	padding-bottom: 75px;
}
#highlights-1 .highlight {
	display: block;
	padding-top:40px;
	padding-bottom:10px;
	transition: 1600ms;
	cursor:pointer;
	/* kvuli hover efektu na krajich whiteboxu */
	margin-bottom: -7px;
}
#highlights-1 .highlight:hover,
#highlights-1 .highlight:active,
#highlights-1 .highlight:focus {
	background-color: #e7e3e3;
	transition: 350ms;
}
#highlights-2 {
	max-width: 900px;
} 
#highlights-2 .highlight {
	display: block;
	padding-top:10px;
	padding-bottom: 0px;
}
.highlights-text {
	font-size:28px;
	line-height: 35px;
	text-align: center;
	margin-bottom: 45px;
}
.highlights-text SPAN {
	font-weight: 700;
}
.highlights-icon {
	width: 87px;
	height: 88px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	margin:0 auto 20px auto;
}
#highlights-icon-1,
#highlights-icon-mobile-1 {
	background-image: url(../img/highlight-kvalita.png);
}
#highlights-icon-2,
#highlights-icon-mobile-2 {
	background-image: url(../img/highlight-servis.png);
}
#highlights-icon-3,
#highlights-icon-mobile-3 {
	background-image: url(../img/highlight-certifikace.png);
}
#highlights-icon-4,
#highlights-icon-mobile-4 {
	background-image: url(../img/highlight-cas.png);
}
#highlights-svarovani-icon-1 {
	background-image: url(../img/highlight-svarovani-1.jpg);
}
#highlights-svarovani-icon-2 {
	background-image: url(../img/highlight-svarovani-2.jpg);
}
#highlights-svarovani-icon-3 {
	background-image: url(../img/highlight-svarovani-3.jpg);
}
.hightlights-arrow {
	width:30px;
	height:30px;
	border-top: solid 3px #104281;
	border-left: solid 3px #104281;
	transform: rotate(45deg);
	background: white;
	position: absolute;
	z-index: 1;
	left:50%;
	margin-left: -15px;
	margin-top: -11px;
	display:none;
}
#highlights-1 .highlight[data-target="highlights-1"] .hightlights-arrow {
	display: block;
}
.highlights-data-target {
	display: none;
}
#highlights-1-data-target-highlights-1 {
	display: block;
}
#hightlights-1-data-target-holder {
	background: white;
	border:solid 3px #104281;
	border-radius: 10px;
	padding:30px;
	min-height: 185px;
}
#hightlights-1-data-target-holder H2 {
	font-size: 28px;
	line-height: 35px;
	color: #104281;
	font-weight: 700;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}
#hightlights-1-data-target-holder P {
	font-size: 20px;
	line-height: 35px;
	color: #6d6e71;
}
#hightlights-1-data-target-holder P:last-of-type {
	margin-bottom: 0;
}
#hightlights-1-data-target-holder P STRONG{
	font-weight: 700;
	color:black;
}

#homepage-aktuality {
	padding-top:100px;
	padding-bottom:80px;
}
#homepage-aktuality H2, 
#homepage-aktuality H3, 
.small-text-banner H1, 
.textova-obrazkova-sekce H2,
.kontakt-jmeno,
.textova-sekce H2 {
	font-size:28px;
	line-height: 35px;
	color: #104281;
	padding-bottom: 50px;
	font-weight: 700;
	text-transform: uppercase;
	margin:0px;
}
.textova-obrazkova-sekce H2 {
	padding-bottom: 30px;
}
.textova-sekce H2 {
	padding-bottom: 15px;
}
.small-text-banner-statusbar-heading {
	display:none;
	position:fixed;
    width: 100vw;
	background: none;
	padding-top:0;
	padding-bottom:0;
	z-index: 1040;
	margin-top:-91px;
	justify-content: center;
	height:91px;
	width: 350px;
	left:50%;
	margin-left:-175px;
} 
#sekce-obrabeni-3 {
	padding-bottom: 65px;
}
#sekce-obrabeni-3 IMG { 
	max-width:265px;
	/*margin: 0 auto;*/
}
#sekce-obrabeni-3 #obrabeni-img-1 {
	position:relative;
	top:20px;
}
@media(max-width:991px) {
	#sekce-obrabeni-3 IMG {
		max-width:200px;
	}
}
@media(max-width:767px) {
	#sekce-obrabeni-3 IMG {
		margin-bottom: 45px;
	}
	#sekce-obrabeni-3 #obrabeni-img-1 {
		position:relative;
		top:0px;
	}
	#sekce-obrabeni-3 {
		padding-bottom: 45px;
	} 
}
@media (max-width: 575px) {
	#sekce-obrabeni-3 IMG {
		max-width:200px!important; 
	}
}
@media(max-width:767px) {
	.small-text-banner-statusbar-heading {
		display:none!important;
	}
}
.small-text-banner-statusbar-heading>DIV {
	max-width: 350px; 
	display: flex;
    align-items: center;
    justify-content: center;
	font-weight: 700; 
	font-size: 20px; 
	color:#525355;
	text-transform: uppercase;
}
@media(min-width:992px) {
	.small-text-banner H1{
		z-index: 999;
		position: relative;
	}
}
@media(max-width:991px) {
	.small-text-banner-statusbar-heading>DIV {
		display: none!important;
	}
} 
#homepage-aktuality H3 {
	color: black;
	font-size: 23px;
	padding-bottom: 20px;
	font-weight: 400;
	text-transform: uppercase;
}
#homepage-aktuality .aktualita {
	padding: 0 30px;
}
#homepage-aktualita-1 {
	padding-left: 0!important;
}
#homepage-aktualita-3 {
	padding-right: 0!important;
}
 
#footer {
	/*margin-top:80px;*/
	font-size:20px;
	padding-bottom:25px; 
}
#footer-bar {
	background: #104281;
	height:20px;
	margin-bottom:25px;
} 

.small-text-banner { 
	background: #d6d6d6;
	background: -moz-linear-gradient(left, #d6d6d6 23%, #f8f8f8 58%, #f8f8f8 69%, #eaeaea 92%);
	background: -webkit-linear-gradient(left, #d6d6d6 23%,#f8f8f8 58%,#f8f8f8 69%,#eaeaea 92%);
	background: linear-gradient(to right, #d6d6d6 23%,#f8f8f8 58%,#f8f8f8 69%,#eaeaea 92%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#eaeaea',GradientType=1 );
	padding-top:60px;
	text-align: center;
}

#sekce-svarovani-3-2 {
	padding-bottom: 80px;
}
#sekce-svarovani-4 {
	background: #f3f3f3 url(../img/svarovani-komplexni-reseni.jpg) no-repeat bottom right;
}
@media(min-width:1400px) {
	#sekce-svarovani-4 { 
		background-position: calc(50% + 400px) bottom; 
	} 
}
#sekce-svarovani-4 .container {
	padding-top:80px;
	padding-bottom:80px;
}

#sekce-svarovani-5 {
	background: #eaeaea url(../img/svarovani-kontrola-kvality.jpg) no-repeat bottom 0px left -140px;
} 
@media(min-width:1400px) {
	#sekce-svarovani-5 {
		background-position: calc(50% - 400px) bottom;
	} 
}
@media(max-width:1199px) {
	#sekce-svarovani-5 {
		background-position: bottom 0px left -300px;
	} 
}
@media(max-width:991px) {
	#sekce-svarovani-5 {
		background-position: bottom 0px left -400px;
	} 
}
#sekce-svarovani-5 .container {
	padding-top:100px;
	padding-bottom:80px;
}

#sekce-montaz-3 {
	background: #eaeaea url(../img/montaz-manipulacni-moznosti-mensi.jpg) no-repeat top 0px right 0px;
	/*background-size: contain;*/
} 
@media(min-width:1400px) {
	#sekce-montaz-3 {
		background-image: url(../img/montaz-manipulacni-moznosti.jpg);
		background-position: calc(50% - 100px) top;
	} 
} 
#sekce-montaz-3 .container {
	padding-top:100px; 
	padding-bottom:80px;
}
@media(max-width:991px) {
	#sekce-montaz-3 {
		background-position: right -90px top 0;
	}
}
@media(max-width:767px) {
	#sekce-montaz-3 {
	    padding-bottom: 0;
		background: #f3f3f3;
		/*background-position: bottom 166px right -93px;*/
		/*background-repeat: no-repeat;*/
		/*background-size: 300px;*/
	}
	#sekce-montaz-3 .container {
		padding-top: 50px;
		padding-bottom: 60px;
	}
	#sekce-montaz-4 .container {
		padding-top:50px; 
		padding-bottom:60px;
	}
}
#sekce-montaz-4 {
	background: #eaeaea;
}  
#sekce-montaz-4 .container {
	padding-top:100px; 
	padding-bottom:60px;
}
@media(max-width:991px) {
	#img-montazni-sluzby {
		margin-left:-80px;
		width: 350px;
		height:auto;
		margin-top:35px;
	}
}
@media(max-width:870px) {
	#img-montazni-sluzby {
		margin-left:-20px;
	}
}
@media(max-width:767px) {
	#img-montazni-sluzby-sm-xs {
		margin-top:25px;
	}
	#sekce-montaz-4 .container {
		padding-top:50px; 
		padding-bottom:60px;
	}
}

#sekce-montaz-5 {
	background: #f3f3f3 url(../img/montaz-baleni-vyrobku.jpg) no-repeat;
	background-position: top 90px right 100px;
}
#sekce-montaz-5 .container {
	padding-top:100px;
	padding-bottom:80px;
}
@media(max-width:1199px) {
	#sekce-montaz-5 {
	    background-position: top 30px right 30px;
	}
	#sekce-montaz-5 .container {
		padding-top: 50px;
		padding-bottom: 60px;
	}
}
@media(max-width:991px) {
	#sekce-montaz-5 {
		background-size:330px;
	    background-position: top 90px right 50px;
	}
}
@media(max-width:767px) {
	#sekce-montaz-5 {
		background-size:330px;
	    background-position: bottom 40px center;
	}
	#sekce-montaz-5 .container {
		padding-top: 50px;
		padding-bottom: 300px;
	}
}

.textova-obrazkova-sekce UL {
	font-size:20px;
	list-style: none;
}
.textova-obrazkova-sekce UL LI::before {
	content: "•"; 
	color: #104281;
	display: inline-block; 
	width: 1em;
	margin-left: -1em
}  
.kontakt {
	margin-top:20px;
}
.kontakt-jmeno {
	margin-top:25px;
	padding-bottom:15px;
} 
.kontakt-tel,
.kontakt-email {
	font-size: 20px;
}



@media (max-width: 991px) {
	/* full screen na tabletech */
	#homepage-banner .container,
	#main-nav .container,
	#sekce-profil-3 .container {
		width: 100%;
		max-width: none;
	}
	.homepage-banner-logo-logo IMG {
		width: 250px;
	}
	.homepage-arrow-1 {
		margin-left:-40px;
	}
	#sekce-profil-3 .container {
		padding-left:30px;
		padding-right:30px;
	}
	/* homepage banner links odsazeni zprava */
	#homepage-banner .container .row {
		padding-right: 20px;
		margin-right: -25px;
	}
	#homepage-aktuality .aktualita {
		padding-top: 0px!important;
		padding-left: inherit!important;
		padding-right: inherit!important;
		padding-bottom: 35px!important;
	}
}
@media (max-width: 767px) {
	.navbar-collapse {
		text-align: center;
	}
	.navbar-nav {
		padding-top:30px;
		padding-bottom:20px;
		/*margin-right: -18px;*/
	}
	#main-nav .dropdown-menu {
		border: none;
		text-align: center;
		border: none; 
		width: 100%!important;
		margin: 0 auto!important;
		background: none!important;
	}
	#main-nav .dropdown-menu  A {
		color:black!important;
		padding:8px;
	}
	.nav-item A,
	.nav-item A:hover,
	.nav-item A:focus,
	.nav-item A:active {
		text-decoration: none;
		font-size:25px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.nav-item A:hover,
	.nav-item A:focus,
	.nav-item A:active {
		color:#525355;
	}
	.homepage-banner-logo-logo IMG {
		width: 200px;
	}
	#homepage-banner-link-1 {
		background-position: left -270px bottom 0px !important;
	}
	#homepage-banner-link-2 {
		background-position: left -50px bottom 0px !important;
	}
	#homepage-banner-link-3 {
		background-position: left -230px bottom 0px !important;
	}
	.homepage-banner-logo-logo {
		border:none;
	}
	.arrow-down {
		display: none;
	}
	#sekce-profil-2 {
		padding-top: 80px;
		padding-bottom: 70px;
	}
	#sekce-profil-3 {
		padding-bottom: 10px;
	}
	.highlight-mobile {
		text-align: center;
		margin-top: 20px;
		margin-bottom:50px;
	}
	.highlights-text {
		margin-bottom:15px;
	}
	.highlight-mobile P {
		max-width: 450px;
		margin: 0 auto 0 auto;
	}
	#homepage-aktuality {
		padding-top: 60px;
	}
	#sekce-svarovani-4 {
		background-size: 350px; 
	}
	#sekce-svarovani-4 .container {
		padding-top:50px;
		padding-bottom:150px;
	}
	#sekce-svarovani-5 {
		background-size: 650px;  
		background-position: left -80px bottom 0px;
	}
	#sekce-svarovani-5 .container {
		padding-top:50px;
		padding-bottom:300px;
	}
	.kontakt {
		margin-top:45px;
	}
}
@media (max-width: 575px) {
	.navbar-brand.homepage {
		opacity:1;
	} 
	
/*	#content {
		margin-top: 46px;
	}*/
	
	#homepage-banner .container .row {
		padding-right: 0px!important;
		margin-right: -15px;
	}
	#homepage-banner-links .homepage-banner-link {
		background-position: right bottom!important;
		height: 105px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: 30px;
	}
	#homepage-banner-link-2.homepage-banner-link {
		background-position:left bottom!important;
	}
	.homepage-banner-link SPAN {
		position:relative;
		bottom:auto;
		right:auto;
	}
	
	#homepage-aktuality .aktualita {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
}