@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext');
a {
  color: #3a3080;
}
html, body {
  height: 100%;
}
body {
  font-family: 'Roboto', sans-serif;
  color: #222;
}
#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
}
.topSection {
  background: #a8a9a9;
  color: #222;
}
.topSection p {
  margin: 0;
  text-align: right;
}
.topSection p a.tel {
  color: #222;
  display: inline-block;
  margin-left: 25px;
  padding-left: 30px;
  font-weight: bold;
  line-height: 30px;
  cursor: default;
  text-decoration: none;
  background: url(/media/icon/phone.png) left center no-repeat;
}
.topSection p a.flagi {
  margin: 0 5px;
  opacity: 0.5;
}
.topSection p a.flagi:hover {
  opacity: 1;
}
.topSection p span {
  margin: 0 10px 0 20px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .topSection {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 400;
  }
  .topSection p {
    line-height: 25px;
    text-align: center;
    font-size: 10px;
  }
  .topSection p span {
    display: none;
  }
}
.lang-pl .topSection p a.flagi.fpl {
  opacity: 1;
}
.lang-en .topSection p a.flagi.fen {
  opacity: 1;
}
.navbar {
  border-radius: 0;
  border: none;
  background: #3a3080;
  margin-bottom: 110px;
}
.navbar .navbar-header .navbar-brand {
  padding: 0;
}
.navbar .nav.navbar-nav li a {
  color: #fff;
}
.navbar .nav.navbar-nav li a:hover {
  color: #222;
  background: #fff;
}
.navbar .nav.navbar-nav li .dropdown-menu {
  background: #3a3080;
}
.navbar .nav.navbar-nav li .dropdown-menu li a {
  color: #fff;
  text-transform: lowercase;
}
.navbar .nav.navbar-nav li .dropdown-menu li a:hover {
  color: #222;
}
.navbar .nav.navbar-nav li .dropdown-menu li a:before {
  content: "»";
}
.navbar .nav.navbar-nav li.selected a {
  color: #222 !important;
  background: #fff;
}
.navbar .nav.navbar-nav li.on-path-to-page > a {
  color: #222 !important;
  background: #d8d8d8;
}
@media screen and (min-width: 768px) {
  .navbar {
    z-index: 250;
  }
  .navbar .container {
    position: relative;
  }
  .navbar .navbar-header .navbar-brand {
    position: absolute;
    left: 0;
    top: -30px;
  }
}
@media screen and (max-width: 767px) {
  .navbar {
    margin-bottom: 0;
  }
}
.slider .carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.slider .carousel-fade .carousel-inner .item img {
  width: 100%;
  height: auto;
}
.slider .carousel-fade .carousel-inner .item, .slider .carousel-fade .carousel-inner .active.left, .slider .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.slider .carousel-fade .carousel-inner .active, .slider .carousel-fade .carousel-inner .next.left, .slider .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.slider .carousel-fade .carousel-inner .next, .slider .carousel-fade .carousel-inner .prev, .slider .carousel-fade .carousel-inner .active.left, .slider .carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.slider .carousel-fade .carousel-control {
  z-index: 2;
  font-size: 50px;
  width: 10%;
}
.slider .carousel-fade .carousel-control span {
  margin: 50% auto;
  display: block;
  transform: translate(-20px, 91%);
}
.slider .carousel-fade .carousel-control.right span {
  transform: translate(20px, 91%);
}
.slider .carousel-fade .carousel-indicators {
  display: none;
}
.oferta {
  position: relative;
  z-index: 150;
  padding: 15px 0;
}
.oferta .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.oferta .container {
  background: #fff;
  border-radius: 10px 10px 0 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #d8d8d8;
}
.oferta .container h1 {
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 5px;
  color: #222;
}
.oferta .container [class*=col-] {
  margin-bottom: 15px;
}
.oferta .container .thumbnail {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.oferta .container .thumbnail .label-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.oferta .container .thumbnail .label-text h3 {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #3a3080;
  margin: 5px 0 20px;
  position: relative;
  z-index: 15;
}
.oferta .container .thumbnail .label-text:before {
  content: "";
  background: #a8a9a9;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%) scale(5, 1) rotate(45deg);
  right: 0;
  opacity: 0.4;
  transition: all 0.5s;
}
.oferta .container a:hover .label-text h3 {
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.oferta .container a:hover .label-text:before {
  background: #7b7b7b;
  opacity: 1;
  z-index: 1;
  top: 5px;
}
.oferta .container:before {
  content: "";
  background: #a8a9a9;
  width: 150px;
  height: 150px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%) scale(7, 1) rotate(45deg);
  right: 0;
  opacity: 0.2;
}
@media screen and (max-width: 460px) {
  .oferta .container .col-xxs-12 {
    width: 100%;
  }
}
.strona-glowna .navbar {
  margin-bottom: 0;
}
.strona-glowna .oferta {
  margin-top: -100px;
}
.strona-glowna .body-site {
  background: url(/media/tla/tlo01.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.strona-glowna .body-site .container {
  background: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 767px) {
  .strona-glowna {
    margin-top: 0;
  }
  .strona-glowna .container {
    border-radius: 0;
  }
}
footer {
  height: 100px;
  background-color: #3a3080;
  padding-top: 15px;
}
footer p {
  font-family: verdana;
  font-size: 10px;
  text-align: right;
  color: #fff;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  footer p {
    text-align: center;
  }
}
footer p a.best-group {
  background: url(/application/templates/frontend/default/gfx/logo_footer.gif) no-repeat scroll left top;
  display: inline-block;
  height: 10px;
  vertical-align: middle;
  width: 80px;
  color: #fff;
}
.body-site {
  padding: 15px 0;
}
.body-site .container {
  background: #fff;
  border-radius: 10px 10px 0 0;
  position: relative;
  border: 1px solid #d8d8d8;
}
.body-site .container .row .col-xs-12 {
  padding: 15px 25px;
}
.body-site h1, .body-site h2, .body-site h3, .body-site h4, .body-site h5 {
  color: #3a3080;
}
.body-site h1 {
  border-bottom: 1px solid #3a3080;
  padding-bottom: 10px;
}
.body-site ul li {
  list-style: none;
  background: url(/application/templates/frontend/default/gfx/li.png) left center no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
}
.tlo01 {
  background: url(/media/tla/tlo01.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.tlo02 {
  background: url(/media/tla/tlo02.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.tlo03 {
  background: url(/media/tla/tlo03.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
#cookies_info {
  bottom: 0;
  position: fixed;
  width: 100%;
  background: #e7e7e7;
  z-index: 1000;
  opacity: 0.9;
}
#cookies_info .ck-inner {
  margin: 0px auto;
  width: 900px;
  padding: 25px 0;
}
#cookies_info .ck-inner .ck-content {
  width: 630px;
  display: inline-block;
}
#cookies_info .ck-inner .ck-accept {
  background-color: #f7f7f3;
  box-shadow: 0 0 1px #00597b;
  border: 1px outset #43a1c8;
  cursor: pointer;
  display: inline-block;
  padding: 6px 20px;
  color: #fd7b01;
  margin: 18px 12px 16px 24px;
  float: right;
}
#cookies_info .ck-inner .ck-accept:hover {
  box-shadow: 0 0 6px #00597b;
  border: 1px intset #43a1c8;
}
.localiser .container {
  background: #d8d8d8;
}
.localiser .breadcrumbs {
  /*@media screen and (max-width: 767px ) {margin-left:20px;}*/
}
.localiser .breadcrumbs .breadcrumb {
  font-family: Verdana;
  font-size: 11px;
  margin-bottom: 0;
  padding: 8px 15px 8px 15px;
  border-radius: 0;
  background: #d8d8d8;
}
.localiser .breadcrumbs .breadcrumb .bc-item .bc-separator {
  display: inline-block;
  padding: 0 7 px 0 5px;
}
.localiser .breadcrumbs .breadcrumb .bc-item a {
  color: #333;
  text-decoration: none;
}
.localiser .breadcrumbs .breadcrumb .bc-item a:hover {
  color: #222;
}
.localiser .breadcrumbs .breadcrumb .bc-item::before {
  content: "";
  padding: 0;
}
.table {
  margin-top: 25px;
  margin-bottom: 25px;
}
.table tr.granatowy {
  background: #3a3080;
}
.table tr.granatowy td {
  color: #fff;
}
.table tr td {
  border-color: #3a3080 !important;
  text-align: center;
  vertical-align: middle;
}
.table tr td:first-child {
  text-align: left;
  font-weight: bold;
}