body,
p,
li,
b,
strong,
span,
a,
a.link {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7em;
}
body,
p,
li,
b,
strong,
span {
  color: #00557b;
}
a,
a.link {
  color: #2aada5;
}
b,
strong {
  font-weight: 700;
}

.navbar-default {
  background: none;
  border: none;
  border-bottom: 1px solid #005379;
}
#navbar .container-fluid {
  padding: 0;
}
#navbar .headertop .container {
  padding-top: 20px;
  padding-bottom: 10px;
  background: #fff;
}
#navbar .navbar-header-cont {
  background-color: #005379;
  box-shadow: rgba(0, 0, 0, 0.63) 0px 6px 9px -5px;
}
#navbar .headertop .navbar-brand,
#navbar .headertop .navbar-text {
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  color: #004369;
  text-decoration: none;
  float: left;
  height: auto;
  margin: 18px 0 0 15px !important;
  padding: 0 !important;
}
#navbar .headertop .navbar-text {
  color: #4c5daa;
  font-weight: 400;
  margin-left: 10px !important;
}

#navbar .logo img {
  float: left;
  margin: 0;
  padding: 6px 0 0 0;
}
#navbar .logo span {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  line-height: 2rem;
}
#navbar .logo span strong {
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 700;
  color: #004369;
}
#navbar .logo span em {
  color: #4c5daa;
  font-weight: 500;
  font-style: normal;
}

.navbar-default .nav > li > a {
  padding-left: 2rem;
  padding-right: 2rem;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover {
  background-color: #003248;
}

body.path-frontpage .navbar-nav > .first > a,
body.path-frontpage .navbar-nav > .first > a:focus,
body.path-frontpage .navbar-nav > .first > ahover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #ffffff;
  background-color: #003248;
  font-weight: 700;
}
#block-skuteczna-main-menu ul.nav li.dropdown > ul.dropdown-menu {
  padding: 0;
  background: none;
  border: none;
}
#block-skuteczna-main-menu ul.nav li.dropdown > ul.dropdown-menu li a {
  padding: 10px 22px;
  font-size: 16px;
  color: #fff;
  background: #003248;
  border-bottom: 1px solid #fff;
}
#block-skuteczna-main-menu ul.nav li.dropdown > ul.dropdown-menu li a:hover {
  color: #ffffff;
  background-color: #003248;
}
#block-skuteczna-main-menu ul.nav li.dropdown > ul.dropdown-menu li a.is-active {
  color: #ffffff;
  background-color: #003248;
}
#block-skuteczna-main-menu ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
#block-skuteczna-main-menu ul.nav {
  width: 100%;
}

body.adminimal-admin-toolbar {
  background: #fff !important;
}
body.adminimal-admin-toolbar .navbar-fixed-top {
  position: static !important;
  top: auto !important;
}
body.adminimal-admin-toolbar #navbar {
  z-index: 99 !important;
}
body.adminimal-admin-toolbar .main-container .row-main {
  padding-top: 0 !important;
}
body.adminimal-admin-toolbar .toolbar-tray .toolbar-menu a,
body.adminimal-admin-toolbar .toolbar-tray .toolbar-menu span {
  color: #fff !important;
}
.tabs ul li a,
a.link {
  color: red;
}
#block-skuteczna-account-menu {
  float: right;
}
#block-skuteczna-account-menu .navbar-nav > li > a:hover {
  background: none !important;
}
#block-skuteczna-account-menu ul {
  padding: 10px 20px 0 0;
}
#block-skuteczna-account-menu ul li a {
  color: #2aada5 !important;
}
#block-skuteczna-account-menu ul li a:focus,
#block-skuteczna-account-menu ul li a:hover {
  color: #3333ff !important;
  color: red !important;
}

.main-container .row-main {
  padding-top: 110px;
  padding-bottom: 30px;
}
body.path-user.navbar-is-fixed-top .main-container .row-main {
  padding-top: 150px;
}
body.path-frontpage.navbar-is-fixed-top .main-container .row-main {
  padding-top: 125px;
}
body.path-frontpage.navbar-is-fixed-top .region-sidebar-second {
  padding-top: 20px;
}
body.user-logged-in.navbar-is-fixed-top .main-container .row-main {
  padding-top: 150px;
}
#block-startright .field--name-body div {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border: 1px solid #1abc9c;
  border-radius: 9px;
}
#block-startright .field--name-body h2 {
  color: #1abc9c;
}
.footer {
  /* background-image: -webkit-linear-gradient( 0deg, rgb(0,126,169) 0%, rgb(0,51,86) 100%); */
}
.footer .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer .container .field div,
.footer .container .field strong,
.footer .container .field p {
  color: #fff;
}
.footer #block-copyright {
  margin-top: 30px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: rgb(255, 255, 255, 0.3);
}
.footer .copyright {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  padding-left: 15px;
  margin-top: 20px;
  float: left;
}
.footer .copyright b {
  color: #fff;
  font-size: 1.5rem;
}
.footer .copyright span {
  color: #fff;
  opacity: 0.6;
}

/* PROGRESS TRACKER */

form.tform-testy .webform-progress {
}
form.tform-testy .webform-progress .progress-title {
  text-transform: lowercase;
  color: #00557b;
}
form.tform-testy .webform-progress .progress-marker {
  background-color: #00557b;
}
form.tform-testy .webform-progress .progress-step::after {
  background-color: #00557b;
}
form.tform-testy .webform-progress .progress-step.is-active .progress-text {
  color: #00557b;
}
form.tform-testy .webform-progress .progress-step.is-active .progress-title {
  font-weight: 400;
}
form.tform-testy .webform-progress .progress-step.is-complete .progress-text {
  color: #00557b;
}
form.tform-testy .webform-progress .progress-step:not(.is-active) .progress-marker,
form.tform-testy .webform-progress .progress-step:hover .progress-marker {
  background-color: #00557b;
}
form.tform-testy .webform-progress .progress-step.is-complete:hover .progress-marker {
  background-color: #1976f2;
}
form.tform-testy .webform-progress .progress-step.is-active:hover .progress-marker {
  background-color: #2196f3;
}
form.tform-testy .webform-progress .progress-step.is-active .progress-title {
  color: #3498db;
}
form.tform-testy .webform-progress .progress-step.is-active .progress-marker {
  background-color: #3498db;
}
form.tform-testy .webform-progress .progress-step .progress-text {
  padding-left: 0;
  padding-right: 0;
}
/* QUESTION */

form.tform-testy .js-webform-type-radios legend {
  display: block;
  margin: 10px 0 20px !important;
  width: 100%;
  text-align: center;
}
form.tform-testy .js-webform-type-radios legend span {
  font-size: 16px;
  font-weight: 700;
  color: #3498db;
}
form.tform-testy .js-webform-type-radios {
  display: block;
  width: 100%;
  padding: 15px 0 20px 0;
  clear: both;
  border-top: 1px dotted #ccc !important;
}
form.tform-testy .js-webform-type-radios .fieldset-wrapper {
  display: block;
  width: 100%;
  padding: 0 0 6px 0;
  clear: both;
}
form.tform-testy .js-webform-type-radios:last-child {
  border-bottom: 1px dotted #ccc !important;
}
form.tform-testy .js-webform-type-radios .js-webform-radios,
form.tform-testy .js-webform-type-radios .field-prefix,
form.tform-testy .js-webform-type-radios .field-suffix {
  float: left;
}
form.tform-testy .js-webform-type-radios .js-webform-radios {
  width: 30%;
}
form.tform-testy .js-webform-type-radios .field-prefix,
form.tform-testy .js-webform-type-radios .field-suffix {
  width: 35%;
  padding: 0 !important;
  box-sizing: border-box;
}
form.tform-testy .js-webform-type-radios .field-prefix span {
  text-align: right;
}
form.tform-testy .js-webform-type-radios .field-suffix span {
  text-align: left;
}
form.tform-testy .js-webform-type-radios .field-prefix span,
form.tform-testy .js-webform-type-radios .field-suffix span {
  padding: 3px 0 0 0 !important;
  font-size: 0.9em;
  color: #00557b !important;
  background: none !important;
  border: none !important;
  opacity: 0.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
form.tform-testy .js-webform-type-radios .js-webform-radios label.option {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.96em;
  font-weight: 700;
  color: #3498db !important;
  text-align: center;
}
form.tform-testy .js-webform-type-radios .fieldset-wrapper .js-webform-radios .iradio_flat-green,
form.tform-testy .js-webform-type-radios .fieldset-wrapper .js-webform-radios .iradio_flat-blue {
  display: block;
  margin-bottom: 6px;
}
form.tform-testy .js-webform-type-radios .js-webform-radios {
}
form.tform-testy .js-webform-type-radios .webform-options-display-side-by-side {
  display: flex;
}
form.tform-testy .js-webform-type-radios .webform-options-display-side-by-side > div {
  width: 20%;
  min-height: 45px;
  margin: 0;
  padding: 0;
  text-align: center;
}

@media (max-width: 767px) {
}

@media (max-width: 992px) {
  .navbar-fixed-top {
    position: static !important;
    top: auto !important;
  }
  #navbar {
    z-index: 99 !important;
  }
  .main-container .row-main {
    padding-top: 0 !important;
  }
  form.tform-testy .js-form-item-nazwisko-first,
  form.tform-testy .js-form-item-wiek {
    clear: left;
  }
  form.tform-testy .js-form-item-email {
    width: 220px !important;
  }
  form.tform-testy .js-form-item-email #edit-email {
    width: 100%;
    border-radius: 4px 4px 0 0 !important;
  }
  form.tform-testy .js-form-item-email .input-group-addon {
    float: left;
    border-left: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px !important;
    white-space: normal;
    text-align: left;
  }
  form.tform-testy .js-form-item-nazwisko-title,
  form.tform-testy .js-form-item-nazwisko-first,
  form.tform-testy .js-form-item-nazwisko-last,
  form.tform-testy .js-form-item-wiek {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 992px) {
  form.tform-testy .js-webform-type-radios .field-prefix,
  form.tform-testy .js-webform-type-radios .field-suffix {
    width: 25%;
  }
  form.tform-testy .js-webform-type-radios .js-webform-radios {
    width: 50%;
  }
}

@media (min-width: 992px) {
  form.tform-testy .js-webform-type-radios .field-prefix {
    padding-right: 10px !important;
  }
  form.tform-testy .js-webform-type-radios .field-suffix {
    padding-left: 10px !important;
  }
}
/* DANE OSOBOWE */

form.tform-testy #edit-opis {
  margin: 10px 0 0 !important;
  padding: 15px 0 15px 0;
  font-size: 1.12em;
  line-height: 1.6em;
  border-top: 1px dotted #ccc !important;
}
form.tform-testy #edit-opis ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
form.tform-testy #edit-osobowe {
  margin: 20px 0 20px;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 7px;
}
form.tform-testy .panel-heading {
  padding-left: 21px;
}
form.tform-testy .panel-title {
  font-size: 0.86em !important;
  opacity: 0.7;
}
form.tform-testy .panel-body {
  padding: 15px 20px;
}
form.tform-testy .webform-name--wrapper {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}
form.tform-testy .js-form-item-nazwisko-title {
}
form.tform-testy .js-form-item-wiek {
  float: left;
  width: 160px;
}
form.tform-testy .js-form-item-nazwisko-title,
form.tform-testy .js-form-item-nazwisko-first,
form.tform-testy .js-form-item-nazwisko-last,
form.tform-testy .js-form-item-wiek {
  float: left;
  margin: 0 8px 0 0;
}
form.tform-testy .js-form-item-email {
  display: block;
  width: 99%;
  clear: both;
}
form.tform-testy .js-form-item-nazwisko-title {
  width: 72px;
}
form.tform-testy .js-form-item-nazwisko-first {
  width: 220px;
}
form.tform-testy .js-form-item-nazwisko-last {
  width: 161px;
}
form.tform-testy .js-form-item-nazwisko-title select {
  color: #bbb !important;
}
form.tform-testy .js-form-item-wiek .select2-selection--single {
  height: 33px;
  border-color: #ccc;
}
form.tform-testy .js-form-item-wiek .select2-selection--single #select2-edit-wiek-container {
  color: #bbb !important;
}
form.tform-testy .js-form-item-wiek .select2-selection--single #select2-edit-wiek-container span {
}
form.tform-testy .js-form-item-email {
  padding-top: 16px;
}
form.tform-testy .js-form-item-email input {
  width: 300px;
}
form.tform-testy .js-form-item-email .input-group-addon {
  width: auto;
  font-size: 0.86em;
  opacity: 0.5;
}
form.tform-testy #edit-osobowe--description {
  font-weight: 400 !important;
  opacity: 0.6;
}
form.tform-testy .js-form-item-webform-invitation-code {
  visibility: hidden;
  height: 1px;
  overflow: hidden;
}
form.tform-testy .js-webform-type-radios .alert-danger,
form.tform-testy .panel-body .alert-danger {
  display: none;
}
form.tform-testy .item-list__comma-list,
form.tform-testy .item-list__comma-list li {
  display: block;
}
form.tform-testy .item-list__comma-list li a {
  color: #3498db;
}
form.tform-testy .alert-danger {
  color: #dc0101;
  background-color: #d4fffd;
  border: 1px solid #b2e4e2;
  border-left: none;
  border-top: none;
}
.has-error .form-control {
  border-color: red !important;
}
/* SEND */

form.tform-testy .form-actions {
  text-align: center;
  box-sizing: border-box; /* padding-right: 20px; */
}
form.tform-testy .form-actions button {
  color: #3498db;
}
form.tform-testy .form-actions button.webform-button--submit {
  /* color:#FFF; */
}
form.tform-testy .form-actions button.webform-button--previous {
  margin-right: 6px;
}
/* block: SKALA */

#block-skalaodpowiedzi {
  margin: 50px 0;
}
#block-skalaodpowiedzi .field {
  padding: 16px 100px 6px;
  text-align: center;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 7px;
}
#block-skalaodpowiedzi .field p {
  font-size: 0.82em;
  color: #00557b !important;
  opacity: 0.5;
}
#block-skalaodpowiedzi .field ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
#block-skalaodpowiedzi .field ul li {
  float: left;
  width: 20%;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e5e5e5;
}
#block-skalaodpowiedzi .field ul li:first-child {
  border-left: none;
}
#block-skalaodpowiedzi .field ul li:last-child {
  border-right: none;
}
#block-skalaodpowiedzi .field ul li div {
  display: block;
  color: #3498db !important;
  font-weight: 700;
}
#block-skalaodpowiedzi .field ul li span {
  display: block;
  color: #3498db !important;
  font-size: 0.86em;
  line-height: 1.2em;
}
#block-skalaodpowiedzi .field ul li span strong {
  color: #3498db !important;
}
/* inne */

.region-sidebar-second {
  padding-top: 90px;
}
.region-sidebar-second button.btn {
  width: 80%;
  min-width: 230px;
}
.region-sidebar-second button.btn strong {
  color: #fff;
  text-decoration: underline;
}
.region-sidebar-second button.btn:hover strong {
  text-decoration: none;
}

body .flc-slidingPanel-panel.flc-prefsEditor-iframe {
  background-color: #005379;
}

/* PROJEKT SZABLON */

body.page-node-type-projekt h1.page-header {
  display: none !important;
}
body.page-node-type-projekt .content h2 a {
  font-family: Ubuntu;
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 600;
  color: #4c5daa;
  text-decoration: none;
}
.grupa-banner,
.grupa-tytul,
.grupa-wstep,
.grupa-udzial,
.grupa-skierowany,
.grupa-dokumenty,
.grupa-kontakt,
.grupa-slogan,
.footer-loga,
.field--name-field-cel,
.field--name-field-logo4,
.field--name-field-stopka-end {
  float: left;
  clear: both;
  width: 100%;
  padding: 3rem 0;
}
.grupa-banner {
  padding-bottom: 0;
}
.grupa-tytul {
  margin-top: 2rem;
  padding-top: 1rem;
  padding-bottom: 0;
}
.grupa-udzial,
.grupa-skierowany,
.grupa-dokumenty,
.grupa-kontakt,
.grupa-slogan,
.footer-loga {
  border-top: 1px dotted #005379;
}

.grupa-kontakt {
  border-bottom: 1px dotted #005379;
}

.grupa-wstep .field--name-body {
  float: left;
  width: 75%;
}
.grupa-wstep .field--name-field-wstep-logo {
  float: right;
  width: 20%;
}

.grupa-udzial .field--name-field-logo1,
.grupa-skierowany .field--name-field-logo2,
.grupa-dokumenty .field--name-field-logo3 {
  float: left;
  width: 35%;
}
.grupa-udzial .field--name-field-logo1 img,
.grupa-skierowany .field--name-field-logo2 img,
.grupa-dokumenty .field--name-field-logo3 img {
  margin: 0 auto;
}
.grupa-udzial .field--name-field-udzial,
.grupa-udzial .field--name-field-oferujemy,
.grupa-skierowany .field--name-field-oferujemy,
.grupa-skierowany .field--name-field-skierowany,
.grupa-skierowany .field--name-field-preferencje,
.grupa-dokumenty .field--name-field-dokumenty {
  float: right;
  width: 65%;
}

.grupa-udzial .field--name-field-udzial .field--label,
.grupa-udzial .field--name-field-oferujemy .field--label,
.grupa-skierowany .field--name-field-oferujemy .field--label,
.grupa-skierowany .field--name-field-preferencje .field--label,
.grupa-skierowany .field--name-field-skierowany .field--label,
.grupa-dokumenty .field--name-field-dokumenty .field--label {
  margin: 0;
  padding: 0 0 1rem 0;
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
  color: #4c5daa;
}
.grupa-dokumenty li a {
  color: #00557b;
  text-decoration: underline;
}
.grupa-dokumenty li a:hover {
  color: #4c5daa;
  text-decoration: none;
}

.field--name-field-stopka-slogan,
.field--name-field-kontakt {
  float: left;
  clear: both;
  width: 100%;
}

.field--name-field-stopka-slogan div {
  display: table;
  margin: 0 auto 1rem;
}
.field--name-field-stopka-slogan div img {
  float: left;
}
.field--name-field-stopka-slogan div strong {
  float: left;
  padding: 1rem;
  font-size: 2rem;
  line-height: 2.5rem;
}

.grupa-kontakt {
  text-align: center;
}
.field--name-field-cel,
.field--name-field-logo4,
.field--name-field-stopka-end {
}
.field--name-field-kontakt .flabel {
  margin-top: 2rem;
}

.field--name-field-kontakt p {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
}
.field--name-field-kontakt .flabel,
.field--name-field-kontakt .fmail a {
  qmargin-top: 2rem;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: #4c5daa;
}

body footer .a-logo-txt strong {
  font-size: 2rem;
  line-height: 2.7rem;
}

body.path-webform h1.page-header {
  padding-top: 30px;
}

body.path-frontpage h1.page-header {
  display: none !important;
}

body.path-frontpage .page-projekty-lista .view-content {
  padding-top: 30px;
}

body.path-projekty h1.page-header {
  margin: 60px 0 10px;
  border-bottom: none;
}

.page-projekty-lista .projekt-item {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  margin: 0 0 20px;
  padding: 30px 0 0;
  border-top: 1px solid #4c5daa;
}
body.path-frontpage .page-projekty-lista .projekt-item:first-child {
  border-top: none;
}

.page-projekty-lista .item-banner {
  float: left;
  width: 35%;
  min-height: 150px;
}
.page-projekty-lista .item-tit {
  margin: 0;
  padding: 0 0 20px 0;
}
.page-projekty-lista .item-tit,
.page-projekty-lista .item-tit a {
  font-size: 2rem;
  line-height: 2.7rem;
  font-weight: 700;
}
.page-projekty-lista .item-tit a {
  color: #4c5daa;
}
.page-projekty-lista .item-tit a:hover {
  opacity: 0.8;
}
.page-projekty-lista .item-tit,
.page-projekty-lista .item-cont,
.page-projekty-lista .item-more {
  float: right;
  width: 65%;
}

.page-projekty-lista .item-more a {
  float: left;
  margin: 6px 0 0 0;
  padding: 8px 20px;
  width: auto;
  font-size: 1.5rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #4c5daa;
  text-decoration: none;
  border: 1px solid #4c5daa;
  border-radius: 9px;
}
.page-projekty-lista .item-more a:hover {
  opacity: 0.8;
}

@media (max-width: 460px) {
  #navbar .headertop .container {
    padding-top: 32px;
    padding-bottom: 4px;
  }
  #block-socialmedia ul {
    display: none;
    padding-top: 0;
  }
}

form#user-login-form,
form#user-pass {
  max-width: 400px;
  padding-top: 20px;
}
/* NEW */
html body .grupa-banner p abbr {
  text-indent: -999em !important;
}
