@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
/*
@media (max-width: 575.98px) {
	
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.breadcrumbs-2 a {height:100% !important;padding:10px !important;margin:0 !important;}
}
*/
@media /*(min-width: 768px) and */(max-width: 991.98px) {
	#top-2,#submenu-perfo-2,#home-4 p, .carousel-control-prev, .carousel-control-next {display:none;}
	#langs-2,#carousel-logos {display:block !important;}
	.bg-perfo {background-color: #f8f9fa!important;}
	.navbar-perfo .navbar-toggler {color: rgba(0,0,0,.5);border-color: none;/*rgba(0,0,0,.1)*/;}
	 /* .navbar-perfo .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/
	.navbar-perfo .navbar-toggler-icon {background-image: url(../gfx/menu-01.svg);background-size: 30px 30px;}
	.navbar-perfo .navbar-toggler-icon-close {background-image: url(../gfx/menu-02.svg);background-size: 30px 30px;width: 30px;height: 30px;}
	.navbar-toggler.collapsed .navbar-toggler-icon-close {display: none;}
	.navbar-toggler:not(.collapsed) .navbar-toggler-icon {display: inline;}
	.navbar-brand {display:block !important;float:left !important}
	.navbar-brand-2 {display:block !important;margin-right:-30px;}
	#home-1 .col-6 {margin-top:30px;}
	.navbar-perfo .navbar-nav {padding:20px 0 !important ;}
	.navbar-perfo .navbar-nav .nav-item {padding:5px 0;}
	.navbar-perfo .navbar-nav .nav-link {border:none !important; font-size:15px !important;text-align:right; }
	.navbar-perfo .navbar-nav .nav-item.dropdown .nav-link {background: transparent url(../gfx/arrow-down01.svg) center right no-repeat;background-size: 7px 4px;}
	.navbar-perfo .navbar-nav .nav-item.dropdown.show .nav-link {background: transparent url(../gfx/arrow-up01.svg) center right no-repeat;background-size: 7px 4px;}
	.submenu-perfo {min-width:100% !important;font-size:12px !important;}
	.dropdown-menu {font-size:14px !important;}
	#submenu-perfo-3 .dropdown-item  {font-size:12px !important;}
	#submenu-perfo-1 {padding:0 !important;}
	#submenu-perfo-3 {padding:5px 0 0 0 !important;}
	.no-padding-right  {padding:0 !important}
	.no-padding-left  {padding:0 !important}
	.f-2, .f-3 {text-align:left !important;padding:10px 40px !important;}
	#top-5 {padding: 0 0 10px 0 !important;}
	#top-1 a {font-size:13px;}
	#top-1 a:hover {color:#054f93 !important;}
	#foot-1 {padding: 20px 10px !important;}
	.breadcrumbs-2 a {height:100% !important;padding:10px !important;margin:0 !important;}
	.breadcrumbs-2 .active.as-1 div {border-top:#b30418 solid 5px !important;}
	.breadcrumbs-2 .as-1:hover div {border-top:#b30418 solid 5px !important;}
	.breadcrumbs-2 .active.as-2 div {border-top:#760412 solid 5px !important;}
	.breadcrumbs-2 .as-2:hover div {border-top:#760412 solid 5px !important;}
	.breadcrumbs-2 .active.as-3 div {border-top:#58132b solid 5px !important;}
	.breadcrumbs-2 .as-3:hover div {border-top:#58132b solid 5px !important;}
	.breadcrumbs-2 .active.as-4 div {border-top:#2f223c solid 5px !important;}
	.breadcrumbs-2 .as-4:hover div {border-top:#2f223c solid 5px !important;}
	.breadcrumbs-2 .active.as-5 div {border-top:#1c2f55 solid 5px !important;}
	.breadcrumbs-2 .as-5:hover div {border-top:#1c2f55 solid 5px !important;}
	.breadcrumbs-2 .active.as-6 div {border-top:#02396a solid 5px !important;}
	.breadcrumbs-2 .as-6:hover div {border-top:#02396a solid 5px !important;}
	.breadcrumbs-2 .active a {height:100% !important;padding:10px !important;padding-top: 10px !important;}
	.breadcrumbs-2 .col-12 {margin-bottom:10px;}
	.breadcrumbs-2 .col-12 br {display:none;}
	.dropdown-menu-right-perfo {right:0 !important;left:auto;}
	
}
@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) {
	.container {max-width: 1440px;}
}

body {font-family: 'Overpass', sans-serif; background: transparent url(../gfx/BG00.webp) center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;font-size:12px;}
.overpass {font-family: 'Overpass', sans-serif;}
.container-fluid, .container, .no-padding {padding:0;}
.row {margin:0 !important;}
.no-padding  {padding:0 !important}
.no-padding-right  {padding-right:0 !important}
.no-padding-left  {padding-left:0 !important}
h1 {font-size:20px;color:#1d1d1b;}
h2 {font-size:20px;}
#langs-2 {display:none;}
#up {background: transparent url(../gfx/UP.svg) center no-repeat; width:40px;height:40px; display:none;position:fixed;bottom:40px;right:40px;}
/*top*/
#logo-1 {height:40px;margin-top:12px}
.logo-brand {height:30px;}
.logo-brand-2 {height:35px;}
.buttom-metaleonline {height:58px;}
.buttom-social {height:28px;}
#top-1 {color:#054f93;padding:5px 0;}
#top-1 a {color:#1d1d1b !important; text-decoration:none;}
#top-2 {background: transparent url(../gfx/BG01.png); padding:15px 0;}
#top-3 {font-size:18px; color:#909090;padding-top:20px;}
#top-3 a {color:#909090 !important;text-decoration:none;}
#top-3 a:hover {color:#1d1d1b !important;}
#top-4 {background: transparent url(../gfx/BG-TOP.png) center -200px no-repeat;}
#top-5 {padding: 10px 0;}
/* main menu*/
.navbar-perfo .navbar-nav .nav-link {color: #1d1d1b; font-weight:600;font-size:16px;padding:0 15px;border-right: 1px solid #aeaeae;}
.navbar-perfo .navbar-brand, .navbar-perfo .navbar-text {color: #1d1d1b;}
.navbar-perfo .nav-item.active .nav-link, .navbar-perfo .nav-item:hover .nav-link {color: #054f93;}
.no-border {border:none !important;}
.menu-effect {overflow: hidden;white-space: pre;}
.menu-effect span {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.menu-effect span::before {position: absolute;top: 100%;content: attr(data-hover);font-weight: 700;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.menu-effect:hover span,.menu-effect:focus span {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
.dropdown-menu {padding-right:30px;border:none;}
.dropdown-menu-right-perfo {right:-236px;left:auto;}
.dropdown-item {padding:5px 10px 3px 20px; font-weight:700;}
.dropdown-item:hover {color:#025095 !important;background-color:#dddddd;}
.submenu-perfo {min-width:810px/*708px*/;width:auto;padding:15px 0 !important;}
.submenu-perfo .dropdown-item {padding:5px 15px 3px 5px !important;}
.navbar-brand,.navbar-brand-2  {display:none;}
#submenu-perfo-3 .dropdown-item  {font-size:13px;padding:3px 15px 3px 5px !important;}
#submenu-perfo-3 .dropdown-item:hover {background-color:#fff !important;}
#submenu-perfo-1 {border-right: 1px solid #1d1d1b;padding-left:0px;}
.phone {font-size:18px; color:#909090;padding-top:20px;}
.phone a {color:#025095 !important;text-decoration:none;}
/*body*/
.table-sm tr {}
.table td, .table th {border-top: 1px solid #fff;padding-left:10px;padding-right:10px;}
.tr-1 {color:#be0e0f;}
.tr-1:hover {background-color:#fee4e4 !important;color:#be0e0f !important;} 
.thead-1 {background-color:#025095;color:#fff;font-size:14px;font-weight:700;}
.thead-1 th {padding-top:12px;padding-bottom:12px;}
.table-striped tbody tr {background-color:#ededed;}
.table-striped tbody tr:nth-of-type(odd) {background-color: #d7d7d7;}
/*home*/
#home-1 {background: transparent url(../gfx/BG02.png); padding:20px 0; margin:20px 0 0 0;}
#home-1 h2, #site-1 a {text-transform:uppercase;}
div.menu-2 {padding:15px;text-align:right;font-size:15px;color:#fff;margin-top:1px;cursor:pointer;}
.menu-2-1 {background-color:#be0e0f;}
.menu-2-2 {background-color:#b30418;}
.menu-2-3 {background-color:#891c42;}
.menu-2-4 {background-color:#4b3661;}
.menu-2-5 {background-color:#27437a;}
.menu-2-6 {background-color:#054f93;}
.menu-2-div {position:relative;}
.menu-2-box {display:none;height:100%;/*min-height:316px;*/position:absolute;width:100%;top:0;left:0;padding:15px 20px;}
.menu-2-box a {font-size:14px; color:#fff !important;text-decoration:none;}
.menu-2-box a:hover {color:#c0c0c0 !important;}
.menu-2-box ul {margin:0;padding:0;list-style-type:none;}
.menu-2-box ul li:first-of-type {font-weight:900 !important;padding-bottom:10px;}
.box-1 {background-color:#054f93; color:#fff;padding:0px;position:relative;}
.box-1 h4 {background-color:#203662;color:#fff;padding:20px;display:block;margin-bottom:15px;font-size:20px;}
.box-1 img {position:absolute;bottom:15px; right:15px;}
.box-1 a {color:#fff !important;text-decoration:none;}
.box-1 a:hover {color:#c0c0c0 !important;text-decoration:none;}
.box-2 {background-color:#ebebeb; color:#1d1d1b;padding:0px;position:relative;border-right:2px solid #fff;margin-top:4px;}
.box-2 h4 {background-color:#e2e2e2;color:#1d1d1b;padding:20px;display:block;margin-bottom:15px;font-size:20px;}
.box-2 a {color:#1d1d1b !important;text-decoration:none;}
.box-2 a:hover {color:#025095 !important;text-decoration:none;}
.box-3 {background-color:#a60c0d; color:#fff;padding:0px;position:relative;border-left:2px solid #fff;margin-top:4px;}
.box-3 h4 {background-color:#890708;color:#fff;padding:20px;display:block;margin-bottom:15px;font-size:20px;}
.img-box-1 {position:absolute;top:15px; right:20px;width:55px;height:55px;}
#home-2 {background: #fff url(../gfx/BG-SEO.png) center center no-repeat; padding:60px 0 50px 0;}
#home-3 {background: #fff url(../gfx/BG03.png);}
.box-k1 {background: transparent url(../gfx/01-BG-osoby.gif);min-height:307px;padding-top:60px;margin-top:-28px;}
.box-k2 {background: #efefef url(../gfx/01-knafel.webp) top center no-repeat;min-height:307px;margin-top:-28px;padding:0;border-bottom:28px solid #fff;border-left:1px solid #fff;}
.box-k2 div {background-color:#f8f8f8;padding:15px;margin-top:240px;}
.box-k3 {background: #e9eaee url(../gfx/01-szmilyk.webp) top center no-repeat;min-height:307px;margin-top:-28px;padding:0;border-bottom:28px solid #fff;border-left:1px solid #fff;}
.box-k3 div {background-color:#eef0f5;padding:15px;margin-top:240px;}
.box-k4 {background: #c5c5c5 url(../gfx/01-pazderski.webp) top center no-repeat;min-height:307px;margin-top:-28px;padding:0;border-bottom:28px solid #fff;border-left:1px solid #fff;}
.box-k4 div {background-color:#dbdbdb;padding:15px;margin-top:219px;}
#home-3 h3 {padding:20px;font-size:18px;color:#1d1d1b;margin:0;}
#home-3 div small {color:#054f93;font-size:20px;}
#home-3 div span {font-size:25px;color:#000;}
#home-4 {background-color:#fff;padding:40px 0;}
#home-4 img {margin: 0 25px;}
.zapraszam-do-kontaktu, .buttom-biuro {height: 47px;}
.carousel-control-prev {left:0;bottom:0;top:auto !important;width:59px;height:59px;}
.carousel-control-prev-icon-2 {display:block;background: #d7d7d7 url(../gfx/arrow-left.svg) center no-repeat;background-size: 29px 29px; width:59px;height:59px;}
.carousel-control-next {left:60px;bottom:0;top:auto !important;width:59px;height:59px;}
.carousel-control-next-icon-2 {display:block;background: #d7d7d7 url(../gfx/arrow-right.svg) center no-repeat;background-size: 29px 29px; width:59px;height:59px;}
/*sites*/
#site-1 {background: transparent url(../gfx/BG02.png);}
#s-1 {background-color:#fff;padding:20px 0;}
#s-1 .col-12 {margin-bottom:20px;}
#s-1 a {color:#fff !important;position:relative;width:100%;height:100%;display:block;}
#s-1 span {position:absolute;top:10px;display:inline-block;width:100%;text-align:center;}
.blog {margin-bottom:40px;}
.blog h3 {font-size:18px;padding:10px 0; margin:0;}
.href-1 {padding:10px 50px 10px 10px; color:#fff !important;text-decoration:none;background-color:#054f93;}
.href-1:hover {text-decoration:none;}
.href-2 {color:#c00d0d !important;}
.breadcrumbs {padding:30px 30px 10px 30px;font-size:14px;color:#1d1d1b;}
.breadcrumbs a {color:#1d1d1b !important;text-decoration:none;}
.breadcrumbs a:hover {color:#054f93 !important;}
.breadcrumbs-2 {font-size:20px;}
.breadcrumbs-2 a {background-color:#d4d4d4;display:block;width:100%;color:#1d1d1b !important;text-decoration:none; line-height:21px;padding:15px 15px 10px 15px;margin:20px 0;}/*height:calc(100%)*/
.breadcrumbs-2 .active a {color:#fff !important;padding-top:34px;margin:0 !important;border-top:1px solid #fff;}/*height:100% !important;*/
.breadcrumbs-2 .active.as-1 div {border-top:#b30418 solid 20px;}
.breadcrumbs-2 .active.as-1 a {background-color:#be0e0f;}
.breadcrumbs-2 .as-1:hover div {border-top:#b30418 solid 20px;}
.breadcrumbs-2 .as-1:hover a {background-color:#be0e0f;color:#fff !important;padding-top:34px;margin:0 !important;height:100% !important;border-top:1px solid #fff;}
.breadcrumbs-2 .active.as-2 div {border-top:#760412 solid 20px;}
.breadcrumbs-2 .active.as-2 a {background-color:#980416;}
.breadcrumbs-2 .as-2:hover div {border-top:#760412 solid 20px;}
.breadcrumbs-2 .as-2:hover a {background-color:#980416;color:#fff !important;padding-top:34px;margin:0 !important;height:100% !important;border-top:1px solid #fff;}
.breadcrumbs-2 .active.as-3 div {border-top:#58132b solid 20px;}
.breadcrumbs-2 .active.as-3 a {background-color:#6f1736;}
.breadcrumbs-2 .as-3:hover div {border-top:#58132b solid 20px;}
.breadcrumbs-2 .as-3:hover a {background-color:#6f1736;color:#fff !important;padding-top:34px;margin:0 !important;height:100% !important;border-top:1px solid #fff;}
.breadcrumbs-2 .active.as-4 div {border-top:#2f223c solid 20px;}
.breadcrumbs-2 .active.as-4 a {background-color:#382848;}
.breadcrumbs-2 .as-4:hover div {border-top:#2f223c solid 20px;}
.breadcrumbs-2 .as-4:hover a {background-color:#382848;color:#fff !important;padding-top:34px;margin:0 !important;height:100% !important;border-top:1px solid #fff;}
.breadcrumbs-2 .active.as-5 div {border-top:#1c2f55 solid 20px;}
.breadcrumbs-2 .active.as-5 a {background-color:#203662;}
.breadcrumbs-2 .as-5:hover div {border-top:#1c2f55 solid 20px;}
.breadcrumbs-2 .as-5:hover a {background-color:#203662;color:#fff !important;padding-top:34px;margin:0 !important;height:100% !important;border-top:1px solid #fff;}
.breadcrumbs-2 .active.as-6 div {border-top:#02396a solid 20px;}
.breadcrumbs-2 .active.as-6 a {background-color:#054179;}
.breadcrumbs-2 .as-6:hover div {border-top:#02396a solid 20px;}
.breadcrumbs-2 .as-6:hover a {background-color:#054179;color:#fff !important;padding-top:34px;margin:0 !important;height:100% !important;border-top:1px solid #fff;}
.sub-menu-1, .sub-menu-7 {background-color:#595959;}
.sub-menu-2, .sub-menu-8 {background-color:#696969;}
.sub-menu-3, .sub-menu-9 {background-color:#797979;}
.sub-menu-4, .sub-menu-10 {background-color:#898989;}
.sub-menu-5, .sub-menu-11 {background-color:#999;}
.sub-menu-6, .sub-menu-12 {background-color:#a5a5a5;}
.submenu-1 .sm:hover, .submenu-1 .sm.hover {background-color:#be0e0f;}
.submenu-2 .sm:hover, .submenu-2 .sm.hover {background-color:#980416;}
.submenu-3 .sm:hover, .submenu-3 .sm.hover {background-color:#6f1736;}
.submenu-4 .sm:hover, .submenu-4 .sm.hover {background-color:#382848;}
.submenu-5 .sm:hover, .submenu-5 .sm.hover {background-color:#203662;}
.submenu-6 .sm:hover, .submenu-6 .sm.hover {background-color:#054179;}
.sub-m-c a:first-of-type {font-weight:900 !important;}
/* #submenu-div-6 a:first-of-type {color:#c00d0d !important;}  first red*/
/*footer*/
#carousel-logos {display:none;}
#foot-1 {background: #f8f8f8 url(../gfx/BG-stopka.png) top center no-repeat;padding:20px 0; font-size:14px;}
.f-1 {position:relative; padding-left:40px;}
.f-1 a {color:#27437a !important;}
.f-2 {color:#054f93;text-align:right;}
.f-2 a {color:#1d1d1b !important;}
.f-3 {text-align:right;}
.logo-perfopol-foot {height:25px;position:absolute;top:0;left:0;}
.logo-Insertdesign {height:30px;}
#foot-2 {background-color:#fff;padding-bottom:40px;}
#foot-3 {background: transparent url(../gfx/BG02-tecza.gif) top center repeat-y; height:20px;}
/*admin*/
.form-signin {padding-top:40px;}
#admin-content {background-color:#fff;padding:20px;}
.jumbotron {padding:20px !important;}
.p-404 {padding:40px; text-align:center; font-size:25px; color:#1d1d1b;}
.p-404 a {color:#c00d0e !important;text-decoration:none;}
.img-2 {margin-bottom:30px;}