body {
  font-family: "Raleway"; }

.navbar-default {
  background: transparent;
  border: none;
  transition-duration: 0.3s; }

.navbar-default.scrolled .navbar-nav > li > a {
  color: #000 !important;
  transition-duration: 0.3s; }
  .navbar-default.scrolled .navbar-nav > li > a:hover {
    color: #ef0d00 !important; }

#subpage {
  padding: 140px 0 100px 0;
  background: #000; }
  #subpage h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 900;
    text-align: center; }

#wrapper {
  padding: 100px 0 100px 0;
  color: #666666;
  line-height: 32px;
  font-size: 16px; }

.navbar-default .navbar-nav > li > a {
  color: #000;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 16px; }

.navbar-nav > li > a {
  padding: 48px 16px;
  color: #fff !important;
  transition-duration: 0.3s; }
  .navbar-nav > li > a:hover {
    color: #ef0d00 !important; }

.navbar-nav.scrolled > li > a {
  padding: 32px 16px; }

.logotyp {
  width: 190px;
  margin-top: 20px;
  transition-duration: 0.3s; }
  .logotyp.scrolled {
    width: 140px;
    margin-top: 10px; }

a.btn-menu {
  margin-top: 39px;
  padding: 8px 16px !important;
  border: 2px solid #fff;
  color: #fff !important; }
  a.btn-menu.scrolled {
    margin-top: 23px;
    border: 2px solid #000; }
  a.btn-menu:hover {
    border: 2px solid #ef0d00; }

.form-box {
  padding: 42px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34);
  background: #fff; }

.contact-wrap {
  width: 100%;
  overflow: hidden;
  margin-top: 20px; }
  .contact-wrap .icons {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 16px; }
  .contact-wrap a {
    color: #666666 !important; }

#slider {
  height: 700px;
  background: url(../img/slider4.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover; }
  #slider h1 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    color: #f7d830; }
  #slider .slider-counter {
    margin-top: 220px; }
  #slider h2 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 48px;
    padding-bottom: 16px;
    color: #fff; }
  #slider p {
    font-size: 16px;
    color: #fff; }

.menu-main.scrolled {
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34); }

.btn-slider-wrapper {
  display: block;
  margin-top: 80px; }

a.big-btn {
  border: 5px solid #f7d830;
  color: #f7d830;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  padding: 22px 32px;
  transition-duration: 0.3s; }
  a.big-btn:hover {
    background: #f7d830;
    color: #fff;
    cursor: pointer;
    text-decoration: none; }

a.btn-main-rk {
  padding: 16px 32px;
  background: #fff;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
  text-align: center;
  display: block;
  transition-duration: 0.3s;
  cursor: pointer; }

#onas {
  padding: 128px 0 128px 0;
  background: #f5f5f5;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
  padding-right: 32px;
  color: #szary; }
  #onas h1 {
    font-size: 48px;
    font-weight: 900;
    color: #000;
    border-left: 32px solid #f7d830;
    padding: 0 0 0 16px;
    text-align: left; }
  #onas p {
    margin-top: 32px;
    padding: 0; }
  #onas img {
    min-width: 100%;
    max-width: 100%;
    height: auto; }
  #onas .wulmar-2 {
    padding-left: 32px; }

.fill {
  border: 16px solid #fff; }

.yellow-accent {
  width: 90%;
  height: 100%;
  background: #f7d830;
  position: absolute;
  bottom: -16px;
  z-index: 9;
  left: -1px; }

.counter-img {
  position: relative;
  z-index: 999; }

#serwis {
  margin-top: -80px;
  padding-bottom: 128px;
  color: #666666; }
  #serwis img {
    min-width: 100%;
    max-width: 100%;
    height: auto; }
  #serwis .wulmar {
    margin-top: 180px;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    padding-right: 32px;
    color: #666666; }
    #serwis .wulmar h1 {
      font-size: 48px;
      font-weight: 900;
      color: #000;
      border-left: 32px solid #f7d830;
      padding: 0 0 0 16px;
      margin-bottom: 32px; }
    #serwis .wulmar h2 {
      text-align: center;
      font-size: 16px;
      font-weight: 700;
      color: #666666;
      padding: 0 0 16px 0;
      margin:0; }
    #serwis .wulmar p {
      margin-top: 16px;
      padding: 0; }

#serwis .icon-rk-18{
  min-width: 50%;
  max-width: 50%;
  height: auto;
  text-align: center;
  display: block;
  margin: 0 auto;
}

#kontakt {
  padding: 128px 0 128px 0;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
  padding-right: 32px;
  color: #666666; }
  #kontakt h1 {
    font-size: 48px;
    font-weight: 900;
    color: #000;
    border-left: 32px solid #f7d830;
    padding: 0 0 0 16px;
    margin-bottom: 32px; }
  #kontakt h2 {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #666666; }
  #kontakt p {
    margin-top: 16px;
    padding: 0; }

#footer {
  padding: 64px 0 16px 0;
  background: url(../img/slider4.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover; }
  #footer img {
    min-width: 100%;
    max-width: 100%;
    height: auto; }
  #footer h3 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700; }
  #footer p {
    color: #fff;
    padding: 16px 0 0 0;
    margin: 0;
    font-size: 14px;
    line-height: 22px; }
  #footer .copy {
    border-top: 1px solid #333;
    margin-top: 64px; }
  #footer a {
    color: #fff !important; }

.left-rk {
  text-align: right !important; }

.slideout-widget {
  position: fixed;
  right: -20em;
  top: 40%;
  transition: right .4s;
  width: 20em;
  z-index: 10; }

.slideout-widget:hover {
  right: 0; }

.slideout-widget-handler,
.slideout-widget-content {
  background: #eee;
  border: 1px solid #ddd;
  padding: 1em .5em;
  text-align: center; }
  .slideout-widget-handler h3,
  .slideout-widget-content h3 {
    font-size: 22px; }
  .slideout-widget-handler a.allegro-btn,
  .slideout-widget-content a.allegro-btn {
    padding: 16px 22px;
    color: #ff5a00;
    background: #fff; }
  .slideout-widget-handler .counter-allegro,
  .slideout-widget-content .counter-allegro {
    margin-bottom: 40px;
    margin-top: 60px; }

.slideout-widget-handler {
  border-right: none;
  left: -3em;
  position: absolute;
  text-align: center;
  width: 3em; }

.slideout-widget-content {
  border-width: 1px 0;
  overflow: hidden;
  width: 100%;
  z-index: 11; }

.widget-facebook,
.widget-facebook .slideout-widget-content {
  background: #ff5a00;
  border: none;
  cursor: pointer; }

.widget-facebook,
.widget-facebook a {
  color: #fff; }

.slideout-widget-handler {
  background: #ff5a00;
  border: none;
  cursor: pointer; }

.slideout-rk {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  writing-mode: vertical-rl; }

fieldset, form, label, legend, table, img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input:focus, input:active {
  outline: none; }

textarea:focus, textarea:active {
  outline: none; }

.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent; }

.ht {
  position: absolute;
  top: -10000px;
  left: -10000px; }

.form-success {
  background-color: #6cbf40;
  padding: 10px;
  font-size: 15px;
  color: #ffffff;
  line-height: 1.4em;
  margin-top: 20px; }

#contactform {
  margin-bottom: 10px;
  margin-top: 0px; }

#contactform .form-error {
  background-color: #4ab2d6;
  padding: 10px;
  font-size: 15px;
  color: #ffffff;
  margin-bottom: 15px;
  line-height: 1.4em;
  margin-top: 20px; }

#contactform fieldset {
  width: 100%; }

#contactform fieldset label {
  display: block;
  font-size: 15px;
  color: #46494f;
  margin-bottom: 12px; }

#contactform fieldset input[type=text],
#contactform fieldset input[type=email] {
  font-family: Roboto,sans-serif;
  color: #acb4bd;
  font-size: 14px;
  border: 1px solid #d8dee5;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  padding: 9px 14px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 35px;
  margin-bottom: 10px; }

#contactform fieldset input[type=text]:hover, #contactform fieldset input[type=email]:hover {
  color: #61656d;
  border-color: #acb4bd; }

#contactform fieldset input[type=text]:focus, #contactform fieldset input[type=email]:focus {
  color: #61656d;
  border-color: #196abc; }

#contactform fieldset textarea {
  font-family: Roboto,sans-serif;
  color: #acb4bd;
  font-size: 14px;
  border: 1px solid #d8dee5;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  padding: 9px 14px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 220px;
  margin-bottom: 10px;
  resize: none; }

#contactform fieldset textarea:hover {
  color: #61656d;
  border-color: #acb4bd; }

#contactform fieldset textarea:focus {
  color: #61656d;
  border-color: #196abc; }

#contactform fieldset .form-field-error {
  color: #ff6600;
  font-style: italic;
  font-size: 12px;
  margin-bottom: 15px;
  margin-top: -5px;
  line-height: 1.3em; }

#contactform fieldset input[type=submit] {
  background: #f7d830;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  padding: 9px 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 150px; }

#contactform fieldset input[type=submit]:hover {
  opacity: 0.6; }

#contactform fieldset input[type=submit]:active {
  background: #ef0d00; }

#contactform fieldset input[type=hidden] {
  display: none; }

#contactform fieldset input[name=contact_check] {
  width: 50px;
  text-align: center;
  vertical-align: 2px; }

.blue {
  background: #000;
  border: none;
  z-index: 99999; }
  .blue p {
    padding: 12px 0;
    width: 65%; }

.cookie-message a.cookiebar-close {
  background: #f7d830 !important;
  padding: 10px 20px;
  margin-top: 15px; }
  .cookie-message a.cookiebar-close:hover {
    opacity: 0.6; }

#contactform fieldset input[type=submit] {
  float: right; }

.navbar-default .navbar-toggle {
  border: none; }

.navbar-default .navbar-toggle .icon-bar {
  background: #fff !important; }

.navbar-toggle {
  padding: 22px 16px 16px 16px; }

.navbar-toggle .icon-bar {
  width: 30px;
  height: 3px; }

/* MEDIA QUERIES */
@media all and (min-width: 320px) and (max-width: 480px) {
  #slider {
    height: 550px; }
    #slider .slider-counter {
      margin-top: 180px;
      text-align: center; }
    #slider h1 {
      font-size: 16px; }
    #slider h2 {
      font-size: 32px; }
    #slider p {
      font-size: 14px; }
  a.big-btn {
    font-size: 14px; }
  .slideout-widget {
    display: none; }
  .navbar-default .navbar-collapse {
    border: none !important; }
  .navbar-default .navbar-collapse {
    background: #fff; }
  .navbar-default .navbar-toggle .icon-bar.scrolled {
    background: #000 !important; }
  .logotyp {
    width: 140px;
    margin-top: 5px; }
    .logotyp.scrolled {
      margin-top: 5px; }
  .navbar-nav > li > a {
    color: #000 !important;
    padding: 12px;
    text-align: center; }
  .navbar-nav.scrolled > li > a {
    color: #000 !important;
    padding: 12px;
    text-align: center; }
  a.btn-menu, a.btn-menu.scrolled {
    border: none;
    margin-top: 0; }
    a.btn-menu:hover, a.btn-menu.scrolled:hover {
      border: none; }
  #serwis .wulmar {
    text-align: center;
    padding-right: 0; }
    #serwis .wulmar h1 {
      font-size: 28px;
      border: none; }
  #serwis img {
    min-width: 30%;
    max-width: 30%;
    height: auto; }
  #serwis .fill {
    display: none; }
  #onas {
    padding-right: 0;
    text-align: center; }
    #onas h1 {
      font-size: 28px;
      border: none;
      text-align: center; }
    #onas .wulmar-2 {
      padding-left: 0; }
  .yellow-accent {
    display: none; }
  #kontakt {
    padding-right: 0;
    text-align: center; }
    #kontakt h1 {
      font-size: 28px;
      border: none; }
    #kontakt .icons {
      display: none; }
    #kontakt .form-box {
      margin-top: 60px;
      padding: 25px; }
  #contactform fieldset input[type="submit"] {
    width: 100%;
    float: left;
    margin-bottom: 16px; }
  #footer {
    text-align: center; }
    #footer img {
      min-width: 50%;
      max-width: 50%;
      height: auto;
      margin-bottom: 20px; }
    #footer h3 {
      margin-top: 28px; }
  .left-rk {
    text-align: center !important; } }

@media all and (min-width: 480px) and (max-width: 600px) {
  #slider {
    height: 550px; }
    #slider .slider-counter {
      margin-top: 180px;
      text-align: center; }
    #slider h1 {
      font-size: 16px; }
    #slider h2 {
      font-size: 32px; }
    #slider p {
      font-size: 14px; }
  a.big-btn {
    font-size: 14px; }
  .slideout-widget {
    display: none; }
  .navbar-default .navbar-collapse {
    border: none !important; }
  .navbar-default .navbar-collapse {
    background: #fff; }
  .navbar-default .navbar-toggle .icon-bar.scrolled {
    background: #000 !important; }
  .logotyp {
    width: 140px;
    margin-top: 5px; }
    .logotyp.scrolled {
      margin-top: 5px; }
  .navbar-nav > li > a {
    color: #000 !important;
    padding: 12px;
    text-align: center; }
  .navbar-nav.scrolled > li > a {
    color: #000 !important;
    padding: 12px;
    text-align: center; }
  a.btn-menu, a.btn-menu.scrolled {
    border: none;
    margin-top: 0; }
    a.btn-menu:hover, a.btn-menu.scrolled:hover {
      border: none; }
  #serwis .wulmar {
    text-align: center;
    padding-right: 0; }
    #serwis .wulmar h1 {
      font-size: 28px;
      border: none; }
  #serwis img {
    min-width: 30%;
    max-width: 30%;
    height: auto; }
  #serwis .fill {
    display: none; }
  #onas {
    padding-right: 0;
    text-align: center; }
    #onas h1 {
      font-size: 28px;
      border: none;
      text-align: center; }
    #onas .wulmar-2 {
      padding-left: 0; }
  .yellow-accent {
    display: none; }
  #kontakt {
    padding-right: 0;
    text-align: center; }
    #kontakt h1 {
      font-size: 28px;
      border: none; }
    #kontakt .icons {
      display: none; }
    #kontakt .form-box {
      margin-top: 60px;
      padding: 25px; }
  #contactform fieldset input[type="submit"] {
    width: 100%;
    float: left;
    margin-bottom: 16px; }
  #footer {
    text-align: center; }
    #footer img {
      min-width: 50%;
      max-width: 50%;
      height: auto;
      margin-bottom: 20px; }
    #footer h3 {
      margin-top: 28px; }
  .left-rk {
    text-align: center !important; } }

@media all and (min-width: 600px) and (max-width: 768px) {
  #slider {
    height: 550px; }
    #slider .slider-counter {
      margin-top: 180px;
      text-align: center; }
    #slider h1 {
      font-size: 16px; }
    #slider h2 {
      font-size: 32px; }
    #slider p {
      font-size: 14px; }
  a.big-btn {
    font-size: 14px; }
  .slideout-widget {
    display: none; }
  .navbar-default .navbar-collapse {
    border: none !important; }
  .navbar-default .navbar-collapse {
    background: #fff; }
  .navbar-default .navbar-toggle .icon-bar.scrolled {
    background: #000 !important; }
  .logotyp {
    width: 140px;
    margin-top: 5px; }
    .logotyp.scrolled {
      margin-top: 5px; }
  .navbar-nav > li > a {
    color: #000 !important;
    padding: 12px;
    text-align: center; }
  .navbar-nav.scrolled > li > a {
    color: #000 !important;
    padding: 12px;
    text-align: center; }
  a.btn-menu, a.btn-menu.scrolled {
    border: none;
    margin-top: 0; }
    a.btn-menu:hover, a.btn-menu.scrolled:hover {
      border: none; }
  #serwis .wulmar {
    text-align: center;
    padding-right: 0; }
    #serwis .wulmar h1 {
      font-size: 28px;
      border: none; }
  #serwis img {
    min-width: 30%;
    max-width: 30%;
    height: auto; }
  #serwis .fill {
    display: none; }
  #onas {
    padding-right: 0;
    text-align: center; }
    #onas h1 {
      font-size: 28px;
      border: none;
      text-align: center; }
    #onas .wulmar-2 {
      padding-left: 0; }
  .yellow-accent {
    display: none; }
  #kontakt {
    padding-right: 0;
    text-align: center; }
    #kontakt h1 {
      font-size: 28px;
      border: none; }
    #kontakt .icons {
      display: none; }
    #kontakt .form-box {
      margin-top: 60px;
      padding: 25px; }
  #contactform fieldset input[type="submit"] {
    width: 100%;
    float: left;
    margin-bottom: 16px; }
  #footer {
    text-align: center; }
    #footer img {
      min-width: 50%;
      max-width: 50%;
      height: auto;
      margin-bottom: 20px; }
    #footer h3 {
      margin-top: 28px; }
  .left-rk {
    text-align: center !important; } }

@media all and (min-width: 768px) and (max-width: 1024px) {
  .logotyp {
    width: 130px; }
  .logotyp.scrolled {
    width: 130px; }
  .navbar-nav > li > a {
    padding: 40px 8px 0 8px !important;
    font-size: 14px !important;
    text-align: center; }
  .navbar-nav.scrolled > li > a {
    color: #000 !important;
    padding: 30px 8px 30px 8px !important;
    text-align: center; }
  a.btn-menu, a.btn-menu.scrolled {
    border: none;
    margin-top: 0; }
    a.btn-menu:hover, a.btn-menu.scrolled:hover {
      border: none; }
  #serwis .wulmar {
    margin-top: 180px; }
    #serwis .wulmar h1 {
      font-size: 36px; }
    #serwis .wulmar h2 {
      font-size: 12px; }
  #onas .wulmar-2 h1 {
    font-size: 36px; }
  #kontakt h1 {
    font-size: 36px; } }

@media all and (min-width: 1024px) and (max-width: 1200px) {
  .logotyp {
    width: 170px; } }