@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/bold/lato-bold-webfont.eot");
  src: url("../fonts/Lato/bold/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/bold/lato-bold-webfont.svg#latobold") format("svg"), url("../fonts/Lato/bold/lato-bold-webfont.woff") format("woff"), url("../fonts/Lato/bold/lato-bold-webfont.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/regular/lato-regular-webfont.eot");
  src: url("../fonts/Lato/regular/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/regular/lato-regular-webfont.svg#latoregular") format("svg"), url("../fonts/Lato/regular/lato-regular-webfont.woff") format("woff"), url("../fonts/Lato/regular/lato-regular-webfont.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/italic/lato-italic-webfont.eot");
  src: url("../fonts/Lato/italic/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/italic/lato-italic-webfont.svg#latoitalic") format("svg"), url("../fonts/Lato/italic/lato-italic-webfont.woff") format("woff"), url("../fonts/Lato/italic/lato-italic-webfont.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }
@font-face {
  font-family: 'LatoLight';
  src: url("../fonts/Lato/lightitalic/lato-lightitalic-webfont.eot");
  src: url("../fonts/Lato/lightitalic/lato-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/lightitalic/lato-lightitalic-webfont.svg#latolight_italic") format("svg"), url("../fonts/Lato/lightitalic/lato-lightitalic-webfont.woff") format("woff"), url("../fonts/Lato/lightitalic/lato-lightitalic-webfont.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }
@font-face {
  font-family: 'LatoLight';
  src: url("../fonts/Lato/light/lato-light-webfont.eot");
  src: url("../fonts/Lato/light/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/light/lato-light-webfont.svg#latolight") format("svg"), url("../fonts/Lato/light/lato-light-webfont.woff") format("woff"), url("../fonts/Lato/light/lato-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: 'Lato', sans-serif;
  color: #646464; }

a {
  text-decoration: underline;
  color: #38afff; }
  a.white {
    text-decoration: none;
    color: #fff; }

.btn-blue {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
  font-weight: bold;
  font-size: 18px;
  box-shadow: -1px 2px 1px #000000; }
  .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e; }

h1.borders {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  font-size: 60px;
  padding: 25px 0 30px;
  margin: 0;
  text-align: center; }

.min-height {
  min-height: 400px;
  padding-top: 50px; }

#fixed-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  height: 100%; }
  #fixed-sidebar .activator {
    background: #383838;
    width: 50px;
    height: 45px;
    margin-top: 50px;
    float: left;
    border-radius: 3px 0 0 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 9px;
    cursor: pointer; }
    #fixed-sidebar .activator span {
      font-size: 24px;
      margin-top: 3px; }
  #fixed-sidebar .sidebar-content {
    background: #383838;
    padding: 60px 30px;
    float: left;
    height: 100%;
    display: none; }
    #fixed-sidebar .sidebar-content h2 {
      color: #fff;
      font-size: 26px; }
    #fixed-sidebar .sidebar-content .email {
      color: #fff;
      font-size: 20px;
      margin-bottom: 30px; }
    #fixed-sidebar .sidebar-content ul {
      padding: 0;
      list-style: none; }
      #fixed-sidebar .sidebar-content ul li {
        border-collapse: collapse;
        border: 1px solid #707070;
        border-right: none;
        border-left: none;
        padding-right: 20px; }
        #fixed-sidebar .sidebar-content ul li a {
          display: block;
          font-size: 20px;
          color: #707070;
          text-decoration: none;
          padding: 10px 0; }
          #fixed-sidebar .sidebar-content ul li a:hover {
            color: #fff; }
      #fixed-sidebar .sidebar-content ul.delete {
        position: absolute;
        bottom: 0;
        right: 0; }
        #fixed-sidebar .sidebar-content ul.delete li {
          border: none; }
          #fixed-sidebar .sidebar-content ul.delete li a {
            font-size: 12px; }

footer {
  background: #f0f0f0;
  border-top: 1px solid #b8b8b8;
  padding: 125px 0 10px;
  text-align: center;
  font-weight: bold; }

footer a {
  color: #646464;
  text-decoration: none; }

.navbar-white {
  background-color: #fff;
  border: none; }
  .navbar-white .userInfo {
    position: absolute;
    top: 55px;
    right: 15px; }
    .navbar-white .userInfo p {
      float: left;
      margin: 0 20px; }
  .navbar-white .navbar-nav > li > a {
    text-decoration: none; }
  .navbar-white .navbar-nav > li.active > a, .navbar-white .navbar-nav > li.active > a:hover, .navbar-white .navbar-nav > li.active > a:focus,
  .navbar-white .navbar-nav > li > a:hover,
  .navbar-white .navbar-nav > li > a:focus {
    text-decoration: underline;
    background: none; }
  .navbar-white .navbar-nav a {
    text-decoration: none;
    font-size: 24px;
    padding-top: 55px; }
  .navbar-white .navbar-brand {
    padding-left: 0;
    margin-right: 20px;
    height: auto; }

h1.top-border {
  border-top: 1px solid #d8d8d8;
  font-size: 60px;
  padding: 25px 0 30px;
  margin: 0;
  text-align: center; }

.resultsLegend {
  list-style: none;
  margin: 20px 0 20px; }
  .resultsLegend li {
    display: inline-block;
    width: 225px;
    padding: 10px 0;
    text-align: left; }

.ico {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 25px;
  vertical-align: middle; }
  .ico.ico-big {
    height: 60px;
    width: 60px;
    margin: 30px 60px;
    float: left; }
  @media (max-width: 1199px) {
    .ico.ico-big {
      margin: 30px 60px 0;
      height: 30px;
      width: 30px; } }
  .ico.ico-ok {
    background: url("../images/ico-check.png") center center no-repeat #2ecc71; }
  .ico.ico-neutral {
    background: url("../images/ico-3dots.png") center center no-repeat #f39c12; }
  .ico.ico-warning {
    background: url("../images/ico-warning.png") center center no-repeat #c0392b; }

#results-container {
  background: #f0f0f0;
  border-top: 1px solid #d8d8d8;
  padding: 30px 0; }
  #results-container .loading-data {
    padding: 20px 35px;
    background: #383838;
    max-width: 400px;
    margin: 50px auto;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    font-weight: normal;
    font-size: 30px;
    text-align: center; }
  #results-container .packages-menu {
    background: #fff;
    text-transform: uppercase;
    list-style: none;
    padding: 0; }
    @media (min-width: 991px) {
      #results-container .packages-menu.fixed {
        position: fixed; } }
    #results-container .packages-menu > li > a {
      border-top: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0;
      padding: 15px 10px 13px;
      font-weight: bold;
      font-size: 14px;
      display: block;
      text-decoration: none;
      color: #646464; }
      #results-container .packages-menu > li > a.disabled {
        color: #d6d6d6; }
        #results-container .packages-menu > li > a.disabled .ball {
          background: #d6d6d6 !important; }
      #results-container .packages-menu > li > a .ball {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 6px;
        background: #d6d6d6;
        margin: 0 5px; }
      #results-container .packages-menu > li > a.pakiet-nadwaga-otylosc-plus .ball {
        background: #f8c800; }
      #results-container .packages-menu > li > a.pakiet-nadwaga-otylosc .ball {
        background: #f87b00; }
      #results-container .packages-menu > li > a.pakiet-sport .ball {
        background: #0094df; }
      #results-container .packages-menu > li > a.pakiet-sport-rodzaj-miesni .ball {
        background: #2f485f; }
      #results-container .packages-menu > li > a.pakiet-metabolizm-kofeiny .ball {
        background: #a57343; }
      #results-container .packages-menu > li > a.pakiet-witaminy .ball {
        background: #00c29d; }
      #results-container .packages-menu > li > a.pakiet-nietolerancje-pokarmowe .ball {
        background: #ff3a25; }
      #results-container .packages-menu > li > a.pakiet-ciaza .ball {
        background: #ff6c6d; }
      #results-container .packages-menu > li > a.pakiet-uroda .ball {
        background: #aa46b7; }
    #results-container .packages-menu ul {
      list-style: none;
      padding: 0;
      display: none; }
      #results-container .packages-menu ul li {
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0; }
        #results-container .packages-menu ul li a {
          border-left: 6px solid #e8e8e8;
          background: #e8e8e8;
          display: block;
          padding: 5px 10px 0 50px;
          font-size: 14px;
          font-weight: bold;
          height: 30px;
          text-decoration: none;
          color: #646464;
          position: relative; }
          #results-container .packages-menu ul li a span.arrow {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 0 15px 15px;
            display: none;
            position: absolute;
            top: 0;
            right: -15px; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-nadwaga-otylosc-plus], #results-container .packages-menu ul li a[data-package=pakiet-nadwaga-otylosc-plus]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-nadwaga-otylosc-plus] {
            border-left: 6px solid #f8c800; }
          #results-container .packages-menu ul li a[data-package=pakiet-nadwaga-otylosc-plus]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-nadwaga-otylosc-plus] {
            background: #f8c800;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-nadwaga-otylosc-plus]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-nadwaga-otylosc-plus] span.arrow {
              border-color: transparent transparent transparent #f8c800;
              display: block; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-nadwaga-otylosc], #results-container .packages-menu ul li a[data-package=pakiet-nadwaga-otylosc]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-nadwaga-otylosc] {
            border-left: 6px solid #f87b00; }
          #results-container .packages-menu ul li a[data-package=pakiet-nadwaga-otylosc]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-nadwaga-otylosc] {
            background: #f87b00;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-nadwaga-otylosc]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-nadwaga-otylosc] span.arrow {
              border-color: transparent transparent transparent #f87b00;
              display: block; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-sport], #results-container .packages-menu ul li a[data-package=pakiet-sport]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-sport] {
            border-left: 6px solid #0094df; }
          #results-container .packages-menu ul li a[data-package=pakiet-sport]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-sport] {
            background: #0094df;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-sport]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-sport] span.arrow {
              border-color: transparent transparent transparent #0094df;
              display: block; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-sport-rodzaj-miesni], #results-container .packages-menu ul li a[data-package=pakiet-sport-rodzaj-miesni]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-sport-rodzaj-miesni] {
            border-left: 6px solid #2f485f; }
          #results-container .packages-menu ul li a[data-package=pakiet-sport-rodzaj-miesni]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-sport-rodzaj-miesni] {
            background: #2f485f;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-sport-rodzaj-miesni]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-sport-rodzaj-miesni] span.arrow {
              border-color: transparent transparent transparent #2f485f;
              display: block; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-metabolizm-kofeiny], #results-container .packages-menu ul li a[data-package=pakiet-metabolizm-kofeiny]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-metabolizm-kofeiny] {
            border-left: 6px solid #a57343; }
          #results-container .packages-menu ul li a[data-package=pakiet-metabolizm-kofeiny]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-metabolizm-kofeiny] {
            background: #a57343;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-metabolizm-kofeiny]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-metabolizm-kofeiny] span.arrow {
              border-color: transparent transparent transparent #a57343;
              display: block; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-witaminy], #results-container .packages-menu ul li a[data-package=pakiet-witaminy]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-witaminy] {
            border-left: 6px solid #00c29d; }
          #results-container .packages-menu ul li a[data-package=pakiet-witaminy]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-witaminy] {
            background: #00c29d;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-witaminy]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-witaminy] span.arrow {
              border-color: transparent transparent transparent #00c29d;
              display: block; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-nietolerancje-pokarmowe], #results-container .packages-menu ul li a[data-package=pakiet-nietolerancje-pokarmowe]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-nietolerancje-pokarmowe] {
            border-left: 6px solid #ff3a25; }
          #results-container .packages-menu ul li a[data-package=pakiet-nietolerancje-pokarmowe]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-nietolerancje-pokarmowe] {
            background: #ff3a25;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-nietolerancje-pokarmowe]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-nietolerancje-pokarmowe] span.arrow {
              border-color: transparent transparent transparent #ff3a25;
              display: block; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-ciaza], #results-container .packages-menu ul li a[data-package=pakiet-ciaza]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-ciaza] {
            border-left: 6px solid #ff6c6d; }
          #results-container .packages-menu ul li a[data-package=pakiet-ciaza]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-ciaza] {
            background: #ff6c6d;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-ciaza]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-ciaza] span.arrow {
              border-color: transparent transparent transparent #ff6c6d;
              display: block; }
          #results-container .packages-menu ul li a.new[data-package=pakiet-uroda], #results-container .packages-menu ul li a[data-package=pakiet-uroda]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-uroda] {
            border-left: 6px solid #aa46b7; }
          #results-container .packages-menu ul li a[data-package=pakiet-uroda]:hover, #results-container .packages-menu ul li a.active[data-package=pakiet-uroda] {
            background: #aa46b7;
            color: #fff; }
            #results-container .packages-menu ul li a[data-package=pakiet-uroda]:hover span.arrow, #results-container .packages-menu ul li a.active[data-package=pakiet-uroda] span.arrow {
              border-color: transparent transparent transparent #aa46b7;
              display: block; }
  #results-container .no-results-box {
    background: #C0392B;
    color: #fff;
    text-align: center;
    padding: 20px;
    font-size: 30px; }
  #results-container .package-rs .package-type {
    background: #f0f0f0;
    margin: 0; }
    #results-container .package-rs .package-type .type {
      color: #fff;
      font-size: 80px;
      text-align: center;
      font-weight: bold;
      background: #1abc9c;
      float: left;
      height: 150px;
      width: 150px;
      padding-top: 20px;
      margin-left: 15px;
      font-weight: bold; }
      #results-container .package-rs .package-type .type.pakiet-nadwaga-otylosc-plus {
        background: #f8c800; }
      #results-container .package-rs .package-type .type.pakiet-nadwaga-otylosc {
        background: #f87b00; }
      #results-container .package-rs .package-type .type.pakiet-sport {
        background: #0094df; }
      #results-container .package-rs .package-type .type.pakiet-sport-rodzaj-miesni {
        background: #2f485f; }
      #results-container .package-rs .package-type .type.pakiet-metabolizm-kofeiny {
        background: #a57343; }
      #results-container .package-rs .package-type .type.pakiet-witaminy {
        background: #00c29d; }
      #results-container .package-rs .package-type .type.pakiet-nietolerancje-pokarmowe {
        background: #ff3a25; }
      #results-container .package-rs .package-type .type.pakiet-ciaza {
        background: #ff6c6d; }
      #results-container .package-rs .package-type .type.pakiet-uroda {
        background: #aa46b7; }
    #results-container .package-rs .package-type .description {
      margin-left: 170px;
      margin-right: 15px;
      position: relative; }
      #results-container .package-rs .package-type .description .arrow {
        position: absolute;
        top: 50px;
        left: 1px;
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-right: 25px solid #e8e8e8; }
      #results-container .package-rs .package-type .description .text {
        font-size: 20px;
        border: 1px solid #c2c2c2;
        border-top-color: #fff;
        border-left-color: #fff;
        padding: 40px 20px 15px;
        margin-left: 25px;
        background: #e8e8e8;
        min-height: 150px; }
        #results-container .package-rs .package-type .description .text .title span {
          color: #1abc9c;
          text-shadow: 1px 1px #fff;
          font-weight: bold; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-nadwaga-otylosc-plus {
            color: #f8c800; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-nadwaga-otylosc {
            color: #f87b00; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-sport {
            color: #0094df; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-sport-rodzaj-miesni {
            color: #2f485f; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-metabolizm-kofeiny {
            color: #a57343; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-witaminy {
            color: #00c29d; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-nietolerancje-pokarmowe {
            color: #ff3a25; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-ciaza {
            color: #ff6c6d; }
          #results-container .package-rs .package-type .description .text .title span.pakiet-uroda {
            color: #aa46b7; }
      @media (max-width: 1199px) {
        #results-container .package-rs .package-type .description .text {
          font-size: 20px;
          padding-top: 40px; } }
    #results-container .package-rs .package-type .package-rs-more {
      background: #f0f0f0;
      margin: 0;
      text-align: right;
      padding: 5px 20px; }
  #results-container .package-rs .package-results {
    background: #f0f0f0; }
    #results-container .package-rs .package-results ul {
      margin: 0;
      padding: 0 15px 35px;
      list-style: none; }
      #results-container .package-rs .package-results ul li {
        background: #fff;
        margin-bottom: 15px; }
        #results-container .package-rs .package-results ul li.package-result-item {
          cursor: pointer; }
        #results-container .package-rs .package-results ul li .title {
          padding: 30px 0;
          font-weight: bold;
          font-size: 20px;
          margin-right: 120px;
          margin-left: 180px; }
        @media (max-width: 1199px) {
          #results-container .package-rs .package-results ul li .title {
            clear: both;
            margin-right: 60px;
            margin-left: 60px; } }
        #results-container .package-rs .package-results ul li .description {
          padding-bottom: 30px;
          font-size: 16px;
          margin-right: 60px;
          margin-left: 60px;
          clear: both; }
          #results-container .package-rs .package-results ul li .description li {
            margin-bottom: 0; }
          #results-container .package-rs .package-results ul li .description ul, #results-container .package-rs .package-results ul li .description ol {
            margin-bottom: 10px;
            padding: 0 0 0 1.5em; }
          #results-container .package-rs .package-results ul li .description ul {
            list-style: disc; }
          #results-container .package-rs .package-results ul li .description img {
            max-width: 100%;
            margin: 0 auto;
            display: block; }
        #results-container .package-rs .package-results ul li .result-arrow {
          float: right;
          width: 0;
          height: 0;
          margin: 50px;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 16px solid #7f7f7f;
          cursor: pointer; }
          #results-container .package-rs .package-results ul li .result-arrow.up {
            border-top: none;
            border-bottom: 20px solid #7f7f7f; }
        @media (max-width: 1199px) {
          #results-container .package-rs .package-results ul li .result-arrow {
            margin: 35px 35px 0; } }
  #results-container .package-rs .package-recommendations {
    background: #0094df;
    color: #fff;
    margin: 0 15px;
    padding: 15px; }
    #results-container .package-rs .package-recommendations.pakiet-nadwaga-otylosc-plus {
      background: #f8c800; }
    #results-container .package-rs .package-recommendations.pakiet-nadwaga-otylosc {
      background: #f87b00; }
    #results-container .package-rs .package-recommendations.pakiet-sport {
      background: #0094df; }
    #results-container .package-rs .package-recommendations.pakiet-sport-rodzaj-miesni {
      background: #2f485f; }
    #results-container .package-rs .package-recommendations.pakiet-metabolizm-kofeiny {
      background: #a57343; }
    #results-container .package-rs .package-recommendations.pakiet-witaminy {
      background: #00c29d; }
    #results-container .package-rs .package-recommendations.pakiet-nietolerancje-pokarmowe {
      background: #ff3a25; }
    #results-container .package-rs .package-recommendations.pakiet-ciaza {
      background: #ff6c6d; }
    #results-container .package-rs .package-recommendations.pakiet-uroda {
      background: #aa46b7; }
    #results-container .package-rs .package-recommendations h2 {
      font-size: 45px;
      margin: 0 0 0 90px;
      text-align: left;
      padding-top: 40px; }
    @media (max-width: 1199px) {
      #results-container .package-rs .package-recommendations h2 {
        font-size: 37px; } }
    #results-container .package-rs .package-recommendations .subtitle {
      font-size: 20px;
      font-style: italic;
      text-align: left;
      margin: 0 0 0 90px; }
    #results-container .package-rs .package-recommendations ul {
      list-style: none;
      padding: 50px 20px 50px 0;
      max-width: 900px;
      margin: 0 auto;
      font-size: 20px; }
      #results-container .package-rs .package-recommendations ul li {
        padding-left: 90px;
        background: url("../images/ico-check.png") 30px 10px no-repeat transparent;
        margin-bottom: 20px; }
        #results-container .package-rs .package-recommendations ul li li {
          background: none;
          padding-left: 0;
          margin-bottom: 0; }
        #results-container .package-rs .package-recommendations ul li ul, #results-container .package-rs .package-recommendations ul li ol {
          margin-bottom: 10px;
          padding: 0 0 0 1.5em; }
        #results-container .package-rs .package-recommendations ul li ul {
          list-style: disc; }
        #results-container .package-rs .package-recommendations ul li img {
          max-width: 100%;
          margin: 0 auto;
          display: block; }
  #results-container .package-rs .package-bibliography {
    margin: 0 15px;
    padding: 15px; }
    #results-container .package-rs .package-bibliography h2 {
      font-size: 60px;
      margin: 0;
      text-align: center;
      padding-top: 60px; }
    #results-container .package-rs .package-bibliography .subtitle {
      font-size: 20px;
      font-style: italic;
      text-align: center; }
    #results-container .package-rs .package-bibliography ol {
      padding: 50px 0 50px 1em;
      max-width: 960px;
      margin: 0 auto;
      list-style-position: outside; }
      #results-container .package-rs .package-bibliography ol li {
        margin-bottom: 1px; }

/*.packages {
    list-style: none;
    text-align: center;
    color: #dedede;
    font-weight: bold;
    
    a {
        text-decoration: none;
        border-radius: 3px;
        
        &:hover,
        &.active {
            color: #fff !important;
        }
        
        

    }
    
    li {
        display: inline-block;
        
        span,
        a {
            padding: 12px 25px 0;
            height: 45px;
            display: block;
            margin: 5px;
            text-transform: uppercase;
            position: relative;
        }
        
        span {
            cursor: default;
            
            .glyphicon {
                display: none;
                position: absolute;
                color: #000;
                top: -10px;
                right: -10px;
            }
            
            &.pending {
                .glyphicon {
                    display: block;
                }
            }
        }
        
        a {
            
            .glyphicon {
                display: none;
                position: absolute;
                color: #000;
                top: -10px;
                right: -10px;
            }
            
            &.new {
                .glyphicon {
                    display: block;
                }
            }
        }
    }

}


}
*/
body.login {
  background: #f0f0f0; }
  body.login .logo {
    display: block;
    margin: 75px auto 20px; }

.form-login-wrapper {
  padding: 20px 35px;
  background: #383838;
  max-width: 365px;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  border-radius: 3px; }
  .form-login-wrapper h1 {
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 5px; }
  .form-login-wrapper label {
    font-weight: bold;
    font-style: italic; }
  .form-login-wrapper span {
    display: inline-block; }

#baza-wiedzy h1 {
  font-size: 60px;
  text-align: center;
  margin: 0;
  padding: 25px 0 30px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8; }
#baza-wiedzy h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 2px; }
  #baza-wiedzy h2.margin-bottom {
    margin-bottom: 20px; }
  #baza-wiedzy h2 a {
    text-decoration: none;
    color: #646464; }
#baza-wiedzy p.meta {
  font-style: italic;
  padding: 10px 0;
  text-align: right;
  font-size: 12px; }
#baza-wiedzy .btn {
  font-weight: bold;
  text-decoration: none;
  padding: 2px 10px;
  margin-top: 10px; }
#baza-wiedzy #searchform #s {
  background: url("../images/ico-zoom.png") no-repeat scroll right 7px top 6px transparent;
  border: 1px solid #E3E3E3;
  padding: 5px 10% 5px 2%;
  width: 100%;
  margin-top: 20px; }
#baza-wiedzy h3 {
  background: url("../images/line-black.png") repeat-x scroll left top 10px transparent;
  color: #000000;
  margin: 30px 0 20px;
  font-size: 16px;
  font-weight: bold; }
  #baza-wiedzy h3 span {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    padding-right: 10px; }
#baza-wiedzy .tag-list {
  margin-bottom: 30px; }
  #baza-wiedzy .tag-list a {
    border: 1px solid #E3E3E3;
    color: #3D4B50;
    display: inline-block;
    font-size: 14px;
    margin: 2px;
    padding: 7px 15px;
    text-decoration: none; }
    #baza-wiedzy .tag-list a:hover {
      background: none repeat scroll 0 0 #02ACE0;
      color: #FFFFFF;
      text-decoration: none; }
#baza-wiedzy .category-list ul {
  list-style: none;
  padding: 0; }
  #baza-wiedzy .category-list ul li a {
    background: url("../images/arrow-right-small.png") no-repeat scroll right 10px center transparent;
    border-bottom: 1px solid #E3E3E3;
    color: #3D4B50;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    text-decoration: none; }

#wiadomosci {
  background: #f0f0f0;
  padding-bottom: 50px; }
  #wiadomosci h1 {
    font-size: 60px;
    text-align: center;
    margin: 0;
    padding: 25px 0 30px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
    margin-bottom: 20px; }
  #wiadomosci .single-message {
    margin: 5px 0;
    background: url("../images/ico-mail-open.png") top 17px left 20px no-repeat white;
    position: relative;
    padding-left: 75px;
    border-left: 7px solid #fff; }
    #wiadomosci .single-message.new {
      background: url("../images/ico-mail-close.png") top 28px left 20px no-repeat white;
      border-left: 7px solid #02ace0; }
      #wiadomosci .single-message.new .title {
        font-weight: bold; }
    #wiadomosci .single-message .arrow {
      float: right;
      width: 0;
      height: 0;
      margin: 30px 50px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 16px solid #7f7f7f;
      cursor: pointer; }
      #wiadomosci .single-message .arrow.up {
        border-top: none;
        border-bottom: 20px solid #7f7f7f; }
    #wiadomosci .single-message .title {
      padding: 20px 0 20px;
      font-size: 24px;
      color: #000;
      font-weight: normal; }
      #wiadomosci .single-message .title .date {
        float: right; }
    #wiadomosci .single-message .description {
      font-size: 24px;
      margin: 0 30px 30px 0;
      display: none; }

#print-page h1 {
  font-size: 60px;
  text-align: center;
  margin: 0;
  padding: 25px 0 30px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8; }
#print-page p {
  font-size: 16px;
  margin: 15px 0; }
#print-page .btn {
  font-weight: bold;
  text-decoration: none;
  padding: 10px 20px;
  margin-top: 10px;
  font-size: 20px; }

.register-process {
  background: #f0f0f0;
  color: #000;
  padding-bottom: 50px; }
  .register-process .logo {
    display: block;
    margin: 45px auto 20px; }

#register-process {
  width: 700px;
  margin: auto; }
  #register-process .progress-steps {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 5px #bfbfbf;
    padding: 25px 5px 10px; }
    #register-process .progress-steps ul {
      list-style: none;
      text-align: center;
      padding: 0;
      margin: 0; }
      #register-process .progress-steps ul li {
        width: 170px;
        display: inline-block;
        background: url("../images/grey-line.png") top 15px left no-repeat transparent; }
        #register-process .progress-steps ul li.first {
          background-position: top 15px left 75px; }
        #register-process .progress-steps ul li.last {
          background-position: top 15px right 75px; }
        #register-process .progress-steps ul li p {
          font-weight: bold;
          color: #d9d9d9;
          font-size: 14px; }
          #register-process .progress-steps ul li p.circle {
            font-size: 18px;
            color: #fff;
            background: #d9d9d9;
            height: 30px;
            width: 30px;
            border-radius: 15px;
            box-shadow: inset 0px 2px 2px #b4b4b4;
            margin: 0 auto 5px; }
            #register-process .progress-steps ul li p.circle span {
              display: inline-block;
              margin-top: 2px; }
              #register-process .progress-steps ul li p.circle span.glyphicon {
                margin-top: 5px;
                font-size: 16px; }
        #register-process .progress-steps ul li.pending p {
          color: #000; }
          #register-process .progress-steps ul li.pending p.circle {
            background-color: #3497d9;
            box-shadow: inset 0px 2px 2px #2b78ab;
            color: #fff; }
        #register-process .progress-steps ul li.done .circle {
          background-color: #2ecc71;
          box-shadow: inset 0px 2px 2px #279f5a; }
  #register-process .register-box-wrapper {
    width: 347px;
    float: left; }
  #register-process .login-box-wrapper {
    width: 347px;
    float: right; }
  #register-process .content-box {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 5px #bfbfbf;
    padding: 25px 75px;
    margin: 5px 0; }
    #register-process .content-box.register-box {
      width: 347px;
      float: left;
      padding: 25px 35px; }
      #register-process .content-box.register-box form {
        margin-top: 30px; }
        #register-process .content-box.register-box form .terms-field {
          font-weight: bold; }
          #register-process .content-box.register-box form .terms-field input {
            margin-right: 10px;
            vertical-align: top; }
        #register-process .content-box.register-box form .btn {
          margin-top: 10px; }
        #register-process .content-box.register-box form .gender-field {
          margin: 30px 0; }
          #register-process .content-box.register-box form .gender-field label {
            font-style: normal; }
            #register-process .content-box.register-box form .gender-field label.main {
              font-style: italic; }
          #register-process .content-box.register-box form .gender-field input {
            margin: 0 10px 0 25px; }
        #register-process .content-box.register-box form .birth-date-fields .separator {
          display: inline-block;
          vertical-align: top;
          margin-top: 5px; }
        #register-process .content-box.register-box form .birth-date-fields .form-group {
          display: inline-block;
          text-align: center;
          padding: 0 10px; }
          #register-process .content-box.register-box form .birth-date-fields .form-group input {
            text-align: center;
            font-weight: bold; }
          #register-process .content-box.register-box form .birth-date-fields .form-group label {
            color: #929292;
            font-weight: normal; }
          #register-process .content-box.register-box form .birth-date-fields .form-group.year-field {
            width: 110px; }
          #register-process .content-box.register-box form .birth-date-fields .form-group.month-field {
            width: 75px; }
          #register-process .content-box.register-box form .birth-date-fields .form-group.day-field {
            width: 75px;
            margin-left: -10px; }
    #register-process .content-box.login-box {
      width: 347px;
      float: right;
      padding: 25px 35px; }
      #register-process .content-box.login-box form {
        margin-top: 30px; }
        #register-process .content-box.login-box form .btn {
          float: right;
          margin: 10px 0 0 !important; }
        #register-process .content-box.login-box form .recover-pass {
          display: inline-block;
          margin-top: 18px;
          color: #929292;
          text-decoration: underline; }
    #register-process .content-box.error-box {
      color: #fff;
      padding: 10px 75px;
      background: url("../images/error-sign.png") left 20px center no-repeat #cf2d2d; }
    #register-process .content-box h1 {
      font-size: 32px;
      margin: 10px 0 30px; }
    #register-process .content-box p {
      margin: 10px 0;
      font-size: 14px; }
      #register-process .content-box p.label {
        color: #000;
        font-style: italic;
        font-weight: bold;
        font-size: 14px;
        padding: 3px 0; }
    #register-process .content-box label {
      color: #000;
      font-style: italic;
      font-weight: bold;
      font-size: 14px;
      padding: 0;
      margin: 0; }
    #register-process .content-box .btn-blue {
      box-shadow: none;
      text-decoration: none;
      font-size: 18px;
      font-weight: bold;
      display: inline-block;
      padding: 7px 10px 5px;
      width: 140px;
      margin-top: 30px; }
    #register-process .content-box .package-bull {
      font-size: 20px; }
    #register-process .content-box .pakiet-nadwaga-otylosc-plus {
      color: #f8c800; }
    #register-process .content-box .pakiet-nadwaga-otylosc {
      color: #f87b00; }
    #register-process .content-box .pakiet-sport {
      color: #0094df; }
    #register-process .content-box .pakiet-sport-rodzaj-miesni {
      color: #2f485f; }
    #register-process .content-box .pakiet-metabolizm-kofeiny {
      color: #a57343; }
    #register-process .content-box .pakiet-witaminy {
      color: #00c29d; }
    #register-process .content-box .pakiet-nietolerancje-pokarmowe {
      color: #ff3a25; }
    #register-process .content-box .pakiet-ciaza {
      color: #ff6c6d; }
    #register-process .content-box .pakiet-uroda {
      color: #aa46b7; }
    #register-process .content-box .form-register-number {
      margin: 30px 0; }
      #register-process .content-box .form-register-number .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle; }
      #register-process .content-box .form-register-number input[type="text"] {
        width: 75px;
        font-weight: bold;
        font-size: 16px;
        text-align: center; }
      #register-process .content-box .form-register-number .btn-blue {
        float: right;
        margin-top: -33px;
        padding: 3px 10px; }
    #register-process .content-box .contain-errors input {
      border: 2px solid #cf2d2d; }
    #register-process .content-box ul.grey {
      list-style: none;
      font-weight: bold;
      font-size: 16px;
      background: #f0f0f0;
      border-radius: 3px;
      text-transform: uppercase;
      padding: 15px 20px; }
    #register-process .content-box p.grey {
      font-weight: bold;
      font-size: 16px;
      background: #f0f0f0;
      border-radius: 3px;
      padding: 5px 20px; }
    #register-process .content-box p.grey-number {
      margin-top: 0;
      margin-bottom: 30px; }
      #register-process .content-box p.grey-number span {
        font-weight: bold;
        font-size: 16px;
        background: #f0f0f0;
        border-radius: 3px;
        padding: 5px 10px;
        text-align: center;
        display: inline-block;
        width: 75px; }
    #register-process .content-box p.links {
      margin-top: 30px; }
      #register-process .content-box p.links a {
        color: #000; }
    #register-process .content-box ul.user-confirm {
      list-style: none;
      padding: 0;
      margin-top: 30px; }
      #register-process .content-box ul.user-confirm li {
        display: inline-block;
        font-weight: bold;
        margin-right: 50px;
        margin-bottom: 10px; }
        #register-process .content-box ul.user-confirm li span {
          font-style: italic;
          display: inline-block;
          margin-right: 10px; }

#strength_score {
  margin-top: 2px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  padding: 2px; }

#surveys-container {
  background: #f0f0f0;
  border-top: 1px solid #d8d8d8;
  padding: 30px 0; }
  #surveys-container .loading-data {
    padding: 20px 35px;
    background: #383838;
    max-width: 400px;
    margin: 50px auto;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    font-weight: normal;
    font-size: 30px;
    text-align: center; }
  #surveys-container .no-surveys {
    background: #fff;
    padding: 20px; }
  #surveys-container .surveys-menu {
    background: #fff;
    text-transform: uppercase;
    list-style: none;
    padding: 0; }
    @media (min-width: 991px) {
      #surveys-container .surveys-menu.fixed {
        position: fixed; } }
    #surveys-container .surveys-menu > li > a {
      border-top: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0;
      padding: 15px 10px 13px;
      font-weight: bold;
      font-size: 14px;
      display: block;
      text-decoration: none;
      color: #646464; }
      #surveys-container .surveys-menu > li > a.active, #surveys-container .surveys-menu > li > a:hover {
        background: #00ADE5;
        color: #fff; }
  #surveys-container h2, #surveys-container h3 {
    margin-bottom: 30px; }
  #surveys-container .question {
    padding: 20px 10px; }
    #surveys-container .question h4.error {
      color: red; }
  #surveys-container form .btn {
    margin-bottom: 30px; }
  #surveys-container form select {
    font-family: Arial; }