@charset "UTF-8";
:root {
  --color-primary: #324366;
  --color-primary-opacity: rgba(55, 73, 93, 0.9);
  --color-counter: rgba(55, 73, 93, 0.5);
  --color-primary-light: #3f547e;
  --color-primary-dark: #304061;
  --color-white: #ffffff;
  --color-button: #f85e1cb3;
  --color-font-on-dark: #ffc300;
  --color-font-on-light: #df4242;
  --color-form: #4b5b6d;
  --color-input: #cc6666;
  --color-form-focus: #cc4949;
  --color-highlight: #FF9800;
  --color-highlight-link: #ff3700;
  --shadow-dark: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.3);
  --default-font-size: 1.6rem;
  --font-size-xxxs: 1.2rem;
  --font-size-xxs: 1.5rem;
  --font-size-xs: 1.8rem;
  --font-size-s: 1.9rem;
  --font-size-m: 2.5rem;
  --font-size-l: 4rem;
  --font-size-xl: 5rem;
  --font-size-xxl: 7rem;
  --border-color: 1px solid #d3d3d3;
  --star-size: 3.5rem;
  --star-color: rgba(55, 73, 93, 0.5);
  --star-background: #fc0; }

.survey {
  background-color: #db4040; }

.ad {
  background-color: #6da6d4; }

.earnmoney {
  background-color: #4ed6a9; }

.other {
  background-color: #dbac55; }

* {
  margin: 0;
  padding: 0; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  scroll-behavior: smooth;
  box-sizing: border-box;
  font-size: 62.5%; }

body {
  font-family: "Montserrat", sans-serif;
  line-height: 1.6;
  color: var(--color-primary); }

html {
  scroll-padding-top: 10vh;
  /* height of sticky header */ }

.photo-mobile {
  display: none; }
  .photo-mobile img {
    width: 100%; }

.header__text-box {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  margin-top: 10vh; }

.header .section-wrapper {
  margin-top: 10vh;
  padding: 4rem 2rem; }

.header__text-headings {
  width: 50%; }

.header__text-image {
  width: 50%; }

.header__text-image img {
  width: 100%;
  height: auto; }

.counter-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.counter {
  display: flex;
  color: #ffa800; }
  .counter__text {
    font-size: var(--font-size-s);
    letter-spacing: 0.1rem; }
  .counter__image {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  .counter__image img {
    width: 30%; }

.counter__inner {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.odometer {
  font-size: var(--font-size-l); }

.section-wrapper {
  max-width: 1140px;
  margin: 0 auto;
  padding: 7rem 0; }

.last {
  margin-bottom: 0;
  margin-top: 0; }

.choice {
  display: flex; }
  .choice__column {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .choice__column:not(:last-child) {
      margin-right: 10rem; }

.choice-wrapper {
  display: flex; }

.desc-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.desc-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10rem 0; }

.desc-box-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%; }

.desc-text {
  flex: 3 1 0;
  font-size: var(--font-size-s);
  padding-left: 7rem; }

.desc-text:nth-child(1) {
  padding: 0 7rem 0 0; }

.desc-header {
  font-size: var(--font-size-m);
  font-weight: 700;
  line-height: 4rem;
  letter-spacing: 0.1rem;
  margin-bottom: 2rem; }

.opinie-reward-list li::marker {
  color: #2ed219;
  font-weight: 600; }

.desc-header:nth-child(2n) {
  padding-bottom: 2rem; }

.desc-logo-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0; }

.desc-logo {
  width: 100%; }

.block {
  display: block; }

.survey-choice__items {
  display: flex;
  padding-bottom: 5rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.survey-choice__description {
  flex: 2 1 0;
  padding: 0 2rem;
  margin-left: 5rem;
  line-height: 2;
  font-size: var(--font-size-s); }

.survey-choice__buttons {
  display: flex;
  justify-content: flex-start; }
  .survey-choice__buttons a {
    margin: 1rem 1.5rem;
    text-decoration: none;
    font-weight: 400; }

.survey-choice__images {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center; }

.first-item {
  padding-top: 5rem; }

.survey-logo-link {
  height: auto; }

.survey-logo {
  width: 100%;
  padding: 4rem 2rem;
  border: var(--border-color);
  border-radius: 3rem;
  box-shadow: 0 0.2rem 0.2em rgba(0, 0, 0, 0.2);
  margin-bottom: 3rem; }

.small-logo {
  width: 15%;
  margin: 1rem; }

.small-logo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2rem 0; }

.small-logo-text {
  font-size: var(--font-size-xs);
  font-weight: 400; }

.text-highlight {
  font-size: var(--font-size-s); }

.highlight-dark {
  color: var(--color-highlight);
  font-weight: 400; }

.survey-choice__text {
  margin-bottom: 4rem; }

.survey-choice-motto {
  font-size: var(--font-size-l);
  color: var(--color-font-on-light);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 2rem; }

.survey-choice-btn {
  background: var(--color-button);
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  color: white;
  padding: 1rem 2rem;
  transition: all 0.3s;
  text-transform: uppercase;
  transition: all 0.2s ease-in; }

.survey-choice-btn:hover {
  color: var(--color-primary); }

.last-item {
  border-bottom: none; }

.heading-quaternary {
  text-align: left;
  padding-bottom: 1rem;
  font-size: var(--font-size-m);
  font-weight: 600; }

.single-paragraph {
  padding: 2rem 0; }

.highlight-dark a {
  color: inherit; }

.contact {
  display: flex;
  align-items: center; }

.contact-main {
  margin-top: 10vh; }

form {
  max-width: 40%;
  margin: 0 5rem 5rem; }

::placeholder {
  color: rgba(55, 73, 93, 0.4); }

.contact-input {
  color: var(--color-primary);
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border: 2px solid var(--color-form);
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width: 100%;
  box-sizing: border-box;
  outline: 0; }

.contact-input:focus {
  border: 2px solid var(--color-form-focus); }

textarea {
  height: 150px;
  line-height: 150%;
  resize: vertical; }

.form-btn-wrapper {
  display: flex; }

.form-btn {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  width: 60%;
  background: var(--color-button);
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  color: white;
  font-size: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.3s;
  margin-top: -4px;
  font-weight: 700; }

.form-btn:hover {
  background: var(--color-input); }

.footer .section-wrapper {
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.footer-top {
  background-color: var(--color-primary-light);
  color: #fff;
  padding-bottom: 5rem; }

.footer-bottom {
  background-color: rgba(242, 242, 242, 0.6);
  padding: 2rem;
  text-align: center; }
  .footer-bottom__text {
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase; }
  .footer-bottom__copy {
    font-size: var(--default-font-size); }

.footer-color {
  background-color: #fff; }

.footer-source {
  font-size: 1.4rem; }

.form-wrapper {
  display: flex;
  flex: 4 1 0;
  justify-content: center; }

.recaptcha {
  margin: 3rem 0; }

.form-description {
  width: 34%;
  font-size: var(--font-size-s);
  font-weight: 300;
  line-height: 3; }

.mail-link {
  color: #d77171;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.3s; }

.mail-link:hover {
  color: #cc4949; }

.footer-link {
  color: #324366;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.3s; }

.footer-link:hover {
  color: #98a9cc; }

label {
  font-size: var(--font-size-xs);
  font-weight: 400;
  color: var(--color-input); }

.not-exist-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.not-exist-photo {
  display: flex;
  justify-content: center; }

.not-exist-photo img {
  width: 80%; }

.ysense-main .section-wrapper {
  display: flex;
  max-width: 1200px;
  padding: 3rem 5rem;
  margin-bottom: 0; }

.ysense-main {
  background-color: #f3f5f7; }

.article-section {
  padding: 8rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.article-section-center {
  display: flex;
  justify-content: center;
  border-bottom: none; }

.article-section-item {
  margin: 6rem 0 4rem 0; }

.article-containter-highlight {
  -webkit-box-shadow: 1px 5px 9px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 5px 9px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 5px 9px 3px rgba(0, 0, 0, 0.25);
  width: 85%;
  padding: 2rem;
  margin-bottom: 4rem; }

.survey-review {
  width: 100%;
  flex: 3 1 0;
  margin-right: 3rem;
  margin-top: 10vh;
  background-color: #fff;
  padding: 0 2.5rem; }

.heading-surveys-primary {
  position: relative;
  margin-top: 10vh;
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 4rem; }

.heading-surveys-secondary {
  font-size: 3rem;
  font-weight: 600; }

.heading-surveys-tertiary {
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 1.5rem; }

.heading-margin {
  margin: 2rem 0; }

.header-icon-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 3rem; }
  .header-icon-wrapper img {
    width: 5%;
    padding: 0.5rem;
    align-self: flex-start; }

.article-header-label {
  display: inline-block;
  position: absolute;
  font-size: 1.5rem;
  bottom: 12rem;
  left: 0;
  margin: 0.5rem;
  padding: 0.5rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #db4040; }


.article-highlight {
  text-decoration: none;
  display: inline-block;
  color: var(--color-highlight);
  font-weight: 600;
   }

  .link-article {
  text-decoration: none;
  display: inline-block;
  color: var(--color-highlight);
  font-weight: 600;

  /* transition: transform 0.2s ease-in-out; */
 }

  /* .link-article:hover {
    transform: scale(1.01); 
  } */

.article-highlight {
  padding: 0 2rem; }

.ysense-photo {
  width: 100%; }

.ysense-photo img {
  width: 80%;
  margin: 2rem; }

.desc-paragraph {
  font-size: 2rem;
  line-height: 3.9rem;
  font-weight: 400;
  margin-bottom: 2rem; }
  .desc-paragraph strong {
    font-size: 3rem;
    font-weight: 400; }

.survey-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem; }
  .survey-counter img {
    width: 10%; }
  .survey-counter .odometer {
    color: var(--color-highlight); }

.survey-article-button {
  display: flex;
  justify-content: center;
  padding: 2rem; }
  .survey-article-button .survey-choice-btn {
    font-size: 2rem;
    text-decoration: none; }

.survey-payments-img {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .survey-payments-img img {
    width: 70%;
    margin: 2rem 0; }

.iframe-container {
  display: flex;
  justify-content: center;
  margin: 3rem; }

.survey-list {
  list-style: none; }

.survey-list-inside-list {
  margin-left: 1.2rem; }
  .survey-list-inside-list li {
    font-size: 2.3rem; }

.with-bullets {
  list-style-type: disc;
  font-weight: 400;
  padding: 0 4rem; }
  .with-bullets li {
    font-size: 2.2rem; }

.survey-ordered-list {
  padding: 5rem 0; }

.survey-list-items {
  font-size: 2.5rem;
  padding: 1rem 0; }

.survey-list-img {
  width: 90%;
  margin: 6rem 0; }
  .survey-list-img img {
    width: 100%; }

.survey-info-container {
  display: flex;
  justify-content: center;
  margin: 4rem 0; }

.survey-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem;
  -webkit-box-shadow: 1px 5px 9px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 5px 9px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 5px 9px 3px rgba(0, 0, 0, 0.25); }
  .survey-info .heading-surveys-secondary {
    margin-bottom: 3rem;
    font-weight: 600; }

.survey-info-items {
  list-style: none;
  font-size: var(--font-size-m); }

.survey-info-items .stars {
  padding-left: 2rem; }

.survey-info-list li:first-child {
  display: flex;
  align-items: center; }

.not-exist-main {
  padding-top: 10vh; }

.policy {
  display: flex;
  justify-content: center; }

.privacy-policy {
  width: 70%;
  margin-top: 10vh; }

.privacy-policy-p {
  font-size: var(--font-size-s);
  font-weight: 300;
  line-height: 4rem; }

.heading-primary {
  margin-top: 10vh;
  font-size: var(--font-size-xxl);
  font-weight: inherit;
  padding-bottom: 2rem; }

.header__text-headings h1 {
  margin-top: 0;
  font-size: var(--font-size-l);
  padding-bottom: 0;
  line-height: 4rem; }

.header__text-headings h2 {
  padding: 0; }

.header__text-headings p {
  padding: 2rem 0;
  width: 70%;
  font-size: var(--font-size-s);
  font-weight: 400; }

.heading-secondary {
  font-size: 3.5rem;
  font-weight: inherit;
  padding-bottom: 2.5rem; }
  .heading-secondary--block {
    display: block;
    margin-bottom: 4rem; }

.heading-tertiary {
  font-size: var(--font-size-l);
  font-weight: 300;
  text-align: center;
  padding-bottom: 3rem; }
  .heading-tertiary--block {
    display: block; }

.heading-title {
  font-size: 3rem;
  display: flex;
  padding: 1rem;
  margin-top: 10rem;
  font-weight: 700; }

.last .heading-title {
  margin-top: 0; }

.heading-highlight {
  font-size: var(--font-size-xs);
  background-color: var(--color-primary-opacity);
  display: inline-block;
  padding: 0 1rem;
  color: #fff;
  font-weight: 300; }

strong {
  font-weight: 600; }

.main-header-block {
  display: block; }

#btn-to-top {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
 opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000; }

#btn-to-top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff; }

#btn-to-top:hover {
  cursor: pointer;
  background-color: #333; }

#btn-to-top:active {
  background-color: #555; }

#btn-to-top.show {
  opacity: 1;
  visibility: visible; }

.share-section {
  display: block;
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 999999999; }

.btn, .btn:link, .btn:visited {
  display: inline-block;
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0.8rem;
  padding: 1.5rem 4rem;
  margin: 2rem auto;
  letter-spacing: 0.5rem;
  font-weight: 600;
  color: #fff;
  box-shadow: var(--shadow-dark);
  transition: 0.2s; }

.btn:hover {
  transform: translateY(-0.3rem);
  /* w gore idzie*/
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
  color: var(--color-primary-light); }
  .btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0; }

.btn-text:link, .btn-text:visited {
  font-size: var(--default-font-size);
  color: var(--color-button);
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid var(--color-button);
  padding: 3px;
  font-weight: 600;
  transition: all 0.2s; }

.btn-text:hover {
  background-color: var(--color-button);
  color: #fff;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
  transform: translateY(-2px); }

.btn-text:active {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(0); }

.btn--orange {
  background-color: var(--color-button); }

.btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 4rem; }

.svg__logo-choice {
  width: 20rem;
  margin-bottom: 2rem; }

.stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1; }
  .stars::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.article {
  background-color: #f3f5f7; }

.article .heading-secondary {
  margin-top: 5vh;
  padding-bottom: 3rem; }

.article-thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }

.article-photo {
  height: 65%;
  transition: all 0.2s; }

.article-title {
  flex: 1 1 0;
  display: block;
  color: var(--color-primary);
  padding: 1rem;
  font-weight: 400;
  font-size: var(--font-size-m); }

.article-label {
  margin: 0.5rem;
  padding: 0.5rem;
  text-transform: uppercase;
  font-size: var(--font-size-xxxs);
  color: #fff;
  font-weight: 400; }

.photo-wrapper {
  background-color: rgba(20, 20, 20, 0.5); }

.thumbnail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .thumbnail__main {
    flex: 1 1 0;
    position: relative;
    margin: 2rem;
    min-width: 200px;
    max-width: 400px;
    max-height: 400px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in; }
    .thumbnail__main img {
      width: 100%;
      height: 100%; }
    .thumbnail__main a {
      text-decoration: none;
      color: var(--color-primary);
      font-size: 16px; }
  .thumbnail .thumbnail__main:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); }
  .thumbnail .thumbnail__main:hover .article-photo {
    -webkit-filter: brightness(90%); }
  .thumbnail .thumbnail__main:hover .article-title {
    text-decoration: underline; }
  .thumbnail__photo {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.contact-main {
  display: flex;
  justify-content: center; }

.payments {
  display: flex;
  justify-content: center;
  align-items: center; }

.payments-column {
  flex: 3 1 0;
  margin-right: 15vh; }

aside {
  flex: 1 1 0; }

table {
  width: 80%;
  border-collapse: separate;
  background: #fff;
  border-radius: 2px;
  margin-top: 5rem;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }

thead {
  border-radius: 2px; }

thead th {
  font-size: var(--font-size-s);
  font-weight: 400;
  color: #fff;
  text-align: left;
  padding: 2rem;
  background-color: #df4242; }
  thead th:first-child {
    border-top-left-radius: 2px; }
  thead th:last-child {
    border-top-right-radius: 2px; }

thead tr th {
  text-align: center; }

tbody tr td {
  font-weight: 400;
  font-size: var(--font-size-s);
  text-align: center;
  padding: 2rem;
  border-bottom: 1px solid #e0e0e0; }

tbody tr:nth-of-type(even) {
  background: #f0f3f5; }

tbody tr:last-child td {
  border-bottom: none; }
  tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px; }
  tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px; }

tr:hover {
  color: #df4242; }

tr:hover a {
  color: #df4242; }

td a {
  text-decoration: none;
  color: inherit; }

/** LIGHTBOX MARKUP **/
.lightbox {
  /** Default lightbox to hidden */
  display: none;
  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  padding-top: 15vh;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8); }

.lightbox img {
  /** Pad the lightbox image */
  max-width: 50%;
  margin-top: 2%; }

.lightbox:target {
  /** Remove default browser outline */
  outline: none;
  /** Unhide lightbox **/
  display: block; }

.sidebar {
  align-self: flex-start;
  min-width: 200px;
  margin-top: 8vh; }

.contact aside {
  margin-top: 0; }

.sidebar-article-photo:hover span {
  text-decoration: underline; }

.last-payments {
  border: 1px solid #df4242; }

.best-article {
  margin-top: 40px; }

.last-payments h2,
.best-article h2 {
  background-color: #df4242;
  color: white;
  padding: 10px;
  font-weight: 400;
  font-size: 20px; }

.last-payments ul {
  padding: 20px;
  font-size: 20px;
  font-weight: 400;
  text-align: left; }

.last-payments li {
  list-style: none; }

.last-payments a {
  text-decoration: none;
  color: var(--color-primary); }

.last-payments a:hover {
  color: #e04646; }

.wyplaty-zdjecie {
  position: fixed;
  top: 20vh;
  right: 50vw;
  display: none; }

.payments-photo .close {
  font-size: 30px;
  font-weight: 400;
  position: fixed;
  display: none;
  top: 21vh;
  right: 51vw;
  width: 40px;
  height: 40px;
  color: white;
  background-color: black; }

.open {
  display: inline;
  z-index: 9999999; }

.photo-show {
  display: block; }

.sidebar-article-photo1,
.sidebar-article-photo2 {
  margin-bottom: 10px;
  height: 20vh;
  position: relative; }

.sidebar-article-photo1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/piggy-bank.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.sidebar-article-photo2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/article3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.sidebar-article-photo img {
  width: 100%; }

.sidebar-article-photo span {
  color: white;
  padding: 10px;
  position: absolute;
  left: 0;
  bottom: 20px;
  margin: 0;
  font-size: 18px;
  font-weight: 400; }

.opinie-reward-list {
  margin: 2rem 5rem; }

.pros-list {
  list-style: none; }
  .pros-list li:before {
    content: "+";
    font-size: 2.5rem;
    margin-right: 4px;
    color: #2ed219;
    font-weight: 500; }

.cons-list {
  list-style: none; }
  .cons-list li:before {
    content: "-";
    font-size: 2.5rem;
    margin-right: 4px;
    color: #e40b1f;
    font-weight: 500; }

.survey-logo-main {
  position: relative; }

.medal {
  width: 8rem;
  position: absolute;
  top: -20px;
  left: -35px; }

.survey-description {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 4rem 2rem;
  align-items: center;
  background-color: white;
  margin-bottom: 4rem; }

.survey-title-photo {
  display: flex;
  flex-wrap: wrap; }
  .survey-title-photo img {
    width: 50%; }
  .survey-title-photo .desc-title-photo {
    padding: 2rem 0; }

.survey-description-text {
  font-size: 2.3rem;
  flex: 2 1 0;
  font-weight: 400; }
  .survey-description-text p {
    padding: 2rem 0;
    font-weight: 400; }
  .survey-description-text .desc-text {
    padding: 2rem 0; }
    .survey-description-text .desc-text p {
      padding: 2rem 0; }
    .survey-description-text .desc-text ol li {
      padding: 0.5rem; }
    .survey-description-text .desc-text .highlight-dark {
      font-weight: 600; }

.survey-description-photo {
  display: flex;
  justify-content: center; }

.survey-description-photo img {
  width: 60%; }

.survey-description-background {
  background-color: #f3f5f7; }

.survey-description-background .section-wrapper {
  max-width: 990px; }

.survey-choice .survey-description:nth-child(3) img {
  width: 40%; }

.survey-tip {
  display: flex;
  width: 75%;
  justify-content: center;
  margin: 0 auto;
  padding: 2rem;
  background-color: #fff; }
  .survey-tip img {
    width: 50%; }
  .survey-tip p {
    font-size: 2.3rem;
    align-self: center;
    margin-bottom: 2rem; }

.survey-tip-photo {
  display: flex;
  justify-content: center;
  align-items: center; }

.survey-choice__text img {
  width: 100%;
  margin: 3rem 0; }

.question-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.question {
  border-radius: 10px;
  margin: 2px 0; }

#faq {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(50, 67, 102, 0.8); }
  #faq h2 {
    color: #fff;
    padding: 3rem 0;
    font-size: 2.5rem; }
  #faq h3 {
    font-size: 2rem;
    display: flex;
    justify-content: center; }
    #faq h3 a {
      display: block;
      position: relative;
      width: 100%;
      text-decoration: none;
      color: var(--primary-color); }
  #faq p {
    font-size: 1.8rem;
    padding: 2rem 0; }

.question {
  width: 80%;
  padding: 2rem;
  background-color: #fff; }

.faq-arrow {
  width: 30px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-70%); }

.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out; }
  .faq-content h3:hover {
    cursor: pointer; }

.faq-content.active {
  max-height: 600px; }

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff; }

.close {
  font-size: 2rem;
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer; }

@-webkit-keyframes rotate {
  0% {
    transform: rotate(5turn); }
  100% {
    transform: rotate(0turn); } }

@-moz-keyframes rotate {
  0% {
    transform: rotate(5turn); }
  100% {
    transform: rotate(0turn); } }

@-o-keyframes rotate {
  0% {
    transform: rotate(5turn); }
  100% {
    transform: rotate(0turn); } }

@keyframes rotate {
  0% {
    transform: rotate(5turn); }
  100% {
    transform: rotate(0turn); } }

.rotated {
  animation-name: rotate;
  animation-duration: 3s;
  animation-fill-mode: forwards; }

.animate-reveal {
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
  -moz-animation: reveal 1s ease-in 1 normal forwards;
  -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
  animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; }

.animate-first {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms; }

.animate-second {
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
  -o-animation-delay: 600ms;
  animation-delay: 600ms; }

.animate-third {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s; }

.animate-fourth {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s; }

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

.nav-wrapper {
  display: flex;
  justify-content: space-around;
  width: 100vw;
  height: 10vh;
  background-color: var(--color-primary-opacity);
  position: fixed;
  top: 0;
  z-index: 999999; }

.nav__list-item {
  list-style: none;
  display: flex;
  align-items: center;
  margin-right: 7rem; }
  .nav__list-item .nav__link {
    color: var(--color-white);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
    font-weight: 800;
    transition: all 0.2s ease-in-out;
    position: relative; }

.nav__link:before,
.nav__link:after {
  content: "";
  position: absolute;
  bottom: -8px;
  width: 0px;
  height: 3px;
  margin: 3px 0 0;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  opacity: 0;
  background-color: var(--color-white); }

.nav__link--animation:after {
  right: 50%; }

.nav__link--animation:before {
  left: 50%; }

.nav__link:hover:before,
.nav__link:hover:after {
  width: 50%;
  opacity: 1; }

.nav__link--animation:hover:before .nav__link--animation:hover:after {
  width: 50%; }

.nav__list-item .home-icon:hover {
  border-bottom: none; }

.logo-link {
  width: 15%;
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.nav__logo {
  height: 100%; }

.nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: var(--font-size-xxs); }

.home {
  width: 10%; }

.nav__main {
  height: 100%;
  display: flex;
  justify-content: flex-end; }

.nav__list-item {
  position: relative; }

.dropdown-toggle {
  display: inline-block;
  width: 12px;
  height: 7px;
  margin-left: 5px;
  background: url(/img/arrow-down-white-icon.svg) no-repeat;
  background-size: 100%;
  -webkit-transition: -webkit-transform .1s;
  transition: -webkit-transform .1s;
  transition: transform .1s;
  transition: transform .1s, -webkit-transform .1s;
  cursor: pointer; }

.nav__list-item.has-dropdown:hover .sub-menu-container {
  visibility: visible;
  opacity: 1; }

.sub-menu-container {
  visibility: hidden;
  width: 250px;
  padding: 2rem;
  opacity: 0;
  border-radius: 14px;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.14);
  background-color: #fff;
  position: absolute;
  top: 65px; }

.is-opened {
  -webkit-transition: all .3s;
  transition: all .3s;
  visibility: visible;
  opacity: 1;
  top: 85px; }

.nav__list-item.is-opened-toggle .dropdown-toggle {
  transform: rotate(180deg); }

.sub-menu .sub-menu-item {
  list-style: none;
  clear: both;
  width: 100%;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.4rem; }
  .sub-menu .sub-menu-item a {
    text-decoration: none;
    color: var(--default-color);
    padding: 1rem 0; }

.sub-menu .sub-menu-item:hover,
.sub-menu .sub-menu-item:active,
.sub-menu .sub-menu-item:focus-within {
  background: rgba(55, 73, 93, 0.1);
  cursor: pointer; }

.sub-menu .sub-menu-item:focus-within a {
  outline: none; }

.nav__list-item:active > ul,
.nav__list-item:focus-within > ul,
.nav__list-item ul:active,
.nav__list-item ul:focus {
  visibility: visible;
  opacity: 1;
  display: block; }

.sub-menu-mobile {
  display: none; }

#jak-zarobic-w-internecie h2 {
  margin: 0; }

#jak-zarobic-w-internecie h1,
#jak-zarobic-w-internecie h2 {
  font-weight: 600; }

.hamburger-menu {
  padding: 10px;
  display: none;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  margin: 0;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%); }

.hamburger__box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger__inner {
  width: 100%;
  height: 3px;
  background-color: var(--color-white);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s 0.1s ease-in-out; }

.hamburger__inner:before,
.hamburger__inner:after {
  width: 100%;
  height: 3px;
  background-color: var(--color-white);
  position: absolute;
  content: "";
  left: 0;
  transition: transform 0.3s 0.2s ease-in-out; }

.hamburger__inner:before {
  top: -10px; }

.hamburger__inner:after {
  top: 10px; }

.hamburger--active .hamburger__inner {
  background-color: transparent; }

.hamburger--active .hamburger__inner:before {
  transform: translateY(10px) rotate(45deg); }

.hamburger--active .hamburger__inner:after {
  transform: translateY(-10px) rotate(-45deg); }

.navigation--active {
  transform: translateX(0px); }

@media screen and (max-width: 1330px) {
  .sidebar-ysense {
    display: none; } }

@media screen and (max-width: 1080px) {
  :root {
    --default-font-size: 1.4rem;
    --font-size-xxxs: 1rem;
    --font-size-xxs: 1.3rem;
    --font-size-xs: 1.6rem;
    --font-size-s: 2rem;
    --font-size-m: 2.3rem;
    --font-size-l: 3.2rem;
    --font-size-xl: 4.8rem;
    --font-size-xxl: 6.8rem; }
  .nav__list-item {
    margin-right: 5rem; }
  .section-wrapper {
    padding: 3rem 1.5rem; }
  .survey-icons-main {
    display: flex; }
  .survey-logo-link {
    width: 25%; }
  .survey-logo-main {
    margin-right: 1rem; }
  .survey-logo {
    width: 100%;
    max-width: 400px;
    margin-bottom: 0; }
  .survey-choice__description {
    padding: 2rem; }
  .main-survey .heading-secondary,
  .main-survey .heading-quaternary {
    font-weight: 600; }
  #btn-to-top {
    display: none; }
  .nav__logo {
    height: 80%; }
  .heading-secondary--block {
    margin-bottom: 2rem; }
  .btn,
  .btn:link,
  .btn:visited {
    padding: 1rem 1.5rem; }
  .desc-text {
    padding: 5rem 2rem; }
  .survey-choice__items {
    flex-direction: column; }
  .survey-choice__images {
    flex-direction: row;
    justify-content: center;
    align-items: center; }
  .form-wrapper {
    flex-direction: column;
    align-items: center; }
  .form-description {
    width: 68%; }
  .footer-description {
    width: 100%;
    margin-bottom: 4rem; }
  form {
    max-width: 70%;
    margin: 0 auto; }
  .payments-column {
    margin-right: 2vh; }
  tbody tr td {
    padding: 1rem;
    font-size: var(--font-size-xs); } }

@media screen and (max-width: 810px) {
  :root {
    --default-font-size: 1.4rem;
    --font-size-xxxs: 1rem;
    --font-size-xxs: 1.3rem;
    --font-size-xs: 1.6rem;
    --font-size-s: 2rem;
    --font-size-m: 2.3rem;
    --font-size-l: 3rem;
    --font-size-xl: 4.8rem;
    --font-size-xxl: 6.8rem; }
  html {
    scroll-padding-top: 8vh;
    /* height of sticky header */ }
  .header {
    background-image: none; }
  .header__text-image {
    display: none; }
  .header .section-wrapper {
    margin-top: 0; }
  .header__text-headings {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .main-survey {
    margin-top: 8vh; }
  .contact {
    font-size: var(--font-size-s); }
  .photo-mobile {
    margin: 8vh auto;
    margin-bottom: 0;
    display: block; }
  .photo-mobile-first {
    width: 80%;
    display: flex;
    justify-content: center; }
  .header__text-box {
    padding-top: 2rem;
    height: auto; }
  .heading-primary {
    margin-top: 0;
    font-size: var(--font-size-xl); }
  .section-wrapper {
    margin: 0 auto; }
  .hamburger-menu {
    display: inline-block;
    z-index: 999999; }
  .nav-wrapper {
    height: 8vh; }
  .nav__main {
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    transform: translateX(-100vw);
    justify-content: center;
    align-items: center;
    background-color: var(--color-primary-opacity);
    transition: transform 0.3s 0.1s ease-in-out; }
  .nav {
    padding: 0; }
  .sub-menu-mobile {
    display: flex; }
  .has-dropdown {
    display: none; }
  .logo-link {
    z-index: 99999;
    position: absolute;
    left: 10px;
    top: 10px;
    transform: translateY(-10px);
    height: 100%; }
  .nav__list-item {
    margin: 0;
    padding: 2rem; }
  .nav__logo {
    height: 100%; }
  .navigation--active {
    transform: translateX(0px);
    transition: transform 0.3s 0.1s ease-in-out; }
  .desc-logo-box {
    display: none; }
  .sidebar {
    display: none;
    align-self: flex-end; }
  .payments-column {
    margin-right: 0; }
  .desc-box {
    width: 100%;
    margin: 5rem 0; }
  .desc-text:nth-child(1) {
    padding: 0; }
  .desc-box-container {
    width: 80%; }
  .desc-text {
    padding: 0; }
  .survey-choice__description {
    margin-left: 0;
    font-size: var(--font-size-xs); }
  .survey-description p,
  .survey-tip p {
    font-size: var(--font-size-m); }
  .survey-tip {
    width: 100%; }
  .survey-choice__images {
    display: flex;
    flex-direction: column; }
  .survey-logo {
    width: 100%; }
  .survey-choice__buttons {
    display: flex;
    flex-direction: column; }
  .survey-choice__buttons a {
    text-align: center;
    display: block;
    margin: 1rem auto; }
  .survey-icons-main {
    padding: 5rem 0; }
  .ysense-main .section-wrapper {
    padding: 2rem 1.5rem; }
  .form-description {
    width: 80%; }
    .form-description p {
      font-size: var(--font-size-xs); }
  form {
    max-width: 80%; }
  .form-btn-wrapper {
    justify-content: center;
    margin-bottom: 20vh; }
  .survey-description-photo img {
    width: 80%; }
  #faq h2 {
    padding: 2rem 1rem; }
  .nav__list-item {
    width: 50%;
    flex-direction: column; } }

@media screen and (max-width: 540px) {
  :root {
    --default-font-size: 1.4rem;
    --font-size-xxxs: 1rem;
    --font-size-xxs: 1.3rem;
    --font-size-xs: 1.8rem;
    --font-size-s: 2rem;
    --font-size-m: 2.5rem;
    --font-size-l: 3rem;
    --font-size-xl: 3.5rem;
    --font-size-xxl: 4rem; }
  .header__text-box {
    letter-spacing: 0; }
  .heading-primary {
    margin-top: 0;
    font-size: var(--font-size-xxl); }
  .header__text-headings p {
    width: 90%; }
  .desc-text {
    padding: 5rem 0; }
  .survey-icons-main {
    flex-direction: column; }
  .survey-description p,
  .survey-tip p {
    font-size: var(--font-size-xs);
    padding: 0; }
  .survey-description-photo img {
    width: 100%; }
  .survey-choice__description {
    padding: 2rem; }
  .survey-choice__images {
    margin: 0; }
  .counter {
    display: none;
    flex-direction: column; }
  .counter__inner {
    padding: 0; }
  .thumbnail__main {
    width: 100%;
    max-height: 50%; }
  .survey-choice__images {
    margin: 2rem; }
  .survey-icons-main {
    padding: 1rem 0; }
  .desc-box-container {
    width: 100%; }
  .opinie-reward-list {
    margin: 2rem; }
  .heading-surveys-primary {
    font-size: 3rem; }
  .heading-surveys-secondary {
    font-size: 2.5rem; }
  .survey-info-items {
    font-size: var(--font-size-s); }
  .article-highlight {
    padding: 0 0.2rem; }
  .article-table-content .heading-surveys-secondary {
    font-size: 2rem; }
  .survey-list-items {
    font-size: 2rem; }
  .survey-list-inside-list li {
    font-size: 1.8rem; }
  .header-icon-wrapper img {
    width: 12%; }
  .header-icon-wrapper .heading-surveys-secondary {
    font-size: 2.2rem; }
  .desc-paragraph {
    font-size: 1.9rem; }
    .desc-paragraph strong {
      font-size: 2rem; }
  .heading-surveys-tertiary {
    font-size: 2rem; }
  .survey-counter {
    padding: 2rem; }
  .odometer {
    padding: 2rem;
    font-size: var(--font-size-l); }
  .survey-list-img {
    width: 100%; }
  .with-bullets {
    padding: 0 2rem; }
    .with-bullets li {
      font-size: 1.9rem; }
  .article-containter-highlight {
    width: 95%; } }

@media screen and (max-width: 440px) {
  :root {
    --default-font-size: 1.4rem;
    --font-size-xxxs: 1rem;
    --font-size-xxs: 1.3rem;
    --font-size-xs: 1.6rem;
    --font-size-s: 2rem;
    --font-size-m: 2.5rem;
    --font-size-l: 3rem;
    --font-size-xl: 3.5rem;
    --font-size-xxl: 4rem; }
  .heading-primary {
    font-size: var(--font-size-xl); }
  .heading-secondary {
    font-size: var(--font-size-m); }
  .heading-quaternary {
    font-size: var(--font-size-s); }
  .section-wrapper {
    padding: 2rem 1.5rem; }
  .small-logo-text {
    font-size: var(--font-size-s); }
  .heading-title {
    margin-top: 10vh; }
  table {
    margin-top: 2rem; }
  .lightbox img {
    max-width: 100%; }
  .survey-choice-motto {
    font-size: var(--font-size-m); }
  .survey-logo {
    width: 90%; }
  .survey-choice-motto {
    padding: 2rem 0; }
  .survey-tip-photo {
    display: none; }
  .survey-tip {
    width: 100%;
    margin-bottom: 2rem; }
  .survey-choice__buttons {
    flex-direction: column; }
  .survey-choice__buttons a {
    text-align: center; }
  .form-wrapper {
    padding: 0;
    margin-top: 5vh; }
  .form-description {
    width: 85%; }
  .contact-main .section-wrapper {
    padding: 0; }
  .ysense-main .section-wrapper {
    padding: 2rem 1.5rem; }
  .survey-info-items {
    font-size: var(--font-size-xs); }
  .desc-paragraph {
    font-size: 1.6rem; }
    .desc-paragraph strong {
      font-size: 1.8rem; }
  .with-bullets {
    padding: 0 2rem; }
    .with-bullets li {
      font-size: 1.6rem; }
  form {
    max-width: 85%; }
  table {
    width: 60%; }
  .footer-bottom__copy {
    font-size: 1.4rem; }
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block; }
  table {
    width: 100%; }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  tr {
    border: 1px solid #ccc; }
  td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 50% !important; }
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 9px;
    left: 6px;
    width: 40%;
    padding-right: 10px;
    white-space: nowrap; }
  /*
	Label the data
	*/
  td:nth-of-type(1):before {
    content: "Wypłata"; }
  td:nth-of-type(2):before {
    content: "Kwota"; }
  td:nth-of-type(3):before {
    content: "Data"; }
  #faq .section-wrapper {
    padding: 0;
    margin-bottom: 4rem; }
  #faq h2,
  #faq h3,
  #faq p {
    font-size: 1.6rem; }
  .not-exist-wrapper {
    height: 80vh; } }

@media screen and (max-width: 340px) {
  :root {
    --default-font-size: 1.4rem;
    --font-size-xxxs: 1rem;
    --font-size-xxs: 1.3rem;
    --font-size-xs: 1.8rem;
    --font-size-s: 2rem;
    --font-size-m: 2.5rem;
    --font-size-l: 3rem;
    --font-size-xl: 3.5rem;
    --font-size-xxl: 4rem; }
  .nav__logo {
    height: 100%; }
  .heading-primary {
    font-size: var(--font-size-l);
    font-weight: 400; }
  .heading-secondary {
    font-size: var(--font-size-m); }
  .article .heading-secondary {
    margin-top: 5vh;
    padding: 3rem 0;
    font-size: var(--font-size-s);
    font-weight: 600; }
  .btn,
  .btn:link,
  .btn:visited {
    font-size: var(--font-size-xxs); }
  .desc-text {
    font-size: var(--font-size-xs);
    padding: 2.5rem 0; }
  .desc-header {
    font-size: var(--font-size-s); }
  .article-title {
    font-size: var(--font-size-s); } }