@charset "UTF-8";
/*! XNT - DEFAULT | Mateusz "michno" Michnowicz | mateusz.michnowicz@gmail.com !*/
@import url(../css/vendor/bootstrap-grid.min.css);
@import url(../css/vendor/lightbox.min.css);
.divider {
  background: #2f3542;
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  margin-bottom: 2.5rem; }
  .divider-text {
    color: #fff; }
  .divider-button {
    text-align: right; }
  .divider__no-margin {
    margin-bottom: 0; }

.cookie-hidden {
  display: none; }

.cookie-info {
  position: fixed;
  z-index: 100;
  width: 250px;
  padding: 1rem;
  background: rgba(47, 53, 66, 0.85);
  color: #fff;
  bottom: 1rem;
  right: 1rem; }
  .cookie-info h6 {
    margin: 0;
    font-size: 0.875rem; }
  .cookie-info p {
    font-size: 0.66rem;
    line-height: 1.66; }
    .cookie-info p a {
      color: #fff;
      font-weight: 700; }
      .cookie-info p a:hover {
        text-decoration: none; }
  .cookie-info button {
    background: #fff;
    color: #2f3542;
    border: 0;
    font-family: Arial, Times, serif;
    padding: 0.5rem;
    display: block;
    width: 100%;
    font-size: .75rem;
    text-align: center;
    transition: 0.25s ease all;
    font-weight: 700; }
    .cookie-info button:hover {
      cursor: pointer;
      background: #e6e6e6; }

.topbar {
  font-size: 0.8rem;
  padding: 0.5rem 1rem; }
  .topbar__is-promo {
    background: #2ecc71;
    display: flex;
    text-align: center; }
    .topbar__is-promo .topbar-contact-content {
      display: none; }
    .topbar__is-promo-content > div {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .topbar__is-promo-content a {
      display: inline-block;
      padding: 0.35rem 1rem;
      background: #2f3542;
      color: #fff;
      text-decoration: none;
      border-radius: 4px;
      border: 2px solid #2f3542;
      font-weight: 700;
      transition: 0.25s ease all; }
      .topbar__is-promo-content a:hover {
        background: transparent;
        color: #2f3542; }
  .topbar__is-contact {
    background: #eef1f4;
    display: flex; }
    .topbar__is-contact .topbar-promo-content {
      display: none; }
    .topbar__is-contact ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .topbar__is-contact ul li {
        display: flex;
        align-items: center;
        margin: 0 0.5rem; }
        .topbar__is-contact ul li:last-of-type {
          margin: 0 0 0 0.5rem; }
        .topbar__is-contact ul li svg {
          stroke: #27ae60;
          margin-right: 0.5rem;
          width: 20px;
          height: 20px;
          stroke-width: 1.5; }
        .topbar__is-contact ul li a {
          text-decoration: none;
          color: #2f3542;
          border-bottom: 1px solid #27ae60;
          display: inline-block;
          margin-top: 1px;
          transition: 0.25s ease all; }
          .topbar__is-contact ul li a:hover {
            color: #27ae60;
            border-bottom-color: transparent; }
  .topbar__no-margin {
    margin-bottom: 0; }

.nav {
  margin-top: 1.5rem; }
  .nav.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    box-shadow: 0px 0px 10px 3px rgba(47, 53, 66, 0.1);
    z-index: 10;
    padding: 1rem; }
  .nav__no-text-logo .nav-logo .nav-logo-text, .nav__with-image-logo .nav-logo .nav-logo-text {
    display: none; }
  .nav__no-text-logo .nav-logo .nav-logo-image, .nav__with-image-logo .nav-logo .nav-logo-image {
    display: block; }
    .nav__no-text-logo .nav-logo .nav-logo-image img, .nav__with-image-logo .nav-logo .nav-logo-image img {
      display: block;
      max-width: 100%;
      padding: 0rem; }
  .nav__no-slogan .nav-logo span {
    display: none; }
  .nav__with-text-logo .nav-logo, .nav__no-image-logo .nav-logo {
    text-align: center; }
    .nav__with-text-logo .nav-logo .nav-logo-image, .nav__no-image-logo .nav-logo .nav-logo-image {
      display: none; }
    .nav__with-text-logo .nav-logo .nav-logo-text, .nav__no-image-logo .nav-logo .nav-logo-text {
      display: inline-block;
      padding: 0.5rem 1rem;
      text-decoration: none;
      border: 1px solid #ced6e0;
      border-radius: 4px; }
    .nav__with-text-logo .nav-logo h1, .nav__no-image-logo .nav-logo h1 {
      margin: 0;
      font-size: 1.125rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #27ae60; }
    .nav__with-text-logo .nav-logo span, .nav__no-image-logo .nav-logo span {
      font-size: 0.5rem;
      color: #90a2b8;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-family: Arial, Helvetica, sans-serif; }
  .nav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center; }
    .nav-menu ul li {
      margin: 0 0.75rem; }
      .nav-menu ul li:last-of-type {
        margin: 0 0 0 0.75rem; }
      .nav-menu ul li a {
        font-weight: 700;
        color: #2f3542;
        text-decoration: none;
        display: inline-block;
        padding-bottom: 2px;
        border-bottom: 2px solid transparent;
        border-top: 2px solid transparent;
        transition: 0.25s ease all; }
        .nav-menu ul li a:hover {
          color: #145b32;
          border-bottom: 2px solid #27ae60; }
  .nav__with-cta-btn .nav-menu ul li:last-of-type a {
    display: inline-block;
    background: #27ae60;
    padding: 0.65rem 1.25rem;
    border-radius: 4px;
    color: #fff;
    border-bottom-color: transparent; }
    .nav__with-cta-btn .nav-menu ul li:last-of-type a:hover {
      background: #145b32; }
  .nav__no-margin {
    margin-bottom: 0; }

.header-main {
  padding: 3rem 1rem;
  margin: 2.5rem 0; }
  .header-main .row {
    align-items: center; }
  .header-main-text {
    padding: 2rem 1rem; }
    .header-main-text h2 {
      font-size: 3rem;
      margin: 0 0 1.5rem;
      border-bottom: 4px solid #27ae60;
      display: inline-block; }
    .header-main-text p {
      font-size: 1.125rem;
      line-height: 1.66;
      color: #59657e;
      letter-spacing: 1px;
      margin: 0 0 3rem; }
  .header-main-image img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
  .header-main__is-content-center .row {
    justify-content: center; }
  .header-main__is-content-center .header-main-text {
    text-align: center; }
  .header-main__is-content-center .header-main-image {
    display: none; }
  .header-main__is-content-right .row {
    flex-direction: row-reverse; }
  .header-main__with-image-bg {
    background-repeat: no-repeat;
    box-shadow: inset 3000px 0 0 0 rgba(47, 53, 66, 0.9); }
    .header-main__with-image-bg .header-main-text {
      color: #fff; }
      .header-main__with-image-bg .header-main-text p {
        color: #dfe4ea; }
  .header-main__no-image-bg {
    background: #f6f7f9 !important; }
  .header-main__with-bg-white {
    background: #fff !important; }
  .header-main__with-bg-transparent {
    background: transparent !important; }
  .header-main__no-content-image .header-main-image {
    display: none; }
  .header-main__with-content-image-rounded .header-main-image img {
    border-radius: 8px; }
  .header-main__no-margin {
    margin-bottom: 0; }

.header-sub {
  padding: 2.5rem 1rem;
  margin-bottom: 2.5rem; }
  .header-sub h2 {
    margin: 0 0 0rem;
    font-size: 2.5rem; }
    .header-sub h2:after {
      content: '';
      display: block;
      width: 40px;
      height: 4px;
      background: #27ae60;
      margin-top: 0.25rem; }
  .header-sub-breadcrumbs {
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 0.75rem; }
    .header-sub-breadcrumbs li {
      display: inline-block;
      margin: 0; }
      .header-sub-breadcrumbs li:last-of-type:after {
        display: none; }
      .header-sub-breadcrumbs li:last-of-type a {
        font-weight: 700; }
      .header-sub-breadcrumbs li:after {
        content: '»';
        display: inline-block;
        margin-right: 0.2rem;
        color: rgba(47, 53, 66, 0.5); }
      .header-sub-breadcrumbs li a {
        color: rgba(47, 53, 66, 0.75);
        text-decoration: none; }
        .header-sub-breadcrumbs li a:hover {
          color: #27ae60;
          text-decoration: underline; }
  .header-sub__with-bg-gray {
    background: #dfe4ea; }
  .header-sub__with-bg-primary {
    background: #27ae60; }
    .header-sub__with-bg-primary h2:after {
      background: #2f3542 !important; }
  .header-sub__with-bg-black {
    background: #2f3542; }
    .header-sub__with-bg-black h2:after {
      background: #27ae60 !important; }
  .header-sub__is-text-white h2 {
    color: #fff; }
  .header-sub__is-text-white ul li a {
    color: rgba(255, 255, 255, 0.75); }
    .header-sub__is-text-white ul li a:hover {
      color: #fff; }
  .header-sub__is-text-white ul li:after {
    color: rgba(255, 255, 255, 0.5); }
  .header-sub__is-content-center {
    text-align: center; }
    .header-sub__is-content-center h2:after {
      margin-left: auto;
      margin-right: auto; }
    .header-sub__is-content-center ul {
      justify-content: center; }
  .header-sub__is-content-right {
    text-align: right; }
    .header-sub__is-content-right h2 {
      direction: rtl; }
    .header-sub__is-content-right ul {
      justify-content: flex-end; }
  .header-sub__no-breadcrumbs .header-sub-breadcrumbs {
    display: none; }
  .header-sub__no-margin {
    margin-bottom: 0; }

.headline {
  text-align: center;
  margin: 3.5rem 0; }
  .headline h2 {
    font-size: 2rem;
    margin: 0;
    padding-bottom: 1rem;
    display: inline-block;
    color: #0b311b; }
    .headline h2:after {
      content: '';
      display: block;
      width: 60px;
      height: 4px;
      margin: 0.5rem auto 0;
      background: #27ae60; }
  .headline p {
    margin: 0;
    line-height: 1.66; }
  .headline__no-desc p {
    display: none; }
  .headline__no-margin {
    margin-bottom: 0; }

.iconblock {
  margin: 2.5rem 0; }
  .iconblock ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center; }
  .iconblock-item {
    display: block;
    margin-bottom: 2rem; }
    .iconblock-item-image {
      display: inline-block;
      padding: 0.5rem; }
      .iconblock-item-image img {
        display: block;
        max-width: 80px;
        width: 100%; }
    .iconblock-item-headline {
      margin: 0.75rem 0 0.5em; }
    .iconblock-item-text {
      font-size: 0.875rem;
      margin: 0;
      line-height: 1.5;
      color: #586e8a; }
  .iconblock__is-content-center .iconblock-item {
    text-align: center; }
    .iconblock__is-content-center .iconblock-item-image img {
      margin: 0 auto; }
  .iconblock__with-icon-bg-square .iconblock-item-image {
    background: #b3eecc; }
  .iconblock__with-icon-bg-round .iconblock-item-image {
    background: #b3eecc;
    border-radius: 50%; }
  .iconblock__with-border-square .iconblock-item-image {
    border: 4px solid #ced6e0; }
  .iconblock__with-border-round .iconblock-item-image {
    border-radius: 50%;
    border: 4px solid #ced6e0; }
  .iconblock__two-in-row .iconblock-item {
    width: 50%;
    padding: 0 2rem; }
  .iconblock__three-in-row .iconblock-item {
    width: 33.333%;
    padding: 0 2rem; }
  .iconblock__four-in-row .iconblock-item {
    width: 25%; }
  .iconblock__five-in-row .iconblock-item {
    width: 20%; }
  .iconblock__no-desc .iconblox-item-text {
    display: none; }
  .iconblock__no-margin {
    margin-bottom: 0; }

.testimonial {
  margin-bottom: 3.5rem; }
  .testimonial-content {
    padding: 3.5rem 1rem; }
    .testimonial-content p {
      text-align: center;
      font-size: 1.5rem;
      color: #fff;
      font-weight: 700; }
    .testimonial-content span {
      display: block;
      text-align: right;
      color: rgba(255, 255, 255, 0.75); }
  .testimonial__with-italic .testimonial-content p {
    font-style: italic; }
  .testimonial__no-image-bg .row {
    background: #27ae60 !important; }
  .testimonial__is-rounded .row {
    border-radius: 8px; }
  .testimonial__with-image-bg .row {
    box-shadow: inset 2500px 0 0 0 rgba(39, 174, 96, 0.75); }
  .testimonial__no-person .testimonial-content span {
    display: none; }
  .testimonial__with-person .testimonial-content span {
    display: block; }
  .testimonial__no-margin {
    margin-bottom: 0; }

.textblock {
  margin-bottom: 3.5rem; }
  .textblock-content-text h2 {
    font-size: 1.75rem;
    padding-bottom: 1rem;
    display: inline-block;
    margin: 0; }
    .textblock-content-text h2:after {
      content: '';
      display: block;
      width: 40px;
      height: 4px;
      margin: 0.5rem 0 0;
      background: #27ae60; }
  .textblock-content-text p {
    line-height: 1.66; }
  .textblock-content-text ul, .textblock-content-text ol {
    line-height: 1.66; }
  .textblock__with-image .row {
    align-items: center; }
  .textblock__with-image .textblock-content-image img {
    display: block;
    max-width: 100%;
    margin: 1.5rem auto; }
  .textblock__no-image .textblock-content-image {
    display: none; }
  .textblock__is-image-left .row {
    flex-direction: row-reverse; }
  .textblock__with-lead .textblock-content-text p:first-of-type {
    font-size: 1.125rem;
    font-weight: 700; }
  .textblock__is-image-rounded .textblock-content-image img {
    border-radius: 8px; }
  .textblock__with-bg {
    background: #f5f6f8; }
  .textblock__is-content-center .textblock-content-text {
    text-align: center;
    display: flex;
    flex-direction: column; }
    .textblock__is-content-center .textblock-content-text h2:after {
      margin-left: auto;
      margin-right: auto; }
    .textblock__is-content-center .textblock-content-text ol, .textblock__is-content-center .textblock-content-text ul {
      width: auto;
      margin-left: auto;
      margin-right: auto; }
      .textblock__is-content-center .textblock-content-text ol li, .textblock__is-content-center .textblock-content-text ul li {
        width: auto; }
  .textblock__no-margin {
    margin-bottom: 0; }

.gallery {
  margin-bottom: 3.5rem; }
  .gallery-wrap {
    width: 100%; }
    .gallery-wrap ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap; }
      .gallery-wrap ul li {
        position: relative;
        width: 100%; }
        .gallery-wrap ul li:hover svg {
          transform: translate(-50%, -50%) scale(1);
          transform-origin: center;
          opacity: 1; }
        .gallery-wrap ul li a {
          position: relative;
          overflow: hidden;
          display: block;
          background: #27ae60;
          z-index: 2; }
          .gallery-wrap ul li a:hover img {
            transform: scale(1.15);
            transform-origin: center;
            opacity: 0.4; }
          .gallery-wrap ul li a img {
            display: block;
            transition: 0.33s ease all;
            width: 100%; }
        .gallery-wrap ul li svg {
          position: absolute;
          top: 50%;
          left: 50%;
          display: block;
          transform: translate(-50%, -50%) scale(0.5);
          opacity: 0;
          transition: 0.33s ease all;
          z-index: 2;
          stroke-width: 1.5;
          stroke: #fff; }
  .gallery__two-in-row ul li {
    width: 50%; }
    .gallery__two-in-row ul li a {
      max-height: 300px; }
  .gallery__three-in-row ul li {
    width: 33.333%; }
    .gallery__three-in-row ul li a {
      max-height: 275px; }
  .gallery__four-in-row ul li {
    width: 25%; }
    .gallery__four-in-row ul li a {
      max-height: 250px; }
  .gallery__with-padding ul li {
    padding: 0 0.5rem 0.5rem; }
  .gallery__is-fullsize .container {
    max-width: 100% !important; }
  .gallery__no-margin {
    margin-bottom: 0; }

.buttonbar {
  margin-bottom: 3.5rem; }
  .buttonbar ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .buttonbar ul li {
      margin: 1rem; }
  .buttonbar__with-bg-primary {
    background: #27ae60; }
  .buttonbar__with-bg-gray {
    background: #dfe4ea; }
  .buttonbar__with-bg-white {
    background: #fff; }
  .buttonbar__is-small .btn {
    font-size: 0.875rem; }
  .buttonbar__is-big .btn {
    font-size: 1.125rem; }
  .buttonbar__no-margin {
    margin-bottom: 0; }

.contactbox {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem; }
  .contactbox h3 {
    margin: 0 0 1rem;
    font-size: 1.5rem; }
    .contactbox h3:after {
      margin-top: 0.5rem;
      content: '';
      display: block;
      width: 40px;
      height: 4px;
      background: #27ae60; }
  .contactbox-data ul {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none; }
  .contactbox-data-office {
    line-height: 1.66;
    font-size: 1.125rem; }
  .contactbox-data-link {
    display: inline-flex;
    color: #27ae60;
    padding: 0.5rem 1rem;
    border: 1px solid #27ae60;
    text-decoration: none;
    font-size: 0.875rem;
    border-radius: 4px;
    align-items: center;
    transition: 0.25s ease all; }
    .contactbox-data-link svg {
      margin-right: 0.75rem;
      stroke: #27ae60;
      stroke-width: 1.5; }
    .contactbox-data-link:hover {
      background: #27ae60;
      color: #fff; }
      .contactbox-data-link:hover svg {
        stroke: #fff; }
  .contactbox-data small {
    margin-top: 2.5rem;
    margin-bottom: 0.35rem;
    display: block;
    color: #90a2b8; }
  .contactbox-data-company {
    font-size: 0.75rem;
    line-height: 1.66;
    color: #59657e; }
    .contactbox-data-company li b {
      font-size: 0.875rem; }
  .contactbox-info-boxes ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
    .contactbox-info-boxes ul li {
      margin: 0 2.5rem 2.5rem 0; }
      .contactbox-info-boxes ul li small {
        font-size: 0.75rem;
        color: #90a2b8;
        display: inline-block;
        margin-bottom: 0.5rem; }
      .contactbox-info-boxes ul li span {
        display: flex;
        align-items: center;
        font-size: 1.25rem; }
        .contactbox-info-boxes ul li span svg {
          stroke: #27ae60;
          stroke-width: 1.5;
          margin-right: 0.35rem; }
        .contactbox-info-boxes ul li span a {
          color: #2f3542;
          text-decoration: none;
          font-weight: 700;
          transition: 0.25s easez; }
          .contactbox-info-boxes ul li span a:hover {
            color: #27ae60; }
  .contactbox-info-form {
    border-top: 1px solid #dfe4ea; }
    .contactbox-info-form h4 {
      margin-top: 2.5rem;
      margin-bottom: 0.5rem; }
    .contactbox-info-form p {
      font-size: 0.75rem;
      color: #90a2b8;
      line-height: 1.66;
      margin-bottom: 1rem; }
  .contactbox-info-workinghours {
    border-top: 1px solid #dfe4ea;
    padding-bottom: 2.5rem; }
    .contactbox-info-workinghours h4 {
      margin-top: 2.5rem;
      margin-bottom: 1.5rem; }
    .contactbox-info-workinghours ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      justify-content: space-between; }
      .contactbox-info-workinghours ul li small {
        display: block;
        color: #90a2b8;
        margin-bottom: 0.25rem; }
  .contactbox__with-form .contactbox-info-form {
    display: block; }
  .contactbox__no-form .contactbox-info-form {
    display: none; }
  .contactbox__with-map-link .contactbox-data-link {
    display: inline-flex; }
  .contactbox__no-map-link .contactbox-data-link {
    display: none; }
  .contactbox__with-invoice-info .contactbox-data-company {
    display: block; }
  .contactbox__no-invoice-info .contactbox-data-company {
    display: none; }
  .contactbox__with-bg-gray {
    padding-top: 5rem;
    background: #f5f6f8; }
  .contactbox__with-bg-white {
    background: #fff;
    padding-top: 5rem; }
  .contactbox__no-headline h3 {
    display: none; }
  .contactbox__no-margin {
    margin-bottom: 0; }

.imageblock {
  margin-bottom: 2.5rem; }
  .imageblock-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
  .imageblock-item {
    overflow: hidden;
    margin: 0 1.5rem 1.5rem 0; }
    .imageblock-item-image {
      max-width: 100%;
      border-bottom: 2px solid #27ae60; }
    .imageblock-item-headline {
      margin: 0;
      padding: 1rem 1rem 0.75rem;
      color: #0b311b; }
    .imageblock-item-content {
      padding: 0 1rem 1rem;
      line-height: 1.66; }
      .imageblock-item-content p {
        margin: 0;
        font-size: 0.8rem; }
  .imageblock__two-in-row .imageblock-item {
    width: calc(50% - 1.5rem); }
  .imageblock__three-in-row .imageblock-item {
    width: calc(33.333% - 1.5rem); }
  .imageblock__four-in-row .imageblock-item {
    width: calc(25% - 1.5rem); }
  .imageblock__is-rounded .imageblock-item {
    border-radius: 8px; }
  .imageblock__with-shadow .imageblock-item {
    box-shadow: 0px 5px 10px 0px #dfe4ea; }
  .imageblock__with-border .imageblock-item {
    border: 1px solid #dfe4ea; }
  .imageblock__no-margin {
    margin-bottom: 0; }

.footer {
  margin: 0rem 0 2.5rem; }
  .footer .row {
    border-top: 1px solid #ced6e0; }
  .footer-info {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    color: #90a2b8; }
    .footer-info ul {
      margin: 0.75rem 0 0;
      padding: 0;
      list-style: none;
      display: flex;
      width: 100%; }
      .footer-info ul li {
        margin: 0 1rem 0 0; }
        .footer-info ul li a {
          color: #27ae60;
          text-decoration: none;
          opacity: 0.75; }
          .footer-info ul li a:hover {
            opacity: 1; }
  .footer-data {
    text-align: right;
    margin-top: 1rem;
    font-size: 0.8rem;
    color: #90a2b8; }
    .footer-data a {
      color: #27ae60;
      opacity: 0.75;
      text-decoration: none; }
      .footer-data a:hover {
        opacity: 1; }
  .footer__no-top-border .row {
    border-top: 0; }
  .footer__no-margin {
    margin-bottom: 0; }

.btn {
  padding: 0.75em 1.5em;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 700;
  display: inline-block; }
  .btn-cta {
    background: #27ae60;
    color: #fff;
    border: 2px solid #27ae60;
    transition: 0.25s ease all; }
    .btn-cta:hover {
      background: #2ecc71;
      border-color: #2ecc71; }
  .btn-accent {
    background: #2ecc71;
    color: #fff;
    border: 2px solid #2ecc71;
    transition: 0.25s ease all; }
    .btn-accent:hover {
      background: #25a25a;
      border-color: #25a25a; }
  .btn-pass {
    background: #2ed573;
    color: #fff;
    border: 2px solid #2ed573;
    transition: 0.25s ease all; }
    .btn-pass:hover {
      background: #1a8345;
      border-color: #1a8345; }
  .btn-err {
    background: #534647;
    color: #fff;
    border: 2px solid #534647;
    transition: 0.25s ease all; }
    .btn-err:hover {
      background: #1c1718;
      border-color: #1c1718; }
  .btn-black {
    background: #2f3542;
    color: #fff;
    border: 2px solid #2f3542;
    transition: 0.25s ease all; }
    .btn-black:hover {
      background: #2ed573;
      border-color: #2ed573; }
  .btn-white {
    background: #fff;
    color: #27ae60;
    border: 2px solid #fff;
    transition: 0.25s ease all; }
    .btn-white:hover {
      background: #2ecc71;
      color: #fff;
      border-color: #2ecc71; }
  .btn-outline {
    border: 2px solid #27ae60;
    color: #27ae60;
    transition: 0.25s ease all; }
    .btn-outline:hover {
      background: #145b32;
      color: #fff;
      border-color: #145b32; }
  .btn-outline-black {
    border: 2px solid #2f3542;
    color: #2f3542;
    background: transparent;
    transition: 0.25s ease all; }
    .btn-outline-black:hover {
      background: #050506;
      color: #fff;
      border-color: #2f3542; }
  .btn-outline-white {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
    transition: 0.25s ease all; }
    .btn-outline-white:hover {
      background: #2f3542;
      color: #fff;
      border-color: #2f3542; }
  .btn-small {
    font-size: 0.875rem; }

.form ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .form ul li {
    display: flex;
    margin-bottom: 0.65rem;
    flex-wrap: wrap;
    align-items: center; }
    .form ul li:last-of-type {
      margin-top: 2.5rem;
      justify-content: flex-end; }
    .form ul li label {
      font-size: 0.875rem;
      display: inline-block;
      margin-bottom: 0.35rem;
      margin-top: 0.35rem; }
      .form ul li label.required:after {
        content: '';
        background: #534647;
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        position: relative;
        top: -6px;
        margin-left: 4px; }
    .form ul li small {
      display: inline-block;
      margin-top: 0.35rem;
      font-size: 0.75rem;
      color: #afbccc; }
    .form ul li input[type=text],
    .form ul li input[type=email] {
      font-size: 1rem;
      padding: 0.5rem;
      border: 1px solid #afbccc;
      border-radius: 4px;
      display: block;
      width: 100%;
      transition: 0.25s ease all; }
      .form ul li input[type=text]:hover,
      .form ul li input[type=email]:hover {
        box-shadow: 0px 0px 0px 2px rgba(39, 174, 96, 0.2); }
      .form ul li input[type=text]:focus,
      .form ul li input[type=email]:focus {
        box-shadow: 0px 0px 0px 2px rgba(39, 174, 96, 0.2);
        border-color: #27ae60;
        outline: none; }
    .form ul li input[type=submit] {
      padding: 0.75rem 1.5rem;
      font-weight: 700;
      border-radius: 4px;
      border: 2px solid rgba(39, 174, 96, 0.2);
      font-family: "Inter", -apple-system, BlinkMacSystemFont, Arial, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      background: #27ae60;
      color: #fff;
      transition: 0.25s ease all; }
      .form ul li input[type=submit]:focus {
        background: #145b32;
        outline: none;
        transform: scale(0.95); }
      .form ul li input[type=submit]:hover {
        background: #1e8449;
        box-shadow: 0px 0px 0px 4px rgba(39, 174, 96, 0.2);
        cursor: pointer; }
    .form ul li textarea {
      width: 100%;
      display: block;
      font-size: 1rem;
      padding: 0.5rem;
      border: 1px solid #afbccc;
      border-radius: 4px;
      resize: vertical;
      min-height: 200px;
      transition: 0.25s ease all; }
      .form ul li textarea:focus {
        box-shadow: 0px 0px 0px 2px rgba(39, 174, 96, 0.2);
        border-color: #27ae60;
        outline: none; }
      .form ul li textarea:hover {
        box-shadow: 0px 0px 0px 2px rgba(39, 174, 96, 0.2); }
    .form ul li input[type=checkbox] {
      margin-right: 0.5rem;
      display: inline-block;
      border: 1px solid #afbccc;
      border-radius: 4px;
      transition: 0.25s ease all;
      margin-left: 0; }
      .form ul li input[type=checkbox]:focus {
        box-shadow: 0px 0px 0px 2px rgba(39, 174, 96, 0.2);
        border-color: #27ae60;
        outline: none; }

.form__short {
  max-width: 30%; }

.form-alert {
  font-size: 0.875rem;
  padding: 1rem;
  margin-bottom: 1rem; }
  .form-alert__pass {
    background: rgba(46, 213, 115, 0.2);
    border-top: 2px solid #2ed573;
    border-bottom: 2px solid #2ed573;
    color: #1a8345;
    font-weight: 700; }
  .form-alert__err {
    background: rgba(83, 70, 71, 0.2);
    border-top: 2px solid #534647;
    border-bottom: 2px solid #534647;
    color: #1c1718;
    font-weight: 700; }

html, body {
  margin: 0;
  padding: 0;
  font-size: 16px; }
  html ::selection, body ::selection {
    background: #2f3542;
    color: #fff; }

body {
  background: #fff;
  color: #2f3542;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Arial, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --white: $white;
  --primary: $primary
    --accent: $accent;
  --pass: $pass;
  --warning: $warning;
  --error: $error;
  --border-radius: $border-radius;
  --borded-width: $border-width;
  --icons-stroke-width: $icons-stroke-width; }