/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
:root{
  /*--blue:#005eD2;*/
  --blue:#005eD2;
}
   html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
  }
  
  /*
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * Vendor-prefixed and regular ::selection selectors cannot be combined:
   * https://stackoverflow.com/a/16982510/7133471
   *
   * Customize the background color to match your design.
   */
  
  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }
  
  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }
  
  /*
   * A better looking default horizontal rule
   */
  
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }
  
  /*
   * Remove the gap between audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */
  
  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }
  
  /*
   * Remove default fieldset styles.
   */
  
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  /*
   * Allow only vertical resizing of textareas.
   */
  
  textarea {
    resize: vertical;
  }
  
  /* ==========================================================================
     Author's custom styles
     ========================================================================== */
  
  /* ==========================================================================
     Helper classes
     ========================================================================== */
  
  /*
   * Hide visually and from screen readers
   */
  
  .hidden,
  [hidden] {
    display: none !important;
  }
  
  /*
   * Hide only visually, but have it available for screen readers:
   * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   *
   * 1. For long content, line feeds are not interpreted as spaces and small width
   *    causes content to wrap 1 word per line:
   *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
   */
  
  .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
  }
  
  /*
   * Extends the .sr-only class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
  
  .sr-only.focusable:active,
  .sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
  }
  
  /*
   * Hide visually and from screen readers, but maintain layout
   */
  
  .invisible {
    visibility: hidden;
  }
  
  /*
   * Clearfix: contain floats
   *
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    `contenteditable` attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that receive the `clearfix` class.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */
  
  .clearfix::before,
  .clearfix::after {
    content: " ";
    display: table;
  }
  
  .clearfix::after {
    clear: both;
  }
  
  /* ==========================================================================
     EXAMPLE Media Queries for Responsive Design.
     These examples override the primary ('mobile first') styles.
     Modify as content requires.
     ========================================================================== */
  
  @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
  }
  
  @media print,
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 1.25dppx),
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
  }
  
  /* ==========================================================================
     Print styles.
     Inlined to avoid the additional HTTP request:
     https://www.phpied.com/delay-loading-your-print-css/
     ========================================================================== */
  
  @media print {
    *,
    *::before,
    *::after {
      background: #fff !important;
      color: #13100d !important;
      /* Black prints faster */
      box-shadow: none !important;
      text-shadow: none !important;
    }
  
    a,
    a:visited {
      text-decoration: underline;
    }
  
    a[href]::after {
      content: " (" attr(href) ")";
    }
  
    abbr[title]::after {
      content: " (" attr(title) ")";
    }
  
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
      content: "";
    }
  
    pre {
      white-space: pre-wrap !important;
    }
  
    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }
  
    /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
      display: table-header-group;
    }
  
    tr,
    img {
      page-break-inside: avoid;
    }
  
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
  
    h2,
    h3 {
      page-break-after: avoid;
    }
  }
  
  /*--------------------------------------------------------------
  ### #### Fonts ### ####
  --------------------------------------------------------------*/
  @font-face {
    src: url(font/Soleto-Thin.woff);
    font-family: soleto-thin;
  }
  @font-face {
    src: url(font/Soleto-Light.woff);
    font-family: soleto-light;
  }
  @font-face {
    src: url(font/Soleto-Regular.woff);
    font-family: soleto-reg;
  }
  @font-face {
    src: url(font/Soleto-Medium.woff);
    font-family: soleto-med;
  }
  @font-face {
    src: url(font/Soleto-XBold.woff);
    font-family: soleto-xbold;
  }
  
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-Thin.ttf) format('truetype');
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-ExtraLight.ttf) format('truetype');
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-Light.ttf) format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-Regular.ttf) format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-Medium.ttf) format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-SemiBold.ttf) format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-Bold.ttf) format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-ExtraBold.ttf) format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: 'Lexend Deca';
  src: url(font/LexendDeca-Black.ttf) format('truetype');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
  /*--------------------------------------------------------------
  ### #### General style ### ####
  --------------------------------------------------------------*/
  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
  }
  html {
    scroll-behavior: smooth;
  }
body {
  overflow-x: hidden;
  font-family: 'Lexend Deca', sans-serif;
  margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Lexend Deca', sans-serif;
}
a, p, button, input {
  font-family: 'Lexend Deca', sans-serif;
}
  .w960 {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
  }
  .w1180 {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
  }
  .w1380 {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
  }
  .w1440 {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
  }
  .w1640 {
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
  }
  .cnt {
    text-align: center;
  }
  .rgt {
    text-align: right;
  }
  .lft {
    text-align: left;
  }
  .np {
    padding-left: 0;
    padding-right: 0;
  }
  figure {
    margin: 0; padding: 0;
    display: inline-block;
  }
  nav {
    margin: 0; padding: 0;
  }
  .mp{
    margin: 0; padding: 0;
  }
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(40, 40, 52, 1);
    transition: all .12s ease-in;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(40, 40, 52, .7);
  }
  ::-moz-selection {
    color: #fff;
    background: rgba(14, 59, 140, 1);
  }
  ::selection {
    color: #fff;
    background: rgba(14, 59, 140, 1);
  }
  .bold {
    font-weight: 700;
  }
  .mt20 {
    margin-top: 30px;
  }
  .mt30 {
    margin-top: 30px;
  }
  .mt40 {
    margin-top: 40px;
  }
  .rel {
    position: relative;
  }
  .mob-non {
    display: none;
  }
  @media only screen and (max-width: 768px) {
    .mob-non {
      display: block;
    }
    .mob-np {
      padding-left: 0;
      padding-right: 0;
    }
    .mob-cnt {
      text-align: center
    }
    .mob-mt0 {
      margin-top: 0;
    }
    .mob-mt30 {
      margin-top: 30px;
    }
    .mob-w50 {
      -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
  }
  
/*--------------------------------------------------------------

  1. Header
  2. Section Hero
    2.1 Section Hero account
    2.2 Section Hero prize
  3. Section Oferta
  4. Section Slider
  5. Footer

  6. Subpage Log IN
  7. Szczegóły
  8. Subpage Twoje konto
  9. Subpage Twoje wiadomości
  10. Subpage Komunikator
  11. Subpage Register
  12. Subpage Thank You


  a. Mobile Front Page
  b. Mobile Subpage Szczegóły


--------------------------------------------------------------*/

/**  1. Header **/
header#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  padding: 20px 0;
  z-index: 3;
  transition: box-shadow .3s ease-in-out, padding .3s ease-in-out;
  -webkit-transition: box-shadow .3s ease-in-out, padding .3s ease-in-out;
  -moz-transition: box-shadow .3s ease-in-out, padding .3s ease-in-out;
  -ms-transition: box-shadow .3s ease-in-out, padding .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out, padding .3s ease-in-out;
}
header#header.header-bs {
  padding: 10px 0;
  box-shadow: 0 14px 28px rgb(0 0 0 / 10%), 0 10px 10px rgb(0 0 0 / 1%);
}

  /** header logo **/
a.a-logo {
  font-size: 0;
}
div.box-logo-h {
  position: absolute;
  left: 15px; top: -2px;
  overflow: hidden;
  z-index: 2;
}
div.box-logo-rel {
  position: relative;
  min-height: 65px;
  overflow: hidden;
}
figure.fig-h {
  margin: 0;
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}
img.img-h {
  max-width: 150px;  
}

  /** logo js on scroll **/
figure.fig-logo-b {
  position: absolute;
  left: 0; top: 0;
  transform: translateY(80px);
  -webkit-transform: translateY(80px);
  -moz-transform: translateY(80px);
  -ms-transform: translateY(80px);
  -o-transform: translateY(80px);

  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}
img.img-logo-b {
    height: 40px;
    margin-top: 8px;
}
figure.fig-h-out {
  transform: translateY(-80px);
  -webkit-transform: translateY(-80px);
  -moz-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
}
figure.fig-logo-in {
  transform: translateY(0px)!important;
  -webkit-transform: translateY(0px)!important;
  -moz-transform: translateY(0px)!important;
  -ms-transform: translateY(0px)!important;
  -o-transform: translateY(0px)!important;
}

  /** header navigation **/
nav.nav-h {
  position: relative;
}
ul.ul-h {
  margin: 0; padding: 0;
  list-style: none;
}
ul.ul-h li {
  display: inline-block;
}
a.a-h,
a.a-h:active,
a.a-h:visited {
  font-weight: normal;
  font-size: 14px;
  line-height: 110%;
  color: #626262;
  display: inline-block;
  padding: 15px 5px;

  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
a.a-h:focus,
a.a-h:hover {
  color: #005eD2;
  text-decoration: none;
}
a.a-h-nr,
a.a-h-nr:active,
a.a-h-nr:visited {
  position: relative;
}
span.span-nr {
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #FF8F1C;
  animation-name: change-color;
  animation-duration: 2s;
  animation-iteration-count:infinite;
}
@keyframes change-color {
  0% {
      color: #FF8F1C;
      
  }
  50% {
      color: #005eD2;
      
  }
  100% {
      color: #FF8F1C;
      
  }
}
span.span-nr::after {
  content: ']';
  color: #626262;
}
span.span-nr::before {
  content: '[';
  color: #626262;
}
a.a-acc span.span-nr {
  top: -1px; right: -20px;
}

  /** header acount field **/
  ul.ul-h li.li-sep {
    border-left: 1px solid #E4E4E4;
  }
  figure.fig-h-b {
    position: relative;
    margin-right: 5px;
  }
  img.img-h-b {
    max-width: 18px;
  }

/**  2. Section Hero **/
section.sec-hero {
  position: relative;
  margin-top: 85px;
}

  /** 2.1 Section Hero account **/
div.box-account {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 260px;
  background-color: #fff;
  padding: 35px 25px;
  box-shadow: 0 14px 28px rgb(0 0 0 / 10%), 0 10px 10px rgb(0 0 0 / 1%);
  transform: translateX(261px);
  -webkit-transform: translateX(261px);
  -moz-transform: translateX(261px);
  -ms-transform: translateX(261px);
  -o-transform: translateX(261px);
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}
div.box-account:hover,
div.box-account:focus {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

  /** account navigation **/
div.box-account-nav {
  position: absolute;
left: 0;
top: 115px;
background-color: #FF8F1C;
padding: 18px 25px 15px 25px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform-origin: 0% 100%;
}
p.p-acc-nav {
  position: relative;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  margin: 0;
}
p.p-acc-nav::after {
  content: '';
  background-image: url(../img/account/user-fff.png);
  width: 18px; height: 17px;  
  background-size: 18px 17px;
  display: inline-block;
  margin-left: 15px;
  transform: rotate(90deg) translateX(5px);
  -webkit-transform: rotate(90deg) translateX(5px);
  -moz-transform: rotate(90deg) translateX(5px);
  -ms-transform: rotate(90deg) translateX(5px);
  -o-transform: rotate(90deg) translateX(5px);
}

  /** account list **/
div.box-acc-list {
  position: relative;
}
ul.ul-acc {
  margin: 0; padding: 0;
  list-style: none;
}
ul.ul-acc li {
  display: block;
}
a.a-acc,
a.a-acc:active,
a.a-acc:visited {
  font-weight: normal;
  line-height: 22px;
  color: #828F9C;
  display: inline-block;
  padding: 5px 0;
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
a.a-acc:focus,
a.a-acc:hover {
  color: #13100d;
  text-decoration: none;
}
img.img-acc-list {
  width: 20px;
  display: inline-block;
  margin-right: 10px;
  opacity: .4;
  transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
}
a.a-acc:focus img.img-acc-list,
a.a-acc:hover img.img-acc-list {
  opacity: 1
}

  /** account profile img **/
div.box-acc-profil {
  position: relative;
  text-align: center;
  margin: 15px 0; padding: 20px 0;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}
figure.fig-acc {
  position: relative;
  margin-bottom: 20px;
}
img.img-acc {
  width: 80px; height: 80px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
img.img-acc-mob {
  width: 30px;
}
p.p-acc-profil {
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #13100d;
  margin-bottom: 0;
}
a.a-acc-profil-tel,
a.a-acc-profil-tel:active,
a.a-acc-profil-tel:visited {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #828F9C;
  margin-bottom: 0;
  transition: color .3s ease-in-out;
}
a.a-acc-profil-tel:hover,
a.a-acc-profil-tel:focus {
  text-decoration: none;
  color: #005eD2;
}

  /** account suma **/
div.box-acc-suma {
  position: relative;
  text-align: center;
  margin-top: 20px;
}
p.p-acc-pkt-title {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;  
  color: #828F9C;
  margin-bottom: 5px;
}
p.p-acc-pkt {
  position: relative;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #FF8F1C;
  margin-bottom: 0;
}
p.p-acc-pkt::after {
  content: attr(data-label-pkt);
}

  /** end 2.1 Section Hero account **/

  /** 2.2 Section Hero prize **/
a.a-kat-nav,
a.a-kat-nav:active,
a.a-kat-nav:visited {
  display: inline-block;
  padding: 15px 25px 15px 25px;
  color: #fff;
}
a.a-kat-nav:focus,
a.a-kat-nav:hover {
  text-decoration: none;
  color: #fff;
}
div.box-account-kat {
  position: absolute;
  right: -181px;
  top: 402px;
  z-index: 2;
  background-color: #005eD2;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform-origin: 0% 0%;
  transition: background-color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
}
div.box-account-kat:focus,
div.box-account-kat:hover {
  background-color: rgb(38, 73, 102);
}
p.p-acc-kat {
  position: relative;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  margin: 0;
}
p.p-acc-kat::after {
  content: '';
  background-image: url(../img/account/prize-fff.png);
  width: 18px; height: 20px;  
  background-size: 18px 20px;
  display: inline-block;
  margin-left: 15px;
  transform: rotate(90deg) translateX(5px);
  -webkit-transform: rotate(90deg) translateX(5px);
  -moz-transform: rotate(90deg) translateX(5px);
  -ms-transform: rotate(90deg) translateX(5px);
  -o-transform: rotate(90deg) translateX(5px);
}

a.a-dtc-nav,
a.a-dtc-nav:active,
a.a-dtc-nav:visited {
  display: inline-block;
  padding: 18px 25px 18px 25px;
  color: #fff;
}
a.a-dtc-nav:focus,
a.a-dtc-nav:hover {
  text-decoration: none;
  color: #fff;
}
div.box-account-dtc {
  position: fixed;
  right: -25px;
  top: 331px;
  z-index: 2;
  background-color: #005eD2;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform-origin: 0% 0%;
  transition: background-color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
}
div.box-account-dtc:focus,
div.box-account-dtc:hover {
  background-color: rgb(38, 73, 102);
}
p.p-acc-dtc {
  position: relative;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  margin: 0;
}
/*
p.p-acc-dtc::after {
  content: '';
  background-image: url(../img/account/prize-fff.png);
  width: 18px; height: 20px;  
  background-size: 18px 20px;
  display: inline-block;
  margin-left: 15px;
  transform: rotate(90deg) translateX(5px);
  -webkit-transform: rotate(90deg) translateX(5px);
  -moz-transform: rotate(90deg) translateX(5px);
  -ms-transform: rotate(90deg) translateX(5px);
  -o-transform: rotate(90deg) translateX(5px);
}
*/
a.a-dtr-nav,
a.a-dtr-nav:active,
a.a-dtr-nav:visited {
  display: inline-block;
  padding: 18px 25px 18px 25px;
  color: #fff;
}
a.a-dtr-nav:focus,
a.a-dtr-nav:hover {
  text-decoration: none;
  color: #fff;
}
div.box-account-dtr {
  position: fixed;
  right: -27px;
  top: 411px;
  z-index: 2;
  background-color: red;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform-origin: 0% 0%;
  transition: background-color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
}
div.box-account-dtr:focus,
div.box-account-dtr:hover {
  background-color: rgb(38, 73, 102);
}
p.p-acc-dtr {
  position: relative;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  margin: 0;
}
/*
p.p-acc-dtc::after {
  content: '';
  background-image: url(../img/account/prize-fff.png);
  width: 18px; height: 20px;  
  background-size: 18px 20px;
  display: inline-block;
  margin-left: 15px;
  transform: rotate(90deg) translateX(5px);
  -webkit-transform: rotate(90deg) translateX(5px);
  -moz-transform: rotate(90deg) translateX(5px);
  -ms-transform: rotate(90deg) translateX(5px);
  -o-transform: rotate(90deg) translateX(5px);
}
*/

  /** 2.2 Section Hero prize **/

div.bg-hero {
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
}
figure.fig-hero-abs {
  position: absolute;
  left: 0; bottom: 30px;
  z-index: 2;
}
img.img-hero-abs {
  width: 100%;
}

  /** owl hero content **/
div.box-hero {
  position: relative;
  margin-top: 150px;
}
h2.h2-hero {
  font-size: 48px;
  line-height: 53px;  
  color: #005eD2;
}
a.btn-bor,
a.btn-bor:active,
a.btn-bor:visited {
  display: inline-block;
  margin-top: 30px;
  font-size: 16px;
  line-height: 18px;
  color: #626262;
  border: 1px solid #626262;
  box-sizing: border-box;
  padding: 16px 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
a.btn-bor:focus,
a.btn-bor:hover {
  color: #fff;
  background-color: #626262;
  text-decoration: none;
}
  
  /** owl hero - dots **/
div.owl-hero .owl-dots {
	z-index: 3;
	position: relative;
  text-align: right;

  /*max-width: 1180px;*/
  width: auto;
  margin: 0 auto;
  float:right;
  background:rgba(255,255,255,0.6);
  height:22px;
}
 
div.owl-hero .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: -40px;
}
div.owl-hero .owl-dots button.owl-dot.active span  {
	background-color: #005eD2;
  border: 1px solid #005eD2;
	border-radius: 0;
  width: 11px; height: 11px;
}
div.owl-hero .owl-dots button.owl-dot span  {	
	background-color: transparent;
  border: 1px solid #005eD2;
	border-radius: 0;
  width: 11px; height: 11px;
}
div.owl-hero .owl-dots button.owl-dot span:hover,
div.owl-hero .owl-dots button.owl-dot span:focus {
  background-color: #005eD2;
  border-color: #005eD2;
}
div.owl-hero .owl-dots button:focus {
	outline: none;
}
/** hero - mobile **/
@media screen and (max-width: 1200px) {
  div.bg-hero {
    height: 424px;
  }
  div.box-hero {
    margin-top: 84px;
  }
}
/**  3. Section Oferta **/
section.sec-of {
  position: relative;
  padding: 70px 0 0 0;
}

#ProduktyPromowane {
  padding-top: 80px;
  margin-top: -80px;
}
  /** Oferta nawigacja **/
div.col-of-nav {
  position: relative;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
div.box-of-nav {
  position: relative;
  padding: 20px 0;
  border-bottom: 4px solid transparent;
}
div.col-of-nav-a {
  /* border-color: #005eD2; */
  border-color: #005eD2;
  position: relative;
}
div.col-of-nav-a::after {
  content: "";
  position: absolute;
  left: 48%; bottom: -18px;
  z-index: 1;
  margin-left: -4px;
  width: 0; height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  /* border-top: 18px solid #005eD2; */
  border-top: 18px solid #005eD2;
}
div.col-of-nav-b {
  border-color: #00AA13;
  position: relative;
}
div.col-of-nav-b::after {
  content: "";
  position: absolute;
  left: 48%; bottom: -18px;
  z-index: 1;
  margin-left: -4px;
  width: 0; height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 18px solid #00AA13;
}
div.col-of-nav-c {
  border-color: #FF8F1C;
  position: relative;
}
div.col-of-nav-c::after {
  content: "";
  position: absolute;
  left: 48%; bottom: -18px;
  z-index: 1;
  margin-left: -4px;
  width: 0; height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 18px solid #FF8F1C;
}
p.p-of-nav {
  font-size: 18px;
  line-height: 25px;
  color: #626262;
  margin: 0;
}
div.col-of-nav-a p.p-of-nav span {
  color: #005eD2;
}
div.col-of-nav-b p.p-of-nav span {
  color: #00AA13;
}
div.col-of-nav-c p.p-of-nav span {
  color: #FF8F1C;
}

div.box-of-back {
  position: absolute;
  top: 32px;
  z-index: 2;
}
a.a-of-back,
a.a-of-back:active,
a.a-of-back:visited {
  font-size: 18px;
  line-height: 140%;
  color: #13100d;
  transition: opacity .3s ease-in-out;
}
a.a-of-back:hover,
a.a-of-back:focus {
  text-decoration: none;
  opacity: .7;
  cursor: pointer;
}

  /** Szczegóły navigation **/
div.box-of-main-nav {
	position: absolute;
	right: 0;
	top: 15px;
	z-index: 2;
}
figure.fig-of-nav-b {
  margin-left: 5px;
}
img.img-of-nav {
  width: 40px;
  transition: opacity .3s ease-in-out;
}
a.a-of-nav {
  font-size: 0;
}
a.a-of-nav:hover img.img-of-nav,
a.a-of-nav:focus img.img-of-nav {
  opacity: .5;
}

/* Szczegoly navigation mobile */
@media only screen and (max-width: 769px) {
  div.col-of-nav {
    /*margin-top: 42px;*/
    margin-top: 0px;
  }
  div.col-of-nav-box {
    /*margin-top: 63px;*/
    margin-top: 0px;
  }
}
  /** Oferta boxes **/
div.bg-row-of {
  /*background-image: url(../img/bg-of.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;*/
  padding-bottom: 80px;
  /*background-attachment: fixed;*/
}
div.col-of-boxes {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}
  /** boxes single box **/
div.box-of {
  padding: 15px 15px 0 15px;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-sizing: border-box;
}
div.col-of-box-a div.box-of {
  border-color:#005eD2;
}
div.col-of-box-b div.box-of {
  border-color:#00AA13;
}
div.col-of-box-c div.box-of {
  border-color:#FF8F1C;
}

p.p-wyb-mob {
  text-align: center;
  color: #FF8F1C;
}
  /** boxes single box content **/
div.box-of-single {
  position: relative;
  margin-bottom: 15px;
  /* border: 1px solid transparent; */
  box-sizing: border-box;
  /*padding: 25px 20px;*/
  padding: 0;
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
  text-align: left;
}
div.col-of-box-a div.box-of-single {
  border-color:#005eD2;
}
div.col-of-box-b div.box-of-single {
  border-color:#00AA13;
}
div.col-of-box-c div.box-of-single {
  border-color:#FF8F1C;
  min-height:254px;
}
div.col-of-box-c div.box-of-single-promo {
  border-color:#13100d;
}
div.box-of-single-tit {
  position: relative;
  min-height: 87px;
  /* padding: 15px; */
}
p.p-of-single {
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #13100d;  
  margin: 0;
  text-transform: uppercase;
}
a.btn-of-single,
a.btn-of-single:active,
a.btn-of-single:visited,
input.btn-of-single,
input.btn-of-single:active,
input.btn-of-single:visited {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  color: var(--white);
  border: 1px solid #005eD2;
  background-color: #005eD2;
  box-sizing: border-box;
  padding: 12px 10px;
  border-radius: 50px;
  margin: 15px 15px 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
div.row-biblio a.btn-of-single{
	font-size:14px;
	padding:10px 10px;
	max-width:200px;
}
a.btn-of-single:focus,
a.btn-of-single:hover,
input.btn-of-single:focus,
input.btn-of-single:hover {
  color: #005eD2;
  background-color: var(--white);
  border: 1px solid #005eD2;
  text-decoration: none;
  border-radius: 50px;
}
div.col-of-box-a a.btn-of-single,
div.row-biblio a.btn-of-single,
input.btn-of-single {
  background-color:#005eD2;
  border-color: #005eD2;
}
div.col-of-box-a a.btn-of-single:focus,
div.col-of-box-a a.btn-of-single:hover,
input.btn-of-single:focus,
input.btn-of-single:hover {
  color: #005eD2;
  background-color: #fff;
  text-decoration: none;
}

/** oferta przyciski zielone **/
div.col-of-box-b a.btn-of-single {
  background-color:#00AA13;
  border-color: #00AA13;
}
div.col-of-box-b a.btn-of-single:focus,
div.col-of-box-b a.btn-of-single:hover {
  color: #00AA13;
  background-color: #fff;
  text-decoration: none;
}

/** oferta przyciski pomarańczowe **/
div.col-of-box-c a.btn-of-single {
  background-color:#FF8F1C;
  border-color: #FF8F1C;
  position: absolute;
  top: 10px;
  right: 10px;
}
div.col-of-box-c a.btn-of-single:focus,
div.col-of-box-c a.btn-of-single:hover {
  color: #FF8F1C;
  background-color: #fff;
  text-decoration: none;
}

a.btn-wiecej,
a.btn-wiecej:active,
a.btn-wiecej:visited {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  color: #005eD2;
  box-sizing: border-box;
  padding: 12px 10px;
  margin: 15px 15px 20px;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

a.btn-blocked,
a.btn-blocked:active,
a.btn-blocked:visited{
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  color: var(--white);
  border: 1px solid #005eD2;
  background-color: #005eD2;
  box-sizing: border-box;
  padding: 12px 10px;
  border-radius: 50px;
  margin: 15px 15px 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

/** oferta text/punkty **/
div.box-of-single-pkt {
  position: relative;
  height: 30px;
  margin-top: 30px;
}
p.p-of-single-pkt {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.06em;
  text-decoration-line: underline;  
  color: #13100d;
  margin: 0;
  position: relative;
  padding-left: 20px;
}
p.p-of-single-pkt::after {
  content: "";
  position: absolute;
  left: 0; bottom: 5px;
  width: 0; height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #13100d;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
div.col-of-box-a p.p-of-single-pkt {
  color: #005eD2;
}
div.col-of-box-b p.p-of-single-pkt {
  color: #00AA13;
}
div.col-of-box-c p.p-of-single-pkt {
  color: #FF8F1C;
}
div.col-of-box-a p.p-of-single-pkt::after {
  border-top: 10px solid  #005eD2;
}
div.col-of-box-b p.p-of-single-pkt::after {
  border-top: 10px solid  #00AA13;
}
div.col-of-box-c p.p-of-single-pkt::after {
  border-top: 10px solid  #FF8F1C;
}
p.p-of-single-txt {
  font-size: 13px;
  line-height: 14px;  
  color: #13100d;
  margin: 0;
}

/** oferta - mobile **/
@media screen and (max-width: 1200px) {
section.sec-of {
  padding-top: 20px;
}
}

/**  4. Section Slider **/
section.sec-slider {
  position: relative;
  padding: 60px 0;
  /* background-color: rgba(196, 196, 196, .28); */
  background-color: #fff;
}

/** box promo **/
div.box-of-promo {
  background-color: #fff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.09);
  margin-top: 15px;
  padding: 15px 15px 0 15px;
  border: 1px solid #13100d;
  position: relative;
  overflow: hidden;
}
div.box-of-single-promo {
  overflow: hidden;
}
div.box-promo {
  background-color: #13100d;
  padding: 5px 10px;
  display: inline-block;
 
  z-index: 1;
  width: 120%;
  /* transform-origin: 00% 50%; */
  text-align: center;

  text-align: center;
  margin: 0;
  position: absolute;
  right: 0; top: 50%;  
  transform: translate(46%, -50%)  rotate(90deg);
}
p.p-promo {
  font-size: 14px;
  line-height: 24px;  
  color: #fff;
  margin: 0;
}
div.box-of-single-promo {
  border-color: #13100d;
}
a.btn-of-single-promo,
a.btn-of-single-promo:active,
a.btn-of-single-promo:visited {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  color: #13100d;
  border: 1px solid #13100d;
  box-sizing: border-box;
  padding: 10px 40px;
  border-radius: 0;
  margin-top: 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
a.btn-of-single-promo:focus,
a.btn-of-single-promo:hover {
  color: #fff;
  background-color: #13100d;
  text-decoration: none;
}

  /** section oferta special box **/
div.box-of-nav-spec {
  position: relative;
  height: 50px;
}
div.box-of-single-spec {
  position: relative;
  padding: 80px 50px;
}
div.box-of-single-tit-spec {
  position: relative;
  min-height: 80px;
  margin-bottom: 65px;
}
p.p-of-single-spec {
  font-weight: normal;
  font-size: 33px;
  line-height: 40px;
  color: #005eD2;
  margin: 0;
  text-transform: uppercase;
}
div.box-of-single-txt-spec {
  position: relative;
}
p.p-of-single-txt-spec {
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;  
  color: #626262;
  margin: 0 0 65px 0;
}
p.p-of-single-txt-spec-b {
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  color: #005eD2;  
  margin: 0;
}

/** end **/

div.box-slider {
  position: relative;
  text-align: center;
}
div.bg-over {
  position: relative;  
  background-color: #fff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.09);
}
div.bg-slider {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 10px solid #fff;
  height: 300px;
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
}
div.box-slider-txt {
  position: relative;
  margin-top: 15px;
}
p.p-slider-txt {
  font-size: 18px;
  line-height: 22px;  
  /* color: #004B86; */
  color: #005eD2;
  margin: 0;
}

  /** section slider absolute cover **/
a.a-slider,
a.a-slider:active,
a.a-slider:visited {
  /* color: #004B86; */
  color: #005eD2;
}
a.a-slider:focus,
a.a-slider:hover {
  text-decoration: none;
}
div.bg-slider-ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 94, 170, .79); */
  background-color: #005eD2c9;
  text-align: center;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
}
a.a-slider:focus div.bg-slider-ab,
a.a-slider:hover div.bg-slider-ab {
  opacity: 1;
}
p.p-slider-ab {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  display: inline;

  width: 100%;
  margin: 0;
  position: absolute;
  left: 50%; top: 50%;  
  transform: translate(-50%, -50%);
}
div.owl-slider img.img-slider {
  display: inline;
  width: 19px;
  margin-left: 10px;
}

/** OWL Testimonials Arrows **/
div.owl-slider .owl-dots {
	display: none;
}
div.owl-slider .owl-prev span,
div.owl-slider .owl-next span {
	display: none;
}
div.owl-slider .owl-prev:after {
  content: '';
  background-image: url(../img/arr-lft.png);
  width: 30px; height: 25px;
  background-size: 30px 25px;
  display: inline-block;  
}
div.owl-slider .owl-next:after {
  content: '';
  background-image: url(../img/arr-rgt.png);
  width: 30px; height: 25px;
  background-size: 30px 25px;
  display: inline-block;  
}
div.owl-slider button:focus {
	outline: none;
}
div.owl-slider .owl-nav {
	margin-top: -200px;
	position: absolute;
  width: 100%;
}
div.owl-slider .owl-nav .owl-prev  {
	position: absolute;
	left: -75px;
	transition: opacity .2s ease-in-out;
}
div.owl-slider .owl-nav .owl-next  {
	position: absolute;
	right: -75px;
	transition: opacity .2s ease-in-out;
}
div.owl-slider .owl-nav .owl-prev:hover  {
	background: transparent;
	opacity: .7;
}
div.owl-slider .owl-nav .owl-next:hover  {
	background: transparent;
	opacity: .7;
}

/* do weryfikacji */
.owl-carousel.owl-theme.carousel-above-slider div.owl-nav,
.owl-carousel.owl-theme.carousel-under-slider div.owl-nav{
	color: #005eD2;
	transform: scaleX(1.15) scaleY(1.25);
}

/*.owl-carousel.owl-theme.carousel-under-slider div.owl-nav{
	bottom: 117px; 
}*/

.carousel-under-slider .owl-nav.disabled,
.carousel-above-slider .owl-nav.disabled{
display: block!important;
}
/* do weryfikacji */


/* Footer */
section.sec-f {
  /* background: #005eD2; */
  background: #005eD2;
  padding: 10px 0 0;
  position: relative;
  line-height:16px;
}

img.img-logo-f-bw {
  position: relative;
  margin-top: 30px;
}

div.box-f-abs {
  width: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
div.rel-clip {
  clip-path: polygon(66px 0, 100% 0, 100% 100%, 0% 100%);
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  text-align: right;
  padding-right: 39px;
}

p.p-f {
  font-size: 14px;
  line-height: 110%;
  color: #FFFFFF;
  margin-bottom: 0;
}
a.a-f,
a.a-f:active,
a.a-f:visited {
  font-size: 14px;
  line-height: 110%;
  color: #FFFFFF;
  transition: opacity .5s ease-in-out;
}
a.a-f:hover,
a.a-f:focus {
  text-decoration: none;
  opacity: .5;
}

a.a-f.a-f-black{
	color: #13100d;
}

/* Mapa */

/*tymczasowe of map*/
section.sec-map iframe.map {
    pointer-events: none;
}
.sec-map {
  position: relative;
  z-index:0;
}
#ListaDystrybutorów {
  padding-top: 80px;
  margin-top: -80px;
}
div.r-map-search {
  position: relative;
  height: 0;
}
div.map-search {
  /* background: #c4c4c4; */
  position: relative;
  width: 450px;
  top: -500px;
}
div.map-search {
  /* background-color: #e9e9e9; */
}
div.map-search a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
div.map-search a:hover {
  background-color: #ddd;
  color: black;
}
div.map-search a.active {
  background-color: #2196F3;
  color: white;
}
div.box-count {
  background: #fff;
  width: 100%;
  margin-top: 25px;
  padding-bottom: 2px;
}

  /** map change **/
div.search-container {
  width: 100%;
  max-width: 360px;
}
form.form-map {
  position: relative;
  background-color: #fff;
  padding: 20px 25px;
}
h2.h2-wys-dys {
  font-size: 28px;
  line-height: 120%;
  /* color: #005eD2; */
  color: #005eD2;
  text-align: center;
  margin-bottom: 30px;
}
  /** input search map **/
div.box-form-map-nazwa {
  position: relative;
}
div.box-form-map {
  position: relative;
  margin-top: 20px;
}
input.input-map,
select.input-map,
select.input-map option {
  position: relative;
  border: none;
  border: 1px solid #E3E3E3;
  height: 51px;
  width: 100%;
  background-color: transparent;
  border-radius: 0;
  padding: 0 45px 0 15px;
  font-family: 'Lexend Deca', sans-serif;
}
button.btn-map-s {
  border: none;
  background-color: #005eD2;
  height: 51px; width: 51px;
  position: absolute;
  right: 0; top: 0;
  transition: opacity .3s ease-in-out;
}
button.btn-map-s:hover,
button.btn-map-s:focus {
  opacity: .6;
}
/** mobile map **/
span.mob-map-nav {
  font-size: 20px;
  line-height: 25px;
  color: #005eD2;
  text-align: center;
  margin-bottom: 30px;
  background-color: #fff;
  padding: 10px 0;
  width: 282px;

  position: absolute;
  right: -325px; top: 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
  z-index: 1;
  display: none;
}
figure.mob-s-icon {
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
  div.search-container {
    max-width: 280px;
  }
  form.form-map {
    padding: 1px 10px 20px 10px;
  }
  div.box-map-nag {
    display: none;
  }
  span.mob-map-nav {
    display: block;
  }
  div.map-search {
    transform: translateX(-280px);
    will-change: transform;
    transition: transform .3s ease-in-out;
  }
  div.map-search-sh {
    transform: translateX(0);
  }
}

/* PS - Katalog produktów */

/* Head - Katalog produktów */
section.sec-kat-prod {
  padding: 60px 0;
}

input.input-kn {
  background: #FFFFFF;
  width: 420px;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 20px;
  margin-right: 10px;
}
div.box-input {
  position: relative;
  display: inline-block;
}
div.box-input::after {
	content: '';
  background-image: url(/assets/img/loop-kn.png);
	width: 22px; height: 22px;    
  background-size: 22px 22px;
  display: inline-block;
	text-align: center;
  margin: 0;
  position: absolute;
  right: 15px; top: 50%;
	transform: translate(-50%, -50%);
}

div.row-kn-cont {
  margin-top: 30px;
}
select.sel-kn {
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 20px;
  margin-right: 10px;
  transition: .3s color ease-in-out, .3s background ease-in-out;
  -webkit-transition: .3s color ease-in-out, .3s background ease-in-out;
  -moz-transition: .3s color ease-in-out, .3s background ease-in-out;
  -ms-transition: .3s color ease-in-out, .3s background ease-in-out;
  -o-transition: .3s color ease-in-out, .3s background ease-in-out;
}

button.btn-kn-form,
button.btn-kn-form:active,
button.btn-kn-form:visited {
  background: #FFFFFF;
  /* border: 1px solid #005eD2; */
  border: 1px solid #005eD2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 12px 40px 10px 40px;
  font-size: 16px;
  text-align: center;
  /* color: #005eD2; */
  color: #005eD2;
}

button.btn-kn-form:hover,
button.btn-kn-form:focus {
  color: #FFFFFF;
  /* border: 1px solid #005eD2; */
  border: 1px solid #005eD2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  /* background: #005eD2; */
  background: #005eD2;
}

p.p-t-pkt {
  font-size: 16px;
  line-height: 140%;
  color: #8D8D8D;
  margin-bottom: 0;
  margin-top: 7px;
}

p.p-t-pkt span {
  color: #00AA13;
  font-weight: bold;
}



@media screen and (max-width: 1070px) {
  select.sel-kn {
    display: none;
  }
  input.input-kn {
    width: 100%;
  }
}

/* Produkty */
div.box-reg-nav {
	position: relative;
}
ul#regTab {
	margin: 0; padding: 0;
}
ul#regTab li {
	display: block;
	width: 100%;
}
a.nav-reg-link {
	line-height: 24px;
	color: #898989;
	font-weight: 300;
	display: inline-block;
	padding: 12px 30px 12px 12px;
	width: 100%;
	border-bottom: 1px solid #DEDEDE;
	background-color: #fff;
	position: relative;
  font-size: 16px;
  /* color: #005eD2; */
  color: #005eD2;
}

a.nav-reg-link:active,
a.nav-reg-link:visited {

}

a.nav-reg-link span {
  display: inline-block;
  position: relative;
  top: 4px;
}

svg.svg-kn-ico {
  margin-right: 15px;
}

svg.svg-kn-ico path {
  fill: #005eD2;
}
a.nav-reg-link.active svg.svg-kn-ico path {
  fill: #fff;
}

a.nav-reg-link:after {
	content: '';
  background-image: url(/assets/img/arrow-kn-table.png);
	width: 8px; height: 14px;    
  background-size: 8px 14px;
  display: inline-block;
	text-align: center;
  margin: 0;
  position: absolute;
  right: 15px; top: 50%;
	transform: translate(-50%, -50%);
}
a.nav-reg-link.active {
	color: #fff!important;
	/* background-color: #005eD2; */
	background-color: #005eD2;
}
a.nav-reg-link:hover {
	/* color: #005eD2; */
	color: #005eD2;
	text-decoration: none;
	background-color: #f7f7f7;
}
 a.nav-reg-link.active:hover {
  /* background-color: #005eD2; */
  background-color: #005eD2;
  color: #fff;
}

span.sp-nowosc:after {
  content: attr(data-label-nowosc);
  text-align: center;
  margin: 0;
  position: absolute;
  padding: 3px 7px;
  background: #FF0000;
  color: #fff;
  font-size: 8px;
  line-height: 1;
  border-radius: 4px;
  letter-spacing: 1px;
  top: -11px;
}
p.p-prod-new {
  text-align: center;
  margin: 0;
  position: absolute;
  padding: 3px 6px;
  background: #FF0000;
  color: #fff;
  font-size: 8px;
  line-height: 1;
  border-radius: 4px;
  letter-spacing: 1px;
  left: 10px;
  top: 10px;
}


/* Paginacja */
div.r-prod-pag {
  margin-top: 40px;
}

div.s-prod-pag {
  display: inline-block;
}

a.a-prod-pag,
a.a-prod-pag:visited,
a.a-prod-pag:active {
  font-weight: bold;
  font-size: 13px;
  line-height: 140%;
  text-align: center;
  color: #AFAFAF;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px 10px;
  border: 1px solid #afafaf;
  width: 130px;
  display: block;
  transition: color .3s ease-in-out;
}

a.a-prod-pag:hover,
a.a-prod-pag:focus {
  text-decoration: none;
  color: #005eD2;
}
img.img-nk-arrow-lft {
  margin-right: 10px;
}
img.img-nk-arrow-rgt {
  margin-left: 10px;
}



/* PS Twoje wiadomośći */
section.sec-wiadomosci {
  padding: 0px 0;
}
div.row-ms-systemowe {
  display: none;
}

    /* -- Twoja wiadomosc */
    section.sec-nw-wiad {
      background-image: url(/assets/img/wiadomosci/twoja-wiadomosc-bcg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      padding: 40px 0 120px 0;
    }
    div.contact-nw {
      max-width: 600px;
      width: 100%;
      margin: 0 auto;
    }
    h2.h2-nw-wiad {
      font-size: 24px;
      line-height: 110%;
      color: #005eD2;
      margin-bottom: 30px;
    }
    select.nw-temat {
      width: 100%;
      padding: 12px 30px;
    }
    textarea.nw-tresc {
      width: 100%;
      padding: 12px 30px
    }
    div.nw-wys-left {
      float: left;
      width: 50%;
      padding-top: 10px;
    }

    div.nw-file-left {
      text-align: left;
    }
    div.nw-wys-right {
      float: right;
      width: 50%;
      text-align: right;
    }
    button.btn-wyslij,
    button.btn-wyslij:active,
    button.btn-wyslij:visited {
      background: #00AA13;
      padding: 12px 45px;
      border-radius: 0;
      font-weight: bold;
      font-size: 16px;
      line-height: 110%;
      color: #FFFFFF;
      transition: opacity .3s ease-in-out;
    }
    button.btn-wyslij:hover,
    button.btn-wyslij:focus {
      text-decoration: none;
      opacity: .8;
      color: #fff;
    }
    
/* Produkt */
div.kn-prod-box {
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
  width: calc(20% - 11px);
  padding: 10px;
  margin: 0px 10px 20px 0px;
  text-align: center;
  position: relative;
  float: left;
  height: 230px;
}
div.kn-prod-box:hover {
  cursor: pointer;
}

div.cm-prod-side {
  width: 310px;
  float: left;
  padding-right: 20px;
}

div.cm-prod-cont {
  width: calc(100% - 310px);
  float: left;
}

img.img-kn-prod-thumb {
  width: 100%;
} 

h2.kn-prod-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  /* color: #005eD2; */
  color: #005eD2;
  margin-top: 15px;
  min-height: 58px;
  margin-bottom: 0;
}
a.kn-prod-more,
a.kn-prod-more:visited,
a.kn-prod-more:active {
  font-weight: bold;
  font-size: 13px;
  line-height: 140%;
  text-align: center;
  color: #8D8D8D;
  transition: color .3s ease-in-out;

}

a.kn-prod-more:hover,
a.kn-prod-more:focus {
  cursor: pointer;
  text-decoration: none;
  color: #005eD2;
}

a.kn-prod-more span,
a.kn-prod-more:visited span,
a.kn-prod-more:active span {
  font-size: 10px;
}

div.kn-prod-circle {
  /* background: #00386C; */
  background: #005eD2;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
}
div.kn-prod-circle-promo{
	background:red;
}
p.kn-prod-circle-pt {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  margin-bottom: 0;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/* Single Product box */
body.animflow {
  overflow-y: hidden;
}
body.animflow::after {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
}
div.box-product-list {
  min-height: 400px;
  position: relative;
  overflow: hidden;
}
div.box-product-sgl {
  background: #FFFFFF;
  border: 1px solid #00AA13;
  box-sizing: border-box;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
  padding: 10px 0px 10px 30px;
  width: 100%;
  max-width: 520px;
  display: none; 
  position: absolute; 
  z-index: 1; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}




div.box-modal-h {
  position: relative;
  text-align: right;
  padding-right: 15px;
}

div.opa-anim::before {
  content: '';
  width: 0%;
  height: 0%;
  background: rgba(17, 17, 17, 0.45);
  /* background: radial-gradient(rgba(17, 17, 17, 0.45), transparent); */
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  /* transform: translate(-50%, -50%) scale(2); */
  z-index: 1;

  animation: bcg-opa .6s forwards;
  border-radius: 50%;
}

@keyframes bcg-opa {
  from {
    width: 0%;
    height: 0%;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: translate(-50%, -50%) scale(2);
  }
}
div.box-product-ins {
  position: relative;
  padding-top: 20px;
}

@media screen and (max-width: 769px) {
  div.box-product-sgl {
    position: fixed;
  }
  div.box-product-ins {
    height: calc(100vh - 300px);
    overflow: scroll;
    padding-right: 30px;
  }
  
}

div.bpi-a {
  float: left;
  width: 60%;
}
div.bpi-b {
  float: left;
  width: 40%;
}
div.box-prod-sgl-pic {
  text-align: center;
}
img.img-prod-sgl {
  width: 100%;
}
p.p-prod-sgl-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  /* color: #005eD2; */
  color: #005eD2;
  margin-top: 15px;
  margin-bottom: 5px;
}

p.p-prod-sgl-kp {
  font-weight: normal;
  font-size: 12px;
  line-height: 140%;
  color: #13100d;
}

p.p-prod-sgl-pkt {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #13100d;
  padding: 7px 25px;
  border: 1px solid #FF8F1C;
  display: inline-block;
  margin-right: 15px;
}
p.p-prod-sgl-pkt.cena-promo{
	border-color:red;
  font-weight:bold;
}
p.p-prod-sgl-pkt.cena-promo .cena-promo-info{
  font-weight:400;
}
p.p-prod-sgl-pkt.cena-promo del{
  margin-right:10px;
  font-weight:400;
}


div.sgl-btn-inp {
  margin-bottom: 5px;
}
a.btn-prod-sgl-ddk,
a.btn-prod-sgl-ddk:active,
a.btn-prod-sgl-ddk:visited {
  /* background: #005eD2; */
  background: #005eD2;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
  border-radius: 0px;
  padding: 7px 25px 7px 10px;
  transition: .3s color ease-in-out, .3s background ease-in-out;
  margin-top: -2px;
}

a.btn-prod-sgl-ddk:hover,
a.btn-prod-sgl-ddk:focus {
  text-decoration: none;
  /* border: 1px solid #005eD2; */
  border: 1px solid #005eD2;
  /* color: #005eD2; */
  color: #005eD2;
  background: transparent;
}

svg.svg-prod-sgl-ddk-ico path {
  fill: #fff;
  transition: .3s fill ease-in-out;
}

svg.svg-prod-sgl-ddk-ico {
  margin-right: 15px;
}

a.btn-prod-sgl-ddk:hover svg.svg-prod-sgl-ddk-ico path,
a.btn-prod-sgl-ddk:focus svg.svg-prod-sgl-ddk-ico path {
  /* fill: #005eD2; */
  fill: #005eD2;
}

input.prod-sgl-quantity {
  width: 50px;
  height: 35px;
  margin-top: 2px;
  display: inline-block;
  position: relative;
  text-align: center;
  border: 1px solid #C1C1C1;
}
p.p-prod-sgl-txt-tytul {
  font-weight: bold;
  font-size: 12px;
  line-height: 140%;
  color: #13100d;
  margin-bottom: 10px;
}

/* ---dodano */
div.prod-sgl-dodano {
  background: #00AA13;
  padding: 9px 12px;
  margin-bottom: 15px;
  width: 330px;
}
p.p-sgl-dodano {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0px;
  display: inline-block;
}
a.a-sgl-dodano-zk,
a.a-sgl-dodano-zk:active,
a.a-sgl-dodano-zk:visited {
  color: #fff;
  font-size: 15px;
  margin-bottom 0px;
  margin-left: 50px;
  display: inline-block;
  text-decoration: underline;
  transition: opacity .3s ease-in-out;
}

a.a-sgl-dodano-zk:hover,
a.a-sgl-dodano-zk:focus {
    opacity: .8;
}

p.p-prod-sgl-txt-opis {
  font-weight: normal;
  font-size: 13px;
  line-height: 140%;
  color: #2C2C2C;
}

figure.fig-prod-close {
  position: relative;
}

img.img-prod-close {
  transition: opacity .3s ease-in-out;
}

img.img-prod-close:hover {
  opacity: .8;
  cursor: pointer;
}

/* ---- Kategorie i mobile*/
div.box-reg-nav {
  /* border: 1px solid #E3E3E3; */
  padding: 2px 10px 10px 10px;
}
a.a-mob-kat,
a.a-mob-kat:active,
a.a-mob-kat:visited {
  background: #FFFFFF;
  color: #8D8D8D;
  width: 100%px;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 5px 10px 10px 10px;
  margin-top: 10px;
  display: block;
}

a.a-mob-kat:focus,
a.a-mob-kat:hover {
  text-decoration: none;
}

@media screen and (min-width: 1071px) {
 a.a-mob-kat {
    display: none;
  }
}

@media screen and (max-width: 768px) {
input.input-kn {
width: 100%;
display: block;
margin-bottom: 10px;
}
  div.box-input {
    display: block;
  }
  button.btn-kn-form {
    display: none;
  }
  div.cm-3-prod {
    order: 1;
  }
  div.cm-9-prod {
    order: 2;
  }

  /* collapse kategorie */
  div.cm-prod-side {
    width: 100%;
    padding-right: 0;
  }
  ul#regTab li {
    display: block;
    width: calc(50% - 3px);
  }
  a.nav-reg-link { 
    border: 1px solid #D3D3D3;
    border-radius: 6px;
    padding: 6px 5px;
    font-size: 13px;
    margin-bottom: 7px;
    margin-right: 5px;
  }

  ul#regTab li:nth-child(odd) {
   margin-right: 5px;
  }

  svg.svg-kn-ico {
    width: 28px;
    height: 28px;
    margin-right: 5px;
  }
  a.nav-reg-link::after {
    background-image: none;  
  }

  div.row-kn-cont {
    margin-top: 10px;
  }
  p.p-t-pkt {
    margin-bottom: 12px;
  }
  section.sec-kat-prod {
    padding-top: 40px;
  }
  div.box-reg-nav {
    margin-bottom: 20px;
  }
  /* mob-products */
  div.box-product-list {
    width: 100%;
  }
  h2.kn-prod-title {
    min-height: auto;
    margin-bottom: 15px;
  }
  div.kn-prod-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
    width: calc(50% - 11px);
    padding: 10px;
    margin: 0px 10px 20px 0px;
    text-align: center;
    position: relative;
    float: left;
    height: 250px;
}

li.nav-reg-item {
  position: relative;
}
a.nav-reg-link span {
  position: static;
}
span.sp-nowosc::after {
  top: -1px;
  right: 0;
}
.nav-tabs {
  border-bottom: none;
}
/* single product mobile */
div.box-grid-ab {
  display: grid;
}
div.bpi-a {
  order: 2;
  width: 100%;
}
div.bpi-b {
  order: 1;
  width: 100%;
}
div.box-product-sgl {
  padding: 15px 0px 15px 15px;
  width: 96%;
}
div.prod-sgl-dodano {
  width: 100%;
}

p.p-sgl-dodano {
  font-size: 14px;
}

a.a-sgl-dodano-zk, 
a.a-sgl-dodano-zk:active, 
a.a-sgl-dodano-zk:visited {
  color: #fff;
  font-size: 14px;
  margin-left: 18px;
}


div.cm-prod-cont {
  position: relative;
  width: 100%;
}

img.img-prod-arrow {
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}

a.a-mob-kat[aria-expanded='false'] img.img-prod-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

figure.fig-prod-arrow {
  position: absolute;
  right: 20px;
  top: 12px;
}

}


@media screen and (min-width: 769px) {
 #regTab:not(.show) {
    display: block;
    }
    div.box-reg-nav {
        padding: 2px 10px 10px 10px;
    }
}


/* Footer - mobile */
@media screen and (min-width: 769px) {
  section.sec-f-mob {
    display: none;
  }

}

@media screen and (max-width: 769px) {
  div.box-reg-nav {
    border: 1px solid #E3E3E3;
}

  section.sec-f {
    display: none;
  }
  section.sec-f-mob {
    margin-bottom: 55px;
  }
  div.cm-f-m-a {
    padding: 20px;
  }
  p.p-f-m {
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    color: #005eD2;
    margin-bottom: 0;
  }
  a.a-f-m,
  a.a-f-m:active,
  a.a-f-m:visited {
    font-size: 18px;
    line-height: 110%;
    text-align: center;
    color: #005eD2;
    transition: opacity .3s ease-in-out;
  }

  a.a-f-m:hover,
  a.a-f-m:focus {
    opacity: .8;
    text-decoration: none;
  }

  div.cm-f-m-b {
    padding: 20px;
    background: #005eD2;
  }
  p.p-f-m-white {
    font-weight: bold;
    font-size: 14px;
    line-height: 110%;
    text-align: center;
    color: #FFFFFF;
  }
  a.afm-wh-a {
    margin-right: 30px;
  }

  a.a-f-m-white,
  a.a-f-m-white:active,
  a.a-f-m-white:visited {
    font-size: 14px;
    line-height: 110%;
    color: #FFFFFF;
    transition: opacity .3s ease-in-out;
  }

  a.a-f-m-white:focus,
  a.a-f-m-white:hover {
    text-decoration: none;
    opacity: .8;
  }

  div.cm-f-m-c {
    background: #005eD2;
    border-top: 1px solid #fff;
  }
  div.cm-f-logo-a {
    width: 40%;
    float: left;
    padding: 20px 0 20px 15px;
  }
  img.img-logo-f-dt {
    width: 100px;
  }
  div.cm-f-logo-b {
    width: 60%;
    float: left;
  }
  div.rel-clip  {
    position: relative;
    padding-right: 15px;
  }
  img.img-logo-f-bw {
    width: 150px;
  }

  /* bcg opa prod */
  div.opa-anim::before {
    content: '';
    width: 0;
    height: 0;
    background: rgba(17, 17, 17, 0.45);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    animation: none;
    border-radius: 50%;
  }
}


/* Podstrona - header */
section.sec-ps-head {
  /* background-image: url(/assets/img/bcg-ps.jpg); */
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 40px 0 0px 0;
  position: relative;
  margin-top: 75px;
  /*z-index:-1;*/
}
body:not(.strglowna) section.sec-ps-head {
  margin-top:0;
}
/*div.ps-head-abs {
  background-image: url(/assets/img/header-strip.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 55px;
  width: 100%;
}*/

h1.h1-ps-head {
  font-size: 48px;
  line-height: 110%;
  /* color: #005eD2; */
  color: #005eD2;
  margin-bottom: 30px;
}

a.a-ps-back,
a.a-ps-back:active,
a.a-ps-back:visited {
  font-size: 18px;
  line-height: 140%;
  color: #005eD2;
  margin-left: 20px;
  transition: opacity .3s ease-in-out;
}

a.a-ps-back:hover,
a.a-ps-back:focus {
  opacity: .6;
  text-decoration: none;
}

/** 6. Subpage Log IN **/
header#header-log {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
}
main.main-log {
  position: relative;
  background-image: url(../img/log-in/bg-login.png?v=2);
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: calc(100vh - 68px);
  /* background-attachment: fixed; */
}

  /** login box **/
div.w460 {
  max-width: 460px;
  width: 100%;
  margin: 0 auto;
}
div.box-login-over {
  position: relative;
}
div.box-login {
  background-color: rgba(255,255,255, .92);
  padding: 50px 35px 30px 35px;

  margin: 0;
  width: 100%;
  position: relative;
  margin: 200px auto 80px auto;
  border-radius:10px;
}
@media only screen and (max-width: 768px) {
  div.box-login {
    margin: 160px auto 40px auto;
  }
}
figure.fig-login {
  text-align: center;
  margin: 0;
  position: absolute;
  left: 50%; top: -80px;  
  transform: translate(-50%, -50%);
}
img.img-login {
  max-width: 190px;
}

  /** form style **/
label.form-lab {
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;  
  color: #13100d;  
}
input.form-custom {
  position: relative;
  border: none;
  border-bottom: 2px solid #EBEBEB;
  height: 35px;
  background-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
input.form-custom:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--blue);
  background-color: transparent;
}
input.form-custom::placeholder {
  font-weight: normal;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}

/** form walidation **/
div.form-error input.form-custom {
  border-color: #dc3545;
}
p.p-form-error {
  display: none;
}
div.form-error p.p-form-error {
  display: block;
  color: #dc3545;
  margin: 5px 0 10px 0;
  font-size: 11px;
}

  /** form style accept **/
div.form-acc {
  position: relative;
  margin-top: 30px;
}
div.box-form-acc {
  position: relative;
}
div.col-acc {
  position: relative;
  float: left;
  width: 50%;
}
div.col-acc-b {
  text-align: right;
}
label.form-lab-rem {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;  
  color: #B2B4C0;
  display: inline-block;
}
a.a-forget,
a.a-forget:active,
a.a-forget:visited {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;  
  color: #B2B4C0;
  display: inline-block;
}
a.a-forget:focus,
a.a-forget:hover {
  text-decoration: none;
  color: var(--blue);
}

  /** submit button **/
div.box-form-submit {
  position: relative;
  margin-top: 30px;
  text-align: center;
}
button.btn-submit,
button.btn-submit:active,
button.btn-submit:focus {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 700;
  line-height: 18px;
  color: #FAFAF9;
  background-color: var(--blue);
  border: 2px solid var(--blue);
  filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
  padding: 15px 0;
  width: 100%;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
button.btn-submit:focus,
button.btn-submit:hover {
  color:var(--blue);;
  background-color: transparent;
  text-decoration: none;
}

  /** register link **/
div.box-form-reg {
  position: relative;
  margin-top: 30px;
  text-align: center;
}
a.a-reg,
a.a-reg:active,
a.a-reg:visited {
  font-family: 'Lexend Deca', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  color: #13100d;
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
a.a-reg:focus,
a.a-reg:hover {
  text-decoration: none;
  color: var(--blue);
}

  /** style checkbox **/
div.box-login div.form-check {
  padding-left: 0;
}
div.col-acc-a input.check-custom {
  width: 12%;
  z-index: 2;
  text-align: center;
  position: relative;
  top: 5px; left: 0;
  margin: 0; padding: 0;
}
div.col-acc-a input[type='checkbox'] {
  margin: 0;
}
div.col-acc-a input {
  position: relative !important;
  -webkit-appearance: none;
    -moz-appearance: none;
          appearance: none;
  margin: 8px;
  box-sizing: content-box;
  overflow: hidden;
}
div.col-acc-a input:before {
  content: '';
  display: block;
  box-sizing: content-box;
  width: 16px; height: 16px;
  border: 1px solid lightgray;
  -webkit-transition: 0.2s border-color ease;
  transition: 0.2s border-color ease;	
}
div.col-acc-a input {
  background-color: transparent;
}
div.col-acc-a input:checked:before {
  border-color: #FF8F1C;
  background-color: #FF8F1C;
  -webkit-transition: 0.5s border-color ease;
  transition: 0.5s border-color ease;	
}
div.col-acc-a input:disabled:before {
  border-color: #ccc;
  background-color: #ccc;	
}
div.col-acc-a input:after {
  content: '';
  display: block;
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background-color: rgba(19, 193, 163, 1);
  width: 16px;
  height: 16px;
  border-radius: 100vh;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
div.col-acc-a input[type="checkbox"]:before {
  border-radius: 40px;
}
div.col-acc-a input[type="checkbox"] {
    user-select: none;
    outline: none;
}

  /** media screen log in **/
  @media only screen and (max-width: 460px) {
	  main.main-log {
		min-height: 100vh;
	  }
	  footer.notlo{display:none;}
  div.box-login {
    padding: 35px 20px;
  }
  div.col-acc-a input.check-custom {
    width: 15%;
  }
  label.form-lab-rem,
  a.a-forget,
  a.a-forget:active,
  a.a-forget:visited {
    font-size: 13px;
  }
}

/** 7. Szczegóły **/
section.sec-details {
  position: relative;
}
div.row-row-det {
  position: relative;
  padding-top: 30px;
}
section.sec-details p.p-of-nav{
  font-family: 'Lexend Deca', sans-serif;
  font-weight: bold;
  font-size: 36px;
  line-height: 50px;    
}
p.p-of-nav-a {
  /* color: #005eD2; */
  color: #005eD2;
}
p.p-of-nav-b {
  color: #00AA13;
}
p.p-of-nav-c {
  color: #FF8F1C;
}

  /** Szczegóły box main **/
  div.row-det-a,
  div.row-det-b,
  div.row-det-c,
  div.row-det-d {
  position: relative;
  margin-top: 30px;
  padding: 0;
  background-color: #fff;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.07);
}

  /** Szczegóły title **/
div.box-det-title {
  position: relative;
  padding: 20px 25px;
  border-bottom: 2px solid #EBEBEB;
}
p.p-det-title {
  display: inline-block;
  position: relative;
  font-family: 'Lexend Deca', sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  color: #13100d;
  margin: 0;  
}

button.a-of-pobierz,
a.a-of-pobierz,
a.a-of-pobierz:active,
a.a-of-pobierz:visited {
  /* background: #005eD2; */
  background: #005eD2;
  margin-left: 70px;
  font-size: 18px;
  color: #fff;
  padding: 10px 25px;
  border-radius: 5px;
  transition: opacity .3 ease-in-out;
}

button.a-of-pobierz:hover,
a.a-of-pobierz:hover,
a.a-of-pobierz:focus {
  font-size: 18px;
  /* background: #005eD2; */
  background: #005eD2;
  line-height: 140%;
  color: #fff;
  text-decoration: none;
  opacity: .8;
}
button.a-of-pobierz,
.btn-kolo.a-of-pobierz{
	margin-left:0;
	margin-bottom:20px;
}
img.img-pdf {
  height: 20px;
  margin-left: 15px;
}

@media only screen and (max-width: 560px) {
  a.a-of-pobierz {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 515px) {
a.a-of-pobierz,
a.a-of-pobierz:active,
a.a-of-pobierz:visited {
margin-left: 0;
display: block;
width: 100%;
text-align: center;
margin-top: 15px;
padding: 7px 0;
line-height: 140%;
}
}
svg.svg-title {
  position: relative;
  margin-right: 10px;
  top: -5px;
}
div.row-det-a svg.svg-title path {
  /* fill: #005eD2; */
  fill: #005eD2;
}
div.row-det-b svg.svg-title path {
  fill: #00AA13;
}
div.row-det-c svg.svg-title path {
  fill: #FF8F1C;
}
div.row-det-d svg.svg-title path {
  fill: #13100d;
}

  /** Szczegóły background image **/
div.box-det-bg {  
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  margin: 20px 15px;
}

  /** Szczegóły kroki **/
div.box-det-kroki {
  position: relative;
  padding: 40px 25px;

  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
div.col-det-kroki-b {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
div.col-det-kroki {
  position: relative;  
}
div.col-det {
  position: relative;
  float: left;
  width: 33.333333%;
  text-align: center;
}
div.col-det-b {
  position: relative;
  float: left;
  width: 50%;
  text-align: center;
}

  /** kroki ikony **/
div.box-det-icon {
  position: relative;
  display: inline-block;
  width: 160px; height: 160px;
  background-color: #13100d;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
div.box-det-icon-arr {
  position: relative;
}
div.box-det-icon-arr::before {
  content: '';
  background-image: url(../img/front-details/arr-icon.png);
  width: 32px; height: 20px;  
  background-size: 32px 20px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -6px;

  text-align: center;
  margin: 0;
  position: absolute;
  right: -100px;  top: 50%;
  transform: translate(-50%, -50%);
}
div.col-det-b div.box-det-icon-arr::before {
  content: '';
  background-image: url(../img/front-details/arr-icon.png);
  width: 32px; height: 20px;  
  background-size: 32px 20px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -6px;

  text-align: center;
  margin: 0;
  position: absolute;
  right: -120px;  top: 50%;
  transform: translate(-50%, -50%);
}
div.row-det-a div.box-det-icon {
  /* background-color: #005eD2; */
  background-color: #005eD2;
}
div.row-det-b div.box-det-icon {
  background-color: #00AA13;
}
div.row-det-c div.box-det-icon {
  background-color: #FF8F1C;
}
div.row-det-d div.box-det-icon {
  background-color: #13100d;
}
p.p-det-kroki {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #13100d;
  max-width: 160px;
  width: 100%;
  margin: 10px auto 0 auto;
}
div.row-det-a p.p-det-kroki {
  /* color: #005eD2; */
  color: #005eD2;
}
div.row-det-b p.p-det-kroki {
  color: #00AA13;
}
div.row-det-c p.p-det-kroki {
  color: #FF8F1C;
}
div.row-det-d p.p-det-kroki {
  color: #13100d;
}
div.box-sp-details div.box-det-icon {
  position: relative;
  text-align: center;
}
div.box-sp-details div.box-det-icon-abs {
  position: relative; 

  width: 100%;
  margin: 0;
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
div.box-sp-details figure.fig-det {
  position: relative;
}
div.box-sp-details img.img-det {
  width: 72px;
/*  height: 72px;*/
  margin: 0;
}
div.box-collapse {
  position: relative;
  padding: 20px 140px 20px 20px;
  border-bottom: 2px solid #EBEBEB;
}
p.p-det-coll {
  display: inline-block;
  position: relative;
  font-family: 'Lexend Deca', sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  color: #13100d;
  margin: 0;
}

  /** Szczegóły opis **/
div.box-det-opis {
  position: relative;
  padding: 40px 80px;
  border-top: 2px solid #EBEBEB;
  border-bottom: 2px solid #EBEBEB;
  width:100%;
}
h3.h3-det-opis {
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  color: #13100d;
  margin: 0;
}
div.box-det-opis-main {
  position: relative;
  margin-top: 30px;
}
p.p-det-opis-txt {
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #323C47;
  margin-bottom: 10px;
}
ul.ul-det-opis-txt {
  margin: 15px 0; padding: 0 0 0 20px;
}
ul.ul-det-opis-txt li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
}
ul.ul-det-opis-txt li::after {
  content: '● ';
  position: absolute;
  left: 0; top: 0;
  color: Red;
}
div.row-det-a ul.ul-det-opis-txt li::after {
  color: #005eD2;
}
div.row-det-b ul.ul-det-opis-txt li::after {
  color: #00AA13;
}
div.row-det-c ul.ul-det-opis-txt li::after {
  color: #FF8F1C;
}
div.row-det-d ul.ul-det-opis-txt li::after {
  color: #13100d;
}
@media only screen and (max-width: 768px) {
  div.box-det-bg {
    height: 300px;
  }
  div.box-det-opis {
    padding: 20px 15px;
  }
  h3.h3-det-opis {
    text-align: center;
  }
}
@media only screen and (max-width: 560px) {
  div.box-det-bg {
    height: 250px;
  }
}

  /** collapse content **/
div.box-coll {
  position: relative;
  margin: 35px 60px;
}
div.box-coll-title {
  position: relative;
  margin-bottom: 30px;
}
p.p-coll-title {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;  
  color: #323C47;
  margin: 0;
}
div.row-det-a p.p-coll-title span {
  color: #005eD2;
}
div.row-det-b p.p-coll-title span {
  color: #00AA13;
}
div.row-det-c p.p-coll-title span {
  color: #FF8F1C;
}
div.row-det-d p.p-coll-title span {
  color: #13100d;
}

  /** Szczegóły table style **/
table.table thead th.th-tab {
  border-top: none;
  padding: 20px 15px;
  text-align: center;
}
table.table td.td-tab {
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}
tr.tr-tab {
  transition: background-color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
}
tr.tr-tab:hover,
tr.tr-tab:focus {
  background-color: #f7f7f7;
}
p.t-th {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;  
  letter-spacing: 0.01em;  
  color: #323C47;  
  margin: 0;
}
p.p-td {
  font-size: 15px;
  line-height: 24px;   
  letter-spacing: 0.01em;
  color: #323C47;
  margin: 0;
}
a.a-historia,
a.a-historia:active,
a.a-historia:visited {
  font-size: 15px;
  line-height: 24px;   
  letter-spacing: 0.01em;
  color: #323C47;
  margin: 0;
  text-decoration: underline;
}
a.a-historia:focus,
a.a-historia:hover {
  color: #005eD2;
}
p.p-td span.span-blue {
  color: #005eD2;
}
p.p-td span.span-orange {
  color: #FF8F1C;
}
p.p-td span.span-red {
  color: #FF0000;
}
p.p-td span.span-blue {
  color: #005eD2;
}
p.p-td span {
  color: #00AA13;
}
div.row-det-a p.p-td span {
  color: #005eD2;
}
div.row-det-b p.p-td span {
  color: #00AA13;
}
div.row-det-c p.p-td span {
  color: #FF8F1C;
}
div.row-det-d p.p-td span {
  color: #13100d;
}
div.row-det-a p.p-td span.span-red,
div.row-det-b p.p-td span.span-red,
div.row-det-c p.p-td span.span-red,
div.row-det-d p.p-td span.span-red {
  color: #FF0000;
}

div.row-det-a p.p-td span.span-blue,
div.row-det-b p.p-td span.span-blue,
div.row-det-c p.p-td span.span-blue,
div.row-det-d p.p-td span.span-blue {
  color: #005eD2;
}

a.btn-tab-more,
a.btn-tab-more:active,
a.btn-tab-more:visited {
  display: inline-block;
font-size: 16px;
line-height: 18px;
color: #fff;
/* background: #005eD2; */
background: #005eD2;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
box-sizing: border-box;
padding: 10px 40px;
border-radius: 0;
margin-top: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
transition: color .3s ease-in-out, background-color .3s ease-in-out;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

a.btn-tab-more:focus,
a.btn-tab-more:hover {
  /* color: #005eD2; */
  color: #005eD2;
  background-color: #fff;
  text-decoration: none;
  border: 1px solid #005eD2;
}
/* progress bar */
div.box-progress {
  width: 120px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #00AA13;
  border-radius: 7px;
}
div.progress-value {
  height: 26px;
  background: #00AA13;
  border-radius: 6px;
  display: block;
}
p.p-progress {
  color: #323C47;
  margin-bottom: 0;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

  /** Szczegóły rozwiń/zwiń **/
div.box-collapse {
  position: relative;
  transition: background-color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
}
div.box-collapse:hover,
div.box-collapse:focus {
  background-color: #f7f7f7;
  cursor: pointer;
}
div.box-collapse[aria-expanded='true'] {
  background-color: #f7f7f7;
}
div.box-der-roz {
  position: absolute;
  right: 35px; top: 25px;
  margin: 0;
}
div.box-der-roz::after {
  content: '';
  background-image: url(../img/front-details/tab-arr.png);
  width: 10px;
  height: 5px;
  background-size: 10px 5px;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -2px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}
div.box-der-roz:hover::before,
div.box-der-roz:focus::before {
  color: #13100d;
  cursor: pointer;
}
div.box-der-roz::before {
  content: attr(data-label-expand);
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 300;
  line-height: 25px;  
  color: #005eD2;  
}
div.box-collapse[aria-expanded='true'] div.box-der-roz::before {
  content: attr(data-label-collapse);
}
div.box-collapse[aria-expanded='true'] div.box-der-roz::after {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}

  /** Szczegóły owl carousel styles **/
div.box-sp-details .owl-dots {
	display: none;
}
div.box-sp-details .owl-prev span,
div.box-sp-details .owl-next span {
	display: none;
}

div.box-sp-details .owl-prev:after {
  content: '';
  background-image: url(../img/front-details/arr-lft.jpg);
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 40px 40px;
  margin-left: 1px;
}
div.box-sp-details .owl-next:after {
  content: '';
  background-image: url(../img/front-details/arr-rgt.jpg);
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 40px 40px;
  margin-left: 1px;
}
div.box-sp-details button:focus {
	outline: none;
}
div.box-sp-details .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  right: 35px; top: 20px;
}
div.box-sp-details .owl-nav .owl-prev  {
	position: absolute;
	right: 0;
	transition: opacity .2s ease-in-out;
}
div.box-sp-details .owl-nav .owl-next  {
	position: absolute;
	right: -40px;
	transition: opacity .2s ease-in-out;
}
div.box-sp-details .owl-nav .owl-prev:hover  {
	background: transparent;
	opacity: .7;
}
div.box-sp-details .owl-nav .owl-next:hover  {
	background: transparent;
	opacity: .7;
}

/** a. Mobile Front Page **/

  /** header **/
@media only screen and (max-width: 1260px) {
  div.tab-h-np {
    padding-left: 0;
    padding-right: 0;
  }
  div.box-logo-h {
    left: 0;
  }
}
@media only screen and (max-width: 1140px) {
  a.a-h,
  a.a-h:active,
  a.a-h:visited {
    font-size: 12px;
    padding: 15px 3px;
  }
  img.img-h-b {
    max-width: 13px;
  }
}

  /** mobile menu **/
div.mob-box-menu {
  display: none;
}
@media only screen and (max-width: 980px) {
  div.tab-h-lft {
    text-align: left
  }  

  /** mobile header position **/
  header#header {
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 14px 28px rgb(0 0 0 / 10%), 0 10px 10px rgb(0 0 0 / 1%);
  }
  div.box-logo-h {    
    left: 60px; top: 20px;
  }
  img.img-h {
    max-width: 120px;
  }  
  div.mob-box-menu {
    padding: 10px 0;
    display: inline-block;
  }  
  div.box-menu:hover,
  div.box-menu:hover:focus {
    cursor: pointer;
  }
  div.mob-cont-h {
    padding-left: 0;
    padding-right: 0;
  }

  /** mobile menu content **/
  .box-nav {
    /* display: none; */
    position: fixed;
    left: 0;
    top: 75px;
    width: 100%; height: 100%;
    background-color: #fff;
    z-index: 4;
    text-align: left;
    overflow-y: scroll;
    background-color: #005eD2;
    padding-top: 40px;
    transform: translateX(-100%);
    will-change: transform;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
  }
  .box-nav::-webkit-scrollbar {
    width: 0;
  }
  .mob-sec-m-sh {
    transform: translateX(0)!important;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
  }

  /** mobile menu list **/
  ul.ul-h {
    margin: 0; padding: 0;
    display: block;
  }
  ul.ul-h li {
    display: block;
    margin-bottom: 20px;
  }  
  a.a-h,
  a.a-h:visited,
  a.a-h:active {
    padding: 5px 0 5px 30px;
    font-size: 25px;
    color: #fff;
  }
  a.a-h:focus,
  a.a-h:hover {
    color: rgba(255,255,255,.5);
  }

    /** mobile menu account **/
    ul.ul-h li.li-sep {
      border-left: none;
      border-top: 1px solid rgba(255,255,255,.2);
      padding-top: 20px;
      margin-top: 10px;
    }
    img.img-h-b {
      max-width: 65px;
    }

  /** mobile nav animation **/
  nav.nav-h {
		will-change: transform;
		transition: transform .4s ease-in-out;	
	}
  nav.nav-h-sh {
    animation-name: mob-nav;
    animation-delay: .5s;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 0;
	}
	@keyframes mob-nav {
		from {
			transform: translateX(-100px);
			opacity: 0;
		}
		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

  /** Hamburger **/
  .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .hamRotate.active {
    transform: rotate(45deg);
  }
  .hamRotate180.active {
    transform: rotate(180deg);
  }
	.line {
		fill:none;
		transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
		/* stroke: #005eD2; */
		stroke: #005eD2;
		stroke-width:5.5;
		stroke-linecap:round;
	}
	.line-color {
		stroke:#fff!important;
	}
	.ham-h .top {
		stroke-dasharray: 40 139;
	}
	.ham-h .bottom {
		stroke-dasharray: 40 180;
	}
	.ham-h.active .top {
		stroke-dashoffset: -98px;
	}
	.ham-h.active .bottom {
  stroke-dashoffset: -138px;
	}
	/** end mobile hamburger **/
}

/** mobile account **/
div.mob-box-acc {
  display: none;
}
@media only screen and (max-width: 980px) {
  div.box-account-nav,
  div.box-account-kat {
    display: none;
  }
  div.mob-box-acc {
    display: block;
    background-color: #FF8F1C;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 100%;
    overflow: hidden;
    transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
}
  figure.fig-acc-mob {    
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    will-change: transform;
    transition: transform .3s ease-in-out;
  }
  figure.fig-acc-mob-b {    
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 60px);

    will-change: transform;
    transition: transform .3s ease-in-out;
  }
  img.img-acc-mob-b {
    max-width: 20px;
  }
  figure.fig-acc-mob-out {
    transform: translate(-50%, -80px);
  }
  figure.fig-acc-mob-in {
    transform: translate(-50%, -50%);
  }

  /* js mobile account  */
  div.mob-box-acc-active {
    background-color: #005eD2;
  }
  div.box-account {
    position: fixed;
    left: 0; 
	top: 75px;
    width: 100%; height: 100%;
    background-color: #fff;
    z-index: 4;
    text-align: left;
    overflow-y: scroll;
    background-color: #fff;
    padding-top: 40px;
    transform: translateX(100%);
    will-change: transform;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
  }
  div.box-account-sh {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
}

/** mobile header on scroll **/
@media only screen and (max-width: 980px) {
  header#header.header-bs {
    padding: 0;
  }
  div.box-logo-rel {
    min-height: 55px;
  }
  img.img-logo-b {
    width: 100%;
    margin-top: 0;
  }
}

/** mobile section hero **/
@media only screen and (max-width: 1380px) {
  div.box-hero {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 980px) {
  section.sec-hero {
    margin-top: 75px;
    height: 160px;
  }
  div.ps-head-abs { 
    background-position: left center;
  }

    /** mobile header syle content **/
  div.box-hero {
    margin-top: 0;
    padding: 0 15px;
    text-align: center;
  }
  div.bg-hero {
    height: 250px;
    padding: 40px 0 60px 0;
  }
  div.ps-head-abs {
    display: none;
  }
  span.span-nr:not(a.a-acc span.span-nr) {
    display: none;
  }
  h2.h2-hero {
    font-weight: normal;
    font-size: 40px;
    line-height: 45px;  
  }
  a.btn-bor,
  a.btn-bor:active,
  a.btn-bor:visited {
    font-size: 16px;
    line-height: 15px;
    color: #005eD2;
    margin-top: 0;
    border: none;
  }
  a.btn-bor::after {
    content: '→';
    margin-left: 10px;
  }
}

/** mobile front page - testimonials **/
@media only screen and (max-width: 1380px) {
  /** OWL Testimonials Arrows **/
  div.owl-slider .owl-prev:after {
    width: 18px; height: 14px;
    background-size: 18px 14px;
  }
  div.owl-slider .owl-next:after {
    width: 18px; height: 14px;
    background-size: 18px 14px; 
  }
  div.owl-slider .owl-nav {
    margin-top: 20px;
    position: relative;
    width: 100%;
  }
  div.owl-slider .owl-nav .owl-prev  {
    position: relative;
    left: auto;
    margin-right: 10px;
  }
  div.owl-slider .owl-nav .owl-next  {
    position: relative;
    right: auto;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 768px) {
  section.sec-slider {
    padding: 40px 0;
  }
}

/** mobile front oferta **/
@media only screen and (max-width: 768px) {
  /** mobile front oferta nav **/
  section.sec-of {
    padding-top: 120px;
  }
  section.sec-of div.bg-row-of {
    padding-bottom: 40px;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  section.sec-of div.col-of-nav {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  section.sec-of div.mob-col-of-nav-w50 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  section.sec-of div.mob-col-of-nav-w100 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  section.sec-of div.mob-col-of-nav-non {
    display: none;
  }
  section.sec-of div.col-of-nav {
    padding-left: 0;
    padding-right: 0;
  }  
  section.sec-of div.col-of-box-b,
  section.sec-of div.col-of-box-c {
    display: none;
  }

  /** mobile nav style **/
  section.sec-of div.box-of-nav {
    min-height: 60px;
    padding: 10px;
  }
  section.sec-of div.col-of-nav-a {
    background-color: #005eD2;
    position: relative;
  }
  section.sec-of div.col-of-nav-b {
    background-color: #00AA13;
    position: relative;
  }
  section.sec-of div.col-of-nav-c {
    background-color: #FF8F1C;
    position: relative;
  }
  section.sec-of p.p-of-nav {
    font-family: 'Lexend Deca', sans-serif;
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    padding: 0 5px;
    
    width: 100%;
    margin: 0;
    position: absolute;
    left: 50%;  top: 50%;
    transform: translate(-50%, -50%);
  }
  section.sec-of p.p-of-nav span {
    display: none;
  }

  section.sec-of div.col-of-nav-a::after,
  section.sec-of div.col-of-nav-b::after,
  section.sec-of div.col-of-nav-c::after {
    display: none;
  }
  section.sec-of div.box-of-nav.col-of-nav-a.mob-of-active {
    border-color: #005eD2;
    position: relative;
  }  
  section.sec-of div.box-of-nav.col-of-nav-b.mob-of-active {
    border-color: #00AA13;
    position: relative;
  } 
  section.sec-of div.box-of-nav.col-of-nav-c.mob-of-active {
    border-color: #FF8F1C;
    position: relative;
  } 
  section.sec-of div.box-of-nav.col-of-nav-a.mob-of-active::before {
    content: "";
    position: absolute;
    left: 45%; bottom: -18px;
    z-index: 1;
    margin-left: -4px;
    width: 0; height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 18px solid #005eD2;
  }
  section.sec-of div.box-of-nav.col-of-nav-b.mob-of-active::before {
    content: "";
    position: absolute;
    left: 45%; bottom: -18px;
    z-index: 1;
    margin-left: -4px;
    width: 0; height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 18px solid #00AA13;
  }
  section.sec-of div.box-of-nav.col-of-nav-c.mob-of-active::before {
    content: "";
    position: absolute;
    left: 45%; bottom: -18px;
    z-index: 1;
    margin-left: -4px;
    width: 0; height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 18px solid #FF8F1C;
  }

  /** mobile boxes oferta style **/
  section.sec-of div.box-of {
    padding: 5px 5px 0 5px;
  }
  section.sec-of div.box-of-single {
    padding: 15px 20px;
  }

  /** auto height boxes **/
  section.sec-of div.box-of-single-tit {
    min-height: auto;
  }
  section.sec-of div.box-of-single-pkt {
    height: auto;
  }

  /** boxes single box **/
  section.sec-of br.mob-br {
    display: none;
  }
  section.sec-of p.p-of-single-spec {
    font-family: 'Lexend Deca', sans-serif;
  }
  section.sec-of div.box-of-single-tit-spec {
    min-height: auto;
    margin-bottom: 25px;
  }
  section.sec-of p.p-of-single-txt-spec {
    margin-bottom: 25px;
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
  }
  section.sec-of p.p-of-single-txt-spec-b {
    font-family: 'Lexend Deca', sans-serif;
    font-size: 21px;
    line-height: 30px;
  }
}

/** Mobile Subpage Szczegóły **/
span.span-td {
  display: none;
}
@media only screen and (max-width: 768px) {
  p.p-lista-ph{
    display:block!important;
  }
  ul.ul-lista-ph li{
    width:100%!important;
  }
  p.p-lista-ph span.sp-lph{
    float: left;
    width: 100px;
    text-align: center;
    margin-right: 20px;
  }
  div.box-collapse {
    padding: 15px 60px 15px 15px;
  }
  svg.svg-title {
    margin-right: 5px;
  }
  p.p-det-coll {
    font-size: 18px;
    line-height: 20px;
    margin-left:25px!important;
    margin-bottom:15px!important;
    color:var(--blue);
  }
  div.box-der-roz {
    right: 15px; top: 15px;
  }
  div.box-der-roz::before {
    font-size: 12px;
  }
  div.box-der-roz::after {
    margin-left: 2px;
  }

  /** table styles **/
  div.box-coll {
    margin: 15px 5px;
  }
  table.table thead th.th-tab {
    padding: 20px 3px;
  }
  p.t-th {
    font-weight: bold;
    font-size: 11px;
    line-height: 15px;
  }
  p.p-td {
    font-size: 12px;
    line-height: 15px;
  }
  div.progress-value {
    height: 18px;
  }


}
@media only screen and (max-width: 560px) {
  tr.tr-tab {
    border-bottom: 4px solid rgba(0,0,0,.3);
  }
  table.table td.td-tab {
    padding: 0 0 10px 0;    
  }
  /*table.table.tab-det thead {
    display: none;
  }*/
  /*table.table td.td-tab {
    display: block;
	min-height: 25px;
  }*/
  span.span-td {
    display: block;
    font-size: 14px;
    color: #13100d;
    padding: 10px 0;
    background-color: #f7f7f7;
  }
  p.p-td {
    margin-top: 10px;
  }
}

/** mobile subpage szczegoly content **/
@media only screen and (max-width: 940px) {
  div.box-det-icon-arr::before {
    right: -80px;
  }
}
@media only screen and (max-width: 840px) {
  div.box-det-icon-arr::before {
    right: -65px;
  }
}
@media only screen and (max-width: 768px) {
  div.col-det-kroki {
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
  }
  div.box-det-icon {
    width: 120px; height: 120px;
  }
  div.box-sp-details img.img-det {
    width: 30px; height: 30px;
  }
  div.box-det-icon-arr::before {
    width: 25px; height: 15px;
    background-size: 25px 15px;
  }
  div.col-det-b div.box-det-icon-arr::before {
    width: 25px; height: 15px;
    background-size: 25px 15px;
    right: -100px;
  }
  div.box-det-icon-arr::before {
    right: -60px;
  }
}
@media only screen and (max-width: 768px) {
  div.box-det-bg {
    margin: 20px 0;
  }
  div.box-det-kroki {
    padding: 10px 15px;
  }
  div.box-det-icon {
    width: 75px; height: 75px;
  }
  div.box-sp-details img.img-det {
    width: 20px; height: 20px;
  }
  p.p-det-kroki {
    font-size: 12px;
    line-height: 15px;
  }
}
@media only screen and (max-width: 460px) {
  div.col-det-b div.box-det-icon-arr::before {
    right: -90px;
  }
}
@media only screen and (max-width: 430px) {
  div.col-det-b div.box-det-icon-arr::before {
    right: -85px;
  }
  div.box-det-icon-arr::before {
    right: -40px;
  }
  div.box-det-icon {
    width: 60px; height: 60px;
  }
  div.box-sp-details img.img-det {
    width: 15px; height: 15px;
  }
  div.box-det-icon-arr::before {
    width: 15px; height: 10px;
    background-size: 15px 10px;
  }
}
@media only screen and (max-width: 380px) {
  div.col-det-b div.box-det-icon-arr::before {
    right: -75px;
  }
}

  /** mobile szczegóły slider navigacja **/
  @media only screen and (max-width: 768px) {
    div.row-row-det {
      padding-top: 40px;
    }
    div.box-sp-details div.col-of-nav {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
    section.sec-details p.p-of-nav {
      font-size: 25px;
      line-height: 30px;
    }
    div.box-sp-details .owl-prev:after,
    div.box-sp-details .owl-next:after {  
      width: 20px; height: 20px;
      background-size: 20px;
    }

    /** szczegóły back **/
    div.box-det-back {
      top: 20px;
    }
    a.a-det-back {   
      font-size: 14px;
      line-height: 16px;
    }
  }
  @media only screen and (max-width: 640px) {
    section.sec-details p.p-of-nav {
      font-size: 20px;
      line-height: 25px;
    }
    div.box-det-back {
        position: relative;
        left: auto; top: auto;
        margin-bottom: 10px;
    }
    div.box-sp-details .owl-nav {
      top: -35px;
    }
  }


  /* Hero animacja */
figure.fig-logo-hero {
	-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation-delay: 1s;
}

div.box-hero-txt {
  position: relative;
  display: none;
}
 @-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

figure.ani-back {
    -webkit-animation: slide-out-blurred-bottom 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
            animation: slide-out-blurred-bottom 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}

 @-webkit-keyframes slide-out-blurred-bottom {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
            transform: translateY(1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slide-out-blurred-bottom {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
            -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
            transform: translateY(1000px) scaleY(2) scaleX(0.2);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            -webkit-filter:
            filter: blur(40px);
            opacity: 0;
  }
}

/** 8. Subpage Twoje konto **/
section.sec-sp-acc {
  position: relative;
  padding: 80px 0;
}

  /** subpage account top **/
p.p-sp-acc-pkt,.p-sp-acc-pkt {
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #8D8D8D;
  margin: 0;
}
p.p-sp-acc-pkt span,.p-sp-acc-pkt span {
  font-weight: bold;
  color: #00AA13;
}
a.a-sp-acc-out,
a.a-sp-acc-out:active,
a.a-sp-acc-out:visited {  
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;  
  color: #13100d;
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
a.a-sp-acc-out:focus,
a.a-sp-acc-out:hover {
  text-decoration: none;
  color: #005eD2;
}
a.a-sp-acc-out::before {
  content: '';
  background-image: url(../img/account-sp/out-000.png);
  height: 18px; width: 18px;
  background-size: 18px;
  display: inline-block;
}

  /** subpage account content **/
div.row-sp-acc {
  position: relative;
  margin-top: 20px;
}

#AccBody {
  margin-top: -80px;
  padding-top: 80px;
}
div.box-sp-acc {
  background: #fff;
  box-shadow: 0px 10px 30px rgba(44, 94, 154, 0.21);
}

  /** subpage account navigation **/
div.box-sp-acc-nav {
  position: relative;
  border-bottom: 2px solid #EBEBEB;
}
ul.nav-tabs-acc {
  text-align: center;
  padding: 0;
  list-style: none;
  margin: 0 auto;
  display: block;
}
li.nav-item-acc {
  display: inline-block;
}
a.nav-link-acc,
a.nav-link-acc:active,
a.nav-link-acc:visited {
  font-weight: normal;
  font-size: 15px;
  line-height: 25px;
  color: #828F9C;
  margin-bottom: -2px;
  display: inline-block;
  padding: 25px 12px;
  border-bottom: 2px solid #EBEBEB;
  transition: color .3s ease-in-out, border-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, border-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, border-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, border-color .3s ease-in-out;
}
a.nav-link-acc:hover,
a.nav-link-acc:focus {
  text-decoration: none;
  color: #13100d;
  /* border-color: #005eD2; */
  border-color: #005eD2;
}
figure.fig-icon-acc {
  position: relative;
  margin-right: 5px;
}
img.img-icon-acc {
  width: 18px;
  opacity: .5;
  transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
}
a.nav-link-acc[aria-selected="true"] {
  color: #13100d;
  /* border-color: #005eD2; */
  border-color: #005eD2;
}
a.nav-link-acc[aria-selected="true"] img.img-icon-acc {
  opacity: 1;
}

  /** subpage account body **/
div.box-acc-main {
  position: relative;
  padding: 60px 80px;
}
div.box-form-submit-acc {
  position: relative;
  margin-top: 30px;
}
button.btn-submit-acc,
button.btn-submit-acc:active,
button.btn-submit-acc:focus {
  line-height: 18px;
  color: #FAFAF9;
  /* background-color: #00AA13; */
  /* border: 2px solid #00AA13; */
  background-color: #005eD2;
  border: 2px solid #005eD2;
  filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
  padding: 15px 0;
  width: 180px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  border-radius: 50px;
}
button.btn-submit-acc:focus,
button.btn-submit-acc:hover {
  /* color: #00AA13; */
  color: #005eD2;
  background-color: transparent;
  text-decoration: none;
}

p.p-acc-note {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  color: #004B86;
  margin-top: -30px;
}
a.a-acc-note,
a.a-acc-note:active,
a.a-acc-note:visited {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  /* color: #004B86; */
  color: #005eD2;
  text-decoration: underline;
  transition: opacity .3s ease-in-out;
}
a.a-acc-note:hover,
a.a-acc-note:focus {
  opacity: .8;
}
/** subpage account Symulator Korzyści **/
p.p-acc-sym {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px; 
  color: #13100d;
}
div.box-acc-sym-tab {
  margin-top: 30px;
}
input.form-acc-custom[type="number"] {
  text-align: center;
}
select.form-control.form-acc-custom,
input.form-control.form-acc-custom {
  height: 40px;
  background: #fff;
  border: 1px solid #E3E3E3;
  font-size: 15px;
  width: 80%;
  margin: 10px auto 0 auto;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 2px 20px;
  transition: .3s color ease-in-out, .3s background ease-in-out;
  -webkit-transition: .3s color ease-in-out, .3s background ease-in-out;
  -moz-transition: .3s color ease-in-out, .3s background ease-in-out;
  -ms-transition: .3s color ease-in-out, .3s background ease-in-out;
  -o-transition: .3s color ease-in-out, .3s background ease-in-out;
}
select.form-control.form-acc-custom:focus {
  outline: none;
  box-shadow: none;
  border-color: #FF8F1C;
  background-color: transparent;
}
select.form-control.form-acc-custom::placeholder {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}

  /** subpage account Symulator Korzyści Nagrody **/
div.box-acc-sym-price {
  position: relative;
  margin-top: 30px;
  border-top: 1px solid #D0D0D0;
  padding-top: 30px;
}
p.p-acc-sym-price {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;  
  color: #13100d;
  margin: 0;
}
div.box-acc-price-main {
  position: relative;
  margin-top: 30px;
}
div.box-acc-price {
  position: relative;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
}
img.img-acc-price {
  width: 100%;
}
div.box-acc-price-title {
  position: relative;
  padding: 15px 15px;
  text-align: center;
}
p.p-acc-price {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #005eD2;
  margin: 0;
}
  /** subpage account Symulator Korzyści Kolejny produkt **/
table.table td.td-tab-rgt {
  text-align: right;
}
button.btn-add {
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  background-color: #005eD2;
  border: 2px solid #005eD2;
  padding: 15px 0;
  width: 80%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
button.btn-add:focus,
button.btn-add:hover {
  color: #005eD2;
  background-color: transparent;
  text-decoration: none;
}

p.p-sym-sum-a {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;  
  color: #13100d;
  margin: 0;
}
p.p-sym-sum-b {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;  
  color: #005eD2;
  /* color: #005eD2; */
  margin: 0;
}

  /** subpage account Symulator Korzyści punkty **/
div.box-acc-price-pkt {
  position: absolute;
  right: 5px; top: 5px;

  width: 60px; height: 60px;
  background-color: #00386C;
  border-radius: 50%;
}
p.p-acc-price-pkt {
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  margin: 0;

  text-align: center;
  margin: 0;
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
}
div.row-acc-price {
  margin-top: 60px;
}
a.btn-acc-price,
a.btn-acc-price:active,
a.btn-acc-price:focus {
  line-height: 18px;
  color: #FAFAF9;
  /* background-color: #00AA13; */
  /* border: 2px solid #00AA13; */
  background-color: #005eD2;
  border: 2px solid #005eD2;
  filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
  padding: 15px 0;
  width: 260px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  border-radius: 50px;
}
a.btn-acc-price:focus,
a.btn-acc-price:hover {
  /* color: #00AA13; */
  color: #005eD2;
  background-color: transparent;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  div.col-price {
    margin-bottom: 15px;
  }
  div.row-acc-price {
    margin-top: 30px;
  }
  table.table td.td-tab-rgt {
    text-align: center;
  }
  td.td-tab.td-tab-button {
    padding: 15px 0!important;
  }
  td.td-tab.td-non {
    display: none!important;
  }
}

/** subpage account Zmień hasło **/
p.p-acc-hp {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;  
  color: #13100d;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  p.p-acc-hp,
  p.p-acc-sym {
    text-align: center;
  }
}
/** mobile Subpage Twoje konto **/
@media only screen and (max-width: 1200px) {
  div.box-acc-main {
    padding: 40px 15px;
  }
}
@media only screen and (max-width: 768px) {
  section.sec-sp-acc {
    padding: 40px 0;
  }
  div.col-acc-nav-top-a {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  div.col-acc-nav-top-b {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  div.col-sp-acc {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 568px) {
  p.p-sp-acc-pkt {
    font-size: 18px;
  }
  a.a-sp-acc-out,
  a.a-sp-acc-out:active,
  a.a-sp-acc-out:visited {
    font-size: 18px;
  }
  a.a-sp-acc-out::before {
    position: relative;
    top: 2px;
  }
}

/** mobile Subpage Twoje konto navigation**/
@media only screen and (max-width: 1200px) {
  a.nav-link-acc,
  a.nav-link-acc:active,
  a.nav-link-acc:visited {
    font-size: 13px;
    padding: 20px 5px;
  }
}
@media only screen and (max-width: 820px) {
  a.nav-link-acc,
  a.nav-link-acc:active,
  a.nav-link-acc:visited {
    font-size: 13px;
    padding: 20px 3px;
  }
  img.img-icon-acc {
    width: 15px;
  }
  figure.fig-icon-accc {
    margin-right: 3px;
  }
}
@media only screen and (max-width: 680px) {
  li.nav-item-acc {
    display: block;
    width: 100%;
  }
  a.nav-link-acc {
    width: 100%;
    display: block;
  }
  a.nav-link-acc[aria-selected="true"] {
    background-color: #f7f7f7;
  }
}

/** 9. Subpage Twoje wiadomości **/
/* label.label-tabms {
  display: block;
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;
  color: #000;
  margin-bottom: 10px;
  text-align: right;
  position: relative;
  z-index: 2;
}
label.label-tabms input[type=search] {
  position: absolute;
  right: 0; top: 10px;
}
table.tab-datatable {
  margin-top: 60px;
}
table.tab-datatable thead th {
  border-top: none;
}
table.tab-datatable tbody tr {
  transition: background-color .3s ease-in-out;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
}
table.tab-datatable tbody tr:hover,
table.tab-datatable tbody tr:focus {
  background-color: #f7f7f7;
}
section.sec-wiadomosci select.form-control.form-acc-custom {
  padding-left: 5px;
}
p.td-mss-tytul {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #000; 
  margin: 0;
} */

section.sec-sp-ms {
  position: relative;
  padding: 60px 0;
}

  /** twoje wiadomości navigation **/
div.row-ms-nav {
  margin-bottom: 40px;
}

  /** twoje wiadomości thead **/
table.tab-ms th.tab-ms-th {
  padding: 0;
  text-align: center;
  background-color: #F2F2F2;  
  border: 1px solid #C4C4C4;
}
table.tab-ms th.tab-ms-th-hov {
  position: relative;
  transition: backgorund-color .3s ease-in-out;
  -webkit-transition: backgorund-color .3s ease-in-out;
  -moz-transition: backgorund-color .3s ease-in-out;
  -ms-transition: backgorund-color .3s ease-in-out;
  -o-transition: backgorund-color .3s ease-in-out;
}
table.tab-ms th.tab-ms-th-hov:hover,
table.tab-ms th.tab-ms-th-hov:focus {
  background-color: #fff;
  cursor: pointer;
}
p.tab-ms-p {
  font-weight: bold;
  padding: 25px 0;
  font-size: 16px;
  line-height: 18px;  
  color: #005eD2;
  margin: 0;
}

  /** twoje wiadomości table style **/
table.tab-ms td.tab-ms-td {
  padding: 25px;
  position: relative;
  width: 20%;
  vertical-align: middle;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;;
}
table.tab-ms td.tab-ms-td-stat {
  text-align: center;
}
table.tab-ms tr.tab-ms-tr {
  padding: 25px;
  position: relative;
}
table.tab-ms tr.tab-ms-tr:hover,
table.tab-ms tr.tab-ms-tr:focus {
  background-color: #f7f7f7;
}
div.box-ms-tyt {
  position: relative;
  padding-left: 20px;
}
a.a-ms-important,
a.a-ms-important:active,
a.a-ms-important:visited {
  font-weight: normal;
  line-height: 18px;
  color: #FF0000;
  margin: 0;
  position: relative;
}
a.a-ms-important::before {
  content: '';
  background-image: url(../img/wiadomosci/flag-red.png);
  width: 16px; height: 16px;
  background-size: 16px;
  display: inline-block;  
  position: absolute;
  left: -30px; top: 2px;
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
}

/* Ikona oznaczania wiadomości jako przeczytana/nieprzeczytana (tylko dla admina) */
.ms-oznacz-przeczytana {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
}

.ms-oznacz-przeczytana i.fa {
  font-size: 16px;
  color: #666;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.ms-oznacz-przeczytana i.fa-envelope-open {
  color: #28a745;
  opacity: 0.7;
}

.ms-oznacz-przeczytana:hover i.fa {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -o-transition: transform .3s ease-in-out;
}

/* Kropka migająca dla wiadomości w stopce (footer) */
a.a-f-nav-wiadomosci .img-f-nav.wiad-kropka {
  position: relative;
}

a.a-f-nav-wiadomosci .img-f-nav.wiad-kropka::after {
  content: '';
  position: absolute;
  top: -5px;
  right: -5px;
  width: 10px;
  height: 10px;
  background-color: #ff0000;
  border-radius: 50%;
  animation: blink 1s infinite;
  -webkit-animation: blink 1s infinite;
  -moz-animation: blink 1s infinite;
  -o-animation: blink 1s infinite;
}

a.a-ms,
a.a-ms:active,
a.a-ms:visited {
  font-weight: normal;
  line-height: 18px;
  color: #13100d;
  margin: 0;
  position: relative;
}
a.a-ms-pending {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 700;
}
a.a-ms::before {
  content: '';
  background-image: url(../img/wiadomosci/flag.png);
  width: 16px; height: 16px;
  background-size: 16px;
  display: inline-block;
  position: absolute;
  left: -20px; top: 2px;
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}

p.p-ms-tab-nad {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: bold;
  line-height: 18px;  
  color: #151515;
  margin: 0;
}
p.p-ms-tab-nad span {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  color: #151515;
}
p.p-ms-data {
  font-weight: normal;
  line-height: 18px;
  color: #13100d;
  margin: 0;
}
p.p-ms-data span {
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  color: #151515;
}
p.p-ms-stat {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;  
  color: #00AA13;
  margin: 0;
}
p.p-ms-stat-pending {
  color: #FF8F1C;
}

  /** wyświetl załączniki **/
div.box-ms-zal {
  position: relative;
  margin-top: 10px;
}

  /** wiadomości załączniki **/
div.box-ms-zal-lista {
  position: absolute;
  left: -30px; top: 30px;
  z-index: 2;
  width: 220px;
  display: none;
  background-color: #fff;
  padding: 5px;
  filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.05));
  border: 1px solid #f7f7f7;
}
p.p-ms-zal-lista {
  text-align: center;
  margin: 5px 0;
  font-size: 14px;
  color: #13100d;
}
ul.ul-zal-lista {
  margin: 0; padding: 0;
}
ul.ul-zal-lista li {
  position: relative;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
a.a-zal-lista,
a.a-zal-lista:active,
a.a-zal-lista:visited {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: #005eD2;
  position: relative;
  display: inline-block;
  padding: 5px 0 5px 30px;
  width: 100%;

  transition: color .3s ease-in-out;
}
a.a-zal-lista:focus,
a.a-zal-lista:hover {
  text-decoration: none;
  color: #13100d;
}
ul.ul-zal-lista li::before {
  content: '';
  background-image: url(../img/wiadomosci/file.png);
  width: 14px; height: 14px;
  background-size: 14px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 0; top: 5px;
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}

  /** end wiadomości załączniki **/
p.p-ms-zal {
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  color: #005eD2;
  position: relative;

  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
p.p-ms-zal::before {
  content: '';
  background-image: url(../img/wiadomosci/file.png);
  width: 14px; height: 14px;
  background-size: 14px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 2px;
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}
p.p-ms-zal:focus,
p.p-ms-zal:hover {
  text-decoration: none;
  color: #13100d;
  cursor: pointer;
}

  /** nadawca **/
p.tab-ms-p-nadawca {
  position: relative;
}
p.tab-ms-p-nadawca::after {
  content: '';
  background-image: url(../img/wiadomosci/arrow-ms.png);
  width: 11px;
  height: 5px;
  background-size: 11px 5px;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -2px;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  will-change: transform;
  transition: transform .3s ease-in-out;
  -webkit-transition: transform .3s ease-in-out;
  -moz-transition: transform .3s ease-in-out;
  -ms-transition: transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
}
p.p-arrow-after::after {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
table.tab-ms th.clc-ms-nadawca {
  position: relative;
}
div.box-ms-nadawca {
  display: none;
  position: absolute;
  left: 0; top: 69px;
  z-index: 2;
  background-color: #fff;

  width: 100%;
  filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.36));
}
ul.ul-ms-nadawca {
  margin: 0; padding: 0;
  list-style: none;
}
p.p-ms-nad {
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  color: #151515;
  margin: 0;
  padding: 20px;
  background-color: #fff;
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
p.p-ms-nad:hover,
p.p-ms-nad:focus {
  cursor: pointer;
  background-color: #f7f7f7;
}

  /** Twoje wiadomości **/
div.box-ms-nav {
  position: relative;
}
div.col-ms-nav-a {
  float: left;
  width: 50%;
  position: relative;
  padding: 0 15px;
}
div.col-ms-nav-b {
  float: left;
  width: 40%;
  position: relative;
  padding: 0 15px;
}
div.col-ms-nav-c {
  float: left;
  width: 50%;
  position: relative;
  padding: 0 15px;
  text-align: right;
}

  /** twoje wiadomości nav style **/
#NowaWiadomosc {
    padding-top: 120px;
    margin-top: -120px;
}
p.p-ms-nav {
  position: relative;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #969696;
  margin: 0;
  display: inline-block;
  margin-right: 15px;
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
p.p-ms-nav:hover,
p.p-ms-nav:focus {
  cursor: pointer;
  color: #005eD2;
}
p.p-ms-nav-active {
  color: #005eD2;  
}
p.p-ms-nav::before {
  content: '';
  background-image: url(../img/wiadomosci/ico-ode.png);
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 8px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
p.p-ms-nav-active::before {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}
a.a-ms-nav-wiad {
  color: #FF8F1C;
   position: relative;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  display: inline-block;
  margin-right: 15px;
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
a.a-ms-nav-wiad:hover,
a.a-ms-nav-wiad:focus {
    text-decoration: none;
    color: #005eD2;
}
a.a-ms-nav-wiad::before {
  content: '';
  background-image: url(../img/wiadomosci/ico-new.png);
  width: 25px;
  height: 25px;
  background-size: 25px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 8px;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

  /** twoje wiadomości serach **/
form.form-ms {
  position: relative;
  top: -5px;
}
input.form-ms-s {
  position: relative;
  border: none;
  border: 1px solid #E3E3E3;
  height: 51px;
  width: 100%;
  background-color: transparent;
  border-radius: 5px;
  padding: 0 45px 0 15px;
}
input.form-ms-s:focus {
  outline: none;
  box-shadow: none;
  border-color: #005eD2;
  background-color: transparent;
}
input.form-ms-s::placeholder {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}
button.btn-s {
  border: none;
  background-color: transparent;

  position: absolute;
  right: 10px; top: 13px;
}

/** 10. Subpage Komunikator **/
div.box-kom {
  position: relative;
}
h2.h2-kom {
  font-weight: normal;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 0;
  color: #005eD2;
}

  /** komunikator **/
div.wkom {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}
div.box-kom-main {
  position: relative;
  margin-top: 30px;
  padding: 20px 25px;
  /*border: 1px solid #C4C4C4;*/
  background-color: #fff;
  box-sizing: border-box;
  /*box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.07);*/
  height: 360px;
  overflow-y: scroll;
  overflow-x: hidden;
}
div.box-kom-main::-webkit-scrollbar {
	width: 10px;
}
div.box-kom-main::-webkit-scrollbar-track {
	background: #f1f1f1;
}
div.box-kom-main::-webkit-scrollbar-thumb {
	background: #005eD2;
	transition: all .12s ease-in;
}
div.box-kom-main::-webkit-scrollbar-thumb:hover {
	background: rgba(40, 40, 52, .7);
}

  /** komunikator odebrane **/
div.box-kom-wiad {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05);
  border-radius: 8px;  
  padding: 15px 25px;
  display: block;  ;
  max-width: 80%;
}
div.box-kom-wyslane {
  background-color: #DAEFFE;
  text-align: left;
  margin: 0 0 25px auto;
}
div.box-kom-odebrane {
  background-color: #fff;
  text-align: left;
  margin: 0 auto 25px 0;
} 
p.p-kom-nad {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;  
  color: #20303C;
  margin: 0 0 15px 0;
}
div.box-kom-txt {
  position: relative;
}
p.p-kom-wiad,  
div.p-kom-wiad {  
  font-family: 'Lexend Deca', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #20303C;
  margin: 0;
}
div.box-kom-data {
  position: relative;
  text-align: right;
  margin-top: 10px;
}
p.p-kom-data {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;  
  color: #99AFBF;
  margin: 0;
}

  /** komunikator załaczniki **/
div.box-kom-file {
  position: relative;
  margin-top: 15px;
}
ul.ul-file {
  margin: 0; padding: 0;
  list-style: none;
}
ul.ul-file li {
  position: relative;
}
ul.ul-file li::before {
  content: '';
  background-image: url(../img/wiadomosci/file.png);
  width: 12px; height: 12px;
  background-size: 12px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 3px
}
a.a-file,
a.a-file:active,
a.a-file:visited {
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;
  color: #005eD2;
  transition: color .3s ease-in-out;
}
a.a-file:focus,
a.a-file:hover {
  color: #13100d;
}
@media only screen and (max-width: 768px) {
  div.box-kom-wiad {
    max-width: 90%;
  }
}

/** mobile subpage general **/
@media only screen and (max-width: 768px) {
  section.sec-wiadomosci {
    padding: 40px 0;
  }
  div.box-kom-main {
    padding: 20px 10px;
  }
}
body.body-n-scroll {
  overflow-y: hidden;
}

  /** mobile subpage header **/
  @media only screen and (max-width: 768px) {
    section.sec-ps-head {
      padding: 20px 0;
      background-position: center left;
    }
    h1.h1-ps-head {
      font-size: 35px;
      line-height: 40px;
      margin: 0 0 10px 0;
    }
    a.a-ps-back,
    a.a-ps-back:active,
    a.a-ps-back:visited {
      font-size: 12px;
      line-height: 16px;
    }
  }

/** mobile footer navigation **/
section.sec-f-nav {
  display: none;
}
@media only screen and (max-width: 980px) {
  section.sec-f-nav {
    display: block;
    position: fixed;
    left: 0; bottom: 0;
    z-index: 2;
    width: 100%;
    background-color: #4D4D4D;
  }
  div.box-f-nav {
    position: relative;
  }
  div.col-f-nav {
    float: left;
    width: 25%;
    position: relative;
    text-align: center;
  }
  figure.fig-f-nav {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  img.img-f-nav {
    max-width: 30px;
  }
  a.a-f-nav,
  a.a-f-nav:active,
  a.a-f-nav:visited {
    background-color: #4D4D4D;
    display: block;
    padding: 5px 0;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: #fff;

    transition: color .3s  ease-in-out,background-color .3s ease-in-out;
  }
  a.a-f-nav:focus,
  a.a-f-nav:hover {
    text-decoration: none;
    background-color: #f7f7f7;
    color: #4D4D4D;
  }
}

/** 11. Subpage Register **/
div.w840 {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}
div.form-group-title {
  position: relative;
  margin-bottom: 30px;
}
h2.h2-form-title {
  font-weight: bold;
  font-size: 22px;
  line-height: 25px;
  color: #13100d;
  margin-bottom: 30px;
}
h3.h3-form-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  /* color: #005eD2; */
  color: #005eD2;
  margin-bottom: 0;
}
div.form-group-file {
  margin-top: 40px;
}
p.p-form-file {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;  
  margin-top: 10px;
  color: rgba(130, 134, 154, 0.5);
}
input.form-form-file {
  margin: 0; padding: 0;
  border: none;
  background-color: transparent;
}
div.row-form-reg {
  margin-top: 30px;
}
select#Dzialalnosc {
  font-size: 14px;
}
select#Dzialalnosc option {
  font-size: 14px;
}
  /** form register accept **/
p.p-reg-req {
  font-weight: normal;
  font-size: 14px;
  line-height: 13px;
  color: #13100d;  
}
p.p-reg-req span {
  color: #FF8F1C;
  font-size: 20px;
}
label.form-adres {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  color: #B2B4C0;
  display: inline-block;
  margin-left: -15px;
}

  /** collapse inny adres **/
div.box-reg-collapse {
  position: relative;
  display: block;
}
div.box-inny-adres {
  border: 1px solid #EBEBEB;
  padding: 25px 15px;
  border-radius: 6px;
}

  /** register button **/
div.row-form-reg div.box-form-submit {
  text-align: right;
}
div.row-form-reg button {
  max-width: 260px;
}

  /** register collapse **/
  div.box-reg-input input.check-custom {
    width: 12%;
    z-index: 2;
    text-align: center;
    position: relative;
    top: 5px; left: 0;
    margin: 0; padding: 0;
  }
  div.box-reg-input input[type='checkbox'] {
    margin: 0;
  }
  div.box-reg-input input {
    position: relative !important;
    -webkit-appearance: none;
      -moz-appearance: none;
            appearance: none;
    margin: 8px;
    box-sizing: content-box;
    overflow: hidden;
  }
  div.box-reg-input input:before {
    content: '';
    display: block;
    box-sizing: content-box;
    width: 16px; height: 16px;
    border: 1px solid lightgray;
    -webkit-transition: 0.2s border-color ease;
    transition: 0.2s border-color ease;	
  }
  div.box-reg-input input {
    background-color: transparent;
  }
  div.box-reg-input input:checked:before {
    border-color: #FF8F1C;
    background-color: #FF8F1C;
    -webkit-transition: 0.5s border-color ease;
    transition: 0.5s border-color ease;	
  }
  div.box-reg-input input:disabled:before {
    border-color: #ccc;
    background-color: #ccc;	
  }
  div.box-reg-input input:after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: content-box;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    background-color: rgba(19, 193, 163, 1);
    width: 16px;
    height: 16px;
    border-radius: 100vh;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  div.box-reg-input input[type="checkbox"]:before {
    border-radius: 40px;
  }
  div.box-reg-input input[type="checkbox"] {
      user-select: none;
      outline: none;
  }
  div.box-reg-input label.form-adres {
    margin-left: -40px;
  }

  /** form register accept **/
div.box-reg-accept {
  position: relative;
  margin-top: 30px;
  padding: 25px 20px;
  background-color: #EEEEEE;
  text-align: justify;
}
div.box-reg-acc-input input.check-custom {
  width: 12%;
  z-index: 2;
  text-align: center;
  position: relative;
  top: 5px; left: 0;
  margin: 0; padding: 0;
}
div.box-reg-acc-input input[type='checkbox'] {
  margin: 0;
}
div.box-reg-acc-input input {
  position: relative !important;
  -webkit-appearance: none;
    -moz-appearance: none;
          appearance: none;
  margin: 8px;
  box-sizing: content-box;
  overflow: hidden;
}
div.box-reg-acc-input input:before {
  content: '';
  display: block;
  box-sizing: content-box;
  width: 16px; height: 16px;
  border: 1px solid #FF8F1C;
  -webkit-transition: 0.2s border-color ease;
  transition: 0.2s border-color ease;	
}
div.box-reg-acc-input input {
  background-color: transparent;
}
div.box-reg-acc-input input:checked:before {
  border-color: #FF8F1C;
  background-color: #FF8F1C;
  -webkit-transition: 0.5s border-color ease;
  transition: 0.5s border-color ease;	
}
div.box-reg-acc-input input:disabled:before {
  border-color: #fff;
  background-color: #fff;	
}
div.box-reg-acc-input input:after {
  content: '';
  display: block;
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background-color: rgba(19, 193, 163, 1);
  width: 16px;
  height: 16px;
  border-radius: 100vh;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
div.box-reg-acc-input input[type="checkbox"]:before,
div.box-reg-acc-input input[type="radio"]:before {
  border-radius: 40px;
}
div.box-reg-acc-input input[type="radio"],
div.box-reg-acc-input input[type="checkbox"] {
    user-select: none;
    outline: none;
}
div.box-reg-acc-input label.form-accept {
  margin-left: -40px;
  display: inline;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  color: #13100d;
}
div.box-reg-single-acc {
  margin-bottom: 20px;
}
p.p-req-single {
  font-weight: bold;
  font-size: 13px;
  line-height: 25px;
  color: #13100d;
}
p.p-req-single span {
  text-decoration: underline;
}
a.a-reg-b,
a.a-reg-b:active,
a.a-reg-b:visited {
  font-family: 'Lexend Deca', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  color: #005eD2;
  transition: color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
}
a.a-reg-b:focus,
a.a-reg-b:hover {
  text-decoration: none;
  color: #FF8F1C;
}

  /** mobile register form **/
@media only screen and (max-width: 768px) {
  h2.h2-form-title,
  h3.h3-form-title {
    text-align: center;
  }
  h3.h3-form-title {
    margin: 0 0 20px 0;
  }
  div.mob-col-reg {
    margin-top: 30px;
  }
  div.col-reg {
    padding-left: 5px;
    padding-right: 5px;
  }
  label.form-adres {
    font-size: 12px;
  }
  div.box-reg-accept {
    padding: 20px 10px;
  }
  div.box-reg-acc-input label.form-accept,
  div.box-reg-input label.form-adres {  
    margin-left: -10px;
  }
  div.row-form-reg button {
    max-width: 100%;
  }
}

/** 12. Subpage Thank You **/
div.box-thank {
  text-align: center;
}
figure.fig-thank {
  margin-bottom: 20px;
}
h2.h2-thank {
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  text-align: center;  
  color: #00AA13;  
  margin-bottom: 20px;
}
h2.h2-thank-error {
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #FF0000;
  margin-bottom: 20px;
}
p.p-thank {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;  
  color: #13100d;
  margin: 0;
}

/* Wyniki wyszukiwania */
ul.ul-w-wysz-menu {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}

ul.ul-w-wysz-menu li {
  border-bottom: 1px solid #DEDEDE;
}

p.p-w-wysz-menu {
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: #626262;
  margin-bottom: 0;
  padding: 15px 12px 15px 0;
}

p.p-w-wysz-menu span {
  color: #005eD2;
  display: block;
}

p.p-ww-znal span {
  display: inline-block;
}

div.box-btn-ww-back {
  margin-top: 40px;
  display: block;
}
a.a-ww-back,
a.a-ww-back:active,
a.a-ww-back:visited {
  background: #FFFFFF;
  border: 1px solid #005eD2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 12px 40px 10px 40px;
  font-size: 16px;
  text-align: center;
  color: #005eD2;
  transition: color .3s ease-in-out, background .3s ease-in-out; 
  position: relative;
}

a.a-ww-back:hover,
a.a-ww-back:active {
  color: #FFFFFF;
  border: 1px solid #005eD2;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  background: #005eD2;
  text-decoration: none;
}

img.img-ww-back {
  position: absolute;
  left: 17px;
  top: 17px;
}

@media screen and (max-width: 769px) {
  div.box-btn-ww-back {
    margin-bottom: 15px;
  }
}


/* Bcg PC */
@media screen and (max-width: 980px){
  /*section.ps-head-kn {
    background-image: url(/assets/img/grafika_mobile_980px.jpg);
    position: top right;
  }*/
}
.box-of-single .box-of-single-img img{
  width:100%;
  height:auto!important;
}
/* Bcg hero */

div.bg-hero-one {
  background-image: url(/assets/img/bg-hero.jpg);
}
div.bg-hero-one {
  background-image: url(/assets/img/bg-hero-dtr.jpg);
}
@media screen and (max-width: 980px){
  /*section.ps-head-kn {
    background-image: url(/assets/img/grafika_mobile_980px.jpg);
    background-position: top right;
  }*/

  .owl-hero div.bg-hero-one {
    background-image: url(/assets/img/hero-mobile.jpg);
  }
}

/** subpage koszyk **/
section.sec-koszyk {
  padding: 60px 0;
  position: relative;
}
div.box-kosz-nav {
  position: relative;
}
div.col-kosz {
  position: relative;
  float: left;
  width: 33.333333%;
  padding: 0 5px;
}
div.box-kosz-main-nav {
  text-align: center;
  border: 1px solid #CDCDCD;
  box-sizing: border-box; 
  padding: 15px 25px;
}
p.p-kosz-nav-krok {
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #9E9E9E;
  margin: 0 0 10px 0;
}
p.p-kosz-nav {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #9E9E9E;
  margin: 0;
}

  /** koszyk statusty **/
div.box-kosz-current div.box-kosz-main-nav {
  border-color: #005eD2;
  background-color: #F5F5F5;
}
div.box-kosz-current p {
  font-weight: bold;
  color: #13100d;
}
div.box-kosz-complete div.box-kosz-main-nav {
  border-color: #00AA13;
  background-color: #fff;
}
div.box-kosz-complete p {
  font-weight: bold;
  color: #00AA13;
}
div.box-kosz-complete::before {
  position: relative;
  content: '';
  background-image: url(/assets/img/koszyk/complete.png);
  width: 31px; height: 31px;  
  background-size: 31px;
  display: inline-block;

  text-align: center;
  margin: 0;
  position: absolute;
  right: 15px;  top: 50%;
  transform: translate(-50%, -50%);
}

/** wysylka boxes **/
div.row-wysylka {
  margin-top: 60px;
}
div.box-wysylka {
  position: relative;
  padding: 35px 35px;
  display: inline-block;
  border: 1px solid #CDCDCD;
  box-sizing: border-box;
  /* height: 230px; width: 210px; */
  width: 220px;
  text-align: center;
}
div.box-wysylka div.box-wysylka:hover,
div.box-wysylka div.box-wysylka:focus {
  cursor: pointer;
}
div.box-wybor-a,
div.box-wybor-b {
  position: relative;
  display: inline-block;
}
div.box-wysylka-title {
  position: relative;
  margin: 20px 0;
}
p.p-wysylka {
  text-align: center;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  
  text-align: center;
  letter-spacing: 0.01em;  
  color: #9E9E9E;
}
div.box-wysylka-info {
  position: relative;
  height: 40px;
}
p.p-wysylka-b {
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.01em;
  margin: 0;
  color: #9E9E9E;
}
/** active wysylka **/
div.box-active div.box-wysylka {
  background-color: #005eD2;
  border-color: #005eD2;
}
div.box-active div.box-wysylka p.p-wysylka,
div.box-active div.box-wysylka p.p-wysylka-b {
  color: #fff;
}
div.box-active div.box-wysylka svg.svg-wysylka path {
  fill: #fff;
}

  /** row wysylka **/
div.row-wysylka-paczka {
  display: none;
}

/* adres do wysyłki */
p.p-cart-nag {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.01em;
  color: #323C47;
}

p.p-cart-desc {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #323C47;
  max-width: 580px;
  margin: 10px auto 50px auto;
}

button.btn-tab-zam,
button.btn-tab-zam:visited,
button.btn-tab-zam:active {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  background: #005eD2;
  border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-sizing: border-box;
  padding: 10px 40px;
  border-radius: 0;
  margin-top: 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

button.btn-tab-zam:hover,
button.btn-tab-zam:focus {
  color: #005eD2;
  background-color: #fff;
  text-decoration: none;
  border: 1px solid #005eD2;
}

a.btn-tab-dalej,
a.btn-tab-dalej:visited,
a.btn-tab-dalej:active {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  background: #005eD2;
  border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-sizing: border-box;
  padding: 10px 70px;
  border-radius: 0;
  margin-top: 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

a.btn-tab-dalej:hover,
a.btn-tab-dalej:focus {
  color: #005eD2;
  background-color: #fff;
  text-decoration: none;
  border: 1px solid #005eD2;
}

/* koszyk - tabela */
div.box-cart-table {
  margin-top: 60px;
  border-top: 2px solid #dee2e6;
}
input.form-control.form-acc-custom.form-cart-quantity {
  width: 120px;
}

div.box-cart-table tfoot {
  background: #F4F4F4;
}

div.box-cart-table tfoot p.p-td {
  color: #005eD2;
  font-weight: bold;
}

/* Cart mobile */
@media only screen and (min-width: 769px) {
  p.pkn-m {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  div.cm-cart-kurier {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  div.cm-cart-paczkomat {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  div.box-wysylka {
    width: 100%;
    padding: 25px 10px;
  }
  div.box-wybor-a,
  div.box-wybor-b {
    width: 100%;
  }
  p.pkn-d {
    display: none;
  }
  div.box-kosz-main-nav {
    padding: 15px 5px;
  }
  p.p-kosz-nav {
    font-size: 13px;
  }
  div.box-kosz-complete::before { 
    right: 3px;
  }
  
}

@media screen and (max-width: 500px) {
  div.box-kosz-complete::before {
    right: 0;
    top: -10px;
    transform: none;
  }

}

/* Custom Choose file */
.__lk-fileInput {
  cursor: pointer;
}
.__lk-fileInput input {
  display: none;
}
.__lk-fileInput span {
  color: #fff;
  margin: 0 0 10px;
  padding: 10px 50px;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  background: #005eD2;
  border: 1px solid #005eD2;
}
.__lk-fileInput span:hover {
  background: #2683E1;
}
.__lk-fileInput span.withFile:after {
  content: '╳';
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  font-size: 10px;
  margin-top: -3px; 
}

/* Lista dystrybutorów */
.img-dyst-logo {
  
  max-height:80px;
  max-width:240px;
}

/** datatables styles **/
div.row-pag {
  margin-top: 40px;
}
div.row-pag,
div.row-pag label {
  font-size: 14px;
  color: gray;
  margin-top: 20px;
}
div.row-pag label  {
  margin-top: 5px;
}
div.row-pag .page-item.active .page-link {
  /* background-color: #005eD2; */
  /* border-color: #005eD2; */
  background-color: #005eD2;
  border-color: #005eD2;
}
div.row-pag .page-link {
  color: gray;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
  border-radius: 50%;
  box-shadow: none;
  /* background-color: #005eD2; */
  background-color: #005eD2;
}
.table-dt th {
  border-top: none;
  border-bottom: 1px solid #dee2e6;
}
.table-dt thead th {
  border-bottom: 1px solid #dee2e6;
}

  /** data table main **/
div.row-dt-main {
  position: relative;
  margin-top: 30px;
}
h2.h2-pp {
  font-weight: normal;
  font-size: 20px;
  color: #005eD2;
}
div.box-dt-nav div {
  text-align: left;
  float: left;
}

  /** select pp group **/
div.box-dt-nav div {
  display: inline-block;
}
div.box-dt-nav div [type="search"] {
  font-family: 'Lexend Deca', sans-serif;
  position: relative;
  display: inline-block;  
  width: 200px; height: 34px;
}
select.form-pp-sel {
  font-family: 'Lexend Deca', sans-serif;
  font-weight: normal;
  position: relative;
  display: inline-block;  
  width: 200px; height: 34px;
  font-size: 15px;  
  margin-left: 15px;
}


/* Zaślepka */
body.bg-nowe-n  {
  background: linear-gradient(271.71deg, #EAEAEA 77.51%, rgba(221, 217, 208, 0) 97.28%);
}

img.img-nowe-n {
  width: 100%;
}

img.img-load {
  margin-top: 35px;
  -webkit-animation:spin 5s linear infinite;
  -moz-animation:spin 5s linear infinite;
  animation:spin 5s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

p.p-prz-tech {
  margin-top: 10px;
  font-family: 'Lexend Deca', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
  color: #13100d;
}

p.p-count-nag {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 110%;
  text-align: center;
  color: #005eD2;
  margin-bottom: 7px;
}

p.p-count-txt {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 110%;
  text-align: center;
  color: #6C6C6C;
}

div.count-box {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

div.count-box-ins {
  width: 25%;
  float: left;
  display: block;
  padding: 5px;
}

div.cbi-bcg {
  background: #fff;
  padding: 15px 5px;
  
}

p.count-value {
  font-size: 36px;
  font-weight: bold;
  line-height: 110%;
  text-align: center;
  color: #005eD2;
  }
p.count-desc {
  font-weight: normal;
  font-size: 14px;
  line-height: 110%;
  text-align: center;
  color: #A2A2A2;
  margin-bottom: 0px;
}
div.cm-nowe-n {
  padding: 0 0 120px 0;
}

div.cf-foot-nn {
  background: url(/assets/img/header-strip.png); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  padding: 10px 15px;
  position: fixed;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  div.box-count-nn {
    margin-top: 50px;
  }
  figure.fig-nn-desk {
      display: none;
  }
}

@media screen and (min-width: 769px) {
  figure.fig-nn-mob {
      display: none;
  }
}


@media only screen and (max-width: 768px) {
	button.btn-kn-form {
	margin-top: 10px;
	width: 100%;
	}


	section.sec-details .box-of-nav {
	text-align: left;
	padding-right: 80px;
	}
	img.img-det-opis {
	width: 100%;
	}

	div.col-ms-nav-a {
	float: none;
	width: 100%;
	position: relative;
	padding: 0 5px;
	text-align: left;
	}
	div.col-ms-nav-c {
	float: none;
	width: 100%;
	position: relative;
	padding: 0 5px;
	text-align: left;
	}
	div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
	}
	div.row-ms-nav {
	margin-bottom: 25px;
	}
}

div.box-slider-vid {
	height: 300px;
	border: 10px solid #fff;
	border-radius: 10px;
    -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
           box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
}

/* Tablet */
@media screen and (min-width: 980px) and (max-width: 1100px) {
    div.kn-prod-circle {
      width: 40px;
      height: 40px;
    }
    p.kn-prod-circle-pt {
      line-height: 1;
      font-size: 10px;
    }
    div.kn-prod-box { 
      width: calc(25% - 11px);  
    }
  }
  @media screen and (min-width: 769px) and (max-width: 979px) {
    div.kn-prod-box { 
      width: calc(50% - 11px);
    }
    a.kn-prod-more,
    a.kn-prod-more:visited,
    a.kn-prod-more:active {
    margin-top: -11px;
    display: block;
    }
    p.p-t-pkt span {
      display: block;
    }
  }
  @media screen and (min-width: 769px)  and (max-width: 1100px) {
    /* single product mobile */
  div.box-grid-ab {
    display: grid;
  }
  div.bpi-a {
    order: 2;
    width: 100%;
  }
  div.bpi-b {
    order: 1;
    width: 100%;
  }
  div.box-product-sgl {
    padding: 15px 0px 15px 15px;
    width: 96%;
  }
  div.prod-sgl-dodano {
    width: 100%;
  }
  
  p.p-sgl-dodano {
    font-size: 14px;
  }
  
  a.a-sgl-dodano-zk, 
  a.a-sgl-dodano-zk:active, 
  a.a-sgl-dodano-zk:visited {
    color: #fff;
    font-size: 14px;
    margin-left: 18px;
  }
  
  img.img-prod-arrow {
    will-change: transform;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
  }
  
  a.a-mob-kat[aria-expanded='false'] img.img-prod-arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  
  figure.fig-prod-arrow {
    position: absolute;
    right: 20px;
    top: 12px;
  }
  div.box-product-sgl {
    position: fixed;
  }
  div.box-product-ins {
    height: calc(100vh - 300px);
    overflow: scroll;
    padding-right: 30px;
    }
  }
  
  @media screen and (max-width: 1071px) {
    a.a-mob-kat, 
    a.a-mob-kat:active, 
    a.a-mob-kat:visited {
      display: none;
    }
  }
 
  section.sec-dn-ph {
  padding: 20px 0;
  /* background: #005eD2; */
  background: #fff;
  margin-bottom: 30px;
  /* border: 1px solid black; */
   -webkit-box-shadow: 0px 3px 3px rgba(75, 81, 91, 0.15), 0px 1px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 3px rgba(75, 81, 91, 0.15), 0px 1px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  /* margin:; */
}
svg.svg-dn-plus {
  margin-right: 10px;
  margin-top: -5px;
}
a.a-dn-ph,
a.a-dn-ph:active,
a.a-dn-ph:visited {
  font-weight: 600;
  font-size: 24px;
  line-height: 140%;
  /* color: #FFFFFF; */
  color: #005eD2;
  transition: color .3s ease-in-out;
}
a.a-dn-ph:hover,
a.a-dn-ph:focus {
  text-decoration: none;
  opacity:0.5;
}

div.col-dn-ph {
  margin-top: 20px;
}
div.box-dn-inp {
  display: inline-block;
  margin-right: 10px;
}
div.box-dn-inp input {
  border: 1px solid #fff;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  width: 135px;
  display: inline-block;
  background: transparent;
}

div.box-dn-inp.grey-inp input, 
.box-dn-inp.grey-inp{
  border: 1px solid #CED4DA;
  color: black;
}



div.box-dn-inp input:focus {
  border: 1px solid #BDA26F;
}
div.box-dn-inp input::placeholder {
  font-size: 14px;
  color: #FFFFFF;
}

.box-dn-inp.grey-inp input::placeholder{
	color: #bbb;
}

div.box-dn-inp-sub,
div.box-dn-inp-wys {
  display: inline-block;
  margin-right: 10px;
}
div.box-dn-inp-sub input {
  border: 1px solid #fff;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  background: #fff;
  transition:0.5s ease all;
}


div.box-dn-inp-sub input[type=submit] {
/* border: 1px solid #fff; */
  border: 1px solid #CED4DA;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 14px;
  /* color: #fff; */
  color: #212529;
  display: inline-block;
  /* background: #005eD2; */
  background: #fff;
}
div.box-dn-inp-sub input[type=submit]:hover {
	/* opacity:0.5; */
	opacity:0.7;
	border: 1px solid #13100d;
}

p.p-dn-wys {
  border: 1px solid #00AA13;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 14px;
  color: #00AA13;
  display: inline-block;
  background: transparent;
}
.req{
	color:red;
}

/*nowe delphi, migracja na wersję z platformy*/
/* FP - news */
section.sec-news {
  padding: 30px 0;
}
div.box-nf-lft {
  /* background: var(--blue); */
  background: #005eD2;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  width: 110px;
  height: 60px;
  position: relative;
  float: left;
}
div.box-nf-rgt {
  width: calc(100% - 110px);
  float: left;
}

p.p-nf-news {
  margin-bottom: 0px;
  font-weight: 900;
  font-size: 24px;
  line-height: 16px;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

div.box-nfr-btm {
  height: 30px;
  /* background: var(--blue); */
  background: #005eD2;
  border-bottom-right-radius: 10px;
  padding: 0px 15px;
}
div.box-nfr-top {
  height: 30px;
  padding: 0px 15px;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
  border-top-right-radius: 10px;
}

p.p-nfr-btm {
  margin-bottom: 0px;
  color: #fff;
  padding-top: 2px;
}

p.p-nfr-top {
  color: #555555;
  margin-bottom: 0px;
  padding-top: 2px;
  height: 30px;
}
/* end FP - news */
.box-nfr-top {
  overflow: hidden;
  width: 100%;
}


/** subpage - kalendarz **/
div.row-page-non {
  position: relative;
  margin-top: 60px;
}
div.sd-calendar {
  position: relative;
}
div.box-cal {
  position: relative;  
  margin-bottom: 30px;
  padding: 25px 15px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15);
  border-radius: 10px;
}
p.p-cal-title {
  margin: 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 22px;
}
p.p-cal-data {
  margin: 25px 0;
  font-weight: 700;
  font-size: 64px;
  line-height: 22px;
  color: #585858;
}
p.p-cal-wyd {
  margin: 0 0 15px 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #3A3A3A;
}
p.p-cal-rok {
  margin: 0 0 20px 0;
  font-weight: 700;
  font-size: 36px;
  line-height: 22px;
  color: #3A3A3A;
}
p.p-cal-f {
  margin: 15px 0 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px; 
  color: #3A3A3A;
}
figure.fig-cal {
  position: relative;
}
img.img-cal {
  max-width: 51px;
  width: 100%;
}

  /** subpage kalendarz dodaj wydarzenie **/
div.box-cal-dod {
  transition: background-color .3s ease-in-out;
}
div.box-cal-dod:hover,
div.box-cal-dod:focus {
  cursor: pointer;
  background-color: #f7f7f7;
}
div.box-cal-dod-wyd {
  display: none;
  position: relative;  
  margin-bottom: 30px;
  padding: 25px 15px;
  text-align: left;
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15);
  border-radius: 10px;
}

/* FP - Sidebar - user */
div.box-side-user {
  padding: 30px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  text-align: center;
  position: relative;
}
div.bsu-avatar {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 75px;
  width: 75px;
  border-radius: 50%;
  margin: 0 auto;
}

p.p-bsu-name {
  font-weight: bold;
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 0;
}
/* --- end progres */
p.p-bsu-ranga {
  font-size: 13px;
  margin-bottom: 0px;
}

div.bsu-box-tn {
  margin-top: 15px;
  margin-bottom: 15px;
}
p.p-bsu-box-t {
  font-size: 18px;
  color: #181C2F;
  opacity: 0.82;
  margin-bottom: 0px;
}
p.p-bsu-box-n {
  font-size: 15px;
  font-weight: bold;
  color: var(--blue);
  margin-bottom: 0px;
}

figure.fig-bsu-star {
  position: absolute;
  top: -4px;
  right: 5px;
}

/* END FP - Sidebar - user */
/* FP - Sidebar - wydarzenia */
div.box-side-wyd {
  margin-top: 40px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  text-align: center;
  position: relative;

  /* background-image: url('../img_marcopol/_global/bg-owl-sr.jpg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
}

div.bsw-top {
  background: var(--blue);
  text-align: center;
  padding: 5px;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

div.bsw-content {
  padding: 20px 15px 0 15px;
}

td.td-bsw-txt {
  padding: 0px 8px;
}
p.p-bsw-date {
  background: #F9F9F9;
  border: 1px solid #F0F0F0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
}

p.p-bsw-date {
  font-weight: bold;
  font-size: 12px;
}

p.p-bsw-date span {
  font-weight: normal;
}

p.p-bsw-txt {
  font-size: 13px;
  line-height: 16px;
  color: #181C2F;
}

/* END FP - Sidebar - wydarzenia */

/* FP - cont */
section.sec-fp-cont {
  padding: 0 0 30px 0;
}

img.box-fp-zad,
div.box-fp-zad {
  background-size: cover;
  background-repeat: no-repeat;
  /*background-position: center top;*/
  background-position: center;
/*  height: 400px;*/
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 28px 29px;
}
img.box-fp-zad{
    padding: 0;
}

.owl-carousel div.box-fp-zad,
.owl-carousel img.box-fp-zad {
  -webkit-box-shadow: inset 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
}

div.box-fp-zad,
img.box-fp-zad,
div.bg-cont-slide,
div.box-fp-c {
  will-change: transform;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
a.a-fp-img:hover div.box-fp-zad,
a.a-fp-img:focus div.box-fp-zad,
a.a-fp-img:focus-within div.box-fp-zad,

a.a-fp-img:hover img.box-fp-zad,
a.a-fp-img:focus img.box-fp-zad,
a.a-fp-img:focus-within img.box-fp-zad,

a.a-fp-img:hover div.bg-cont-slide,
a.a-fp-img:focus div.bg-cont-slide,
a.a-fp-img:focus-within div.bg-cont-slide,

a.a-fp-img:hover div.box-fp-c,
a.a-fp-img:focus div.box-fp-c,
a.a-fp-img:focus-within div.box-fp-c {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

p.p-ctop-zad {
  font-weight: bold;
  font-size: 20px;
  line-height: 119.4%;
  color: #fff;
}

p.p-ctop-zad span {
  font-size: 28px;
  display: block;
}

div.box-cbtm-spr {
  position: absolute;
  bottom: 28px;
  right: 29px;
  text-align: right;
}

a.a-cbtm-spr,
a.a-cbtm-spr:active,
a.a-cbtm-spr:visited {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
}

a.a-cbtm-spr:hover,
a.a-cbtm-spr:focus {

}

div.box-fp-foot {
  margin-top: 15px;
}
p.p-cont-date {
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  color: #555555;
  margin-bottom: 0;
}

p.p-cont-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #555555;
}

/* -- cont slide */
div.bg-cont-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 190px;
  border-radius: 10px;
  position: relative;
  padding: 28px 29px;
}

div.box-cont-slide div.owl-stage-outer{
  border-radius: 10px;
  /* box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15); */
}

/** owl cont Arrows **/
.box-cont-slide .owl-dots {
	display: none;
}
.box-cont-slide .owl-prev span,
.box-cont-slide .owl-next span {
	display: none;
}
.box-cont-slide .owl-prev:after {
  content: '';
  background-image: url(../img/fp/arrow-left.png);
  width: 15px;
  height: 21px;
  display: inline-block;
  background-size: 15px 21px;
}
.box-cont-slide .owl-next:after {
  content: '';
  background-image: url(../img/fp/arrow-right.png);
  width: 15px;
  height: 21px;
  display: inline-block;
  background-size: 15px 21px;
}
.box-cont-slide button:focus {
	outline: none;
}
.box-cont-slide .owl-nav {
	margin-top: -180px;
	position: absolute;
	width: 100%;
}
.box-cont-slide .owl-nav .owl-prev  {
	position: absolute;
	/* left: 20px; */
	left: 35px;
		-webkit-transition: opacity .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.box-cont-slide .owl-nav .owl-next  {
	position: absolute;
	right: 20px;
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.box-cont-slide .owl-nav .owl-prev:hover  {
	background: transparent;
	opacity: .7;
	color: var(--blue);
}
.box-cont-slide .owl-nav .owl-next:hover  {
	background: transparent;
	opacity: .7;
	color: var(--blue);
}

/* box 3 */
div.box-fp-c {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 190px;
  border-radius: 10px;
  position: relative;
  padding: 28px 29px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
}

/* .owl-item .owl-nav, */
/* .owl-item.cloned .owl-nav{ */
	/* display: none; */
/* } */

/* end FP - cont */


/* Mobile front page */
@media screen and (max-width: 1000px) {
  div.cm-max-lft {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  div.cm-max-rgt {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  
 div.box-fp-c { 
    margin-top: 0px;
  }
  div.box-fp-zad {
    height: 320px;
    background-position: right bottom;
  }
}

@media screen and (max-width: 768px) {
  div.cm-fc-lft {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    float: none;
    padding-right: 0;
  }
  div.cm-fc-rgt {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    float: none;
    width: 100%;
    padding-left: 0;
  }
  div.box-fp-zad {
    height: 330px;
  }
  /* -----news */
  div.box-news-fp {
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 20px rgba(0, 0, 0, 0.15);
  }
  div.box-nf-lft {
    position: absolute;
    border-radius: 16px;
    width: 102px;
    height: 28px;
  }
  p.p-nf-news {
    font-weight: 600;
    font-size: 17px;
    line-height: 16px;
  }
  div.box-nf-rgt {
    width: 100%;
    margin-top: 34px;
  }
  div.box-nfr-top {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top-right-radius: 0;
    padding: 0 5px 12px 5px;
    height: 35px;
  }
 div.box-nfr-btm {
   border-radius: 10px;
   height: auto;
   padding: 8px;
 }
 p.p-nfr-btm {
   padding-top: 0px;
   font-size: 13px;
    line-height: 18px;
}
}

/** main **/
main#Main {
  position: relative;
  min-height: calc(100vh - 80px);
  padding: 0;
}
div.row-page-global {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
/** mobile home **/
@media only screen and (max-width: 1040px) {
  div.box-side-user {
    padding: 30px 10px;
  }
  
  main#Main {
	overflow-x: hidden;
  }
}
@media only screen and (max-width: 768px) {
  div.col-page-b {
    padding: 80px 0 40px 0;
  }

  /** mobile sidebar show **/
  div.cm-mob-menu {
    position: fixed;
    z-index: 97;
    left: 0; top: 0;
    background-color: #fff;
    
    width: 100%; height: 100%;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);

    will-change: transform;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
  }
  div.mob-profile-sh {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  div.sd-user {
    padding: 80px 15px 100px 15px;
    background-color: #fff;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  div.sd-user::-webkit-scrollbar {
    width: 0;
  }
  div.bsw-content {
    text-align: left;
  }

  /** mobile footer **/
  footer#Footer {
    padding-bottom: 50px;
  }
  p.p-f-mob {
    display: block;
    margin-top: 15px;
  }
  img.img-f-logo {
    max-width: 340px;
    width: 100%;
  }
}

/** mobile footer menu **/
section.sec-f-menu {
  display: none;
}
img.img-hero-mob {
  display: none!important;
}
@media only screen and (max-width: 768px) {
  img.img-hero {
    display: none!important;
  }
  img.img-hero-mob {
    display: block!important;
    border-radius: 6px;
  }
  section.sec-f-menu {
    display: block;
    position: fixed;
    left: 0; bottom: 0;
    width: 100%;
    z-index: 98;

    background-color: #F8F8FB;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;   
  }
  section.sec-f-menu-hide {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
  div.box-f-menu {
    position: relative;
    -webkit-box-shadow: 0px 10px 10px 16px rgb(0 0 0 / 3%), 0px -10px 10px rgb(0 0 0 / 3%);
            box-shadow: 0px 10px 10px 16px rgb(0 0 0 / 3%), 0px -10px 10px rgb(0 0 0 / 3%);
  }
  div.col-f-menu {
    float: left;
    width: 33%;
    text-align: center;
  }
  a.a-f-mob,
  a.a-f-mob:active,
  a.a-f-mob:visited {
    font-size: 0;
    display: block;
    padding: 15px 0;
  }
  svg.svg-f-menu {
    display: inline-block;
    position: relative;
    width: 20px; height: 20px;
  }
  svg.svg-f-menu path {
    -webkit-transition: fill .2s ease-in-out;
    -o-transition: fill .2s ease-in-out;
    transition: fill .2s ease-in-out;
  }
  svg.svg-active path {
    fill: var(--blue);
  }

  /** mobile notification **/
  a.a-f-mob span {
    display: inline-block;
    position: relative;
  }
  div.mob-noti-acitve a.a-f-mob span::after {
    content: '';
    position: absolute;
    right: -4px; top: -3px;
    width: 12px; height: 12px;    

    background-color: var(--blue);
    border-radius: 50%;
    border: 2px solid #F8F8FB;
  }

  /** mobile powiadomienia **/
  ul.ul-h .mob-drop {
    display: none;
  }
  div.box-dropmenu.box-dm-2 {
    display: block;
    position: fixed;
    left: 0; top: 58px;
    z-index: 60;

    max-width: 100%;
    width: 100%;
    max-height: calc(100% - 108px);
    height: calc(100% - 108px);
    padding: 20px 0 40px 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;

    -webkit-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

            transform: translateX(-100%);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
  }
  div.mob-pow-sh {
    -webkit-transform: translateX(0)!important;
        -ms-transform: translateX(0)!important;
            transform: translateX(0)!important;
  }
  div.box-dropmenu.box-dm-2::-webkit-scrollbar {
    width: 0;
  }
}
/*------------------*/

/**  Header **/
header#Header {
  position: fixed;
  left: 0; top: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
		  padding-bottom: 5px;
}
section.sec-h {
  position: relative;
}
  
  /** header logo **/
div.box-logo {
  position: absolute;
  left: 12px; top: 12px;
}
img.img-logo {
  max-width: 170px;
  width: 100%;
}

img.img-logo-center {
  max-width: 220px;
  /* width: 100%; */
  margin-top: 2px;
}

div.box-logo-center {
    position: absolute;
    left: 0;
	right: 180px;
  top: 19px;
    text-align: center;
}

.p-h.poz-list{
	padding: 25px;
}

/* @media only screen and (min-width: 1500px) { */
	/* div.box-logo-center { */
		/* margin-right: 24.5%; */
	/* } */
	
	/* div.box-logo-center.admin-header-logo { */
		/* margin-right: 14.5%; */
	/* } */
/* } */

/* @media only screen and (min-width: 1600px) { */
	/* div.box-logo-center { */
		/* margin-right: 26%; */
	/* } */
	/* div.box-logo-center.admin-header-logo { */
		/* margin-right: 14.5%; */
	/* } */
/* } */

/* @media only screen and (min-width: 1700px) { */
	/* div.box-logo-center { */
		/* margin-right: 27.5%; */
	/* } */
	/* div.box-logo-center.admin-header-logo { */
		/* margin-right: 17.5%; */
	/* } */
/* } */

/* @media only screen and (min-width: 1800px) { */
	/* div.box-logo-center { */
		/* margin-right: 29%; */
	/* } */
	/* div.box-logo-center.admin-header-logo { */
		/* margin-right: 19%; */
	/* } */
/* } */

/* @media only screen and (min-width: 1900px) { */
	/* div.box-logo-center { */
		/* margin-right: 30%; */
	/* } */
	/* div.box-logo-center.admin-header-logo { */
		/* margin-right: 20%; */
	/* } */
/* } */

/* @media only screen and (min-width: 2000px) { */
	/* div.box-logo-center { */
		/* margin-right: 39%; */
	/* } */
	/* div.box-logo-center.admin-header-logo { */
		/* margin-right: 29%; */
	/* } */
/* } */

  /** navigation header **/
nav.nav-h {
  position: relative;
  display: inline-block;
}
ul.ul-h {
  display: inline-block;
  margin: 0; padding: 0;
}
ul.ul-h li {
  display: inline-block;
  padding: 0;
}
p.p-h {
  position: relative;
  display: inline-block;
  margin: 0; padding: 30px 15px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  letter-spacing: 0.01em;
  color: #686868;

  -webkit-transition: color .3s ease-in-out;

  -o-transition: color .3s ease-in-out;

  transition: color .3s ease-in-out;
}
p.p-h:hover,
p.p-h:focus-within {
  cursor: pointer;
  color: #1A73E8;
}
span.span-pow {
  position: relative;
  display: inline-block;
}
span.span-wiad {
  position: relative;
  display: inline-block;
}
span.span-powiad {
  position: relative;
  display: inline-block;
}
img.img-h {
  position: relative;
  max-width: 17px;
  width: 100%;
  margin-right: 3px;
}
/* Kropka migająca dla powiadomień */
span.span-powiad.pow-kropka::after {
  content: '';
  position: absolute;
  right: 1px; top: -2px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background-color: var(--blue);
  animation: blink 1s infinite;
}
/* Kropka migająca dla wiadomości */
span.span-wiad.wiad-kropka::after {
  content: '';
  position: absolute;
  right: 1px; top: -2px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background-color: var(--blue);
  animation: blink 1s infinite;
}
/* Zachowana kompatybilność wsteczna - stara klasa pow-active */
li.pow-active span.span-pow::after {
  content: '';
  position: absolute;
  right: 1px; top: -2px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background-color: var(--blue);
}
/* Klasa pomocnicza dla wiadomości (dodawana do li) */
li.wiad-active p{
  font-weight: bold;
  color: var(--black);
}

li.pow-active p{
  font-weight: bold;
  color: var(--black);
}
/* Animacja migania kropki */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

 /** dropdown menu **/
li.li-drop {
  position: relative;
}
div.box-dropmenu {
  display: none;
  padding: 10px;
  position: absolute;
  z-index: 10;
  left: 0; top: 70px;
  width: 100%;
  background-color: #fff;
  z-index: 3;
  border-radius: 5px;
  text-align: left;
  -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 0px rgba(0, 0, 0, 0.15);
 border-radius: 10px;
}
p.p-h.active-menu + div.box-dropmenu {
  display: block!important;
  -webkit-animation-name: menu-sh;
          animation-name: menu-sh;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	     -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	        transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@-webkit-keyframes menu-sh {
  from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
  to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@keyframes menu-sh {
  from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
	}
  to {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
p.p-h.active-menu {
  color: var(--blue);
}
div.box-dropmenu.box-dm-1 {
  width: 200px;
}
div.box-dropmenu.box-dm-2 {
  width: 250px;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}
div.box-dropmenu.box-dm-2::-webkit-scrollbar {
  width: 5px;  
}
div.box-dropmenu.box-dm-2::-webkit-scrollbar-track {
  background: #f1f1f1;
}
div.box-dropmenu.box-dm-2::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.1);
  -webkit-transition: all .12s ease-in;
  transition: all .12s ease-in;
}
div.box-dropmenu.box-dm-2::-webkit-scrollbar-thumb:hover {
  background: rgba(40, 40, 52, .7);
}
div.box-dropmenu.box-dm-3 {
  width: 160px;
}
ul.ul-dropmenu {
  margin: 0; padding: 0;
  list-style: none;
}
ul.ul-dropmenu li {
  position: relative;
  display: block;
}
a.a-drop,
a.a-drop:active,
a.a-drop:visited {
  display: inline-block;
  margin: 0;
  padding: 10px 5px;
  width: 100%;
  
  font-size: 13px;
  line-height: 16px;   
  color: #181C2F;
  border-radius: 6px;
  
  -webkit-transition: color .3s ease-in-out;
  
  -o-transition: color .3s ease-in-out;
  
  transition: color .3s ease-in-out;
}
a.a-drop:focus,
a.a-drop:hover {
  color: #0075FF;
  text-decoration: none;
  background-color: rgba(0,0,0,.02);
}
figure.fig-drop {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
img.img-drop {
  max-width: 20px;
  width: 100%;
}

  /** menu powiadomienia **/
.table {
  margin: 0;
}
table.tab-pow td, table.tab-pow th {
  padding: 5px 5px;
  vertical-align: top;
  border-top: 0;
  border-bottom: 1px solid #ECECEC;
}
figure.fig-pow {
  position: relative;
}
td.td-pod {
  width: 45px;
}
img.img-pow {
  max-width: 40px;
  width: 100%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
p.p-pow {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 9px;
  line-height: 11px;  
  color: #A6ACBE;
}
p.p-pow-title {
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;

  color: #A6ACBE;
}

  /** powiadomienia active **/
li.pow-acitve-single img.img-pow {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
li.pow-acitve-single p.p-pow {
  color: #585858;
}
li.pow-acitve-single p.p-pow-title {
  color: #373B53;
}

/** main menu **/
nav#MainMenu {
  position: relative;
  z-index: 0;
  left: -15px; top: 0;
  width: 120px; 
  height: calc(100% - 0px);
  padding: 90px 10px 160px 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  overflow:hidden;
}

@media (min-width: 768px) {
  nav#MainMenu {
    position: fixed;
    z-index: 1;
    left: 0px;
  }
}

div.box-menu-ul {
  position: relative;
}
ul.ul-main {
  position: fixed;
  left: 10px; top: 90px;
  margin: 0; padding: 0 0 200px 0;

  height: 100vh;
  overflow: scroll;
  scrollbar-width: none;
}
ul.ul-main::-webkit-scrollbar {
  width: 0;  
}
ul.ul-main::-webkit-scrollbar-track {
  background: #f1f1f1;
}
ul.ul-main::-webkit-scrollbar-thumb {
  background: var(--blue);
  -webkit-transition: all .12s ease-in;
  transition: all .12s ease-in;
}
ul.ul-main::-webkit-scrollbar-thumb:hover {
  background: rgba(40, 40, 52, .7);
}
ul.ul-main li:not(ul.ul-submenu li) {
  position: relative;
  display: block;
  text-align: center;
  padding: 20px 10px 10px 10px;
  width:100px;

  margin-bottom: 5px;
  border-bottom: 1px solid #ECECEC;
  border-bottom-width: 80%;
}
ul.ul-main li:not(ul.ul-submenu li) {
  transition: background-color .3s ease-in-out;
}
ul.ul-main li:not(ul.ul-submenu li):hover,
ul.ul-main li:not(ul.ul-submenu li):focus-within {
  cursor: pointer;
  background-color: #f7f7f7;
  border-radius: 12px;
}
ul.ul-main li:hover,
ul.ul-main li:focus-within {
  cursor: pointer;
} 
p.p-main {
  display: block;
  margin: 5px 0 0 0; padding: 0;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.01em;
  color: #7D7D7D;  
  min-height: 30px;

  -webkit-transition: color .3s ease-in-out;

  -o-transition: color .3s ease-in-out;

  transition: color .3s ease-in-out;
}

  /** main menu hover **/
ul.ul-main li:not(ul.ul-submenu li)::after {
  content: '';
  position: absolute;
  left: -10px; bottom: 0;
  width: 7px; height: 100%;
  border-radius: 6px;
  background-color: #fff;

  -webkit-transition: background-color .3s ease-in-out;

  -o-transition: background-color .3s ease-in-out;

  transition: background-color .3s ease-in-out;
}
ul.ul-main li.color-blue:hover::after,
ul.ul-main li.color-blue:focus-within::after,
ul.ul-main li.color-blue.show-menu::after {
  background-color: var(--blue);
}
ul.ul-main li.color-blue:hover p.p-main,
ul.ul-main li.color-blue:focus-within p.p-main,
ul.ul-main li.color-blue.show-menu p.p-main {
  color: var(--blue);
}
ul.ul-main li.color-orange:hover::after,
ul.ul-main li.color-orange:focus-within::after,
ul.ul-main li.color-orange.show-menu::after {
  background-color: var(--blue);
}
ul.ul-main li.color-orange:hover p.p-main,
ul.ul-main li.color-orange:focus-within p.p-main,
ul.ul-main li.color-orange.show-menu p.p-main {
  color: var(--blue);
}
ul.ul-main li.color-green:hover::after,
ul.ul-main li.color-green:focus-within::after,
ul.ul-main li.color-green.show-menu::after {
  background-color: var(--blue);
}
ul.ul-main li.color-green:hover p.p-main,
ul.ul-main li.color-green:focus-within p.p-main,
ul.ul-main li.color-green.show-menu p.p-main {
  color: var(--blue);
}
ul.ul-main li.color-purple:hover::after,
ul.ul-main li.color-purple:focus-within::after,
ul.ul-main li.color-purple.show-menu::after {
  background-color: var(--blue);
}
ul.ul-main li.color-purple:hover p.p-main,
ul.ul-main li.color-purple:focus-within p.p-main,
ul.ul-main li.color-purple.show-menu p.p-main {
  color: var(--blue);
}
ul.ul-main li.color-teal:hover::after,
ul.ul-main li.color-teal:focus-within::after,
ul.ul-main li.color-teal.show-menu::after {
  background-color:var(--blue);
}
ul.ul-main li.color-teal:hover p.p-main,
ul.ul-main li.color-teal:focus-within p.p-main,
ul.ul-main li.color-teal.show-menu p.p-main {
  color: var(--blue);
}
ul.ul-main li.color-brown:hover::after,
ul.ul-main li.color-brown:focus-within::after,
ul.ul-main li.color-brown.show-menu::after {
  background-color: var(--blue);
}
ul.ul-main li.color-brown:hover p.p-main,
ul.ul-main li.color-brown:focus-within p.p-main,
ul.ul-main li.color-brown.show-menu p.p-main {
  color: var(--blue);
}
ul.ul-main li.color-red:hover::after,
ul.ul-main li.color-red:focus-within::after,
ul.ul-main li.color-red.show-menu::after {
  background-color: var(--blue);
}
ul.ul-main li.color-red:hover p.p-main,
ul.ul-main li.color-red:focus-within p.p-main,
ul.ul-main li.color-red.show-menu p.p-main {
  color:var(--blue);
}
ul.ul-main li.color-light-blue:hover::after,
ul.ul-main li.color-light-blue:focus-within::after,
ul.ul-main li.color-light-blue.show-menu::after {
  background-color: var(--blue);
}
ul.ul-main li.color-light-blue:hover p.p-main,
ul.ul-main li.color-light-blue:focus-within p.p-main,
ul.ul-main li.color-light-blue.show-menu p.p-main {
  color: var(--blue);
}

  /** svg Main Menu **/
svg.svg-menu path {
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out;
}
li.color-blue:hover svg.svg-menu path,
li.color-blue:focus-within svg.svg-menu path,
li.color-blue.show-menu svg.svg-menu path {
  fill: var(--blue);
}
li.color-blue:hover svg.svg-sm path,
li.color-blue:focus-within svg.svg-sm path,
li.color-blue.show-menu svg.svg-sm path {
  fill: var(--blue);
}
li.color-orange:hover svg.svg-menu path,
li.color-orange:focus-within svg.svg-menu path,
li.color-orange.show-menu svg.svg-menu path {
  fill: var(--blue);
}
li.color-green:hover svg.svg-menu path,
li.color-green:focus-within svg.svg-menu path,
li.color-green.show-menu svg.svg-menu path {
  fill: var(--blue);
}
li.color-purple:hover svg.svg-menu path,
li.color-purple:focus-within svg.svg-menu path,
li.color-purple.show-menu svg.svg-menu path {
  fill: var(--blue);
}
li.color-teal:hover svg.svg-menu path,
li.color-teal:focus-within svg.svg-menu path,
li.color-teal.show-menu svg.svg-menu path {
  fill: var(--blue);
}
li.color-brown:hover svg.svg-menu path,
li.color-brown:focus-within svg.svg-menu path,
li.color-brown.show-menu svg.svg-menu path {
  fill: var(--blue);
}
li.color-red:hover svg.svg-menu path,
li.color-red:focus-within svg.svg-menu path,
li.color-red.show-menu svg.svg-menu path {
  fill: var(--blue);
}
li.color-light-blue:hover svg.svg-menu path,
li.color-light-blue:focus-within svg.svg-menu path,
li.color-light-blue.show-menu svg.svg-menu path {
  fill:var(--blue);
}

  /** Main Menu - Submenu **/
div.box-submenu {
  position: fixed;
  display: none;
  opacity: 0;
  left: 120px; top: 0;
  width: 100px; height: 110%;
  padding: 90px 0 160px 0;
  background-color: #f7f7f7;
  -webkit-box-shadow: inset 10px -85px 18px rgba(0, 0, 0, 0.05);
          box-shadow: inset 10px -85px 18px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: scroll;
  scrollbar-width: none;
  
  -webkit-transition: opacity .3s ease-in-out;
  
  -o-transition: opacity .3s ease-in-out;
  
  transition: opacity .3s ease-in-out;
}
ul.ul-main li.show-menu div.box-submenu {
  display: block;
  -webkit-animation-name: submenu-sh;
          animation-name: submenu-sh;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
       -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@-webkit-keyframes submenu-sh {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
 98% {
    opacity: .9;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes submenu-sh {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
 98% {
    opacity: .9;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
div.box-submenu::-webkit-scrollbar {
  width: 0;  
}
ul.ul-submenu {
  margin: 0; padding: 0;
}
ul.ul-submenu li {
  position: relative;
  display: block;
  text-align: center;
  padding: 0;

  border-radius: 0 0 20px 0;
  border-bottom: 1px solid #ECECEC;
}
a.a-submenu,
a.a-submenu:active,
a.a-submenu:visited {
  display: block;
  margin: 0;
  padding: 20px 10px 10px 10px;
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.01em;
  color: #7D7D7D;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}
a.a-submenu:hover,
a.a-submenu:focus-within {
  text-decoration: none;
}
a.a-submenu span {
  display: inline-block;
  margin-top: 5px;
  min-height: 30px;
}

  /** svg submenu **/
svg.svg-sm {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
svg.svg-sm path {
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out;
}
ul.ul-submenu li {
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}
ul.ul-main li.color-blue.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-blue.show-menu ul.ul-submenu li:focus-within {
  background-color: #48646E;
}
ul.ul-main li.color-orange.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-orange.show-menu ul.ul-submenu li:focus-within {
  background-color: #48646E;
}
ul.ul-main li.color-green.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-green.show-menu ul.ul-submenu li:focus-within {
  background-color: #48646E;
}
ul.ul-main li.color-purple.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-purple.show-menu ul.ul-submenu li:focus-within {
  background-color: #48646E;
}
ul.ul-main li.color-teal.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-teal.show-menu ul.ul-submenu li:focus-within {
  background-color: #48646E;
}
ul.ul-main li.color-brown.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-brown.show-menu ul.ul-submenu li:focus-within {
  background-color: #48646E;
}
ul.ul-main li.color-red.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-red.show-menu ul.ul-submenu li:focus-within {
  background-color: #48646E;
}
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li:hover,
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li:focus-within {
  background-color: #48646E;
}
ul.ul-main li.show-menu ul.ul-submenu li:hover svg.svg-sm path,
ul.ul-main li.show-menu ul.ul-submenu li:focus-within svg.svg-sm path {
  fill: #fff;
}
ul.ul-main li.show-menu ul.ul-submenu li:hover a.a-submenu,
ul.ul-main li.show-menu ul.ul-submenu li:focus-within a.a-submenu {
  color: #fff;
}

/* Active state - same as hover */
ul.ul-main li.color-blue.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-orange.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-green.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-purple.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-teal.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-brown.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-red.show-menu ul.ul-submenu li.active,
ul.ul-main li.color-light-blue.show-menu ul.ul-submenu li.active {
  background-color: #48646E;
}

ul.ul-main li.show-menu ul.ul-submenu li.active svg.svg-sm path {
  fill: #fff;
}

ul.ul-main li.show-menu ul.ul-submenu li.active a.a-submenu {
  color: #fff;
}

ul.ul-main li.show-menu > a path {
  fill: var(--blue);
}

ul.ul-main li.show-menu > a p.p-main {
  color: var(--blue);
}


  /** menu powiadomienia **/
span.spn-pow {
  position: relative;
  display: inline-block;
}
p.p-pow-cart {
  position: absolute;
  right: -8px; top: -8px;
  height: 18px;
  text-align: center; 

  margin: 0;
  padding: 2px 5px;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  
  background-color: #48646E;
  color: #fff;
  border-radius: 12px;
}
ul.ul-main > li > p.p-pow-cart{
  top:0;right:0;
}
.hideme{
  display:none;
}
@media only screen and (max-width: 768px) {
  div.box-submenu p.p-pow-cart {    
    background-color: #fff;
    color: #48646E;
  }
}

/** general layout **/
div.page-content {
  position: relative;
  min-height: calc(100vh - 113px);
}
div.col-page-a {
  -ms-flex: 0 0 120px;
  -webkit-box-flex: 0;
          flex: 0 0 120px;
  max-width: 120px;

  -webkit-transition: max-width .3s ease-in-out, -webkit-box-flex .3s ease-in-out;
  transition: max-width .3s ease-in-out, -webkit-box-flex .3s ease-in-out;
  -o-transition: flex .3s ease-in-out, max-width .3s ease-in-out;
  transition: flex .3s ease-in-out, max-width .3s ease-in-out;
  transition: flex .3s ease-in-out, max-width .3s ease-in-out, -webkit-box-flex .3s ease-in-out, -ms-flex .3s ease-in-out;
}
div.col-page-b {
  position: relative;
  padding: 130px 0 80px 0;
  -ms-flex: 0 0 calc(100% - 120px);
  -webkit-box-flex: 0;
          flex: 0 0 calc(100% - 120px);
  max-width: calc(100% - 120px);

  -webkit-transition: max-width .3s ease-in-out, -webkit-box-flex .3s ease-in-out;

  transition: max-width .3s ease-in-out, -webkit-box-flex .3s ease-in-out;

  -o-transition: flex .3s ease-in-out, max-width .3s ease-in-out;

  transition: flex .3s ease-in-out, max-width .3s ease-in-out;

  transition: flex .3s ease-in-out, max-width .3s ease-in-out, -webkit-box-flex .3s ease-in-out, -ms-flex .3s ease-in-out;
}
body:not(.strglowna) div.col-page-b {
  padding: 80px 0 80px 0;
}
div.col-page-a-show {
  -ms-flex: 0 0 200px;
  -webkit-box-flex: 0;
          flex: 0 0 200px;
  max-width: 200px;
  z-index:10;
}
div.col-page-b-show {
  -ms-flex: 0 0 calc(100% - 200px);
  -webkit-box-flex: 0;
          flex: 0 0 calc(100% - 200px);
  max-width: calc(100% - 200px);  

}


#MainMenu p.p-main {
  max-width: 80px;
}


/**

##~~##~~## mobile vercion ##~~##~~##

**/

/** mobile global **/
div.mob-box-menu,
div.box-mob-profile,
div.box-mob-settings,
div.box-abs-bg,
p.p-f-mob,
section.sec-set-mob {
  display: none;
}
@media only screen and (max-width: 768px) {
  .no-scroll {
		overflow: hidden;
	}

  /** mobile header **/
  div.cont-h {
    padding: 2px 5px;
  }
  div.mob-col-h {
    text-align: left;
  }
  div.box-logo {
    display: inline-block;
    position: relative;
    left: auto; top: 2px;
  }
  div.box-logo {
	  display: none;
  }
  img.img-logo {
    max-width: 150px;
  }
  div.mob-box-menu {
    display: inline-block;
    position: relative;
    top: 2px;
    padding-bottom: 0;
  }

  /** mobile profile **/
  div.box-mob-profile {
    display: inline-block;
    position: absolute;
    right: 50px; top: 8px;
  }
  figure.fig-mob-prof {
    position: relative;
  }
  img.img-mob-prof {
    width: 40px; height: 40px;
    border-radius: 50%;    

    -webkit-transition: border .1s ease;    

    -o-transition: border .1s ease;    

    transition: border .1s ease;
  }
  div.profile-active img.img-mob-prof {
    border: 3px solid var(--blue);
  }

  /** mobile settings **/
  div.box-mob-settings {
    display: inline-block;
    position: absolute;
    right: 25px; top: 22px;
    width:32px;
    height:32px;
    text-align: center;
  }
  svg.svg-set circle {
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
  }
  div.mob-set-active svg.svg-set circle {
    fill: var(--blue);
  }
  section.sec-set-mob {
    display: block;
    position: fixed;
    z-index: 98;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: #fff;

    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;

    -webkit-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

            transform: translateX(-100%);
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }
  section.sec-set-mob::-webkit-scrollbar {
    width: 0;
  }
  section.sec-set-mob-sh {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }

    /** mobile settings content **/
  div.mob-box-set {
    position: relative;
    padding: 80px 0 100px 0;
  }
  div.box-set-content {
    position: relative;
    margin: 0 0 30px 0;
  }
  h3.h3-set {
    font-weight: bold;
    font-size: 15px;
    line-height: 30px;
    color: var(--blue);
  }
  ul.ul-set-list {
    margin: 0; padding: 0;
  }
  ul.ul-set-list li {
    display: block;
    margin: 5px 0 5px 15px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0,0,0,.03);
  }
  svg.svg-set-icon {
    position: relative;
    top: -2px;
    width: 18px;
    margin-right: 10px;
  }
  a.a-set-list,
  a.a-set-list:active,
  a.a-set-list:visited {
    display: block;    
    padding: 10px 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #7D7D7D;

    -webkit-transition: color .3s ease-in-out;

    -o-transition: color .3s ease-in-out;

    transition: color .3s ease-in-out;
  }
  a.a-set-list:hover,
  a.a-set-list:focus-within {
    text-decoration: none;
    color: var(--blue);
  }

  /** header menu **/
  div.col-page-a,
  div.col-page-b {
     -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  ul.ul-main {
    position: relative;
    left: auto; top: auto;
    overflow: auto;
  }

  /** mobile main menu **/
  header#Header {
    z-index: 100;
  }
  nav#MainMenu {
    width: 50%;
    height: 100%;
    left: 0;
    padding-top: 70px;
  }
  div.box-submenu {
    left: auto; right: 0;
    width: 50%;
    padding-top: 68px;
  }
  div.col-page-a {
    position: fixed;
    padding: 0;
    z-index: 99;
    left: 0; top: 0;
    width: 100%;

    -webkit-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

            transform: translateX(-100%);
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }
 div.box-abs-bg {
    position: fixed;
    z-index: 80;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,.5);
    -webkit-filter: blur(5px);
    filter: blur(5px);
  }
  div.mob-menu-sh {
    transform: translateX(0)!important;
      -webkit-transform: translateX(0)!important;
      -moz-transform: translateX(0)!important;
      -ms-transform: translateX(0)!important;
      -o-transform: translateX(0)!important;
  }  
  header#Header {
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: -webkit-box-shadow .1s ease-in-out;
    -o-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, -webkit-box-shadow .1s ease-in-out;
    height: 70px;
  }
  header#Header.mob-non-bs {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  div.box-submenu {
    height: 100%;
    padding-bottom: 40px;
  }

  /** mobile color menu **/
  ul.ul-submenu li {
    border-radius: 0;
    border-color: rgba(255,255,255,.3)
  }
  ul.ul-main div.box-submenu a {
    color: #fff;
  }
  ul.ul-main div.box-submenu svg.svg-sm path {
    fill: #fff;
  }
  ul.ul-main li.color-blue div.box-submenu {
    background-color: var(--blue);
  }
  ul.ul-main li.color-orange div.box-submenu {
    background-color: var(--orange);
  }
  ul.ul-main li.color-green div.box-submenu {
    background-color: var(--green);
  }
  ul.ul-main li.color-purple div.box-submenu {
    background-color: var(--purple);
  }
  ul.ul-main li.color-teal div.box-submenu {
    background-color: var(--teal);
  }
  ul.ul-main li.color-brown div.box-submenu {
    background-color: var(--brown);
  }
  ul.ul-main li.color-red div.box-submenu {
    background-color: var(--red);
  }
  ul.ul-main li.color-light-blue div.box-submenu {
    /*background-color: var(--light-blue);*/
    /*background-color: #fff;*/
    background:rgba(0,0,0,0.45);
	/* background-color: var(--blue); */
  }

  /** Hamburger **/
  .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: -webkit-transform 400ms;
    transition: -webkit-transform 400ms;
    -o-transition: transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .hamRotate.active {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .hamRotate180.active {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .line {
    fill:none;
    -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    -o-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #c4c4c4;
    stroke-width:5.5;
    stroke-linecap:round;
  }
  .line-color {
    stroke:#fff!important;
  }
  .ham-h .top {
    stroke-dasharray: 40 139;
  }
  .ham-h .bottom {
    stroke-dasharray: 40 180;
  }
  .ham-h.active .top {
    stroke-dashoffset: -98px;
  }
  .ham-h.active .bottom {
  stroke-dashoffset: -138px;
  }
  /** end mobile hamburger **/
}
div.row-page-global {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
/** mobile home **/
@media only screen and (max-width: 1040px) {
  div.box-side-user {
    padding: 30px 10px;
  }
}
@media only screen and (max-width: 768px) {
  div.col-page-b {
    padding: 80px 0 40px 0;
  }

  /** mobile sidebar show **/
  div.cm-mob-menu {
    position: fixed;
    z-index: 97;
    left: 0; top: 0;
    background-color: #fff;
    
    width: 100%; height: 100%;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);

    will-change: transform;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
  }
  div.mob-profile-sh {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  div.sd-user {
    padding: 80px 15px 100px 15px;
    background-color: #fff;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  div.sd-user::-webkit-scrollbar {
    width: 0;
  }
  div.bsw-content {
    text-align: left;
  }

  /** mobile footer **/
  footer#Footer {
    padding-bottom: 50px;
  }
  p.p-f-mob {
    display: block;
    margin-top: 15px;
  }
  img.img-f-logo {
    max-width: 340px;
    width: 100%;
  }
}

/** mobile footer menu **/
section.sec-f-menu {
  display: none;
}
img.img-hero-mob {
  display: none!important;
}
@media only screen and (max-width: 768px) {
  img.img-hero {
    display: none!important;
  }
  img.img-hero-mob {
    display: block!important;
    border-radius: 6px;
  }
  section.sec-f-menu {
    display: block;
    position: fixed;
    left: 0; bottom: 0;
    width: 100%;
    z-index: 98;

    background-color: #F8F8FB;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;   
  }
  section.sec-f-menu-hide {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
  div.box-f-menu {
    position: relative;
    -webkit-box-shadow: 0px 10px 10px 16px rgb(0 0 0 / 3%), 0px -10px 10px rgb(0 0 0 / 3%);
            box-shadow: 0px 10px 10px 16px rgb(0 0 0 / 3%), 0px -10px 10px rgb(0 0 0 / 3%);
  }
  div.col-f-menu {
    float: left;
    width: 33%;
    text-align: center;
  }
  a.a-f-mob,
  a.a-f-mob:active,
  a.a-f-mob:visited {
    font-size: 0;
    display: block;
    padding: 15px 0;
  }
  svg.svg-f-menu {
    display: inline-block;
    position: relative;
    width: 20px; height: 20px;
  }
  svg.svg-f-menu path {
    -webkit-transition: fill .2s ease-in-out;
    -o-transition: fill .2s ease-in-out;
    transition: fill .2s ease-in-out;
  }
  svg.svg-active path {
    fill: var(--blue);
  }

  /** mobile notification **/
  a.a-f-mob span {
    display: inline-block;
    position: relative;
  }
  div.mob-noti-acitve a.a-f-mob span::after {
    content: '';
    position: absolute;
    right: -4px; top: -3px;
    width: 12px; height: 12px;    

    background-color: var(--blue);
    border-radius: 50%;
    border: 2px solid #F8F8FB;
  }

  /** mobile powiadomienia **/
  ul.ul-h .mob-drop {
    display: none;
  }
  div.box-dropmenu.box-dm-2 {
    display: block;
    position: fixed;
    left: 0; top: 58px;
    z-index: 60;

    max-width: 100%;
    width: 100%;
    max-height: calc(100% - 108px);
    height: calc(100% - 108px);
    padding: 20px 0 40px 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;

    -webkit-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

            transform: translateX(-100%);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
  }
  div.mob-pow-sh {
    -webkit-transform: translateX(0)!important;
        -ms-transform: translateX(0)!important;
            transform: translateX(0)!important;
  }
  div.box-dropmenu.box-dm-2::-webkit-scrollbar {
    width: 0;
  }
}

/** mobile login/register **/
@media only screen and (max-width: 860px) {
  div.box-reg-input input.check-custom {
    width: 15%;
  }
}
@media only screen and (max-width: 768px) {
  main#MainLogin {
    padding: 40px 0;
  }
  div.box-login-form {
    padding: 40px 20px;
  }
  label.form-lab-rem,
  a.a-forget,
  a.a-forget:active,
  a.a-forget:visited {
    font-size: 12px;
  }
  div.box-form-submit,
  div.box-ms-back {
    margin-top: 30px;
  }
  h2.h2-ms-title {
    font-size: 20px;
    line-height: 30px;
  }

  /** mobile register **/
  div.box-reg-form {
    padding: 40px 20px;
  }
  h3.h3-reg-title {
    text-align: center;
  }
  div.form-group-file {
    margin: 30px 0;    
    text-align: center;
  }
  label.fileInp span {
    display: block;
    margin: 0;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
  }
  div.row-form-reg div.box-form-submit {
    text-align: center;
  }
  div.box-reg-acc-input input.check-custom {
    width: 10%;
  }
  div.box-reg-input input.check-custom {
    width: 10%;
  }
  div.box-reg-input label.form-adres {
    margin-left: 0;
  }
  div.box-reg-input label.form-check-label.form-adres {
    display: inline;
    font-size: 13px;
  }
}

/** mobile subpage zadania / single zadania **/
@media only screen and (max-width: 1280px) {
  div.box-zad-ins {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 1180px) {
  div.box-zip-lft,
  div.box-zip-rgt {
    width: 100%;
    text-align: left;
  }
  div.box-zip-lft {
    order: 2;
  }
  div.box-zip-rgt {
    order: 1;
  }
  p.p-zis-sprz {
    margin: 0;
  }
  p.p-zip-status {
    display: inline-block;
  }
}

button.btn-sd-zad {
  display: none;
}
@media only screen and (max-width: 960px) {
  div.col-zad-960-w100 {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  div.col-zad-960-o1 {
    order: 1;
  }
  div.col-zad-960-o2 {
    order: 2;  
    padding: 0;  
  }
  div.box-side-zins {
    margin-top: 0;
    margin-bottom: 30px;
  }
  button.btn-sd-zad {
    display: block;
    margin-bottom: 40px;
    padding: 20px 10px;
    width: 100%;
    
    font-weight: bold;
    font-size: 13px;
    text-align: center;

    background-color: #fafafa;
    color: #13100d;
    border-radius: 10px;    
    -webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 3px rgb(0 0 0 / 15%);
    box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 3px rgb(0 0 0 / 15%);
  }
  button.btn-sd-zad:hover {
    text-decoration: none;
    color: #fff;
    background-color: var(--blue);
  }
  button.btn-zad-active {
    color: #fff;
    background-color: var(--blue);
  }
  svg.svg-sd-arr {
    margin-left: 20px;

    will-change: transform;
    transition: transform .5s ease-in-out;
  }
  svg.svg-sd-arr path {
    transition: stroke .5s ease-in-out;
  }
  button.btn-zad-active svg.svg-sd-arr path,
  button.btn-sd-zad:focus-within svg.svg-sd-arr path {
    stroke: #fff;
  }
  button.btn-zad-active svg.svg-sd-arr {
    transform: rotate(180deg);
  }
  div.mob-box-sd-zad {
    display: none;
  }

    /** mobile single zadania **/
  div.col-sin-zad {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  div.r-zad-single {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 768px) {
  div.box-zad {
    margin-bottom: 30px;
  }
  div.r-zad {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
  }

  /** mobile zadania ankieta **/
  div.col-ank {
      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px;
    text-align: center;
  }
  a.btn-ank,
  a.btn-ank:active,
  a.btn-ank:visited {
    display: inline-block;
    margin: 15px 0;
    padding: 10px 0;
    font-size: 13px;
    max-width: 100%;
    width: 100%;
  }
  p.p-ank-nag {
    margin-top: 30px;
  }
  button.btn-ank-send,
  button.btn-ank-send:active,
  button.btn-ank-send:visited {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 568px) {
  div.box-sin-pst-lft,
  div.box-sin-pst-rgt {
    float: none;
    width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
  }
  div.box-sin-pst-lft {
    margin: 15px 0;
  }
}

/** mobile subpage general **/
@media only screen and (max-width: 840px) {
  /** mobile subpage biblioteka **/
  ul#TabBib a.a-tab-bib,
  ul#TabBib a.a-tab-bib:active,
  ul#TabBib a.a-tab-bib:visited {
    font-size: 11px;
    padding: 12px 15px;
  }
  div.box-bib-acc {
    padding: 30px 0;
  }
  div.col-bib,
  div.col-bib-b {
    float: none;
    width: 100%;
    text-align: left;
  }
  a.a-bib-b,
  a.a-bib-b:active,
  a.a-bib-b:visited {
    padding-left: 15px;
  }
  a.a-bib-b::before {
    position: absolute;
    left: -22px; top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  div.col-kal-a {
    order: 2;
  }
  div.col-kal-b {
    order: 1;
  }
  div.box-calendar {
    margin-top: 30px;
  }
  .calendar {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }
  .p-5 {
    padding: 0 15px!important;
  }

  /** mobile subpage edytuj dane **/
  .nav-tabs .nav-item.show a.a-tab,
  .nav-tabs a.a-tab.active,
  a.a-tab,
  a.a-tab:active,
  a.a-tab:visited {
    color: var(--red);
    border: none;
    border-bottom: 2px solid var(--red);
    font-size: 13px;
    padding: 15px;
  }
  button.btn-submit-acc {
    width: 100%;
    padding: 15px 0;
    font-size: 15px;
  }
}

/** mobile subpage katalog nagród karta **/
@media only screen and (max-width: 1060px) {
  button.btn-nag-lim-ddk,
  button.btn-nag-lim-ddk:active,
  button.btn-nag-lim-ddk:visited {
    max-width: 100%;
    width: 100%;
    margin-bottom: 5px;
  }
  input.inp-nag-lim-ddk {
    width: 100%;
    margin: 0;
    text-align: center;
    top: auto;
  }
}
@media only screen and (max-width: 840px) {    
  div.col-lim-a,
  div.col-lim-b {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  div.col-lim-a {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {    
  div.box-tk-title {
    text-align: center;
    margin-bottom: 15px;
  }
  h3.h3-tk {
    margin-bottom: 15px;
  }
  h2.h2-nag-lim-d,
  p.p-nag-lim-kp {
    text-align: center;
  }
  p.p-nag-lim-pkt {
    display: block;
    text-align: center;
  }
}

/** mobile subpage katalog nagród na zyczenie **/
@media only screen and (max-width: 768px) {
  div.box-form-submit-naz {
    text-align: center;
  }
  button.btn-submit-naz,
  button.btn-submit-naz:active,
  button.btn-submit-naz:visited {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 0;
  }
  p.p-naz-valid {
    margin: 0;
  }
}

/** mobile subpage katalog nagród koszyk **/
@media only screen and (max-width: 1180px) {
  div.box-kosz-main-nav {
    padding: 15px;
  }
  div.box-kosz-complete::before {
    width: 25px; height: 25px;
    background-size: 25px;
    right: 3px; top: 1%;
  }
}
@media only screen and (max-width: 968px) {
  div.box-kosz-main-nav {
    padding: 15px 5px;
    min-height: 107px;
  }
  p.p-kosz-nav {
    font-size: 11px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 768px) {
  div.row-page-cart,
  div.row-wysylka {
    margin-top: 30px;
  } 
  table.table.tab-cart th h3.h3-tab {
    font-size: 13px;
  }

  
  a.btn-tab-dalej,
  a.btn-tab-dalej:visited,
  a.btn-tab-dalej:active {
    margin-top: 30px;
    font-size: 15px;
  }

  /** mobile koszyk wysyłka **/
  div.box-cart-form-adres {
    padding-left: 0;
    padding-right: 0;
  }
  div.cm-cart-kurier,
  div.cm-cart-paczkomat {
      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  div.box-wysylka {
    padding: 30px 10px;
  }
}
@media only screen and (max-width: 568px) {
  div.box-wybor-a,
  div.box-wybor-b {
    width: 100%;
  }
  div.box-wysylka {
    padding: 25px 10px;
    width: 100%;
    min-height: 200px;
  }
  svg.svg-wysylka {
    width: 50px;
  }
  div.box-wysylka-title {
    margin: 10px 0;
  }
  div.box-wysylka-info {
    height: auto;
  }
}

/** mobile subpage katalog nagród **/
@media only screen and (max-width: 1280px) {
  div.r-nag-filtr {
    padding: 15px;
  }
  div.box-pnmcs input[name="nacostac"] + label {
    padding: 7px 5px;
  }
}
@media only screen and (max-width: 1180px) {
  div.r-nag-filtr div.col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
button.btn-mob-filtr {
  display: none;
}
@media only screen and (max-width: 980px) {
  div.r-nag-filtr div.col-md-3,
  div.r-nag-filtr div.col-md-9 {
      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  div.col-tab-filtr {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  p.p-nr-tp {
    margin-bottom: 0;
    text-align: center;
  }
  div.nr-side-ins {
    padding: 5px;
  }
  li.li-sip {
    border: none;
  }
  figure.fig-sip {
    margin-left: 0;
    margin-right: 5px;
  }
  a.a-ul-sip,
  a.a-ul-sip:active,
  a.a-ul-sip:visited {
    margin: 5px;
    padding: 12px 5px;
    font-size: 11px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  span.sp-sip-new::after {
    margin-top: auto;
    margin-left: auto;
    left: 5px; top: -3px;
  }

  /** mobile button show filtr **/
  div.mob-box-filtr {
    display: none;
  }
  button.btn-mob-filtr {
    display: block;
    margin: 30px 0;
    padding: 20px 10px;
    width: 100%;
    
    font-weight: bold;
    font-size: 13px;
    text-align: center;

    background-color: transparent;
    border: 1px solid var(--teal);
    color: #13100d;
    border-radius: 10px;    
    -webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 3px rgb(0 0 0 / 15%);
    box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 3px rgb(0 0 0 / 15%);
  }
  button.btn-mob-filtr:hover {
    text-decoration: none;
    color: #fff;
    background-color: var(--teal);
  }
  button.btn-mob-filtr-active {
    color: #fff;
    background-color: var(--teal);
  }
  svg.svg-sd-arr {
    margin-left: 20px;

    will-change: transform;
    transition: transform .5s ease-in-out;
  }
  svg.svg-sd-arr path {
    stroke: var(--teal);
    transition: stroke .5s ease-in-out;
  }
  button.btn-mob-filtr-active svg.svg-sd-arr path,
  button.btn-mob-filtr:focus-within svg.svg-sd-arr path {
    stroke: #fff;
  }
  button.btn-mob-filtr-active svg.svg-sd-arr {
    transform: rotate(180deg);
  }
}
@media only screen and (max-width: 768px) {
  li.li-akt-filtr { 
    padding: 7px 24px 7px 10px;
    font-size: 14px;
  }
  li.li-akt-filtr:last-child {
    padding: 7px 10px;
    border-color: rgba(0,0,0,1);
  }
}
@media only screen and (max-width: 560px) {  
  div.r-nag-filtr div.col-md-3,
  div.r-nag-filtr div.col-md-9 {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  label.fg-od-lab {
    margin-top: 10px;
  }
  button.btn-fnr-send,
  button.btn-fnr-send:active,
  button.btn-fnr-send:visited {
    margin-top: 10px;
  }
  li.li-akt-filtr {
    width: 49%;
    margin: 0 0 10px 0;
  }
  li.li-akt-filtr:last-child {
    width: 100%;
    margin: 5px 0 0 0;
    text-align: center;
  }
}

/** mobile subpage katalog nagród content **/
@media only screen and (max-width: 1280px) {
  div.box-nr-prod {
    padding: 20px 10px;
  }
  p.p-nr-pkt-prod {
    right: 0; top: -5px;    
  }
}
@media only screen and (max-width: 1180px) {
  div.cm-nr-prod {
      -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  div.box-nr-content {
    padding-left: 10px;
  }
}
button.btn-mob-cat {
  display: none;
}
@media only screen and (max-width: 980px) {
  div.r-akt-filtr {
    margin-bottom: 0;
  }
  div.box-nr-sidebar,
  div.box-nr-content {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
    padding: 0;
  }

  /** mobile katalog nagród kategorie **/
  div.nr-side-ins-top {
    display: none;
  }
  li.li-sip {
    display: inline-block;
    width: calc(50% - 3px);
  }

  /** mobile katalog nagród content **/
  div.cm-nr-prod {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  p.p-nr-pkt-prod {
    font-size: 10px;
  }
  a.a-nr-prod p.p-nr-prod-txt,
  a.a-nr-prod:active p.p-nr-prod-txt,
  a.a-nr-prod:visited p.p-nr-prod-txt {
    margin: 0;
    font-size: 12px;
  }

  /** mobile katalog nagród paginacja **/
  div.r-nr-pag div.col-md-12 {
    text-align: center;
  }
  img.img-nr-nav-prev {
    margin-right: 5px;
  }
  img.img-nr-nav-next {
    margin-left: 5px;
  }

  /** mobile katalog nagród sidebar **/
  div.box-nr-sidebar {
    display: none;
    margin-bottom: 30px;
  }
  div.box-nr-sidebar.box-nr-sidebar-active {
    display: block;
  }
  button.btn-mob-cat {
    display: block;
    margin: 30px 0;
    padding: 20px 10px;
    width: 100%;
    
    font-weight: bold;
    font-size: 13px;
    text-align: center;

    background-color: transparent;
    border: 1px solid var(--teal);
    color: #13100d;
    border-radius: 10px;    
    -webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 3px rgb(0 0 0 / 15%);
    box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 3px rgb(0 0 0 / 15%);
  }
  button.btn-mob-cat:hover {
    text-decoration: none;
    color: #fff;
    background-color: var(--teal);
  }
  button.btn-mob-cat-active {
    color: #fff;
    background-color: var(--teal);
  }
  svg.svg-sd-arr {
    margin-left: 20px;

    will-change: transform;
    transition: transform .5s ease-in-out;
  }
  svg.svg-sd-arr path {
    stroke: var(--teal);
    transition: stroke .5s ease-in-out;
  }
  button.btn-mob-cat-active svg.svg-sd-arr path,
  button.btn-mob-cat:focus-within svg.svg-sd-arr path {
    stroke: #fff;
  }
  button.btn-mob-cat-active svg.svg-sd-arr {
    transform: rotate(180deg);
  }
}

/** mobile katalog nagród - modal **/
@media only screen and (max-width: 1080px) {
  div.bnld-mod button.btn-nag-lim-ddk,
  div.bnld-mod button.btn-nag-lim-ddk:active,
  div.bnld-mod button.btn-nag-lim-ddk:visited {
    max-width: 100%;
    width: 100%;
    padding: 8px 0;
  }
  div.bnld-mod input.inp-nag-lim-ddk {
    top: auto;
    margin: 10px 0 0 0;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  div.bnld-mod input.inp-nag-lim-ddk {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  div.col-modal-1 {
    order: 2;
  }
  div.col-modal-2 {
    order: 1;
  }
  div.col-modal-3 {
    order: 3;
  }
}

/** mobile subpage rozwój **/
@media only screen and (max-width: 1060px) {
  h3.h3-bsz-cont::before {
    width: 15px; height: 15px;
    background-size: 15px;
    left: -6px; top: 5px;
  }
}
button.btn-sd-roz {
  display: none;
}
@media only screen and (max-width: 980px) {
  div.col-roz-w100-a,
  div.col-roz-w100-b {
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  div.col-roz-w100-a {
    order: 2;
  }
  div.col-roz-w100-b {
    order: 1;
  }
 div.col-roz-w100-b  div.box-side-zins {
    margin: 0 0 30px 0;
  }
  button.btn-sd-roz {
    display: block;
    margin-bottom: 40px;
    padding: 20px 10px;
    width: 100%;
    
    font-weight: bold;
    font-size: 13px;
    text-align: center;

    background-color: #fafafa;
    color: #13100d;
    border-radius: 10px;    
    -webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 3px rgb(0 0 0 / 15%);
    box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 3px rgb(0 0 0 / 15%);
  }
  button.btn-sd-roz:hover {
    text-decoration: none;
    color: #fff;
    background-color: var(--orange);
  }
  button.btn-roz-active {
    color: #fff;
    background-color: var(--orange);
  }
  button.btn-roz-active svg.svg-sd-arr path,
  button.btn-sd-roz:focus-within svg.svg-sd-arr path {
    stroke: #fff;
  }
  button.btn-roz-active svg.svg-sd-arr {
    transform: rotate(180deg);
  }
  div.box-sd-roz {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  div.col-roz-w100-a {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ==========================================================================
   Dashboard styles (raporty wykresy) - identyczne jak w panelu
   ========================================================================== */

/* Card styles */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e3e6f0;
  border-radius: 0.35rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f8f9fc;
  border-bottom: 1px solid #e3e6f0;
}

.card-header:first-child {
  border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
  background-color: #fff;
}

.dashboard-tables .card-body {
  padding: 1.25rem;
  background-color: #fff;
}

.shadow {
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

/* Chart area */
.dashboard-charts .chart-area {
  position: relative;
  height: 300px;
  width: 100%;
}

.dashboard-charts .chart-area canvas {
  max-height: 100%;
}

.chart-area {
  position: relative;
  height: 10rem;
  width: 100%;
}

@media (min-width: 768px) {
  .chart-area {
    height: 20rem;
  }
}

/* Border left colors */
.border-left-primary {
  border-left: 0.25rem solid #4e73df !important;
}

.border-left-success {
  border-left: 0.25rem solid #1cc88a !important;
}

.border-left-info {
  border-left: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
  border-left: 0.25rem solid #f6c23e !important;
}

.border-left-danger {
  border-left: 0.25rem solid #e74a3b !important;
}

/* Text colors */
.text-primary {
  color: #4e73df !important;
}

.text-success {
  color: #1cc88a !important;
}

.text-info {
  color: #36b9cc !important;
}

.text-warning {
  color: #f6c23e !important;
}

.text-muted {
  color: #858796 !important;
}

.text-xs {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.2;
}

.text-gray-300 {
  color: #dddfeb !important;
}

.text-gray-800 {
  color: #5a5c69 !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h6, .h6 {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/* Utilities */
.h-100 {
  height: 100% !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.m-0 {
  margin: 0 !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.d-flex {
  display: flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

/* Form controls */
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  color: #6e707e;
  background-color: #fff;
  border-color: #bac8f3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.d-inline-block {
  display: inline-block !important;
}

/* Dashboard tables styles - tylko dla raportów wykresów */
.raporty-wykresy-tables .table {
  font-size: 0.875rem;
}

.raporty-wykresy-tables .table thead th {
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  background-color: #f8f9fa;
}

.raporty-wykresy-tables .table tbody tr:hover {
  background-color: #f8f9fa;
}

/* Table responsive */
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  padding: 0;
}

.table-responsive > .table {
  margin-bottom: 0;
}

.raporty-wykresy-tables .table-responsive {
  background-color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
}

.raporty-wykresy-tables .card-body {
  background-color: #fff !important;
  padding: 1.25rem !important;
}

.raporty-wykresy-tables .dataTables_wrapper {
  background-color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
}

.raporty-wykresy-tables .dataTables_wrapper .dataTables_length,
.raporty-wykresy-tables .dataTables_wrapper .dataTables_filter {
  background-color: #fff !important;
  padding: 0.5rem 0 !important;
  margin: 0 !important;
}

.raporty-wykresy-tables .dataTables_wrapper .dataTables_length label,
.raporty-wykresy-tables .dataTables_wrapper .dataTables_filter label {
  background-color: transparent !important;
  color: #858796 !important;
  margin: 0 !important;
}

.raporty-wykresy-tables .dataTables_wrapper .dataTables_length select,
.raporty-wykresy-tables .dataTables_wrapper .dataTables_filter input {
  background-color: #fff !important;
  border: 1px solid #d1d3e2 !important;
  color: #6e707e !important;
}

.raporty-wykresy-tables .dataTables_wrapper .row {
  margin: 0 !important;
  background-color: #fff !important;
}

.raporty-wykresy-tables .dataTables_wrapper .row > div {
  background-color: #fff !important;
  padding: 0.5rem 0 !important;
}

.raporty-wykresy-tables .dataTables_wrapper .dataTables_info {
  background-color: #fff !important;
  color: #858796 !important;
  padding: 0.5rem 0 !important;
}

.raporty-wykresy-tables .dataTables_wrapper .dataTables_paginate {
  background-color: #fff !important;
  padding: 0.5rem 0 !important;
}

/* Table styles */
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #858796;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #e3e6f0;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e3e6f0;
}

.table tbody + tbody {
  border-top: 2px solid #e3e6f0;
}

.table-bordered {
  border: 1px solid #e3e6f0;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e3e6f0;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

/** mobile subpage single **/
@media only screen and (max-width: 1200px) {
  div.cm-content-pdst {
    -ms-flex: 0 0 calc(100% - 360px);
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 360px);
    max-width: calc(100% - 360px);
  }  
  div.cm-side-pdst {
    -ms-flex: 0 0 360px;
    -webkit-box-flex: 0;
            flex: 0 0 360px;
    max-width: 360px;
  }
  a.btn-pdst-lab,
  a.btn-pdst-lab:active,
  a.btn-pdst-lab:visited {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
@media only screen and (max-width: 980px) {
  div.cm-side-pdst,
  div.cm-content-pdst {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 100%;
  }
  div.cm-content-pdst {
    order: 2;
  }
  div.cm-side-pdst {
    order: 1;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  div.box-pdst-btn {
    text-align: center;
  }
  p.p-zsk-tyt {
    font-size: 14px;
    margin-bottom: 10px;
  }
  p.p-zip-pkt {
    margin: 0;
  }
  div.box-web-single {
    text-align: center;
  }
  a.btn-pdco,
  a.btn-pdco:active,
  a.btn-pdco:visited {
    display: block;
    margin: 0 0 10px 0;
  }
}

/** subpage tablica **/
div.box-for-main {
  position: relative;
  margin-top: 40px;
}
div.box-for {
  position: relative;
  margin-bottom: 30px;
  padding: 25px;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

  /** forum title **/
div.box-for-title {
  position: relative;
}
table.tab-for td,
table.tab-for th {
  padding: 0;
  vertical-align: top;
  border-top: 0;
}
td.td-for {
  width: 55px;
}
figure.fig-for {
  position: relative;
}
img.img-for {
  max-width: 40px;
  width: 40px; height: 40px;
  border-radius: 50%;
}
p.p-for-author {
  margin: 0 0 5px 0;
  padding-right: 30px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #13100d;
}
p.p-for-data {
  margin: 0;
  padding-right: 30px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.05em;
  color: #808080;
}

  /** forum content **/
div.box-for-content {
  position: relative;
  margin-top: 20px;
}
h3.h3-for {
  display: inline-block;
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.05em;
  color: #13100d; 
}
a.a-for-href,
a.a-for-href:active,
a.a-for-href:visited {
  display: inline-block;
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.05em;
  color: #13100d; 

  transition: color .3s ease-in-out;
}
a.a-for-href:hover,
a.a-for-href:focus,
a.a-for-href:focus-within {
  text-decoration: none;
  color: var(--purple);
}
div.box-for-body p {
  margin: 0 0 5px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #13100d;
}

  /** forum footer **/
div.box-for-f {
  position: relative;
  margin-top: 20px;
}
div.box-for-col-a,
div.box-for-col-b {
  position: relative;
  float: left;
  width: 50%;
}
div.box-for-col-b {
  text-align: right;
}
ul.ul-for-tag,
ul.ul-for-tag-b {
  margin: 0; padding: 0;
}
ul.ul-for-tag li,
ul.ul-for-tag-b li {
  display: inline-block;
  margin: 0 0 5px 5px;
}
a.a-for,
a.a-for:active,
a.a-for:visited {
  display: inline-block;  
  padding: 6px;
  background: #EAEAEA;
  border-radius: 5px;

  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.05em;
  color: #808080;

  transition: opacity .3s ease-in-out;
}
a.a-for:hover,
a.a-for:focus,
a.a-for:focus-within {
  text-decoration: none;
  opacity: .5;
}
p.p-for-list {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #808080;
}
svg.svg-for {
  margin-right: 3px;
  max-width: 15px;
  width: 15px;
}
ul.ul-main p:hover,
ul.ul-main li:hover,
ul.ul-main a:hover{
  text-decoration:none;
}

@media only screen and (min-width: 400px) {
	.box-fp-cont.cm-fc-rgt.b2{
		margin-left: 6px;
	}

	.box-fp-cont.cm-fc-rgt.b3{
		margin-left: 6px;
	}
}

@media only screen and (min-width: 1000px) {
   	.box-fp-cont.cm-fc-rgt.b2{
		margin-left: 30px;
	}

	.box-fp-cont.cm-fc-rgt.b3{
		margin-left: 30px;
	}

}

@supports (-webkit-touch-callout: none) {
  div.box-submenu{
    left:49%!important;
    width:50%!important;
  }
  nav#MainMenu{
    padding-left:0!important;
    padding-right:0!important;
  }
}

@supports (-webkit-hyphens:none){ 
  div.box-submenu{
    left:49%!important;
    width:50%!important;
  }
  nav#MainMenu{
    padding-left:0!important;
    padding-right:0!important;
  }
 }

 
/** subpage nagroda na zyczenie **/
div.box-naz-content {
  position: relative;
}
p.p-naz {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
p.p-naz-form {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  color: var(--blue);
}
div.box-naz-form {
  position: relative;
  max-width: 500px;
  width: 100%;
  margin: 60px 0 0 0;
}
div.box-naz-form input {
  color: var(--blue);
}
div.form-naz {
  margin-top: 40px;
}
div.box-form-submit-naz {
  position: relative;
  margin-top: 40px;
}
button.btn-submit-naz,
button.btn-submit-naz:active,
button.btn-submit-naz:visited {
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  background-color: var(--blue);
  border: 2px solid var(--blue);
  -webkit-filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
  padding: 15px 60px;  
  border-radius: 50px;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
button.btn-submit-naz:focus,
button.btn-submit-naz:hover {
  color: var(--blue);
  background-color: transparent;
  text-decoration: none;
}
p.p-naz-valid {
  display: inline-block;
  margin: 0 0 0 20px;
  font-weight: 600;
  color: #dc3545;  
  font-size: 13px; 
  color:   #E10000;
}
p.p-valid-success {
  color: #2DD348;
}
.zyczenie-buttons{
  text-align: center;
  margin-top: 25px;
}

/* Nadpisanie koloru bootstrap na delphi blue - start */
.btn-primary {
  color: #fff;
  background-color: #005eD2;
  border-color: #005eD2;
}
.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #0047b4;
  border-color: #006abf;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0047b4;
  border-color: #006abf;
}

/* Nadpisanie koloru bootstrap na delphi blue - koniec */

#klauzulainf{
	max-height:200px;
	font-size:12px;
	line-height:14px;
	overflow:hidden;
	overflow-y:auto;
	border:1px solid #eee;
	padding:20px;
}
/* Wspólna dolna kreska jak w innych polach */
.input-group-prefix {
    border-bottom: 2px solid #1e88e5;      /* dopasuj do swojego koloru */
    padding-bottom: 2px;
}

/* Po focuse w środku – mocniejszy kolor */
.input-group-prefix:focus-within {
    border-bottom-color: #0d47a1;
}

/* Prefix (np. +371, +48, PLN) – bez ramek, bez pudełka */
.input-group-prefix .input-prefix {
    background: transparent;
    border: 0;
    padding-left: 0;
    padding-right: 6px;
    font-size: 14px;                       /* albo inherit */
    color: #6c757d;                        /* kolor jak placeholder */
    line-height: 1.5;
}

/* Zerujemy domyślne style .input-group-text z Bootstrapa */
.input-group-prefix .input-group-text {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 6px;
}

/* Sam input – bez własnych ramek, tylko ta jedna kreska z grupy */
.input-group-prefix .form-control.form-custom {
    border: 0;
    box-shadow: none;
    padding-left: 0;                       /* żeby tekst startował zaraz po prefixie */
}

/* DataTables Dropdown - Styl dla przycisków w dropdownie */
.dt-dropdown-container {
    position: relative;
    display: inline-block;
}

.dt-dropdown-toggle {
    position: relative;
}

.dt-dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dt-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 10rem;
    margin: 0.125rem 0 0;
    font-size: 14px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175);
}

.dt-dropdown-toggle.active-menu + .dt-dropdown-menu,
.dt-dropdown-toggle.active + .dt-dropdown-menu {
    display: block !important;
}

.dt-dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: #fff;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}

.dt-dropdown-item:last-child {
    border-bottom: 0;
}

.dt-dropdown-item:hover,
.dt-dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dt-dropdown-item.active,
.dt-dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dt-dropdown-item.disabled,
.dt-dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.cnt:has(.dataTables_length),
.cnt:has(.extra-1) {
  text-align: unset;
}


div.r-zad-single {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin-top: 40px;
    padding: 15px;
}

div.bnld-mod button.btn-nag-lim-ddk,
div.bnld-mod button.btn-nag-lim-ddk:active,
div.bnld-mod button.btn-nag-lim-ddk:visited {
    font-size: 10px;
    padding: 8px 11px;
}
a.btn-nag-lim-ddk,
button.btn-nag-lim-ddk,
button.btn-nag-lim-ddk:active,
button.btn-nag-lim-ddk:visited {
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background-color: #005eD2;
    border: 2px solid #005eD2;
    -webkit-filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.15));
    padding: 12px 50px;
    border-radius: 10px;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
a.btn-nag-lim-ddk{
    padding:5px 12px;
    margin-top:-5px;
}

a.btn-nag-lim-ddk:hover,
button.btn-nag-lim-ddk:hover,
button.btn-nag-lim-ddk:focus {
    color: #005eD2;
    background-color: transparent;
    text-decoration: none;
}

h2.h2-szad-date {
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    color: var(--blue2);
    position: relative;
    padding-left: 40px;
}

h2.h2-szad-date::before {
    content: '';
    background-image: url(../img/zadania/szad-ico.png);
    width: 15px;
    height: 21px;
    display: inline-block;
    background-size: 15px 21px;
    position: absolute;
    top: -3px;
    left: 0px;
}