/*! 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
   ========================================================================== */

   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),
    (-o-min-device-pixel-ratio: 5/4),
    (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: #000 !important;
      /* Black prints faster */
      -webkit-box-shadow: none !important;
              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 ### ####
  --------------------------------------------------------------*/
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v21/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  

  /*--------------------------------------------------------------
  ### #### General style ### ####
  --------------------------------------------------------------*/
  :root {
    --blue: #14294E;
    --orange: #eb6909;
    --green: #88C047;
/*    --blue: #9E32AF;*/
    /*--blue: #7b4f6a;*/
    --purple: #b2656c;
    --teal: #00BBD4;
    --brown: #7B5446;
    --red: #F0245E;
    --light-blue: #00ABF4;
    --gray: #A6ACBE;
    /* --akcent: #33A8C1; */
	/*--akcent: #7b4f6a;*/
	--akcent: #b2656c;
	--yellow: #D7A20C;
	--black: #000000;
    --gold: #DCAD58;

  } 
/*  
  :root {
    --blue: #1A73E8;
    --orange: #F39200;
    --green: #88C047;
    --blue: #9E32AF;
    --teal: #00BBD4;
    --brown: #7B5446;
    --red: #F0245E;
    --light-blue: #00ABF4;
    --gray: #A6ACBE;
    --akcent: #33A8C1;
  }   
  */
  
  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;    
  }
  html {
    scroll-behavior: smooth;
  }
  body {
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
  }
  a, p, button, input {
    font-family: 'Montserrat', sans-serif;
  }
  .w820 {
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
  }
  .w960 {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
  }
  .w980 {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
  }
  .w1180 {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
  }
  .w1380 {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
  }
  .w1440 {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
  }
  .w1640 {
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
  }
  .w90 {
    max-width: 90%;
    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: var(--blue);
    -webkit-transition: all .12s ease-in;
    transition: all .12s ease-in;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(40, 40, 52, .7);
  }
  ::-moz-selection {
    color: #fff;
    background: var(--blue);
  }
  ::selection {
    color: #fff;
    background: var(--blue);
  }
  .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%;
        -webkit-box-flex: 0;
              flex: 0 0 50%;
        max-width: 50%;
    }
  }
  
/*------------------*/


/**  0. Zaślepka  **/
header.h-wiek {
  position: relative;
  height: 105px;
}
div.f-main-wiek {
  position: relative;
}
footer.f-main-wiek{
  background:#BD7640;
}
figure.fig-splash {
  text-align: center;
  margin: 0;
}
figure.fig-logo-zas {
  position: relative;
  z-index: 1;
  top: 10px;
}
img.img-logo-zas {
  max-width: 300px;
}
.box-wiek-over{
  background:#fff;
  box-shadow: 5px 5px 10px 0px rgb(8 46 92 / 16%);
  padding:50px;
}
#StrGloWiek {
  position: relative;
  padding: 240px 0 400px 0;
  background: url(../img/Login/bcg-clear.png) center center / cover no-repeat;
}
section.sec-f-login {
  position: relative;
  padding:10px 0;
}
figure.fig-splash {
  text-align: center;
  z-index: -1;
  margin: 0;
  position: absolute;
  left: 50%;  top: -220px;
  transform: translate(-50%, -50%);
}
img.img-splash {
  max-width: 550px;
}
div.box-wiek-over,
div.box-wiek {
  position: relative;
}
div.w890 {
  max-width: 890px;
  width: 100%;
  margin: 0 auto;
}
p.p-wiek {
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: var(--blue);
}
h2.h2-wiek {
  font-weight: bold;
  font-size: 36px;
  line-height: 43px;
  color: var(--blue);
}

  /** wiek form **/
div.box-wiek-form {
  position: relative;
  margin-top: 40px;
}
div.col-wiek {
  float: left;
  width: 25%;
  position: relative;
  padding: 0 10px;
}
input.form-wiek {
  position: relative;
  border: none;
  font-weight: bold;
  border: 2px solid #8B8B8B;
  height: 47px;
  background-color: rgba(255,255,255,0.7);
  border-radius: 0;
}
input.form-wiek:focus {
  outline: none;
  box-shadow: none;
  border-color: #004394;
  background-color: transparent;
}
input.form-wiek::placeholder {
  font-weight: normal;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}
button.btn-wiek,
button.btn-wiek:active,
button.btn-wiek:focus {
  font-weight: bold;
  line-height: 18px;
  color: #FAFAF9;
  background-color: #BDA26F;
  border: 2px solid #BDA26F;
  padding: 0 0;
  height: 47px;
  width: 100%;
  border-radius: 0;
  transition: color .3s ease-in-out, background-color .3s se-in-out;  
}
button.btn-wiek:focus,
button.btn-wiek:hover {
  color: #fff;
  background-color: #004394;
  border-color: #004394;
  text-decoration: none;
}

  /** wiek error **/
div.box-wiek-error {
  position: relative;
  box-shadow: 0px 4px 73px rgba(0, 0, 0, 0.17);
}
p.p-wiek-error {
  font-weight: bold;
  font-size: 15px;
  line-height: 27px;  
  color: #004394;
  margin: 0 0 10px 0;  
}


    /** mobile wiek **/
    @media only screen and (max-width: 820px) {
      #StrGloWiek {
        padding: 100px 0 200px 0;
      }
      input.form-wiek {
        background-color: rgba(255,255,255,.8);
      }
      button.btn-wiek,
      button.btn-wiek:active,
      button.btn-wiek:focus {
        font-size: 14px;
      }
    }
    @media only screen and (max-width: 768px) {
      img.img-logo-zas {
        max-width: 250px;
      }
      p.p-wiek {
        font-size: 15px;
      }
      h2.h2-wiek {
        font-size: 30px;
        line-height: 36px;
      }
      div.box-wiek-form {
        margin-top: 15px;
      }
    
        /** splash **/
      figure.fig-splash {
        top: -130px;
      }
      img.img-splash {
        max-width: 350px;
      }
    }
    @media only screen and (max-width: 640px) {
      div.col-wiek {
        width: 100%;
        margin-top: 15px;
        padding-left: 0;
        padding-right: 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);
}
section.sec-h {
  position: relative;
}
  
  /** header logo **/
div.box-logo {
  position: absolute;
  left: 0px;
  top: 0px;
}
img.img-logo {
  /*max-width: 220px;*/
  max-width: 220px;
    width: 100%;
    margin-top: 20px;
    margin-left: 10px;
  
}

  /** 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;
}
ul.ul-main a{
  text-decoration:none;
}
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 >a {
  font-weight: 400;
  font-size: 12px;
  color: #686868!important;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  padding:initial;
	
}
p.p-h >a:hover,
p.p-h >a:focus {
  font-size: 12px;
  color: var(--blue)!important;
	
}
p.p-h:hover,
p.p-h:focus-within {
  cursor: pointer;
/*  color: #1A73E8;*/
    color: var(--blue);
}
span.span-pow {
  position: relative;
  display: inline-block;
}
img.img-h {
  position: relative;
  max-width: 17px;
  width: 100%;
  margin-right: 3px;
}
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);
}

 /** 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;*/
  color: var(--black);
  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;*/
    color: var(--blue);
  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: 10;
  left: -15px; top: 0;
  width: 100px; height: calc(100% + 20px);
  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;
}
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;

  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 svg path{
  fill:var(--blue);
}

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(--orange);
}
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(--orange);
}
ul.ul-main li.color-yellow:hover::after,
ul.ul-main li.color-yellow:focus-within::after,
ul.ul-main li.color-yellow.show-menu::after {
  background-color: var(--yellow);
}
ul.ul-main li.color-yellow:hover p.p-main,
ul.ul-main li.color-yellow:focus-within p.p-main,
ul.ul-main li.color-yellow.show-menu p.p-main {
  color: var(--yellow);
}
ul.ul-main li.color-black:hover::after,
ul.ul-main li.color-black:focus-within::after,
ul.ul-main li.color-black.show-menu::after {
  background-color: var(--black);
}
ul.ul-main li.color-black:hover p.p-main,
ul.ul-main li.color-black:focus-within p.p-main,
ul.ul-main li.color-black.show-menu p.p-main {
  color: var(--black);
}
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(--green);
}
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(--green);
}
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(--teal);
}
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(--teal);
}
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(--brown);
}
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(--brown);
}
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(--red);
}
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(--red);
}
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(--light-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(--light-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-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(--orange);
}
li.color-yellow:hover svg.svg-menu path,
li.color-yellow:focus-within svg.svg-menu path,
li.color-yellow.show-menu svg.svg-menu path {
  fill: var(--yellow);
}
li.color-black:hover svg.svg-menu path,
li.color-black:focus-within svg.svg-menu path,
li.color-black.show-menu svg.svg-menu path {
  fill: var(--black);
}
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(--green);
}
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(--teal);
}
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(--brown);
}
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(--red);
}
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(--light-blue);
}

  /** Main Menu - Submenu **/
div.box-submenu {
  position: fixed;
  display: none;
  opacity: 0;
  left: 100px; 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;
}
*/
  /** 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;
}
@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 100px;
  -webkit-box-flex: 0;
          flex: 0 0 100px;
  max-width: 100px;

  -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;
  background-color: #f9f9f9;
  background-image: url('../img/_global/bg-main-top-left.png'), url('../img/_global/bg-main-top-right.png'), url('../img/_global/bg-main-bottom.png');
  background-position: left 77px, right 0px, bottom left;
  background-repeat: no-repeat, no-repeat;
  /*background-size: contain,contain, contain;*/
  padding: 130px 0 80px 0;
  -ms-flex: 0 0 calc(100% - 100px);
  -webkit-box-flex: 0;
          flex: 0 0 calc(100% - 100px);
  max-width: calc(100% - 100px);
  -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-a-show {
  -ms-flex: 0 0 200px;
  -webkit-box-flex: 0;
          flex: 0 0 200px;
  max-width: 200px;
}
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);  
}


/** main **/
main#Main {
  position: relative;
  min-height: calc(100vh - 80px);
  padding: 0;
}

/** MainLogin **/
main#MainLogin,
body.register {
  position: relative;
  /*min-height: calc(100vh - 89px);*/
  min-height: 100vh;
  padding: 100px 0;
  background-image: url('../img/login/bg-login.png');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
div.w520 {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

  /** login logo **/
div.box-login,
figure.fig-login-logo {
  position: relative;
}
div.box-login-logo {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}
img.img-login-logo {
  max-width: 400px;
  width: 100%;
}

/* Kierownik promo view */
.btn-nag-lim-ddk--right{float:right;margin-top:17px}
.box-sin-pst--no-shadow{box-shadow:none}
.promo-bg-img{width:100%;height:100%;object-fit:cover;display:block}
img.logo-login-bottom{
  position: absolute;
  bottom:20px;
  left:50%;
  transform: translateX(-50%);
}
  /** login box login form**/
div.box-login-form {
  position: relative;
  padding: 100px 50px;
  background: url('../img/login/bg-login-2.png') center center / cover no-repeat;
  color:var(--gold);
}
/* bramka: opis i pola w jednej linii jak na screenie */
.p-login-desc{
	font-size:20px;
	line-height:24px;
	text-align:center;
	max-width:640px;
	margin:38px auto 0;
  color:#D8C9AF
}
.box-dob{
	display:flex;
	gap:30px;
	justify-content:center;
}
.box-dob .col-dob{
	flex:0 0 120px;
}
.box-dob .p-form-error{display:none;}
@media only screen and (max-width: 768px) {
	.box-dob{flex-direction:column; gap:15px;}
	.box-dob .col-dob{flex:1 1 auto;}
}
@media only screen and (max-width: 768px) {
  div.box-login-form {
    padding: 50px 20px;
  }
}
.logo-login-2{
  position: absolute;
  top:70px;
  left:100px;
}
@media only screen and (max-width: 1440px) {
  .logo-login-2{
    top:20px;
    left:20px;
    z-index:10;
  }
}
div.box-login-title {
  position: relative;
  margin-bottom: 60px;
  text-align: center;
}
h2.h2-login {
  font-weight: 500;
  font-size: 49px;
  line-height: 49px;
}

  /** login form style **/
  .form-login{
    max-width:485px;
    margin:0 auto;
  }
  #form-bramka{
    max-width:680px;
    margin:0 auto;

  }
  body.bramka h2.h2-login{
    margin-top:100px;
  }
 body.bramka  .box-login-form{
    padding:50px
  }
label.form-lab {
  font-weight: 600;
  font-size: 12px;
  line-height: 13px;
}
input.form-custom,
textarea.form-custom,
select.form-custom {
  position: relative;
  border: none;
  border-bottom: 3px solid #EBEBEB;  
  height: 35px;
  background-color: transparent;
  border-radius: 0;
}
textarea.form-custom {
  height: 100px;
}
input.form-custom:focus,
textarea.form-custom:focus,
select.form-custom:focus  {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--green);
  background-color: transparent;
}
input.form-custom::-webkit-input-placeholder,
textarea.form-custom:-webkit-input-placeholder {
  font-weight: 500;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}
input.form-custom::-moz-placeholder,
textarea.form-custom::-moz-placeholder {
  font-weight: 500;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}
input.form-custom:-ms-input-placeholder,
textarea.form-custom:-ms-input-placeholder {
  font-weight: 500;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}
input.form-custom::-ms-input-placeholder {
  font-weight: 500;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}
input.form-custom::placeholder,
textarea.form-custom::placeholder {
  font-weight: 500;
  line-height: 15px;
  color: rgba(130, 134, 154, 0.5);
  background-color: transparent;
}
.form-login input.form-custom{
  border-bottom:1px solid var(--gold);
  color:var(--gold);
}
.form-login label{
font-size:16px;
font-weight:normal;
}
.form-login .btn-submit,
a.a-ms-back,
body.register .btn-submit{
  background:var(--gold);
  border:1px solid var(--gold);
  color:#000;
  font-weight:bold;
  font-size:18px;
  line-height:18px;
  padding:16px 50px;
  border-radius:0px;
  transition:all 0.3s ease;
  text-decoration:none;
}
body.register .btn-submit{
  background:#000;
  color:var(--gold);
  border:1px solid #000;
}
.form-login .btn-submit:hover,
.form-login .btn-submit:active,
.form-login .btn-submit:focus,
a.a-ms-back:hover,
a.a-ms-back:active,
a.a-ms-back:focus{
  background:transparent;
  color:var(--gold);
}
.zapomniales-hasla{
  margin-top:20px;
  text-align:center;
}
.zapomniales-hasla a{
  color:#D8C9AF;
  font-weight:300;
  text-decoration:none;
  transition:all 0.3s ease;
}
.zapomniales-hasla a:hover{
  color:var(--gold);
}
#form-recovery .a-forget{
  color:#D8C9AF;
  font-weight:300;
  text-decoration:none;
  transition:all 0.3s ease;
}
#form-recovery .a-forget:hover{
  color:var(--gold);
}

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

  /** 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: 60px;
  text-align: center;
}
button.btn-submit,
button.btn-submit:active,
button.btn-submit:visited {
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  background-color: var(--blue);
  border: 2px solid var(--blue); 
  border-radius: 0px;
  -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:focus,
button.btn-submit:hover {
  color: var(--black);
  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-weight: bold;
  font-size: 14px;
  line-height: 15px;
  color: #181C2F;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  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;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
}
div.col-acc-a input:before {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 16px; height: 16px;
  border: 1px solid lightgray;
  -webkit-transition: 0.2s border-color ease;
  -o-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: var(--blue);
  background-color: var(--blue);
  -webkit-transition: 0.5s border-color ease;
  -o-transition: 0.5s border-color ease;
  transition: 0.5s border-color ease;	
}
div.col-acc-a input:disabled:before {
  border-color: #181C2F;
  background-color: #181C2F;	
}
div.col-acc-a input:after {
  content: '';
  display: block;
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
          -ms-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);
          -ms-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"] {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
}

/** subpage register success **/
div.box-login-reg-ms {
  position: relative;
  text-align: center;
}
figure.fig-ms-icon {
  position: relative;
  margin-bottom: 20px;
}
img.img-ms-icon {
  max-width: 80px;
  width: 100%;
}
h2.h2-ms-title {
  margin: 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  color: #21A537;  
}
body.recover_password h2.h2-ms-title{
  color:var(--gold);
}
h2.h2-ms-title-error {
  color: #E10000;
}
div.box-ms-back {
  position: relative;
  margin-top: 60px;
}


/** subpage register **/
div.w880 {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}
div.box-reg-form {
  position: relative;
  padding: 50px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 20px rgb(0 0 0 / 15%);
          box-shadow: 0px 3px 6px rgb(75 81 91 / 15%), 0px 1px 20px rgb(0 0 0 / 15%);
  border-radius: 10px;
}
h2.h2-reg-form {
  margin: 0 0 40px 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;  
}
h3.h3-reg-title {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
}
div.form-group-file {
  position: relative;
  margin-top: 30px;
}
p.p-form-file {
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;  
  margin-top: 0;
  color: rgba(130, 134, 154, 0.5);
}
p.p-reg-req {
  font-weight: normal;
  font-size: 14px;
  line-height: 13px;
  color: #000;
}
p.p-reg-req span {
  color: var(--red);
  font-size: 20px;
}

/* Store info styles */
.store-info-h3 {
margin-top:30px!important;
margin-bottom:0px!important;
}

/* Custom Choose file */
label.fileInp {
  cursor: pointer;
}
label.fileInp input {
  display: none;
}
label.fileInp span {
  font-weight: bold;
  margin: 0 0 10px;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 14px;  
  text-align: center;
  color: #fff;
  background: var(--blue);

  border: 1px solid var(--blue);
  border-radius: 50px;
}
label.fileInp span:hover {
  background: #2683E1;
}
label.fileInp span.withFile:after {
  content: '╳';
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  font-size: 10px;
  margin-top: -3px; 
}

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

  /** 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;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
}
div.box-reg-input input:before {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 16px; height: 16px;
  border: 1px solid lightgray;
  -webkit-transition: 0.2s border-color ease;
  -o-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: var(--blue);
  background-color: var(--blue);
  -webkit-transition: 0.5s border-color ease;
  -o-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;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
        -ms-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);
          -ms-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"] {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
}
div.box-reg-input label.form-adres {
  margin-left: -60px;
}

  /** form register accept **/
div.box-reg-accept {
  position: relative;
  margin-top: 30px;
  padding: 25px 20px;
  background-color: #eee;
  text-align: justify;
}
div.box-reg-acc-input input.check-custom {
  width: 5%;
  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;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
}
div.box-reg-acc-input input:before {
  content: '';
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 16px; height: 16px;
  border: 1px solid var(--black);
  -webkit-transition: 0.2s border-color ease;
  -o-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: var(--black);
  background-color: var(--black);
  -webkit-transition: 0.5s border-color ease;
  -o-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;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
          -ms-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);
          -ms-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"] {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
}
div.box-reg-acc-input label.form-accept {
  margin-left: 0;
  display: inline;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  color: #000;
}
div.box-reg-single-acc {
  margin-bottom: 20px;
}
p.p-req-single {
  font-weight: bold;
  font-size: 13px;
  line-height: 25px;
  color: #000;
}
p.p-req-single span {
  text-decoration: underline;
}
a.a-reg-b,
a.a-reg-b:active,
a.a-reg-b:visited {
  font-family: soleto-xbold;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  color: #005eaa;
  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: #F39200;
}

/**  Footer **/
footer#Footer {
  position: relative;
  z-index: 20;
  padding: 20px 0;
  background-color: #F8F8FB;
}
figure.fig-f-logo {
  position: relative;
}
img.img-f-logo {
  max-width: 500px;
  width: 100%;
}
p.p-f {
  display: inline-block;
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.01em;
  color: #6C6F78;
}
p.p-f-copy {
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.01em;
  color: #6C6F78;
  text-align:center;
  margin-top:20px;
}
section.sec-cw {
  position: relative;
  margin-top: 20px;
  padding: 5px 0;
  background-color: #F4F4F4;
}

  /** footer sm **/
div.box-f-sm {
  position: relative;
  display: inline-block;
  margin-top: 8px;
}
a.a-f-sm {
  font-size: 0;
}
figure.fig-f-sm {
  position: relative;
  margin: 0 4px;

  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-f-sm:focus-within figure.fig-f-sm,
a.a-f-sm:hover figure.fig-f-sm {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
img.img-f-sm {
  max-width: 28px;
  width: 100%;
}

  /** footer navigation **/
nav.nav-f {
  display: inline-block;
  margin: 0 0 0 15px;
}
ul.ul-f {
  display: inline-block;
  margin: 0; padding: 0;
  position: relative;
  top: 5px;
}
ul.ul-f li {
  display: inline-block;
  list-style-type: none;
}
footer a,
footer a:active,
footer a:visited {
  color: var(--blue);
}
a.a-f,
a.a-f:active,
a.a-f:visited {
  display: inline-block;
  padding: 0 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;  
  letter-spacing: 0.01em;  
  color: var(--blue);

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

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

  transition: color .3s ease-in-out;
}
a.a-f:focus-within,
a.a-f:hover {
  text-decoration: none;
  color: rbga(255,255,255,0.7);
}

/** subpage edytuj dane **/
section.sec-sp {
  position: relative;
}
div.row-page {
  position: relative;
  margin-top: 40px; padding: 30px 15px;
  background: #fff;
  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%);  */
}
div.box-sp-title {
  position: relative;
}
h1.h1-title {
  position: relative;
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  padding-left: 25px;
  text-transform: uppercase;
}
h1.h1-title::before {
  content: '';
  position: absolute;
  left: 0; top: -5px;
  width: 7px; height: 32px;
  display: block;

  background: #000;
  border-radius: 53px;  
}
h1.h1-title-blue,
h2.h1-title-blue {
  color: #000;
  text-transform:uppercase;
}
h1.h1-title-blue::before,
h2.h1-title-blue::before {
  background-color: #000;
}
h1.h1-title-yellow,
h2.h1-title-yellow {
  color: var(--yellow);
  text-transform:uppercase;
}
h1.h1-title-yellow::before,
h2.h1-title-yellow::before {
  background-color: var(--yellow);
}
h1.h1-title-green,
h2.h1-title-green {
  color: var(--green);
}
h1.h1-title-green::before,
h2.h1-title-green::before {
  background-color: var(--green);
}
h1.h1-title-teal,
h2.h1-title-teal {
  color: var(--teal);
}
h1.h1-title-teal::before,
h2.h1-title-teal::before {
  background-color: var(--teal);
}
h1.h1-title-orange,
h2.h1-title-orange {
  color: var(--orange);
}
h1.h1-title-orange::before,
h2.h1-title-orange::before {
  background-color: var(--orange);
}
h1.h1-title-brown,
h2.h1-title-brown {
  color: var(--brown);
}
h1.h1-title-brown::before,
h2.h1-title-brown::before {
  background-color: var(--brown);
}
h1.h1-title-light-blue,
h2.h1-title-light-blue {
  color: var(--light-blue);
}
h1.h1-title-light-blue::before,
h2.h1-title-light-blue::before {
  background-color: var(--light-blue);
}
h1.h1-title-purple,
h2.h1-title-purple {
  color: var(--blue);
}
h1.h1-title-purple::before,
h2.h1-title-purple::before {
  background-color: var(--blue);
}
h1.h1-title-red,
h2.h1-title-red {
  color: var(--red);
}
h1.h1-title-red::before,
h2.h1-title-red::before {
  background-color: var(--red);
}

  /** edytuj dane tabs navigation **/
.nav-tabs .nav-link {
  border: none;
}
a.a-tab,
a.a-tab:active,
a.a-tab:visited {
  font-weight: normal;
  font-size: 15px;
  line-height: 25px;
  color: rgb(130, 143, 156);
  margin-bottom: -2px;
  display: inline-block;
  padding: 25px 25px;
  border: none;
  -webkit-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
  -o-transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
  transition: color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
}
a.a-tab:hover,
a.a-tab:focus-within {
  color: var(--red);
  border: none;
}
.nav-tabs .nav-item.show a.a-tab,
.nav-tabs a.a-tab.active {
  color: var(--red);
  border: none;
  border-bottom: 2px solid var(--red);
}
input.form-custom:disabled {
  background-color: transparent;
}

  /** edytuj dane - content **/
div.box-ed-title {
  position: relative;
  margin: 0 0 30px 0;
}
h3.h3-ed {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
}
div.box-ed-acc {
  position: relative;
  padding: 40px 0;
}
div.box-ed-kon {
  position: relative;
  margin-top: 30px;
  text-align: center;
}
figure.fig-ed-kon {
  position: relative;
  margin-bottom: 15px;
}
img.img-ed-kon {
  max-width: 140px;
  width: 100%;
}
p.p-ed-profil {
  margin: 0;
  font-size: 15px;
  line-height: 25px;
  color: #1A3158;
}
a.a-ed-profil,
a.a-ed-profil:active,
a.a-ed-profil:visited {
  font-size: 15px;
  line-height: 25px;
  color: #1A3158;
  text-decoration: underline;
}
a.a-ed-profil:hover,
a.a-ed-profil:focus-within {
  text-decoration: none;
  color: var(--red);
}
div.box-form-submit-acc {
  position: relative;
  margin-top: 30px;
}
button.btn-submit-acc {
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  background-color: var(--blue);
  border: 2px solid var(--blue);
  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-acc:hover,
button.btn-submit-acc:focus-within {
  color: var(--blue);
  background-color: transparent;
  text-decoration: none;
}

/** subpage wiadomości **/
table.tab-wiad {
  position: relative;
}
th.tab {
  padding: 15px 5px;
}
td.td-tab {
  font-size: 14px;
}
td.td-action {
  width: 60px;
}
h3.h3-tab,
p.tab-ms-p {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,.02);
}
.table td, .table th {
  border-top: 1px solid rgba(0,0,0,.05);
}
input.form-wiad,
select.form-wiad {
  font-size: 14px;
  border-bottom: 2px solid #EBEBEB;
}
.nw-wys-left.nw-file-left img {
  max-width: 360px;
  width: 100%;
  margin: 10px auto;
  display: inline-block;
  text-align: center;
  border-radius: 12px;
}
div.row.w1180.gallery.row-wiad-gal div.col-md-4 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
div.col-ms-mb {
  margin-bottom: 30px;
}

  /** wiadomości tabela **/
table.tab-wiad td,
table.tab-wiad th {
  vertical-align: middle;
}
table.tab-wiad td.td-tab-tyt,
table.tab-wiad th.th-tab-tyt {
  width: 300px;
}
a.a-ms,
a.a-ms:active,
a.a-ms:visited {
  position: relative;
  display: inline-block;
  margin: 0; padding-left: 0px;
  font-weight: normal;
  line-height: 18px;
  color: #000;  
}
a.a-ms:hover,
a.a-ms:focus-within {
  color: var(--blue);
}
a.a-ms::before {
  content: '';
  background-image: url(../img/wiadomosci/flag.png);
  width: 16px; height: 16px;
  background-size: 16px;
  display: none;
  position: absolute;
  left: 0; top: 4px;
  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-ms-important,
a.a-ms-important:active,
a.a-ms-important:visited {
  position: relative;
  display: inline-block;
  margin: 0; padding-left: 0px;
  line-height: 18px;
  color: var(--red);
}
a.a-ms-important::before {
  content: '';
  background-image: url(../img/wiadomosci/flag-red.png);
  width: 16px; height: 16px;
  background-size: 16px;
  display: none;  
  position: absolute;
  left: 0; top: 4px;

  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-ms-pending {
  font-weight: bold;
}
a.a-td-tab,
a.a-td-tab:active,
a.a-td-tab:visited {
  position: relative;
  display: inline-block;
  margin: 0; padding-left: 30px;
  line-height: 18px;
  color: #000;
  text-decoration: underline;
}
a.a-td-tab:hover,
a.a-td-tab:focus-within {
  text-decoration: none;
  color: var(--blue);
}
p.p-tab-nad {
  margin: 0;
  font-weight: bold;
}
p.p-tab-nad span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
p.p-tab-data {
  margin: 0;
}
p.p-tab-data span {
  display: block;
  font-size: 12px;
  font-style: italic;
}
p.p-tab-status {
  margin: 0;
  font-weight: bold;
}
p.p-tab-succes {
  color: var(--green);
}
p.p-tab-pending {
  color: var(--orange);
}
p.p-tab-error {
  color: var(--red);
}

  /** wiadomości załączniki **/
div.box-tab-file {
  position: relative;
  margin: 0 0 0 30px;
}
div.box-tab-file:hover,
div.box-tab-file:focus-within {
  cursor: pointer;
}
p.p-tab-file {
  margin: 0 0 0 20px;
  font-size: 13px;
  color: var(--blue);
}
p.p-tab-file:hover,
p.p-tab-file:focus-within {
  color: #000;
}
p.p-tab-file::before {
  content: '';
  background-image: url('../img/wiadomosci/file.png');
  width: 12px; height: 12px;
  background-size: 12px;
  display: inline-block;  
  position: absolute;
  left: 0; top: 4px;

  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;  
}

  /** file tab wiadomości **/
div.box-tab-list {
  display: none;
  position: relative;
  left: 0; top: 5px;
  width: 100%;

  background: #fff;
  -webkit-box-shadow: 0px 3px 6px rgb(75 81 91 / 10%), 0px 1px 3px rgb(0 0 0 / 1%);
          box-shadow: 0px 3px 6px rgb(75 81 91 / 10%), 0px 1px 3px rgb(0 0 0 / 1%);
  border-radius: 6px;
  padding: 5px 15px;
}
ul.ul-tab-list {
  margin: 0; padding: 0;
}
ul.ul-tab-list li {
  position: relative;
  display: block;
  margin: 5px 0;
  padding-left: 18px;
  list-style-type: none;
}
ul.ul-tab-list li::before {
  content: "― ";
  position: absolute;
  left: 0; top: 0;
}
a.a-tab-list,
a.a-tab-list:active,
a.a-tab-list:visited {
  position: relative;
  display: inline-block;
  margin: 5px 0;
  line-height: 14px;
  color: #000;  
}
a.a-tab-list:hover,
a.a-tab-list:focus-within {
  color: var(--blue);
}
p.p-ms-stat {
  margin: 0;
}

/** subpage biblioteka - kategorie **/
div.row-bib {
  position: relative;
  margin-top: 40px;
}
div.tab-bib {
  position: relative;
  position: relative;
  margin-top: 20px; padding: 15px;
  background: #fff;
  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%);  
}
div.box-bib-acc {
  position: relative;
  padding: 30px 20px;
}
ul.ul-bib {
  margin: 0; padding: 0;
}
ul.ul-bib li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 0 20px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  list-style-type: none;
}
ul.ul-bib li::after {
  content: '';
  background-image: url('../img/_global/icon-bib.png');
  width: 8px; height: 7px;  
  background-size: 8px 7px;
  display: inline-block;
  
  position: absolute;
  left: 0; top: 18px;
}
div.col-bib {
  float: left;
  width: 50%;
}
div.col-bib-b {
  float: left;
  width: 50%;
  text-align: right;
}
a.a-bib,
a.a-bib:active,
a.a-bib:visited {
  display: inline-block;
  padding: 10px 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000;

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

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

  transition: color .3s ease-in-out;
}
a.a-bib:hover,
a.a-bib:focus-within {
  text-decoration: none;
  color: var(--akcent);
}
a.a-bib-b,
a.a-bib-b:active,
a.a-bib-b:visited {
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #000;

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

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

  transition: color .3s ease-in-out;
}
a.a-bib-b::before {
  content: '';
  background-image: url('../img/_global/icon-download-pink.png');
  width: 12px; height: 10px;  
  background-size: 12px 10px;
  display: inline-block;
  
  margin-right: 15px;
}
a.a-bib-mk::before {
  background-image: url('../img/_global/cert-download.png');
}
a.a-bib-b:hover,
a.a-bib-b:focus-within {
  text-decoration: none;
  color: var(--akcent);
}

  /** biblioteka katalogi navigation **/
ul#TabBib {
  border: none;
}
ul#TabBib a.a-tab-bib,
ul#TabBib a.a-tab-bib:active,
ul#TabBib a.a-tab-bib:visited {
  display: inline-block;
  padding: 10px 30px;
  margin-right: 10px;
  text-transform: uppercase;

  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #000;
  margin-bottom:15px;

  background: #fff;
  -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;

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

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

  transition: background-color .3s ease-in-out, color .3s ease-in-out;
}
ul#TabBib a.a-tab-bib:hover,
ul#TabBib a.a-tab-bib:focus-within {
  text-decoration: none;
  background-color: #f7f7f7;
}
ul#TabBib a.a-tab-bib.active {
  background-color: var(--blue);
  color: #fff;
}

/** 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(--teal);
}
div.box-naz-form {
  position: relative;
  max-width: 500px;
  width: 100%;
  margin: 60px 0 0 0;
}
div.box-naz-form input {
  color: var(--teal);
}
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(--teal);
  border: 2px solid var(--teal);
  -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(--teal);
  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;
}

/** subpage twoja karta **/
div.box-tk-title {
  position: relative;
  margin: 0 0 40px 0;
}
h3.h3-tk {
  margin: 0 0 40px 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
figure.fig-tk {
  position: relative;
}
img.img-tk {
  max-width: 400px;
  width: 100%;
}
p.p-tk {
  display: inline-block;
  margin: 0; padding: 8px 20px;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  background-color: var(--blue);
  border-radius: 4px;
}
div.box-tk-title-b {
  padding-top: 40px;
  border-top: 1px solid #d1d1d1;
}

/** subpage katalog nagród - koszyk **/
div.row-page-cart {
  position: relative;
  margin-top: 60px;
}

  /** koszyk navigation **/
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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 
  padding: 15px 25px;
  border-radius: 10px;
}
p.p-kosz-nav-krok {
  font-weight: bold;
  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-size: 15px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #9E9E9E;
  margin: 0;
}

  /** koszyk statusty **/
div.box-kosz-current div.box-kosz-main-nav {
  border-color: var(--teal);
  background-color: #F5F5F5;
}
div.box-kosz-current p {
  font-weight: bold;
  color: #000;
}
div.box-kosz-complete div.box-kosz-main-nav {
  border-color: #21A537;
  background-color: #fff;
}
div.box-kosz-complete p {
  font-weight: bold;
  color: #21A537;
}
div.box-kosz-complete::before {
  position: relative;
  content: '';
  background-image: url('../img/koszyk/icon-check.png');
  width: 31px; height: 31px;  
  background-size: 31px;
  display: inline-block;

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

  /** koszyk - tabelka **/
figure.fig-del {
  position: relative;

  will-change: transform;
  -webkit-transform: transform .3s ease-in-out;
      -ms-transform: transform .3s ease-in-out;
          transform: transform .3s ease-in-out;
}
figure.fig-del:hover,
figure.fig-del:focus-within {
  cursor: pointer;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
img.img-del {
  max-width: 18px;
  width: 100%;
}
table.tab-cart td,
table.tab-cart th {
  padding: 15px 5px;
  vertical-align: middle;
  text-align: center;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,.05)
}
td.td-tab-ilosc {
  width: 100px;
}
td.td-tab-ilosc input {
  text-align: center;
}
tr.tr-suma {
  background-color: #f4f4f4;
}
input.form-cart:focus,
input.form-cart:focus-within {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--teal);
}
a.btn-tab-dalej,
a.btn-tab-dalej:visited,
a.btn-tab-dalej:active {
  display: inline-block;
  margin-top: 40px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  background-color: var(--teal);
  border: 2px solid var(--teal);
  -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;
}
a.btn-tab-dalej:hover,
a.btn-tab-dalej:focus-within {
  color: var(--teal);
  background-color: transparent;
  text-decoration: none;
}

  /** koszyk - wysyłka **/
div.row-wysylka {
  margin-top: 60px;
}
div.box-wysylka {
  position: relative;
  padding: 35px 35px;
  display: inline-block;
  border: 1px solid #cdcdcd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 220px;
  text-align: center;
}
div.box-wysylka div.box-wysylka:hover,
div.box-wysylka div.box-wysylka:focus-within {
  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: var(--teal);
  border-color: var(--teal);
}
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;
  margin-top: 40px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  background-color: var(--teal);
  border: 2px solid var(--teal);
  -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-tab-zam:hover,
button.btn-tab-zam:focus {
  color: var(--teal);
  background-color: transparent;
  text-decoration: none;
}
p.p-cart-pacz {
  margin: 20px 0 0 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.01em;
}

/** subpage moje konto - historia punktów **/
div.box-hp-title {
  position: relative;
  margin: 0 0 60px 0;
}
h2.h2-hp-title {
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;  
}
h2.h2-hp-title span {
  font-weight: bold;
  color: var(--akcent);
}
div.box-hp-tab {
  position: relative;
}
h3.h3-hp-tab {
  font-weight: bold;
  margin: 0 0 30px 0;
  font-size: 18px;
  line-height: 28px;  
}
table.tab-hp td.td-tab-hp {
  width: 100px;
}

/** 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 15px;
  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;
  min-height:255px;
  border:1px solid #ECECEC;
  margin-bottom:20px;
  padding-bottom:8px;
}
div.bsu-avatar {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 19px;
  width: 19px;
  /*border-radius: 50%;*/
  margin: 0 auto;
}

p.p-bsu-name {
  font-weight: bold;
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 30px;
  color:var(--blue);
}

/* --- progres */
div.bsu-box-prog {
  margin: 0;
}
div.bsu-progres {
  width: 60px;
  height: 13px;
  border: 1px solid var(--blue);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 14px;
  position: relative;
  display: inline-block;
}
div.bsu-prog-ins {
  border-radius: 14px;
  height: 12px;;
  position: absolute;
  left: -1;
  top: 0;
  background: var(--blue);
  border: 1px solid var(--blue);
}

p.p-bsu-prog-val {
  font-size: 13px;
  font-weight: bold;
  color: var(--blue);
  top: -1px;
  display: inline-block;
  position: relative;
  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: 13px;
  color: #181C2F;
  opacity: 0.82;
  margin-bottom: 0px;
}
p.p-bsu-box-n {
  font-size: 13px;
  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 - slide */
/* div.bg-hero-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  height: 250px;
  border-radius: 10px;
} */
figure.fig-hero {
  width: 100%;
}

img.img-hero {
  border-radius: 10px;
}

div.owl-hero .owl-dots {
  display: none;
}

h2.h2-hero-slide {
  font-weight: 300;
  font-size: 40px;
  line-height: 97.4%;
  color: #FFFFFF;
}

h2.h2-hero-slide span {
  font-weight: bold;
  display: block;
}

div.box-hero-ins {
  padding: 40px 80px;
}
div.owl-hero {
  position: relative;
}

hr.hr-hero-slide {
  background: #F39200;
  display: block;
  width: 180px;
  height: 2px;
  display: inline-block;
}

p.p-hero-slide {
  margin: 0;
  color: #fff;
}

a.a-hero-slide,
a.a-hero-slide:active,
a.a-hero-slide:visited {
  color: #F39200;
  -webkit-text-decoration: uppercase;
          text-decoration: uppercase;
}

a.a-hero-slide:hover,
a.a-hero-slide:focus {
  color: #fff;
}

/** owl hero Arrows **/
.owl-hero .owl-dots {
	display: none;
}
.owl-hero .owl-prev span,
.owl-hero .owl-next span {
	display: none;
}
.owl-hero .owl-prev:after {
  content: '';
  background-image: url(../img/fp/arrow-left.png);
  width: 15px;
  height: 21px;
  display: inline-block;
  background-size: 15px 21px;
}
.owl-hero .owl-next:after {
  content: '';
  background-image: url(../img/fp/arrow-right.png);
  width: 15px;
  height: 21px;
  display: inline-block;
  background-size: 15px 21px;
}
.owl-hero button:focus {
	outline: none;
}
.owl-hero .owl-nav {
	/* margin-top: -135px; */
  top: 40%;
	position: absolute;
	width: 100%;
}
.owl-hero .owl-nav .owl-prev  {
	position: absolute;
	left: 20px;
		-webkit-transition: opacity .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.owl-hero .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;
}
.owl-hero .owl-nav .owl-prev:hover  {
	background: transparent;
	opacity: .7;
}
.owl-hero .owl-nav .owl-next:hover  {
	background: transparent;
	opacity: .7;
}

div.cm-side-fp p.p-cont-title {
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

/* end fp slide */

/* FP - news */
section.sec-news {
  padding: 30px 0;
}
div.box-nf-lft {
  background: #D80000;
  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: #48646E;
  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;
  position: relative;
  overflow: hidden;
}

/* Nowy responsywny marquee */
p.p-nfr-top.marquee {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 100%;
}

.marquee-text {
  display: inline-block;
  white-space: nowrap;
  margin-right: 100px;
  color: #555555;
  font-size: inherit;
  line-height: inherit;
}
/* end FP - news */

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

.box-fp-zad {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  /*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;*/
}
.owl-carousel .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);
}
.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;
}
img.box-fp-zad{
	width:100%;
}
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 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: bold;
  font-size: 16px;
  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;
		-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;
}
.box-cont-slide .owl-nav .owl-next:hover  {
	background: transparent;
	opacity: .7;
}


/* 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);
}
/* 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: 387px;
  }
  .box-cont-slide div.box-fp-zad {
    height: 210px;
  }
  /* -----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;
 }
 
 /* Responsywny marquee na mobile */
 p.p-nfr-top.marquee {
   height: 35px;
   font-size: 13px;
   line-height: 35px;
 }
 
 .marquee-text {
   margin-right: 60px;
   font-size: 13px;
 }
 div.box-nfr-btm {
   border-radius: 10px;
   height: auto;
   padding: 8px;
 }
 p.p-nfr-btm {
   padding-top: 0px;
   font-size: 13px;
    line-height: 18px;
}
}
@media screen and (max-width: 360px) {
  div.box-fp-zad {
    height: 340px;
  }
  .box-cont-slide div.box-fp-zad {
    height: 188px;
  }
  .biu-c .box-fp-zad{
	  height:188px!important;
  }
}
/* SP - Zadania */
h2.h2-zad {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: var(--blue);
  text-transform:uppercase;
}

h2.h2-zad-akt::before {
  content: '';
  width: 7px;
  height: 32px;
  background: var(--blue);
  border-radius: 53px;
  display: block;
  position: absolute;
}
h2.h2-zad-nad::before {
  content: '';
  width: 7px;
  height: 32px;
  background: var(--blue);
  border-radius: 53px;
  display: block;
  position: absolute;
  left: 0;  top: -5px;
}

div.box-zad {
  background: #fff;
  -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;
}

/* SP - Zadania */
h2.h2-zad {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  padding-left: 15px;
}

h2.h2-zad-akt::before {
  content: '';
  width: 7px;
  height: 32px;
  border-radius: 53px;
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
}

div.box-zad {
  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-bottom:25px;
}

div.r-zad {
  margin-top: 40px;
  margin-bottom: 40px;
}
div.box-zad-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 180px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}

@media only screen and (max-width: 767px) {
	div.box-zad-img {
		background-size: contain;
		background-position: top center;
		height: 170px;
	}	
}

@media only screen and (max-width: 475px) {
	div.box-zad-img {
		background-size: contain;
		background-position: top center;
		height: 100px;
	}	
}

div.box-zad-ins {
  padding: 30px 35px;
  border-radius: 10px;
  margin-top: -10px;
  background: #fff;
}
h2.h2-zad-ins {
  font-weight: bold;
  font-size: 16px;
  line-height: 17px;
  color: #000000;
}

hr.hr-zad-ins {
  background: #D8DDED;
  height: 1px;
  border-top: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

div.box-zis-lft {
  float: left;
  width: 50%;
}
div.box-zis-rgt {
  float: left;
  width: 50%;
  text-align: right;
}

p.p-zis-sprz {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  text-transform: uppercase;
}
/* --- progres sprzedaz */
div.box-zis-prog {
  margin: 0;
}
div.box-zis-progres {
  width: 70px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 14px;
  position: relative;
  display: inline-block;
  overflow:hidden;
}
div.box-zis-prog-ins {
  border-radius: 14px;
  height: 18px;
  position: absolute;
  left: -1px;
  top: -1px;
}

p.p-box-zis-prog-val {
  font-size: 13px;
  font-weight: bold;
  top: -5px;
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  margin-left: 4px;
}
/* ---- green */
.prog-green div.box-zis-prog-ins {
  background: var(--green);
}

.prog-green p.p-box-zis-prog-val {
  color: var(--green);
}

.prog-green div.box-zis-progres {
  border: 2px solid var(--green);
}

/* ---- gray */
.prog-gray div.box-zis-prog-ins {
  background: var(--blue);
}

.prog-gray p.p-box-zis-prog-val {
  color: var(--blue);
}

.prog-gray div.box-zis-progres {
  border: 2px solid var(--blue);
}

/* --- end progres */

/* ---punkty */
div.box-zad-ins-pkt {
  margin-top: 20px;
}
div.box-zip-lft {
  float: left;
  width: 70%;
}
div.box-zip-rgt {
  float: left;
  width: 30%;
  text-align: right;
}

p.p-zip-status {
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  position: relative;
  padding-right: 18px;
}

p.p-zip-status::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
}

/* ----green */
p.p-zip-st-green {
  color: var(--green);
}
p.p-zip-st-green::after {
  background: var(--green);
}

/*---- gray*/
p.p-zip-st-gray {
  color: var(--gray);
}
p.p-zip-st-gray::after {
  background: var(--gray);
}
p.p-zip-pkt {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  position: relative;
  padding-left: 40px;
}
p.p-zip-date {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  position: relative;
  padding-left: 40px;
}

p.p-zip-pkt::before {
  content: '';
  /* background-image: url(../img_marcopol/_global/moneta.png); */
  background-image: url(../img/_global/moneta-alt.png);
  width: 27px;
  height: 26px;
  display: inline-block;
  background-size: 27px 26px;
  position: absolute;
  top: -2px;
  left: 0;
}

p.p-zip-date::before {
  content: '';
  background-image: url(../img/zadania/zadania-date.png);
  width: 21px;
  height: 20px;
  display: inline-block;
  background-size: 21px 20px;
  position: absolute;
  top: 0px;
  left: 3px;
}
div.box-zad-ins-txt {
  margin-top: 15px;
}

@media only screen and (max-width: 920px) {
	div.box-zad-ins-txt {
	  margin-bottom: 40px;
	}
}

p.p-zit,
div.p-zit {
  /*overflow: hidden;*/
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  /*height:85px;*/
}
/*
p.p-zit11:hover,
div.p-zit11:hover {
  overflow: none;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  height:auto;
}*/

/* --- end punkty */
/* --- button */
div.box-zad-ins-btn {
  text-align: center;
}

a.btn-zad-ins,
a.btn-zad-ins:active,
a.btn-zad-ins:visited {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid var(--blue);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 44px;
  padding: 10px 25px;
  -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, background .3s ease-in-out;
}

a.btn-zad-ins:hover,
a.btn-zad-ins:focus {
  color: #fff;
  background: var(--blue);
  text-decoration: none;
}
/* --- end button */

/* ---disable card */
/* ---disable card */
.disable-card::not(a.btn-zad-prem) {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.disable-card p,
.disable-card h2 {
  color: var(--gray);
}

a.btn-zad-prem,
a.btn-zad-prem:active,
a.btn-zad-prem:visited {
  color: #BD081C;
  border-color: var(--gray);
}
a.btn-zad-prem:hover,
a.btn-zad-prem:focus {
	color: #BD081C;
  background: transparent;
}
/* end disable card */

/* Sidebar Zadania */
div.box-side-zins {
  margin-top: 70px;
}
div.box-side-zad {
  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;
}
div.bsz-top {
  background: #FAFAFA;
  border-radius: 10px;
  padding: 15px 0;

}

h3.h3-bsz-top {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  color: #000000;
  text-align: center;
  margin-bottom: 0;
}
div.bsz-cont {
  margin: 0 10px;
  border-top: 1px solid #D8DDED;
}

h3.h3-bsz-cont {
  font-size: 13px;
  line-height: 16px;
  color: #181C2F;
  text-align: center;
  position: relative;
}

h3.h3-bsz-cont span {
font-weight: bold;
}

div.bsz-cont {
  padding: 15px 5px;
}

h3.h3-bsz-cont::before {
  content: '';
  background-image: url(../img/zadania/check-side.png);
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 30px 30px;
  position: relative;
  top: 10px;
  left: -6px;
}

/* --circle radial */
div.progress-circle-container {
  text-align: center;
}
div.prog-rad {
  position: relative;
}
.progress-circle {
  position: relative;
  display: inline-block;
  margin: 1rem;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #dadada; }

.progress-circle:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: colorload 2s;
  animation: colorload 2s; }

.progress-circle span {
  font-size: 18px;
  color: var(--blue);
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 66px;
  height: 66px;
  line-height: 63px;
  margin-left: -33px;
  margin-top: -33px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
  font-weight: bold;
 }

.progress-circle span:after {
  content: "%";
  font-weight: 600;
  color: var(--blue); 
}

.progress-circle.progress-0:after {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ebebeb), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blue)), color-stop(50%, #ebebeb), to(#ebebeb));
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(left, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-1:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(356.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(93.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-2:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(352.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(97.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-3:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(349.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(100.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-4:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(345.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(104.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-5:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(342deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-6:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(338.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(111.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-7:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(334.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(115.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-8:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(331.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(118.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-9:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(327.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(122.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-10:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(324deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-11:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(320.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-12:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(316.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-13:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(313.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-14:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(309.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-15:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(320.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-16:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(316.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-17:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(313.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-18:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(309.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-19:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(306deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-20:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(298.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(151.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-21:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(291.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(158.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-22:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(288.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(161.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-23:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(284.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(165.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-24:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(280.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(169.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-25:after {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ebebeb), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--blue)), color-stop(50%, #ebebeb), to(#ebebeb));
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(top, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-26:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(266.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(183.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-27:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(262.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(187.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-28:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(259.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(190.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-29:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(255.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(194.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-30:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(252deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-31:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(248.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(201.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-32:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(244.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(205.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-33:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(241.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(208.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-34:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(237.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(212.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-35:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(234deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-40:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(216deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-36:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(230.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(219.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-37:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(226.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(223.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-38:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(223.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(226.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-39:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(219.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(230.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-41:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(212.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(237.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-42:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(208.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(241.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-43:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(205.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(244.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-44:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(201.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(248.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-45:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(198deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-46:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(194.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(255.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-47:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(190.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(259.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-48:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(187.2deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(262.8deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-49:after {
  background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(183.6deg, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(266.4deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-50:after {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--blue)), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, var(--blue)), color-stop(50%, #ebebeb), to(#ebebeb));
  background-image: -o-linear-gradient(right, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-90deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-51:after {
  background-image: -o-linear-gradient(176.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-86.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-52:after {
  background-image: -o-linear-gradient(172.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-82.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-53:after {
  background-image: -o-linear-gradient(169.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-79.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-54:after {
  background-image: -o-linear-gradient(165.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-75.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-55:after {
  background-image: -o-linear-gradient(162deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-72deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-56:after {
  background-image: -o-linear-gradient(158.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-68.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-57:after {
  background-image: -o-linear-gradient(154.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-64.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-58:after {
  background-image: -o-linear-gradient(151.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-61.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-59:after {
  background-image: -o-linear-gradient(147.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-57.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-60:after {
  background-image: -o-linear-gradient(144deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-54deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-61:after {
  background-image: -o-linear-gradient(140.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-50.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-62:after {
  background-image: -o-linear-gradient(136.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-46.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-63:after {
  background-image: -o-linear-gradient(133.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-43.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-64:after {
  background-image: -o-linear-gradient(129.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-39.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-65:after {
  background-image: -o-linear-gradient(126deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-36deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-66:after {
  background-image: -o-linear-gradient(122.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-32.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-67:after {
  background-image: -o-linear-gradient(118.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-28.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-68:after {
  background-image: -o-linear-gradient(115.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-25.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-69:after {
  background-image: -o-linear-gradient(111.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-21.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-70:after {
  background-image: -o-linear-gradient(108deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-18deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-71:after {
  background-image: -o-linear-gradient(104.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-14.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-72:after {
  background-image: -o-linear-gradient(100.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-10.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-73:after {
  background-image: -o-linear-gradient(97.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-7.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-74:after {
  background-image: -o-linear-gradient(93.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(-3.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-75:after {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--blue)), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, var(--blue)), color-stop(50%, #ebebeb), to(#ebebeb));
  background-image: -o-linear-gradient(bottom, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(0deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-76:after {
  background-image: -o-linear-gradient(86.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(3.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-77:after {
  background-image: -o-linear-gradient(82.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(7.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-78:after {
  background-image: -o-linear-gradient(79.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(10.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-79:after {
  background-image: -o-linear-gradient(75.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(14.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-80:after {
  background-image: -o-linear-gradient(72deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(18deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-81:after {
  background-image: -o-linear-gradient(68.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(21.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-82:after {
  background-image: -o-linear-gradient(64.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(25.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-83:after {
  background-image: -o-linear-gradient(61.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(28.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-84:after {
  background-image: -o-linear-gradient(57.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(32.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-85:after {
  background-image: -o-linear-gradient(54deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(36deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-86:after {
  background-image: -o-linear-gradient(50.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(39.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-87:after {
  background-image: -o-linear-gradient(46.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(43.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-88:after {
  background-image: -o-linear-gradient(43.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(46.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-89:after {
  background-image: -o-linear-gradient(39.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(50.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-90:after {
  background-image: -o-linear-gradient(36deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(54deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-91:after {
  background-image: -o-linear-gradient(32.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(57.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-92:after {
  background-image: -o-linear-gradient(28.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(61.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-93:after {
  background-image: -o-linear-gradient(25.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(64.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-94:after {
  background-image: -o-linear-gradient(21.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(68.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-95:after {
  background-image: -o-linear-gradient(18deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(72deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-96:after {
  background-image: -o-linear-gradient(14.4deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(75.6deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-97:after {
  background-image: -o-linear-gradient(10.8deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(79.2deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-98:after {
  background-image: -o-linear-gradient(7.2deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(82.8deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-99:after {
  background-image: -o-linear-gradient(3.6deg, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(86.4deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

.progress-circle.progress-100:after {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blue)), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, var(--blue)), color-stop(50%, #ebebeb), to(#ebebeb));
  background-image: -o-linear-gradient(left, var(--blue) 50%, transparent 50%, transparent), -o-linear-gradient(right, var(--blue) 50%, #ebebeb 50%, #ebebeb);
  background-image: linear-gradient(90deg, var(--blue) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--blue) 50%, #ebebeb 50%, #ebebeb); }

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* --end circle radial */

div.prog-rad-leg {
  text-align: center;
}
p.p-rad-uk {
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  line-height: 1;
  color: #000000;
  margin-bottom: 7px;
  position: relative;
  display: inline-block;
}
p.p-rad-dz {
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  line-height: 1;
  color: #000000;
  margin-bottom: 7px;
  position: relative;
  display: inline-block;
}

p.p-rad-uk::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    position: relative;
    top: 13px;
    left: -15px;
    background: var(--blue);
}

p.p-rad-dz::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  position: relative;
  top: 13px;
  left: -15px;
  background: #dadada;
}

h3.h3-pkt-cont {
  font-size: 13px;
  line-height: 16px;
  color: #181C2F;
  text-align: center;
  position: relative;
}

p.p-pkt-pz {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  color: var(--blue);
  text-align: center;
  position: relative;
}

p.p-pkt-pz::before {
  content: '';
  background-image: url(../img/zadania/star-blue.png);
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 25px 25px;
  position: relative;
  top: 6px;
  left: -6px;
}
/* end sidebar zadania */


/* Single zadania */
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.box-sin-pst {
  width: 100%;
}
div.box-sin-pst-lft {
  float: left;
  width: 100%;
  max-width: 100%;
  height: 170px;
  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;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
}
div.box-sin-pst {
  float: left;
  width: 100%;
  /*height: 168px;*/
  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;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
}
div.box-sin-pst-rgt {
  float: left;
  width: 200px;
  -ms-flex: 0 0 200px;
  -webkit-box-flex: 0;
          flex: 0 0 200px;
  max-width: 200px;
  height: 170px;
  margin-left: 15px;
  background: #F8F8FB;
  /* box-shadow: 0px 3px 6px rgba(75, 81, 91, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.15); */
  border-radius: 10px;
  padding: 20px;
}

p.p-pst-nag {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
  text-align: center;
}

p.p-pst-val {
  font-weight: bold;
  font-size: 27px;
  line-height: 33px;
  text-align: center;
  color: #A6ACBE;
  margin-bottom: 10px;
  margin-top: 5px;
}

p.p-pst-val-green {
  color: var(--akcent);
}

div.box-pst-btn {
  text-align: center;
}
a.btn-pst-zs,
a.btn-pst-zs:active,
a.btn-pst-zs:visited {
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: var(--akcent);
    border: 1px solid var(--akcent);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 44px;
    padding: 10px 35px;
    -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
    -o-transition: color .3s ease-in-out, background .3s ease-in-out;
    transition: color .3s ease-in-out, background .3s ease-in-out;
}

a.btn-pst-zs:hover, 
a.btn-pst-zs:focus {
  color: var(--akcent);
  background: #fff;
  text-decoration: none;
}

p.p-szad-date {
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  margin-bottom: 20px;
}

h2.h2-szad-date {
  font-weight: bold;
  font-size: 16px;
  line-height: 17px;
  color: var(--black);
  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;
}

hr.hr-szad {
  background: #D8DDED;
  height: 1px;
  border-top: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

p.p-szad-stat {
  font-size: 15px;
  line-height: 22px;
  color: #A6ACBE;
  padding-left: 40px;
  position: relative;
}

p.p-szad-stat::before {
  content: '';
  width: 10px;
  height: 10px;
  background: #979797;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 7px;
  top: 6px;
}
p.p-szad-stat-green {
  color: var(--green);
}
p.p-szad-stat::before {
  background: var(--green);
}
p.p-szad-stat-red {
  color: var(--red);
}
p.p-szad-stat-red::before {
  background: var(--red);
}

/*div.box-szad-txt {
  margin-top: 30px;
}*/
p.p-szad-txt-nag {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

p.p-szad-txt {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}

div.box-szad-time {
  display: inline-block;
  border-radius: 44px;
  padding: 6px 25px;
  border: 1px solid var(--blue);
}

p.p-szad-time {
  margin-bottom: 0;
  display: inline-block;
  font-weight: bold;
}
figure.fig-szad {
  display: inline-block;
}
div.box-szad-ank div.box-szad-pkt {
  display: inline-block;
  margin-left: 20px;
}
/* Zadania tabela */
div.r-szad-tab {
  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: 25px 15px;
}

/* Sekcja zdjęć w promocjach rankingowych */
div.r-szad-zdjecia {
  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: 25px 15px;
}

/* Style dla statusów zdjęć */
.status-oczekuje {
  color: #f39c12;
  font-weight: bold;
}
.status-zaakceptowane {
  color: #27ae60;
  font-weight: bold;
}
.status-odrzucone {
  color: #e74c3c;
  font-weight: bold;
}


h2.h2-szad-tab {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: var(--black);
}

/** 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: var(--blue);
  border-color: var(--blue);
}
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%;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: var(--blue);
}
.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: var(--blue);
}
div.box-dt-nav div {
  text-align: left;
  float: left;
}

table.dataTable > thead .sorting::before {
  content: '';
  background-image: url(../img/zadania/tab-up.png);
  width: 6px;
  height: 12px;
  display: inline-block;
  background-size: 6px 12px;
  opacity: .6;
}
table.dataTable > thead .sorting::after {
  content: '';
  background-image: url(../img/zadania/tab-down.png);
  width: 6px;
  height: 12px;
  display: inline-block;
  background-size: 6px 12px;
  opacity: .6;
}

table.dataTable > thead .sorting.sorting_desc::before {
  opacity: 1;
}

td.td-szad {
  font-size: 14px;
}
p.p-szt-bn {
  color: var(--red);
  font-weight: bold;
  margin-bottom: 0;
}


/* Ankieta */
h3.h3-nag-test {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: var(--blue);
}

div.box-ank {
  text-align: center;
}

p.p-ank-pyt {
  max-width: 570px;
  width: 100%;
  font-weight: bold;
  margin: 25px auto;
}

div.box-q-ans {
  position: relative;
  margin: 3px 0;
}

div.form-group-q label {
  margin: 0;
  display: inline;
  font-family: soleto-light;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
  color: var(--gray-txt);
}

a.btn-ank,
a.btn-ank:active,
a.btn-ank:visited {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: var(--blue);
  border: 1px solid var(--blue);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 44px;
  padding: 10px 35px;
  -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, background .3s ease-in-out;
}

a.btn-ank:hover,
a.btn-ank:focus-within {
  color: var(--blue);
  background: #fff;
  text-decoration: none;
}

button.btn-ank-send,
button.btn-ank-send:active,
button.btn-ank-send:visited {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: var(--blue);
  border: 1px solid var(--blue);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 44px;
  padding: 10px 35px;
  -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, background .3s ease-in-out;
}

button.btn-ank-send:hover,
button.btn-ank-send:focus-within {
  color: #fff;
  background: var(--green);
  text-decoration: none;
}
div.box-q-ans input[name="quiz"] {
  display: none;
}

div.box-q-ans input[name="quiz"] + label {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  padding: 8px 30px;
}


div.box-q-ans input[name="quiz"]:checked + label {
  background: var(--blue);
  color: #fff;
  border-radius: 44px;
}
/* ---ank thank */
div.box-ank-thank {
  text-align: center;
  padding: 20px;
}

p.p-ank-thank-nag {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: var(--green);
  padding-top: 20px;
}

p.p-ank-thank-txt {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  max-width: 440px;
  width: 100%;
  margin: 60px auto 40px auto;
}

p.ank-thank-pkt {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

div.box-ank-thank-pkt {
  display: inline-block;
}

/* Nagrody rzeczowe */
h2.h2-nag-rze {
  color: var(--akcent);
}
h2.h2-nag-rze::before {
  background: var(--akcent);
}

  /* -- filtrowanie */
  div.r-nag-filtr {
    padding: 15px 30px; 
    background: #F9F9F9;
    -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: 12px;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  p.p-nr-tp {
    font-weight: bold;
    font-size: 14px;
    line-height: 23px;
    text-align: right;
    display: inline-block;
    margin-bottom: 30px;
  }

  p.p-nr-tp::before {
    content: '';
    background-image: url(../img/nagrody/ico-logo-pkt.png);
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 40px 40px;
    position: relative;
    top: 14px;
    left: -14px;
  }

  p.p-nr-tp span {
    font-weight: bold;
    color: #33A8C1;
    font-size: 18px;
  }

  div.box-nr-sidebar {
    -ms-flex: 0 0 250px;
    -webkit-box-flex: 0;
            flex: 0 0 250px;
    max-width: 250px;
    float: left;
  }
  div.box-nr-content {
    -ms-flex: 0 0 calc(100% - 250px);
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
    float: left;
    padding-left: 30px;
  }

  div.nr-side-ins {
    background: #FFFFFF;
    border: 1px solid #ABABAB;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 10px;
    min-height: 200px;
  }

  div.nr-side-ins-top {
    background: #F9F9F9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 25px;
  }

  p.p-sip-nag {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0;
  }

  div.cm-nr-prod {
    padding-left: 5px;
    padding-right: 5px;
  }

  div.box-nr-prod {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    -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);
    text-align: center;
    height: 240px;
    position: relative;
  }

  p.p-nr-new {
    background: #E10000;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1;
    padding: 3px 6px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 10px;
    left: 20px;
  }

  p.p-nr-pkt-prod {
    font-weight: bold;
    background-image: url(../img/nagrody/pkt-sygn-bcg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 10px;
    right: 15px;
    color: #000 !important;
    line-height: 1;
    font-size: 12px;
    padding-top: 22px;
    border: 1px solid #546F7A;
  }

  div.box-nr-prod-logo {
    height: 145px;
  }
  img.img-nr-prod {
    width: 100%;
    max-height: 100%;
  }
  div.box-nr-prod p.p-nr-new {
    z-index: -1;
  }

  div.box-nr-prod p.p-nr-pkt-prod {
    z-index: -1;
  }
  div.box-nr-prod figure.fig-nr-prod {
    z-index: -2;
    position: relative;
    height: 100%;
  }

  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 {
    color: #585858;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }

  a.a-nr-prod:hover,
  a.a-nr-prod:focus {
    text-decoration: none;
  }

  a.a-nr-prod:hover p.p-nr-prod-txt,
  a.a-nr-prod:focus p.p-nr-prod-txt {
    color: #000;
  }

  a.a-nr-prod:hover,
  a.a-nr-prod:focus { 
    cursor: pointer;
  }

  a.a-nr-prod div.box-nr-prod::before,
  a.a-nr-prod:active div.box-nr-prod::before,
  a.a-nr-prod:visited div.box-nr-prod::before {
    content: '';
    color: #fff;
    font-weight: 00;
    width: 100%;
    height: 0%;
    background: rgba(51, 168, 193, .9);
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    padding-top: 0px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    opacity: 0;
  }

  a.a-nr-prod:hover div.box-nr-prod::before/*,
  a.a-nr-prod:focus div.box-nr-prod::before*/ {
    height: 100%;
    padding-top: 106px;
    content: 'Zobacz więcej';
    opacity: 1;
  }

  /* ---- sidebar nagrody */
ul.ul-sip {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li.li-sip {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
li.li-sip:nth-last-child {
  border-bottom: none;
}

figure.fig-sip {
  margin-left: -8px;
  margin-right: 10px;
}

li.li-slip:hover {
   background: rgba(0, 187, 212, .15);
}

a.a-ul-sip,
a.a-ul-sip:active,
a.a-ul-sip:visited  {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #585858;
  padding: 15px 30px;
  display: block;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
  position: relative;
}

a.a-ul-sip:hover,
a.a-ul-sip.active,
a.a-ul-sip:focus  {
  text-decoration: none;
  background: rgba(51, 168, 193, 0.15);
  width: 100%;
}

a.a-ul-sip-active,
a.a-ul-sip-active:active,
a.a-ul-sip-active:visited  {
  background: rgba(0, 187, 212, .15);
}


a.a-ul-sip-active:hover,
a.a-ul-sip-active:focus  {
  background: rgba(0, 187, 212, .15);
}

span.sp-sip-new {
  display: inline-block;
}
span.sp-sip-new::after {
  content: 'NOWOŚĆ';
  background: #E10000;
  color: #fff;
  font-size: 7px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 5px;
  display: block;
  position: absolute;
  margin-top: -23px;
  margin-left: -14px;
}

/* li.li-sip svg {
  margin-right: 20px;
  margin-top: -2px;
}

a.a-ul-sip svg path {
  transition: fill .2s ease-in-out;
}

a.a-ul-sip:hover svg path,
a.a-ul-sip:focus svg path {
  fill: #fff;
} */
div.nr-side-ins-cont {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

div.r-akt-filtr {
  margin-bottom: 30px;
}
div.cm-akt-filtr {
  padding-left: 0;
}
ul.ul-akt-filtr {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  display: inline-block;
}
li.li-akt-filtr {
  display: inline-block;  
  border: 1px solid #33A8C1;
  border-radius: 5px;
  padding: 7px 25px;
  font-size: 15px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
li.li-akt-filtr:last-child {
  padding: 7px 20px;
  border-color: rgba(0,0,0,1);
}


figure.fig-akt-filtr-close {
  position: absolute;
  right: 10px;
}
figure.fig-akt-filtr-close:hover {
  cursor: pointer;
}

a.a-akt-filtr-clear {
  display: inline-block;
}

.a-akt-filtr-clear,
.a-akt-filtr-clear:active,
.a-akt-filtr-clear:visited {
  background: none;
  color: #000;
  font-size: 14px;
  font-weight: 500;;
  border: none;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}
.a-akt-filtr-clear:hover,
.a-akt-filtr-clear:focus {
  color: #33A8C1;
}

form.form-filtr {
  width: 100%;
}
div.fg-ib input {
  display: inline-block;
  width: 90px;
}
label.fg-od-lab {
  display: block;
}
button.btn-fnr-send,
button.btn-fnr-send:active,
button.btn-fnr-send:visited {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #33A8C1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 44px;
  padding: 10px 0;

  max-width: 320px;
  width: 100%;
  -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, background .3s ease-in-out;
  margin-top: 25px;
  width: 100%;
}
button.btn-fnr-send:hover,
button.btn-fnr-send:focus {
  color: #fff;
  background: #33A8C1;
  text-decoration: none;
}


div.box-pnmcs input[name="nacostac"] {
  display: none;
}

div.box-pnmcs input[name="nacostac"] + label {
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  padding: 7px 30px;
  border: 1px solid #000;
  border-radius: 5px;
  width: 100%;
}


div.box-pnmcs input[name="nacostac"]:checked + label {
  background: var(--blue);
  color: #fff;
}

div.r-nr-pag {
  margin-top: 20px;
}

a.a-nr-nav,
a.a-nr-nav:active,
a.a-nr-nav:visited {
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  color: #000000;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}
a.a-nr-nav:hover,
a.a-nr-nav:focus {
  color: #33A8C1;
  text-decoration: none;
}

a.a-nr-nav-prev,
a.a-nr-nav-prev:active,
a.a-nr-nav-prev:visited {
  margin-right: 30px;
}

img.img-nr-nav-prev {
  margin-right: 15px;
  margin-top: -3px;
}
img.img-nr-nav-next {
  margin-left: 15px;
  margin-top: -3px;
}


/* Modal nagrody */
div.mod-nr-prod .modal-dialog {
  max-width: 574px;
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
}
div.mod-nr-prod .modal-content {
  border-radius: 0;
}

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;
}

div.bnld-mod input.inp-nag-lim-ddk {
  width: 66px;
  height: 35px;
}

button.btn-nr-close-mod {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 1;
}

hr.hr-nr-mod {
  height: 1px solid #ECECEC;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0px;
}
div.mod-nr-prod p.p-nag-lim-lab {
  margin-top: 20px;
}
  /* end nagrody */

  /* Webinary */
  h2.h2-web-akt {
    color: var(--orange);
  }
  h2.h2-web-akt::before {
     background: var(--orange);
  }

  p.p-zip-pkt-web::before {
    background-image: url(../img/rozwoj/web-time.png);
  }
  
  a.btn-zad-web,
  a.btn-zad-web:active,
  a.btn-zad-web:visited {
    border: 1px solid var(--orange);
  }

  a.btn-zad-web:hover,
  a.btn-zad-web:focus {
    background: var(--orange);
  }

  figure.fig-zysk-pkt {
    position: absolute;
    bottom: -20px;
    right: 20px;
  }
  
  div.box-zip-web {
    min-height: 115px;
  }
  p.p-zip-check {
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    position: relative;
    padding-left: 40px;
  }

  p.p-zip-check::before {
    content: '';
    background-image: url(../img/rozwoj/web-check.png);
    width:18px;
    height: 14px;
    display: inline-block;
    background-size: 18px 14px;
    position: absolute;
    top: 4px;
    left: 5px;
  }

  h2.h2-web-nad {
    color: var(--orange);
  }
  .disable-card div.box-zad-img {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }

  h3.h3-bsz-web::before {
    background-image: url(../img/rozwoj/web-orange-check.png);
  }

  .progress-circle span {
    color: var(--orange);
   }
  
  .progress-circle span:after {
    color: var(--orange); 
  }
  
  .prog-rad-web.progress-circle.progress-0:after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ebebeb), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #F39200), color-stop(50%, #ebebeb), to(#ebebeb));
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(left, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-1:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(356.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(93.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-2:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(352.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(97.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-3:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(349.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(100.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-4:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(345.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(104.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-5:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(342deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-6:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(338.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(111.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-7:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(334.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(115.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-8:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(331.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(118.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-9:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(327.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(122.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-10:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(324deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-11:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(320.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-12:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(316.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-13:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(313.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-14:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(309.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-15:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(320.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-16:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(316.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-17:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(313.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-18:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(309.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-19:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(306deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-20:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(298.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(151.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-21:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(291.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(158.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-22:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(288.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(161.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-23:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(284.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(165.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-24:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(280.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(169.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-25:after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ebebeb), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #F39200), color-stop(50%, #ebebeb), to(#ebebeb));
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(top, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-26:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(266.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(183.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-27:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(262.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(187.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-28:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(259.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(190.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-29:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(255.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(194.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-30:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(252deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-31:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(248.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(201.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-32:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(244.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(205.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-33:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(241.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(208.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-34:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(237.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(212.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-35:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(234deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-40:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(216deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-36:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(230.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(219.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-37:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(226.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(223.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-38:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(223.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(226.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-39:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(219.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(230.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-41:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(212.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(237.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-42:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(208.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(241.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-43:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(205.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(244.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-44:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(201.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(248.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-45:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(198deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-46:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(194.4deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(255.6deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-47:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(190.8deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(259.2deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-48:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(187.2deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(262.8deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-49:after {
    background-image: -o-linear-gradient(left, #ebebeb 50%, transparent 50%, transparent), -o-linear-gradient(183.6deg, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(266.4deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-50:after {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #F39200), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #F39200), color-stop(50%, #ebebeb), to(#ebebeb));
    background-image: -o-linear-gradient(right, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-90deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-51:after {
    background-image: -o-linear-gradient(176.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-86.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-52:after {
    background-image: -o-linear-gradient(172.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-82.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-53:after {
    background-image: -o-linear-gradient(169.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-79.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-54:after {
    background-image: -o-linear-gradient(165.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-75.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-55:after {
    background-image: -o-linear-gradient(162deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-72deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-56:after {
    background-image: -o-linear-gradient(158.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-68.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-57:after {
    background-image: -o-linear-gradient(154.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-64.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-58:after {
    background-image: -o-linear-gradient(151.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-61.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-59:after {
    background-image: -o-linear-gradient(147.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-57.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-60:after {
    background-image: -o-linear-gradient(144deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-54deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-61:after {
    background-image: -o-linear-gradient(140.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-50.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-62:after {
    background-image: -o-linear-gradient(136.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-46.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-63:after {
    background-image: -o-linear-gradient(133.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-43.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-64:after {
    background-image: -o-linear-gradient(129.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-39.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-65:after {
    background-image: -o-linear-gradient(126deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-36deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-66:after {
    background-image: -o-linear-gradient(122.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-32.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-67:after {
    background-image: -o-linear-gradient(118.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-28.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-68:after {
    background-image: -o-linear-gradient(115.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-25.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-69:after {
    background-image: -o-linear-gradient(111.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-21.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-70:after {
    background-image: -o-linear-gradient(108deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-18deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-71:after {
    background-image: -o-linear-gradient(104.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-14.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-72:after {
    background-image: -o-linear-gradient(100.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-10.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-73:after {
    background-image: -o-linear-gradient(97.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-7.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-74:after {
    background-image: -o-linear-gradient(93.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(-3.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-75:after {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #F39200), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #F39200), color-stop(50%, #ebebeb), to(#ebebeb));
    background-image: -o-linear-gradient(bottom, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(0deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-76:after {
    background-image: -o-linear-gradient(86.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(3.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-77:after {
    background-image: -o-linear-gradient(82.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(7.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-78:after {
    background-image: -o-linear-gradient(79.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(10.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-79:after {
    background-image: -o-linear-gradient(75.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(14.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-80:after {
    background-image: -o-linear-gradient(72deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(18deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-81:after {
    background-image: -o-linear-gradient(68.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(21.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-82:after {
    background-image: -o-linear-gradient(64.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(25.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-83:after {
    background-image: -o-linear-gradient(61.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(28.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-84:after {
    background-image: -o-linear-gradient(57.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(32.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-85:after {
    background-image: -o-linear-gradient(54deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(36deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-86:after {
    background-image: -o-linear-gradient(50.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(39.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-87:after {
    background-image: -o-linear-gradient(46.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(43.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-88:after {
    background-image: -o-linear-gradient(43.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(46.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-89:after {
    background-image: -o-linear-gradient(39.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(50.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-90:after {
    background-image: -o-linear-gradient(36deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(54deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-91:after {
    background-image: -o-linear-gradient(32.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(57.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-92:after {
    background-image: -o-linear-gradient(28.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(61.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-93:after {
    background-image: -o-linear-gradient(25.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(64.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-94:after {
    background-image: -o-linear-gradient(21.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(68.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-95:after {
    background-image: -o-linear-gradient(18deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(72deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-96:after {
    background-image: -o-linear-gradient(14.4deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(75.6deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-97:after {
    background-image: -o-linear-gradient(10.8deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(79.2deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-98:after {
    background-image: -o-linear-gradient(7.2deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(82.8deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-99:after {
    background-image: -o-linear-gradient(3.6deg, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(86.4deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
  .prog-rad-web.progress-circle.progress-100:after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #F39200), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #F39200), color-stop(50%, #ebebeb), to(#ebebeb));
    background-image: -o-linear-gradient(left, #F39200 50%, transparent 50%, transparent), -o-linear-gradient(right, #F39200 50%, #ebebeb 50%, #ebebeb);
    background-image: linear-gradient(90deg, #F39200 50%, transparent 50%, transparent), linear-gradient(270deg, #F39200 50%, #ebebeb 50%, #ebebeb); }
  
    p.p-rad-uk-web::before {
      background: var(--orange);
    }

/* Podcast */
    div.cm-content-pdst {
      -ms-flex: 0 0 calc(100% - 460px);
      -webkit-box-flex: 0;
              flex: 0 0 calc(100% - 460px);
      max-width: calc(100% - 460px);
      min-height: 200px;
    }
    
    div.cm-side-pdst {
      -ms-flex: 0 0 460px;
      -webkit-box-flex: 0;
              flex: 0 0 460px;
      max-width: 460px;
      min-height: 200px;
    }

    div.box-pdst {
      padding: 20px;
    }
    div.bcg-pdst {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      height: 165px;
      width: 100%;
      border-radius: 10px;
    }
    p.p-pdst-date {
      margin-top: 20px;
    }
    h3.h3-pdst {
      font-weight: bold;
      font-size: 16px;
      line-height: 17px;
      color: #000000;
      position: relative;
      padding-left: 30px;
    }

    h3.h3-pdst::before {
      content: '';
      background-image: url(../img/rozwoj/ico-pdst.png);
      width: 15px;
      height: 21px;
      display: inline-block;
      background-size: 15px 21px;
      position: absolute;
      top: -2px;
      left: 0;
    }

    p.p-pdco {
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      color: #000000;
      text-transform: uppercase;
    }
    ul.ul-pdco,
    div.ul-pdco > ul {
      list-style: none;
      padding-left: 25px;
    }

    li.li-pdco,
    div.ul-pdco > ul > li {
      position: relative;
      font-weight: 500;
      font-size: 14px;
      line-height: 22px;
      color: #000000;
      padding-bottom: 8px;
    }

    li.li-pdco::before,
	div.ul-pdco > ul > li::before{
      content: '';
      background-image: url(../img/rozwoj/li-pdst.png);
      width: 16px;
      height: 10px;
      display: inline-block;
      background-size: 16px 10px;
      position: absolute;
      top: 6px;
      left: -23px;
    }

    p.p-pdco-nag {
      margin-top: 20px;
    }

    div.box-pdst-btn {
      margin-top: 30px;
    }

    a.btn-pdco,
    a.btn-pdco:active,
    a.btn-pdco:visited {
      font-weight: 600;
      font-size: 15px;
      line-height: 22px;
      text-align: center;
      color: #fff;
      background: var(--orange);
      border: 1px solid var(--orange);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 44px;
      padding: 10px 69px;
      -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
      -o-transition: color .3s ease-in-out, background .3s ease-in-out;
      transition: color .3s ease-in-out, background .3s ease-in-out;
      position: relative;
    }

    a.btn-pdco:hover,
    a.btn-pdco:focus {
      color: #fff;
      background: var(--blue);
      border: 1px solid var(--blue);
      text-decoration: none;
    }
    a.btn-pdco-blue,
    a.btn-pdco-blue:active,
    a.btn-pdco-blue:visited {
      margin-left: 20px;
      background: var(--blue);
      border: 1px solid var(--blue);
    }
    a.btn-pdco-blue:hover,
    a.btn-pdco-blue:focus {
      background: var(--orange);
      border: 1px solid var(--orange);
    }
    div.box-web-single {
      position: relative;
      margin: 40px 0 20px 0;
    }
    p.p-web-single {
      margin: 15px 0 0 0;
      font-weight: bold;
      font-size: 14px;
      line-height: 22px;
      color: var(--red);
    }
    a.btn-pdco-gray,
    a.btn-pdco-gray:active,
    a.btn-pdco-gray:visited {
      background: #dadada;
      border: 1px solid #dadada;
    }
    a.btn-pdco:hover,
    a.btn-pdco:focus-within {
      background: var(--blue);
      border: 1px solid var(--blue);
    }

    figure.fig-pdco-play {
      position: absolute;
      right: 12px;
      top: 9px;
    }

    /* podcast - sidebar */
    h2.h2-side-pdst {
      position: relative;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      color: #000;
      padding-left: 25px;
   
    }

    h2.h2-side-pdst::before {
      content: '';
      width: 7px;
      height: 32px;
      background: var(--blue);
      border-radius: 53px;
      display: block;
      position: absolute;
      left: 0;
      top: -4px;
    }

    div.box-side-pdst-ins {
      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;
      padding: 10px;
      margin-top: 47px;
    }

    div.box-spi-a {
      float: left;
      -ms-flex: 0 0 100px;
      -webkit-box-flex: 0;
              flex: 0 0 100px;
      max-width: 100px;
      position: relative;
      width: 100%;
    }

    div.box-spi-b {
      position: relative;
      float: left;
      -ms-flex: 0 0 calc(100% - 140px);
      -webkit-box-flex: 0;
              flex: 0 0 calc(100% - 140px);
      max-width: calc(100% - 140px);
      width: 100%;
      padding-left: 10px;
    }
    div.box-spi-c {
      position: relative;
      float: left;
      -ms-flex: 0 0 40px;
      -webkit-box-flex: 0;
              flex: 0 0 40px;
      max-width: 40px;
      width: 100%;
    }

    p.p-zsk-pkt {
      font-weight: 600;
      font-size: 13px;
      line-height: 22px;
      color: var(--blue);
      margin-bottom: 5px;
    }
    p.p-zsk-tyt {
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 18px;
      color: var(--blue);
      margin-bottom: 15px;
    }

    figure.fig-pdst-rgt {
      top: 34px;
      right: 5px;
      position: absolute;
    }

    a.a-side-pdst figure.fig-pdst-rgt,
    a.a-side-pdst:active figure.fig-pdst-rgt,
    a.a-side-pdst:visited figure.fig-pdst-rgt {
      -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-side-pdst:hover figure.fig-pdst-rgt,
    a.a-side-pdst:focus figure.fig-pdst-rgt {
      -webkit-transform: translate(5px);
          -ms-transform: translate(5px);
              transform: translate(5px);
    }

    a.a-side-pdst:hover img.img-zsk-pkt,
    a.a-side-pdst:focus img.img-zsk-pkt {
      -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
      animation: heartbeat 1.5s ease-in-out infinite both;
    }



 @-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

p.p-pdst-time {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  color: #000000;
  padding-left: 30px;
  position: relative;
  margin-top: 20px;
}

p.p-pdst-time::before {
  content: '';
  background-image: url(../img/rozwoj/pdst-time.png);
  width: 22px;
  height: 22px;
  display: inline-block;
  background-size: 22px 22px;
  position: absolute;
  top: -1px;
  left: -3px;
}

div.box-pdst-lab {
  margin-top: 10px;
  margin-bottom: 30px;
}

a.btn-pdst-lab,
a.btn-pdst-lab:active,
a.btn-pdst-lab:visited {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 44px;
  padding: 10px 40px;
  -webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, background .3s ease-in-out;
  margin-right: 15px;
}

a.btn-pdst-lab:hover,
a.btn-pdst-lab:focus {
  color: var(--orange);
  background: #fff;
  text-decoration: none;
}

figure.fig-pdst-dwnl {
  position: relative;
  left: -9px;
  top: -3px;
}

/* Katalog nagród - nagrody limitowane */
img.img-fig-nag-lim {
  max-width: 100%;
  width: 100%;
}
h2.h2-nag-lim-d {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #626262;
}
p.p-nag-lim-kp {
  font-size: 12px;
  line-height: 140%;
  color: #000;
}

p.p-nag-lim-pkt {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000; 
  border: 1px solid var(--teal);
  border-radius: 10px;
  display: inline-block;
  padding: 5px 20px;
}

a.a-nag-lim-ddk,
a.a-nag-lim-ddk:active,
a.a-nag-lim-ddk:visited {
  color: #21A537;
  text-decoration: underline;
  -webkit-transition: .3s color ease-in-out;
  -o-transition: .3s color ease-in-out;
  transition: .3s color ease-in-out;
}

a.a-nag-lim-ddk:hover,
a.a-nag-lim-ddk:focus {
  color: var(--teal);
}

p.p-nag-lim-lab {
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #000000;
  margin-top: 40px;
}
p.p-nag-lim-txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #2C2C2C;

}

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: 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: 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;
}

button.btn-nag-lim-ddk.green{
  background-color:var(--green);
  border-color:var(--green);
}

button.btn-nag-lim-ddk.btn-danger{
  background-color:var(--red);
  border-color:var(--red);
}
button.btn-nag-lim-ddk.btn-primary{
  background-color:var(--blue);
  border-color:var(--blue);
}

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: var(--black);
  background-color: transparent;
  text-decoration: none;
}

input.inp-nag-lim-ddk {
  display: inline-block;
  width: 85px;
  height: 46px;
  position: relative;
  top: 2px;
  margin-left: 10px;
}

p.p-nag-lim-ddk {
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #21A537;
  margin-top: 20px;
}
p.p-nag-lim-err {
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: var(--red);
  margin-top: 20px;
}

hr.hr-nag-lim {
  background: #C9C9C9;
  height: 1px;
  border-top: none;
  margin-top: 40px;
  margin-bottom: 40px;
}

/** subpage moje konto **/
div.row-page-mk {
  position: relative;
  margin-top: 40px;
}
div.col-mk {
  position: relative;
  margin-bottom: 30px;
}
a.a-mk,
a.a-mk:active,
a.a-mk:visited {
  color: #7B7B7B;
}
a.a-mk:hover,
a.a-mk:focus-within {
  text-decoration: none;
  color: var(--red);
}
div.box-mk {
  position: relative;
  min-height: 130px;
  text-align: center;
  padding: 20px 10px;
  -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;

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

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

  transition: background-color .3s ease-in-out;
}
a.a-mk:hover div.box-mk,
a.a-mk:focus-within div.box-mk {
  background-color: var(--red);
}
svg.svg-mk {
  height: 45px; 
  margin-bottom: 10px;
}
svg.svg-mk path {
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out;
}
a.a-mk:hover svg.svg-mk path,
a.a-mk:focus-within svg.svg-mk path {
  fill: #fff;
}
h2.h2-mk {
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.01em;
  
  color: #7B7B7B;  
  -webkit-transition: color .3s ease-in-out;  
  -o-transition: color .3s ease-in-out;  
  transition: color .3s ease-in-out;
}
a.a-mk:hover h2.h2-mk,
a.a-mk:focus-within h2.h2-mk {
  color: #fff;
}
@media only screen and (max-width: 920px) {
  div.col-mk {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

/**

##~~##~~## 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;
  }
  img.img-logo {
    max-width: 150px;
  }
  div.mob-box-menu {
    display: inline-block;
    position: relative;
    top: 2px;
  }

  /** 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: 13px;
  }
  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;
  }
  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(--blue);
  }
  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);
  }
  ul.ul-main li.color-yellow div.box-submenu {
    background-color: var(--yellow);
  }
  ul.ul-main li.color-black div.box-submenu {
    background-color: var(--black);
  }

  /** 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) {
  .logo-login-bottom{
    display:none;
  }
  main#MainLogin {
    padding: 0;
  }
  .fluid-login{
    padding: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: #000;
    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: #000;
    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: #000;
    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: #000;
    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;
  }
}

/** 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: #000;
}
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: #000; 
}
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: #000; 

  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(--blue);
}
div.box-for-body p {
  margin: 0 0 5px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #000;
}

  /** 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;
}

  /** forum settings **/
div.box-for-settings {
  position: absolute;
  right: 0; top: 0;
}
div.box-for-settings:hover,
div.box-for-settings:focus,
div.box-for-settings:focus-within {
  cursor: pointer;
}
svg.svg-for-set path {
  transition: stroke .3s ease-in-out;
}
div.box-for-settings:hover svg.svg-for-set path,
div.box-for-settings:focus svg.svg-for-set path,
div.box-for-settings:focus-within svg.svg-for-set path {
  stroke: var(--blue);
}
div.box-for-set-active svg.svg-for-set path {
  stroke: var(--blue);
}

  /** forum dorpdown **/
div.box-for-dropm {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0; top: 30px;
  padding: 8px;
  width: 150px;

  background-color: #fff;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  box-shadow: 2px 1px 5px rgb(0 0 0 / 15%);
  border-radius: 5px;
}
div.box-for-set-active div.box-for-dropm {
  display: block;
}
ul.ul-for-dropm {
  margin: 0; padding: 0;
}
ul.ul-for-dropm li {
  display: block;
  margin: 5px 0;
}
p.p-for-dropm {
  margin: 0; padding: 3px 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.03em;
  color: #808080;
}

  /** forum nav **/
div.box-for-main-zamkniete {
  display: none;
}
button.btn-for-nav {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 8px 20px;

  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  background-color: #EAEAEA;
  border-radius: 100px;
  color: #808080;

  transition: opacity .3s ease-in-out;
}
button.btn-for-nav:hover {
  text-decoration: none;
  color: #808080;
  opacity: .5;
}
button.btn-for-nav:focus,
button.btn-for-nav:focus-within {
  text-decoration: none;
  color: #808080;
}
button.btn-for-nav.btn-for-active {
  background-color: var(--blue);
  color: #fff;
}
svg.svg-for-nav {
  position: relative;
  margin-right: 5px;
  top: -1px;
}
svg.svg-for-nav path {
  transition: stroke .3s ease-in-out;
}
button.btn-for-nav.btn-for-active svg.svg-for-nav path {
  stroke: #fff;
}

/** forum sidebar **/
a.a-sd-for,
a.a-sd-for:active,
a.a-sd-for:visited {
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px 15px;

  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.02em;  
  color: #fff;
  background-color: var(--blue);
  border-radius: 5px;

  transition: background-color .3s ease-in-out;
}
a.a-sd-for:hover,
a.a-sd-for:focus,
a.a-sd-for:focus-within {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}
a.a-sd-for svg {
  margin-right: 5px;
}
div.sd-for-main {
  position: relative;
  padding: 25px;
  background: #fff;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}
div.box-sd-for-content {
  position: relative;
  margin-bottom: 20px;
}
h3.h3-sd-for {
  position: relative;
  display: block;

  margin: 0 0 10px 0;
  padding: 0 0 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #000;

  border-bottom: 1px solid #EAEAEA;
}
ul.ul-for-sd {
  margin: 0; padding: 0;
}
ul.ul-for-sd li {
  position: relative;
  display: block;
  margin: 5px 0;
}
a.a-for-sd,
a.a-for-sd:active,
a.a-for-sd:visited {
  position: relative;
  display: block;
  padding-left: 15px;

  font-weight: 400;
  font-size: 12px;
  line-height: 20px;  
  letter-spacing: 0.03em;  
  color: var(--blue);

  transition: color .3s ease-in-out;
}
a.a-for-sd::before {
  content: '●';
  position: absolute;
  left: 0; top: 2px;
  color: var(--blue);
}
a.a-for-sd:hover,
a.a-for-sd:focus,
a.a-for-sd:focus-within {
  text-decoration: none;
  color: #000;
}
figure.fig-sd-for {
  position: relative;
  margin-right: 5px;
}
img.img-sd-for {
  max-width: 18px;
  width: 100%;
}
@media only screen and (max-width: 980px) {
  div.col-for-a {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 2;
    margin-top: 30px;
  }
  div.col-for-b {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
  }
}
@media only screen and (max-width: 768px) {
  div.box-for,
  div.sd-for-main {
    padding: 15px 10px;
  }
  div.box-sd-for-btn,
  div.box-for-nav {
    text-align: center;
  }
  div.box-for-main {
    margin-top: 15px; 
  }
  div.box-for-col-a,
  div.box-for-col-b {
    float: none;
    width: 100%;
    text-align: left;
  }
  div.box-for-col-b {
    margin-top: 10px;
  }
}

/** subpage forum pytanie **/
div.box-for-pyt {
  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;
}
button.btn-submit-for {
  font-weight: bold;
  font-size: 14px;
  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: 10px 30px;
  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-for:hover,
button.btn-submit-for:focus-within {
  color: var(--blue);
  background-color: transparent;
  text-decoration: none;
}
div.form-group-for label.fileInp span {
  padding: 10px 30px;
  font-size: 14px;
  line-height: 18px;
  background: var(--blue);
  border: 1px solid var(--blue);
}
div.form-group-for {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  div.box-for-pyt {
    padding: 15px 10px;
  }
  div.form-group-for {
    margin: 15px 0 0 0;
    overflow: hidden;
  }
  button.btn-submit-for {
    width: 100%;
    padding: 10px 0;
  }
}

/** subpage forum duskusja **/

  /** sidebar forum dyskusja **/
div.sd-for-main-dys {
  position: relative;
  text-align: center;
}
figure.fig-sd-for-dys {
  position: relative;
}
img.img-sd-for-dys {
  max-width: 100%;
  width: 150px;
  border-radius: 50%;
}
h3.h3-sd-for-dys {
  margin: 15px 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.05em;
  color: #000;
}
div.box-sd-for-dys {
  position: relative;
  padding: 15px 0;
  text-align: center;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}
p.p-sd-for-dys {
  margin: 0;
  font-weight: 400;
  font-size: 22px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: var(--blue);
}
a.a-for-purple,
a.a-for-purple:active,
a.a-for-purple:visited {
  display: inline-block;
  padding: 6px 20px;

  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #fff;
  background-color: var(--blue);
  border-radius: 5px;

  transition: background-color .3s ease-in-out;
}
a.a-for-purple:hover,
a.a-for-purple:focus,
a.a-for-purple:focus-within {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}
a.a-for-purple svg {
  margin-right: 5px;
}

  /** forum odpowiedź **/
div.box-for-odp {
  position: relative;
  margin: 30px 0;
}
h3.h3-for-odp {
  display: block;
  text-align: center;
  margin: 0 auto 20px auto;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #808080;
  margin: 20px 0px;
}
button.btn-submit-purple {
  display: inline-block;
  padding: 6px 20px;

  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #fff;
  background-color: var(--blue);
  border-radius: 5px;

  transition: background-color .3s ease-in-out;
}
button.btn-submit-purple:hover,
button.btn-submit-purple:focus-within {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}
form.form-for {
  position: relative;
  padding: 25px;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  box-shadow: 2px 1px 5px rgb(0 0 0 / 15%);
  border-radius: 5px;
}
div.box-for-rep {
  border-left: 10px solid var(--blue);
}
div.box-for-rep-rep {
  border-left: 20px solid var(--blue);
}
div.box-for-rep div.box-for-f {
  border-top: 1px solid #EAEAEA;
  padding-top: 15px;
}
div.box-for-rep-rep div.box-for-body,
div.box-for-rep-rep div.box-for-body p {
  font-weight: bold;
}
p.p-for-rep-aut {
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #808080;
}
a.a-for-odp-rep,
a.a-for-odp-rep:active,
a.a-for-odp-rep:visited {
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;  
  letter-spacing: 0.02em;  
  color: #9E32AF;

  transition: color .3s ease-in-out;
}
a.a-for-odp-rep:hover,
a.a-for-odp-rep:focus,
a.a-for-odp-rep:focus-within {
  text-decoration: none;
  color: #000;
}
svg.svg-for-rep {
  margin-right: 5px;
}
div.box-for-rep-col-a {
  position: relative;
  float: left;
  width: 30%;
}
div.box-for-rep-col-b {
  position: relative;
  float: left;
  width: 70%;
}
div.box-for-rep-col-b {
  text-align: right;
}
button.btn-like {
  display: inline-block;
  margin-right: 5px;
  border: none;
  background-color: transparent;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.02em;
  color: #808080;
}
figure.fig-like {
  will-change: transform;
  transition: transform .3s ease-in-out;
}
button.btn-like:hover, figure.fig-like
button.btn-like:focus figure.fig-like,
button.btn-like:focus-within figure.fig-like {
  transform: scale(1.1);
}
button.btn-submit-close {
  display: inline-block;
  margin-right: 5px;
  padding: 6px 20px;

  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #808080;
  background-color: #EAEAEA;
  border-radius: 5px;

  transition: background-color .3s ease-in-out;
}
button.btn-submit-close:hover,
button.btn-submit-close:focus-within {
  text-decoration: none;
  color: #fff;
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  form.form-for {
    padding: 15px 10px;
  }
  div.box-for-rep-col-a,
  div.box-for-rep-col-b {
    float: none;
    width: 100%;
    text-align: left;
  } 
  div.box-for-rep-col-b {
    margin-top: 10px;
  }
  img.img-login-logo  {
    max-width: 400px;
  }
}

/** subpage wykresy **/
div.box-wyk {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
div.box-moneta {
  position: relative;
  text-align: center;
}

/** nowa wiadomość **/
div.contact-nw {
  position: relative;
  margin-top: 30px;
}
div.nw-wys-right {
  position: relative;
  text-align: right;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  div.nw-wys-right {
    text-align: center;
  }
}

/** nowa wiadomość **/
div.row-mss {
  position: relative;
  margin: 30px auto;
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 15px;
  max-height: 400px;

  -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%);

  overflow-y: scroll;
  overflow-x: hidden;
}
div.box-mss-meta {
  position: relative;
  margin: 0 0 5px 0;
}
p.p-mss-autor {
  display: inline-block;
  margin: 0 10px 0 0;
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  color: #000;
}
p.p-mss-data {
  display: inline-block;  
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: #8A8D91;
}
div.box-wiadomosc-odebrane {
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 20px;
  background-color: #e4e6eb4f;  
}
div.box-kom-wiad.box-kom-wyslane {
  text-align: right;
}
div.box-wiadomosc-wyslane {
  position: relative;  
  margin: 0 0 20px auto;
  padding: 20px;

  text-align: left;
  border-radius: 20px;
  background-color: #bef2fd;  
}
p.p-kom-wiad {
  margin: 0 0 5px 0;
  font-size: 15px;
  line-height: 20px;
  color: #000;
}

  /** nowa wiadomość chat **/
div.box-kom-txt {
  max-width: 60%;
  width: 100%;
}
a.a-ms-nav-wiad,
a.a-ms-nav-wiad:active,
a.a-ms-nav-wiad:visited {
  display: inline-block;
  position: relative;
  margin: 20px 0 0 0;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  background-color: var(--blue);
  border: 2px solid var(--blue);
  padding: 10px 20px; 

  border-radius: 16px;
  -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.a-ms-nav-wiad:hover,
a.a-ms-nav-wiad:focus {
  color: var(--black);
  background-color: var(--white);
  text-decoration: none;
}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 768px) {
  div.box-kom-txt {
    max-width: 85%;
    width: 100%;
  }
}

  /** wiadomości tabela **/
td.tab-ms-td.tab-ms-td-stat.tab-ms-stat-np p.p-ms-stat.p-ms-stat-new {
  margin-bottom: 3px;
} 
a.nieprzeczytana,
a.nieprzeczytana:active,
a.nieprzeczytana:visited {
  display: inline-block;
  color: #000;
  font-weight: bold;

  transition: color .3s ease-in-out;
}
a.nieprzeczytana:hover,
a.nieprzeczytana:focus {
  text-decoration: none;
  color: var(--akcent);
}
a.wazna,
a.wazna:active,
a.wazna:visited {
  /*display: inline-block;
  margin: 0 3px;
  color: #dc3545;
  font-weight: bold;
*/
  transition: opacity .3s ease-in-out;
}
a.wazna:hover,
a.wazna:focus {
  text-decoration: none;
  opacity: .5;
}

/** mobile katalog nagród **/
@media only screen and (max-width: 980px) {
  div.row.w1180.filtry-cont p.p-nr-tp {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  div.col-filtruj-w100 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}

/** fixed sidebar **/
div.mob-box-side-user {
  margin-bottom: 30px;
}
div.home-sidebar .box-cont-slide .owl-nav {
  margin-top: -150px;
}
@media only screen and (max-width: 768px) {
  div.mob-box-side-user-non {
    display: none;
  }
  div.home-sidebar {
    position: relative;
    z-index: 97;
    left: auto; top: auto;
    background-color: transparent;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;  
  }
  div.home-sidebar div.sd-user {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  div.home-sidebar div.box-side-wyd {
    margin-top: 0;
  }
  div.home-sidebar div.sd-user {
    height: 100%;
  }
}

/** mobile subpage nowa wiadomość **/
@media only screen and (max-width: 768px) {
  a.a-ms-nav-wiad,
  a.a-ms-nav-wiad:active,
  a.a-ms-nav-wiad:visited {
    margin: 5px 0;
    width: 100%;
  }
  div.col-ms-mb {
    margin-bottom: 10px;
  }
  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    content: "↓";
    line-height: 10px;    
  }
  table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    content: "↑";
    line-height: 10px;    
    background-color: #dc3545;
  }
  div.box-tab-file {
    text-align: left;
  }
  p.p-tab-file {
    font-size:12px;
  }

  /** mobile szukaj wiadomości **/
  div.box-dt-nav div {
    float: none;
    width: 100%;
  }
  div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
    display: block;
    width: 100%;
    max-width: 100%;
  }
  div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
  }
  div.box-ms-tyt {
    text-align: left;
  }
  div.box-ms-tyt a,
  div.box-ms-tyt a:active,
  div.box-ms-tyt a:visited {
    font-size: 13px;
  }
}

/** subpage wiadomości svg **/
tr.tr-wiad-action,
th.th-tab.th-tab-tyt.th-wiad-action,
td.td-tab.td-tab-tyt.td-wiad-action {
  width: 65px!important;
}
td.td-wiad-action a {
  font-size: 0;
}
td.td-wiad-action svg.svg-wiad {
  max-width: 22px;
  width: 100%;
  margin-right: 10px;  
  stroke: var(--blue);

  transition: stroke .2s ease-in-out;
}
td.td-wiad-action svg.svg-wiad path {
  transition: opacity .3s ease-in-out;
}
td.td-wiad-action svg.svg-wiad:hover,
td.td-wiad-action svg.svg-wiad path:hover {
  opacity: .5;
}
td.td-wiad-action a.action-wiad svg.svg-wiad-a,
td.td-wiad-action a.action-wiad svg.svg-wiad-a path {
  fill: var(--blue);
  stroke: var(--blue);
}
td.td-wiad-action a.action-wiad svg.svg-wiad-b path {
  fill: #33A8C1!important;
}

.modal-popupy .modal-body img{
	max-width:100%;
  }
.modal-popupy .popup-video video{
width:100%;
}

/* === Sekcje panelowe i upload PDF (widok wgraj_raport_pdf) === */
.sec-panel .box-coll {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  padding: 24px;
}
.sec-panel .box-coll + .box-coll {
  margin-top: 20px;
}
.sec-panel .box-coll-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #eef1f4;
  margin-bottom: 18px;
}
.sec-panel .p-coll-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: #4F8EC2;
}
.sec-panel .box-coll-content .form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}
.sec-panel .box-coll-content .form-group input[type="file"] {
  width: 100%;
  padding: 14px;
  border: 2px dashed #d9dee5;
  border-radius: 10px;
  background: #fafbfc;
  color: #2a2e34;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
  height:75px;
}
.sec-panel .box-coll-content .form-group input[type="file"]:hover,
.sec-panel .box-coll-content .form-group input[type="file"]:focus {
  border-color: #c6d3e0;
  background: #f7f9fc;
  outline: none;
  box-shadow: 0 0 0 4px rgba(79, 142, 194, 0.12);
}
.sec-panel .box-coll-content .form-group input[type="file"]::file-selector-button {
  margin-right: 16px;
  border: 0;
  border-radius: 8px;
  padding: 10px 14px;
  background: #4F8EC2;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .2s ease, transform .05s ease;
}
.sec-panel .box-coll-content .form-group input[type="file"]::file-selector-button:hover {
  background: #3f78a7;
}
.sec-panel .box-coll-content .form-group input[type="file"]::file-selector-button:active {
  transform: translateY(1px);
}
.sec-panel .box-tab-more.cnt {
  text-align: right;
  margin-top: 16px;
}
.sec-panel .box-tab-more.cnt .btn {
  min-width: 150px;
}

/* helper i błędy formularza upload PDF */
.sec-panel .form-help {
  margin-top: 8px;
  font-size: 13px;
  color: #6b7785;
}
.sec-panel .form-error {
  display: none;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #ffe8e8;
  color: #a33a3a;
  border: 1px solid #f4c2c2;
  font-weight: 600;
}
.sec-panel .form-error.active { display:block; }

/* Komunikaty sukcesu i błędów w sekcji PDF */
.sec-panel .alert {
  margin: 0;
  padding: 15px 20px;
  border-radius: 8px;
  border: 1px solid;
  font-weight: 500;
}
.sec-panel .alert-success {
  background: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}
.sec-panel .alert-warning {
  background: #fff3cd;
  border-color: #ffeaa7;
  color: #856404;
}
.sec-panel .alert strong {
  font-weight: 700;
}

/* Style dla komunikatów quizu */
.quiz-result-msg {
  margin: 20px 0;
  padding: 15px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
}

.quiz-success-msg {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
  padding: 15px;
  border-radius: 5px;
  font-weight: 500;
}

.quiz-partial-success-msg {
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  color: #856404;
  padding: 15px;
  border-radius: 5px;
  font-weight: 500;
}

.quiz-failure-msg {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  padding: 15px;
  border-radius: 5px;
  font-weight: 500;
}