@charset "UTF-8";
html {scroll-padding-top: 80px;}
body {font-family: 'Arimo', sans-serif;overflow-x: hidden;position: relative;}
a {color:#e53417 ;cursor: pointer;}
a:hover,
a:focus,
a:active,
a.active {color:black;}
footer a:hover, footer a:focus  {text-decoration:underline;color:#e53417!important;}
footer .footer_logo img {width:150px;}
footer .footer_logo {opacity: 0.5;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */	filter: grayscale(100%);}
footer .footer_logo:hover,footer .footer_logo:focus  {opacity: 1;	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);}
.footer_menu a {text-decoration:none;font-size:14px;color:#4b4b4b;}
.footer_menu a:hover, .footer_menu a:active {text-decoration:underline;}
.footer_menu ul {padding-top:3px;padding-left:0;margin-left:10px;margin-right:10px;}
.footer_menu li {margin:0;padding:0;list-style-type: none;}
.footer_menu a.title {display:table;width:100%;text-decoration:none;font-weight: bold;border-top:1px solid white;
	border-bottom:1px solid white;padding:10px;}
.bg-metalkov {background-color: #0057a3;}
.bg-lightblue {background-color:#cbd0d6;}
.text-blue {color:#206f93;}
h1 {font-size: 60px;font-weight: 700;line-height:120%;}
h1 span {color:black;font-size:70%;}
h2 {margin: 0;font-size: 120%;color:#ab0535;font-weight:bold;position:relative;}
h3 {margin:16px 0 20px 0;font-size:28px;color:#18678f;font-weight:bold;line-height:150%;position:relative;}
h4 {font-weight:700;margin:0;}
.bg-gray {background: #d6d6d6;}
.nav-item:hover {background-color:black!important;}
.navbar-nav {margin-left:60px;}	
#main_nav {position:relative;}
.language-selector a, .language-selector button { background-repeat: no-repeat;background-position: 20px center;
	 text-align: left; display: block; min-height: 16px; text-decoration: none !important; text-transform: uppercase;
	padding: 7px 0px 5px 65px;}
.language-selector a.cz, .language-selector button.cs {background-image:url(../images/flag-cs.png);} 
.language-selector a.en, .language-selector button.en {background-image:url(../images/flag-en.png);} 
.language-selector a.de, .language-selector button.de {background-image:url(../images/flag-de.png);}
footer a {color:white;text-decoration:none;}
footer p {font-size:100%;}  	
footer a:hover {color:white;}
a.opacity:hover {opacity: 0.8; filter: alpha(opacity=80);} 

.scroll-top {position: fixed;right:2%;bottom:2%;width:50px;height: 50px;z-index: 1049;}
.scroll-top .btn {font-size: 20px;width: 50px;height: 50px;border-radius: 0px;line-height: 28px;
background-color:#0057a3;}
.scroll-top .btn:hover,.scroll-top .btn:focus {background-color:#e53417;border-color:#e53417;}
.desktop {display:inline;}
.tablet {display:none;}
.mobile {display:none;}
iframe {border:none;}
.video-container {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;margin-bottom:20px;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
a[href^="tel:"] {pointer-events: none;color:black;text-decoration:none;white-space: nowrap;}
.btn-red {background-color:#e53417;color:white;}
h1.kariera {text-align:center;font-size:80px;color:#e53417;}
.btn-red:hover,.btn-red:focus {background-color:#c23017;color:white;}
[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {display: none;}
.job {width:100%;border:1px solid silver;position:relative;padding-bottom:50px;min-height:630px;margin-bottom:24px;}
.job h2 {margin:inherit;color:#e53417;font-size:200%;margin:12px 0;}
.job h3 {margin:inherit;font-size:120%;}
.job p.subtitle {font-size:110%;font-style:italic;}
.job button {position:absolute;bottom:20px;left:50%;transform: translate(-50%, 0%);}
.job button i.bi-chevron-down {position:relative;top:2px;}
.job button i.bi-chevron-up {position:relative;top:-2px;}
#nabizime {font-size:130%;}
#nabizime i {font-size:60px;color:#0057a3;}
.nabizime {height:100%;display:table;padding-bottom:30px;}
.nabizime .image {display:table-cell;padding-right:25px;vertical-align:top;}
.nabizime .image.w {padding-right:0;}
.nabizime .text {display:table-cell;vertical-align:middle;}
.fs-2.fw-bold i {margin-left:12px;font-size:120%;}
.zajem p {text-align:center;}
.zajem i {color:#0057a3;font-size:60px;}
.zajem p:first-child {padding:0;margin:0;}
.zajem p:nth-child(2) {font-size:25px;padding-top:0;margin-top:0;}

/* ============ desktop view ============ */
@media (min-width: 768px) {
	body {padding-top:150px;}
	.navbar {flex-wrap:wrap;}
	.navbar-nav .nav-item .dropdown-menu{ display: none; }
	.navbar-nav .nav-item:hover .nav-link{   }
	.navbar-nav .nav-item:hover .dropdown-menu{ display: block; }
	.navbar-nav .nav-item .dropdown-menu{ margin-top:0; } 	
	.navbar-nav {margin-left:0px;}
	.navbar-navr .nav-link {margin-right:40px;}
}	

@media (max-width: 767px) {
	p, section ul li {font-size: 16px;}
	.desktop,
	.tablet {display:none;}
	.mobile {display:inline;}
	.navbar {padding-top:0;padding-bottom:0;}
	.navbar-nav .dropdown-menu	{margin-top:0;padding-top:0;padding-left:0;}
	.navbar-nav .dropdown-menu li a {padding-top:6px;padding-bottom:6px;}
	.navbar-nav.dropdown-menu li a:hover,
	.navbar-nav.dropdown-menu li a:active,
	.navbar-nav.dropdown-menu li a:focus {color:white!important;}
	h1.kariera {font-size:45px;}
	h3 {font-size:20px;margin:12px 0 3px 0;}
	h2 img, h3 img {max-width:40px;height:auto!important;}
	a[href^="tel:"] {pointer-events: auto; background: transparent url(../images/phone.png) left no-repeat;padding-left:24px;
 	text-decoration:underline;}	
	ul {margin-left: 0px;}
	iframe, img {max-width:100%;}
	footer img {max-width:70%;}
	.job {min-height:0;}
	.fs-2 p {font-size:inherit;}
	.nabizime {padding-bottom:0;}
	.zajem p {text-align:left;padding:0;margin:0;}
	.zajem p:first-child {float:left;margin-right:30px;}
	.zajem p:nth-child(2) {margin-top:10px;}	
		
}

/*  navbar desktop >=992 */	

@media (min-width: 992px) {
	.navbar {height:150px;display:block;transition: 0.3s;background-color:white;}
	.navbar.navbar-expand-lg::after {position:absolute; z-index:-1;bottom:0px;left:0;width:100%;height:47px;content:"";background-color:#0057a3;}
	.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:hover {color:white;}
	.navbar .navbar-logo img {width:280px;}	
	.navbar .navbar-logo {display:block;}
	.navbar .navbar-logo.white {display:none;}
	.navbar .navbar-logo.white img {width:150px;}
	.navbar-nav .dropdown-menu {background-color:#0057a3;padding-top:0px;padding-bottom:0;}
	.navbar-nav .dropdown-menu ul {margin-left:0;padding-left:0;}
	.navbar-nav .dropdown-menu ul li {list-style: none;margin-left:0;padding-left:0;}
	.navbar-nav .dropdown-menu .dropdown-item {color:white;padding:8px 25px;font-size:17px;}
	.navbar-nav .dropdown-menu .dropdown-item:focus,
	.navbar-nav .dropdown-menu .dropdown-item:hover {color:white;background-color:black;}
	.navbar.shrink {height:68px;background-color:#0057a3;border-bottom:2px solid white;}
	.navbar.shrink .navbar-logo {display:none;}
	.navbar.shrink .navbar-logo.white {display:block;width:auto;margin-top:10px;}
	.menuBar {position:absolute;top:95px;left:0;font-size:20px;width:100%;}
	.navbar-expand-lg .navbar-nav .nav-link {margin-left:20px;margin-right:20px;padding-right:.4rem;padding-left:.4rem;	}
	.navbar-nav .nav-link,.navbar-nav .nav-link i {color:white;transition:none;}
	.language-selector {position:absolute;right:0;bottom:0px;}
	.language-selector .dropdown-toggle, .language-selector .dropdown-menu li {width:10rem;display:inline;}
	.language-selector a, .language-selector button { background-repeat: no-repeat;background-position: 20px center;
	 text-align: left; display: block; min-height: 16px; text-decoration: none !important; text-transform: uppercase;
  color: #0057a3 !important;font-size: 90%; padding: 7px 0px 5px 65px;}
	.language-selector .language-short {display:none;}	
	.overlay .closebtn {display:none;}
	.navbar.shrink .navbar-nav	{position:absolute;top:2px;left:200px;}	
	.navbar.shrink .navbar-nav .dropdown-menu {top:58px;left:-200px;}
	.navbar.shrink .navbar-nav .nav-link {font-size:20px!important;margin-left: 10px!important;margin-right: 10px!important;	}
	.navbar.shrink .navbar-nav .nav-link,.navbar.shrink .navbar-nav .nav-link i {color:white;}
	.navbar.shrink .language-selector {right:100px!important;width:40px;top:7px;}
	.navbar.shrink .language-selector .dropdown-menu {min-width:0;width:45px;background-color:#0057a3;
	position:absolute;top:30px;}
	.navbar.shrink .language-selector .language-full {display:none;}
	.navbar.shrink .language-selector .language-short {display:inline;color:white;}
	.navbar.shrink .language-selector a, 
	.navbar.shrink .language-selector button {background-image:none!important;padding-left:10px}
	.navbar.shrink .language-selector button span,
	.navbar.shrink .language-selector .dropdown-toggle {color:white!important;}
}

/* navbar mobile  <992 */

@media (max-width: 991px) {
	body {padding-top:28px;}
  	.navbar {background-color:#0057a3;padding:6px 0;}	
   .navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}  
	.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:hover {color:white;} 	
 	.navbar .navbar-logo {display:none;}
	.navbar .navbar-logo.white {display:block;width:180px;}  	
	.navbar .navbar-logo.white img {float:left;}  	
	.navbar-nav .nav-link,
	.navbar-nav .nav-link i {color:white;}
	.menuBar {position:relative;top:0;left:0;}
	.dropdown-menu {border:none;}
	.navbar-nav {margin-left:30px;}
	.overlay {height: 100%;width: 0;position: fixed;z-index: 999;left: 0;top: 0;overflow-x: hidden;transition: 0.5s;  
		background:url(../images/mobile-menu-background.jpg) no-repeat center top;}
	.overlay-content {margin-top:100px; padding:10px 20px 20px 0;}
	.overlay a {padding: 8px;text-decoration: none;font-size: 20px;color: white;display: block;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-top:10px;padding-bottom:10px;}
	.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus{color: white;background-color: rgba(5, 27, 63, 0.5);}
	.navbar-nav .dropdown-item.opacity:hover {opacity:1;background-color: rgba(5, 27, 63, 0.5);color:white;}		
	.overlay .closebtn {position: absolute;top: 10px;right: 25px;font-size: 60px;display:block}
	.navbar-nav .dropdown-menu {background-color: transparent;}
	.scroll-top {z-index:1;}
	.language-selector .dropdown-menu {min-width:0;width:120px;background-color:#0057a3;position:absolute;top:41px;}
	.language-selector .language-full {display:none;}	
	.language-selector a:hover,.language-selector button:hover {background-color:black;}
}

@media (max-width: 767px) {
	.language-selector {right:100px!important;width:40px;}
	.language-selector .dropdown-menu {min-width:0;width:45px;background-color:#0057a3;position:absolute;top:41px;}
	.language-selector .language-full {display:none;}
	.language-selector a, 
	.language-selector button {background-image:none!important;padding-left:10px;}
}

/* mobile extra small */ 

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
} 

/* navbar <1140 */ 
@media (max-width: 1100px) {
	.navbar-expand-lg .navbar-nav .nav-link	{padding-left:.3rem!important;padding-right:.3rem!important;}
	.language-selector {position:absolute;right:80px;bottom:0px;color:white;}	
	.language-selector .btn,
	.language-selector a {color:white;}	
}