@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:400');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:300i,600i,400,500&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300i,400,400i,600,600i');
@font-face {
  font-family: RobotoSlab;
  font-style: normal;
  font-weight: 200;
  src: url("/static/fonts/roboto-slab/Thin.ttf") format("truetype"); }

@font-face {
  font-family: RobotoSlab;
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/roboto-slab/Light.ttf") format("truetype"); }

@font-face {
  font-family: RobotoSlab;
  font-style: normal;
  font-weight: normal;
  src: url("/static/fonts/roboto-slab/Regular.ttf") format("truetype"); }

@font-face {
  font-family: RobotoSlab;
  font-style: normal;
  font-weight: bold;
  src: url("/static/fonts/roboto-slab/Bold.ttf") format("truetype"); }

@font-face {
  font-family: BPMono;
  src: url("/static/fonts/bp-mono/bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: Montserrat;
  src: url("/static/fonts/montserrat/regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Montserrat;
  src: url("/static/fonts/montserrat/bold.otf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: Montserrat;
  src: url("/static/fonts/montserrat/light.otf") format("truetype");
  font-weight: lighter;
  font-style: normal; }

@font-face {
  font-family: Bitter;
  src: url("/static/fonts/bitter/regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Bitter;
  src: url("/static/fonts/bitter/bold.otf") format("truetype");
  font-weight: bold;
  font-style: normal; }

* {
  max-width: 100%; }

html {
  height: 100%; }

body {
  background-color: #fff;
  font-family: SourceSansPro, sans-serif;
  font-size: 0.75rem;
  min-width: 18rem;
  color: ;
  /*
Block elements with bottom margins only
---------------------------------------
*/ }
  body .page {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    position: relative; }
    body .page > #container {
      width: 100%; }
      body .page > #container > .content {
        padding: 1rem;
        margin: auto;
        box-sizing: border-box;
        max-width: 100%; }
        @media only screen and (min-width: 75em) {
  body .page > #container > .content {
    margin: auto;
    max-width: 80rem; } }
  body.modal-opened {
    overflow: hidden; }
  body .tox-tinymce {
    z-index: calc(20 + 1004); }
  @media screen and (min-width: 40em) {
  body {
    font-size: 1rem; } }
  body .userRegister form {
    width: auto !important; }

p, ul, ol, dl, table, blockquote, pre, figure, hr {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }
  h1:not([contentEditable]):first-letter, h2:not([contentEditable]):first-letter, h3:not([contentEditable]):first-letter, h4:not([contentEditable]):first-letter, h5:not([contentEditable]):first-letter, h6:not([contentEditable]):first-letter {
    text-transform: uppercase; }

ul ul, ul ol, ol ul, ol ol {
  margin-bottom: 0;
  /*
Same left margins for ul/ol, dd, blockquote
-------------------------------------------
*/ }

ul, ol, dd {
  padding-left: 1.75rem; }

dd {
  margin-left: 0;
  /*
Blockquote
----------
*/ }

blockquote {
  border: 0;
  padding-left: 1.75rem;
  margin-left: 0;
  font-style: italic;
  /*
Figure/Figcaption
-----------------
*/ }

figure {
  margin-left: 0;
  margin-right: 0; }

figure > table, figure > img, figure > picture {
  margin-bottom: 0;
  /*
Etc.
----
*/ }

fieldset {
  border: 0; }

legend {
  padding: 0 0.5rem; }

hr {
  border-style: solid; }

::-webkit-input-placeholder {
  color: grey;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit; }

::-moz-placeholder {
  color: grey;
  opacity: 1;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit; }

:-ms-input-placeholder {
  color: grey; }

:-moz-placeholder {
  color: grey; }

a, .a {
  text-decoration: none;
  color: #db4a27;
  cursor: pointer; }
  a:hover, .a:hover {
    text-decoration: underline; }
    a:hover *, .a:hover * {
      text-decoration: none; }

a button, a input {
  text-decoration: none;
  border: inherit;
  border-color: inherit; }

h1 {
  text-transform: uppercase;
  font-family: Fira Sans Condensed, sans-serif;
  color: #db4a27;
  font-size: 2rem;
  font-weight: normal; }
  @media only screen and (min-width: 60em) {
  h1 {
    font-size: 2.5rem; } }
  h1.aktualita {
    font-size: 1.5rem;
    text-transform: none; }

h2 {
  font-family: Fira Sans Condensed, sans-serif;
  font-size: 1.25rem;
  font-weight: normal; }
  @media only screen and (min-width: 60em) {
  h2 {
    font-size: 1.5rem; } }

h3 {
  font-family: SourceSansPro, sans-serif;
  font-size: 1rem;
  font-weight: 400; }
  @media only screen and (min-width: 60em) {
  h3 {
    font-size: 1.25rem; } }

h4 {
  font-family: SourceSansPro, sans-serif;
  font-size: 0.875rem;
  font-weight: 400; }
  @media only screen and (min-width: 60em) {
  h4 {
    font-size: 1.125rem; } }

h5 {
  font-family: SourceSansPro, sans-serif;
  font-size: 0.825rem;
  font-weight: 400; }
  @media only screen and (min-width: 60em) {
  h5 {
    font-size: 1rem; } }

h6 {
  font-family: SourceSansPro, sans-serif;
  font-size: 0.75rem; }

p {
  font-weight: 300; }

hr.hr {
  background-color: #fff;
  border: none;
  width: 100%;
  height: 1px; }

input, select, textarea {
  font: inherit;
  max-width: 100%;
  box-sizing: border-box; }

img {
  max-width: 100%; }

span[name='editTranslation'] {
  cursor: pointer; }
  span[name='editTranslation']:hover {
    background-color: #db4a2710; }

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media only screen and (max-width: 30em) {
  .mobile-hidden {
    display: none !important; } }

#s-all-bn {
  float: right; }

#s-sv-bn {
  float: left !important;
  margin-left: 0 !important; }

#c-p-bn:hover, #s-all-bn:hover {
  background-color: #25b324 !important; }

#c-e-bn:hover, #s-sv-bn:hover {
  color: white;
  background-color: #e7b416 !important; }

#c-s-bn:hover, #s-rall-bn:hover {
  color: white;
  background-color: #cc3232 !important; }

body.apetitonline {
  font-family: Roboto, sans-serif; }
  body.apetitonline ul.menu {
    line-height: 1.4; }
  body.apetitonline a:hover, body.apetitonline .a:hover {
    text-decoration: initial; }
  body.apetitonline .header__wrap {
    width: inherit; }
    body.apetitonline .header__wrap .header .header__center {
      width: initial; }
      body.apetitonline .header__wrap .header .header__center #block-apetit-main-menu > .menu > li > a:after {
        border-color: initial !important;
        border-style: initial !important; }
  body.apetitonline #login .content h1 {
    text-align: center;
    /*! ---------------- */
    /*! Custom CSS - END */
    /*! ---------------- */
    /*! --------------------- */
    /*! Autogenerated - START */
    /*! --------------------- */
    /*!
        README/GUIDE
        - remove "@font-face" definition
        - remove all definitions with ".row" selector
        - remove following definition for form element "form{list-style:none;margin:0;padding:0;}"
    */
    /*! --------------------- */
    /*! CSS Used from: https://www.apetitonline.cz/sites/default/files/css/css_RG93rrIfUzp5kRE-3R4xtdbbYdin226IQxPTb-dcd8o.css ; media=all */ }
  @media all {
  body.apetitonline {
    /*! CSS Used from: https://www.apetitonline.cz/sites/default/files/css/css_fW3O_9hw1aphGRgelBg1YxkX4eT4gjXywex7D_orlyQ.css ; media=all */ }
    body.apetitonline .visually-hidden {
      position: absolute !important;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      width: 1px;
      height: 1px;
      word-wrap: normal; } }
  @media all {
  body.apetitonline {
    /*! CSS Used from: https://www.apetitonline.cz/sites/default/files/css/css_tyo7XI4-v0kD8AHEvl9wDuZn87auDIfhzsJ-K0IO5Cw.css ; media=all */ }
    body.apetitonline .social-auth.auth-link {
      border-bottom: none; }

    body.apetitonline .social-auth.auth-icon {
      width: 3em;
      margin-right: 5px;
      -webkit-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      transition: all ease 0.3s; }

    body.apetitonline .social-auth.auth-icon:hover {
      animation-name: grey;
      animation-duration: 0.5s;
      filter: grayscale(1); } }
  @media all {
  body.apetitonline {
    /*! CSS Used keyframes */ }
    body.apetitonline *, body.apetitonline :after, body.apetitonline :before {
      box-sizing: inherit; }

    body.apetitonline .mb-7 {
      margin-bottom: 1.75rem !important; }

    body.apetitonline .text-center {
      text-align: center !important; }

    body.apetitonline * {
      box-sizing: border-box; }

    body.apetitonline :focus {
      outline: none; }

    body.apetitonline img {
      border: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }

    body.apetitonline a {
      color: #000;
      text-decoration: none; }

    body.apetitonline a:focus {
      outline: none; }

    body.apetitonline input {
      font-family: Roboto, sans-serif;
      font-style: normal;
      font-weight: 400; }

    body.apetitonline input + label {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }

    body.apetitonline ul {
      margin-bottom: 0;
      margin-top: 0; }

    body.apetitonline ul {
      list-style-type: square; }

    body.apetitonline h2, body.apetitonline h3 {
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }

    body.apetitonline h2, body.apetitonline h3 {
      text-decoration: none; }

    body.apetitonline a, body.apetitonline div, body.apetitonline img, body.apetitonline input {
      -webkit-tap-highlight-color: transparent; }

    body.apetitonline img {
      display: block;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      width: auto; }

    body.apetitonline hr {
      border: none;
      border-bottom: 0.0625rem solid #e6e6e6;
      clear: both;
      height: 0;
      margin: 0;
      padding: 0; }

    body.apetitonline [type=password], body.apetitonline [type=search], body.apetitonline [type=text] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: transparent;
      border: none;
      display: block;
      max-width: 100%;
      width: 100%; }

    body.apetitonline .layout__header {
      position: relative;
      z-index: 5; }

    body.apetitonline .header {
      background-color: #cf1d15;
      position: relative; }

    body.apetitonline .header .block-system-branding-block {
      width: 7.75rem; }

    body.apetitonline .header__wrap {
      background-color: #fff;
      left: 0;
      position: sticky;
      right: 0;
      top: 0;
      z-index: 500; }

    body.apetitonline .header__inner {
      margin-left: auto;
      margin-right: auto;
      max-width: 1280px;
      width: 100%; }

    body.apetitonline .header__menu {
      background-color: #e6e6e6;
      border: 0.0625rem solid #000;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 100%;
      transition: opacity 0.2s ease-out;
      width: 18.75rem;
      z-index: -50; }

    body.apetitonline .header__menu h2 {
      font-family: Roboto, sans-serif;
      font-size: 1.125rem;
      font-style: normal;
      font-weight: 700; }

    body.apetitonline .header__menu h2:not(:last-child) {
      margin-bottom: 1rem; }

    body.apetitonline .header__menu h3 {
      font-family: Roboto, sans-serif;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.2px;
      text-transform: uppercase; }

    body.apetitonline .header__menu h3:not(:last-child), body.apetitonline .header__menu hr {
      margin-bottom: 1rem; }

    body.apetitonline .header__menu hr {
      border-bottom-color: #8e8e8e;
      margin-top: 1rem; }

    body.apetitonline .header__center, body.apetitonline .header__left, body.apetitonline .header__right {
      align-items: center;
      display: flex; }

    body.apetitonline .header__center {
      height: 100%; }

    body.apetitonline .header__right {
      margin-left: -0.625rem;
      margin-right: -0.625rem; }

    body.apetitonline .header__right > * {
      padding-left: 0.625rem;
      padding-right: 0.625rem; }

    body.apetitonline .header__right-item--apetit, body.apetitonline .header__right-item--apetit a {
      height: 100%;
      position: relative; }

    body.apetitonline .header__right-item--apetit a {
      align-items: center;
      display: flex; }

    body.apetitonline .header__right-item--apetit img {
      align-self: flex-end; }

    body.apetitonline .header__right-item a {
      cursor: pointer; }

    body.apetitonline .header__right-item i {
      display: block; }

    body.apetitonline .header__right-item, body.apetitonline .header__right-item * {
      color: #fff; }

    body.apetitonline .header__icon-with-label {
      align-items: center;
      display: flex; }

    body.apetitonline .header__icon-with-label span {
      display: block;
      font-family: Roboto, sans-serif;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.2px;
      margin-left: 0.5em;
      text-transform: uppercase; }

    body.apetitonline .header .e-basket {
      display: block; }

    body.apetitonline .header .e-basket__counter {
      background-color: #fff;
      color: #cf1d15; }

    body.apetitonline .header #block-vyhledavani form {
      align-items: center;
      background-color: #fff;
      border: 0.0625rem solid #e6e6e6;
      display: flex;
      min-width: 18.75rem;
      position: relative; }

    body.apetitonline .header #block-vyhledavani form > * {
      width: 100%; }

    body.apetitonline .header #block-vyhledavani form .form-search {
      font-size: 0.875rem;
      height: 3.0625rem;
      line-height: 3.0625rem;
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%; }

    body.apetitonline .header #block-vyhledavani form .form-actions {
      max-width: 3.0625rem;
      min-width: 3.0625rem; }

    body.apetitonline .header #block-vyhledavani form .form-submit {
      background: transparent url(https://www.apetitonline.cz/themes/custom/apetit/public/images/search.svg) no-repeat 50%;
      background-size: 1rem auto;
      border: none;
      color: #cf1d15;
      cursor: pointer;
      height: 3.0625rem;
      transition: opacity 0.2s ease-out;
      width: 100%; }

    body.apetitonline .header #block-vyhledavani form .form-submit:active, body.apetitonline .header #block-vyhledavani form .form-submit:hover {
      opacity: 0.6; }

    body.apetitonline .header [data-menu-id=block-vyhledavani], body.apetitonline .header [data-menu-id=block-vyhledavani] * {
      color: #fff;
      transition: color 0.2s ease-out; }

    body.apetitonline .header [data-menu-id=header-user-menu], body.apetitonline .header [data-menu-id=header-user-menu] * {
      color: #fff;
      transition: color 0.2s ease-out; }

    body.apetitonline .megamenu {
      background-color: #e6e6e6;
      left: 50%;
      margin-left: auto;
      margin-right: auto;
      max-width: 1280px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 100%;
      transform: translateX(-50%);
      transition: opacity 0.2s ease-out;
      width: 100%;
      z-index: -10; }

    body.apetitonline .megamenu__title {
      font-family: Roboto, sans-serif;
      font-size: 1.5rem;
      font-style: normal;
      font-weight: 700;
      line-height: 1.3;
      text-transform: uppercase; }

    body.apetitonline .megamenu__title:not(:last-child) {
      margin-bottom: 1.5rem; }

    body.apetitonline .megamenu__items {
      display: flex;
      flex-wrap: wrap;
      margin: -15px; }

    body.apetitonline .megamenu__item {
      display: flex;
      padding: 15px;
      width: 100%; }

    body.apetitonline .megamenu__item-image {
      display: block;
      position: relative; }

    body.apetitonline .megamenu__item-img {
      background-color: #e6e6e6;
      background-image: url(https://www.apetitonline.cz/themes/custom/apetit/public/images/noimage.jpg);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      padding-bottom: 100%; }

    body.apetitonline .megamenu__item > * {
      width: 100%; }

    body.apetitonline .megamenu__item-title {
      font-family: Roboto, sans-serif;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.2px;
      text-transform: uppercase; }

    body.apetitonline .megamenu__item-title:not(:last-child) {
      margin-bottom: 0.5rem; }

    body.apetitonline .megamenu__item-image {
      margin-right: 0.9375rem;
      max-width: 10.625rem; }

    body.apetitonline .megamenu__item-img {
      position: relative; }

    body.apetitonline .megamenu__item-img .e-play-btn {
      left: 50%;
      margin: -1.875rem;
      position: absolute;
      top: 50%;
      width: 3.75rem;
      z-index: 6; }

    body.apetitonline .megamenu__item-links {
      margin: -0.25rem 0;
      padding: 0; }

    body.apetitonline .megamenu__item-links--cols-1 {
      -moz-column-count: 1;
      column-count: 1;
      -moz-column-gap: 0.9375rem;
      column-gap: 0.9375rem; }

    body.apetitonline .megamenu__item-links li {
      font-size: 0.875rem;
      list-style: none;
      margin: 0;
      padding: 0.25rem 0; }

    body.apetitonline .megamenu__item-links a {
      transition: color 0.2s ease-out; }

    body.apetitonline .megamenu__item-links a:active, body.apetitonline .megamenu__item-links a:hover {
      color: #cf1d15; }

    body.apetitonline * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact; }

    body.apetitonline .e-link {
      color: #cf1d15;
      cursor: pointer;
      font-family: Roboto, sans-serif;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 700;
      text-decoration: underline;
      transition: color 0.2s ease-out;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }

    body.apetitonline .e-link:after {
      content: " >"; }

    body.apetitonline .e-link:active, body.apetitonline .e-link:hover {
      color: #a11710; }

    body.apetitonline .e-play-btn {
      display: block;
      transition: opacity 0.2s ease-out, transform 0.2s ease-out; }

    body.apetitonline .e-play-btn:before {
      background: url(https://www.apetitonline.cz/themes/custom/apetit/public/images/play.svg) no-repeat 50%;
      background-size: contain;
      content: "";
      display: block;
      padding-bottom: 100%;
      width: 100%; }

    body.apetitonline .e-basket {
      position: relative; }

    body.apetitonline .e-basket__counter {
      background-color: #cf1d15;
      border-radius: 50%;
      color: #fff;
      font-family: Roboto, sans-serif;
      font-size: 9.6px;
      font-style: normal;
      font-weight: 700;
      height: 16px;
      line-height: 16px;
      margin-right: -9.6px;
      margin-top: -9.6px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      width: 16px; }

    body.apetitonline .e-form label {
      display: block;
      font-family: Roboto, sans-serif;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 700; }

    body.apetitonline .e-form label:not(:last-child) {
      margin-bottom: 0.25rem; }

    body.apetitonline .e-form .form-required:after {
      color: red;
      content: " *"; }

    body.apetitonline #header-user-menu .e-form {
      margin: -0.25rem; }

    body.apetitonline #header-user-menu .e-form > * {
      padding: 0.25rem; }

    body.apetitonline #header-user-menu .e-form [type=password], body.apetitonline #header-user-menu .e-form [type=text] {
      background-color: #fff;
      border: 0.0625rem solid #8e8e8e;
      padding: 0.375rem 0.5rem; }

    body.apetitonline #header-user-menu .e-form [type=submit]:not(.shwpd) {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: #cf1d15;
      border: none;
      border-radius: 0.9375rem;
      border-radius: 0.5rem;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-family: Roboto, sans-serif;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 700;
      height: 2.1875rem;
      line-height: 2.1875rem;
      max-width: 100%;
      min-width: 8rem;
      padding: 0 0.625rem;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      transition: color 0.2s ease-out, background 0.2s ease-out;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }

    body.apetitonline #header-user-menu .e-form [type=submit]:not(.shwpd):active, body.apetitonline #header-user-menu .e-form [type=submit]:not(.shwpd):hover {
      background-color: #a11710; }

    body.apetitonline .e-form .form-item-persistent-login label {
      display: contents; }

    body.apetitonline [class^=col-] {
      padding: 7.5px; }

    body.apetitonline .col-1-1 {
      width: 100%; }

    body.apetitonline .text-center {
      text-align: center; }

    body.apetitonline .d-none {
      display: none !important; }

    body.apetitonline .mb-7 {
      margin-bottom: 35px !important; }

    body.apetitonline .form--user-login-form input[type=submit] {
      height: auto !important;
      padding: 12px 30px !important; }

    body.apetitonline .form--user-login-form input[type=checkbox] {
      transform: scale(1.25); }

    body.apetitonline .form--user-login-form input {
      border-color: #000 !important;
      padding: 13px 10px !important; }

    body.apetitonline .form--user-login-form input::-moz-placeholder {
      color: #9c9c9c; }

    body.apetitonline .form--user-login-form input::placeholder {
      color: #9c9c9c; }

    body.apetitonline .password__inner {
      position: relative; }

    body.apetitonline .password__input {
      padding-right: 36px !important; }

    body.apetitonline .password__icon {
      color: #cf1d15;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translate(-50%, -50%); }

    body.apetitonline [class*=" icon-"], body.apetitonline [class^=icon-] {
      speak: none;
      font-feature-settings: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: icomoon !important;
      font-style: normal;
      font-variant: normal;
      font-weight: 400;
      line-height: 1;
      text-transform: none; }

    body.apetitonline .icon-eye-slash:before {
      content: ""; }

    body.apetitonline .icon-user:before {
      content: ""; }

    body.apetitonline .icon-search:before {
      content: ""; }

    body.apetitonline .icon-cart:before {
      content: ""; } }
    @media all and (min-width: 1100px) {
    body.apetitonline .d-xl-none {
      display: none !important; } }
    @media all and (min-width: 767px) {
    body.apetitonline .header__inner {
      padding-left: 30px;
      padding-right: 30px; } }
    @media all and (max-width: 766.98px) {
    body.apetitonline .header__inner {
      padding-left: 20px;
      padding-right: 20px; } }
    @media all and (min-width: 767px) {
    body.apetitonline .header__menu {
      padding: 1.5rem 1rem; } }
    @media all and (max-width: 766.98px) {
    body.apetitonline .header__menu {
      padding: 1.125rem 0.5rem; } }
    @media all and (min-width: 1280px) {
    body.apetitonline .header__magazine {
      display: flex; } }
    @media all and (min-width: 767px) {
    body.apetitonline .header__inner {
      height: 6.125rem; }
    body.apetitonline .header__center {
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
    body.apetitonline .header__right-item--search {
      display: none; } }
    @media all and (min-width: 767px) and (min-width: 1280px) {
    body.apetitonline .header #block-vyhledavani form {
      width: 36.875rem; } }
    @media all and (min-width: 1550px) {
    body.apetitonline .header__left {
      bottom: 0;
      left: 30px;
      position: absolute;
      top: 0;
      z-index: 2; }
    body.apetitonline .header__center {
      justify-content: space-between; } }
    @media all and (min-width: 1550px) and (max-width: 2100px) {
    body.apetitonline .header__center {
      padding-right: 21%; } }
    @media all and (min-width: 1550px) {
    body.apetitonline .header__right {
      bottom: 0;
      position: absolute;
      right: 30px;
      top: 0;
      z-index: 2; }
    body.apetitonline .header__right-item i {
      font-size: 1rem; }
    body.apetitonline .header__mob-nav {
      display: none; }
    body.apetitonline .header #block-apetit-main-menu {
      height: 100%;
      position: relative; }
    body.apetitonline .header #block-apetit-main-menu > .menu {
      display: flex;
      margin: 0;
      padding: 0; }
    body.apetitonline .header #block-apetit-main-menu > .menu li {
      list-style: none;
      margin: 0;
      padding: 0; }
    body.apetitonline .header #block-apetit-main-menu > .menu, body.apetitonline .header #block-apetit-main-menu > .menu > li, body.apetitonline .header #block-apetit-main-menu > .menu > li > a {
      height: 100%;
      position: relative; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li:not(:first-child) {
      margin-left: 1.25rem; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded-disabled > ul.menu {
      display: none; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded > ul.menu {
      background-color: #e6e6e6;
      display: flex;
      flex-direction: column;
      left: -1rem;
      margin: 0;
      min-width: 8.75rem;
      opacity: 0;
      padding: 1rem;
      pointer-events: none;
      position: absolute;
      top: 100%;
      transition: opacity 0.2s ease-out; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded > ul.menu li {
      list-style: none;
      margin: 0;
      padding: 0; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded > ul.menu > li:not(:last-child) {
      margin-bottom: 0.5rem; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded > ul.menu > li > a {
      display: block;
      font-size: 0.875rem;
      transition: color 0.2s ease-out; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded > ul.menu > li > a:active, body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded > ul.menu > li > a:hover {
      color: #cf1d15; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded:hover > ul.menu {
      opacity: 1;
      pointer-events: auto; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > a {
      align-items: center;
      color: #fff;
      display: flex;
      font-family: Roboto, sans-serif;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 0.2px;
      text-transform: uppercase;
      transition: color 0.2s ease-out; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > a:active, body.apetitonline .header #block-apetit-main-menu > .menu > li > a:hover {
      color: rgba(255, 255, 255, .6); }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > a:after {
      border-color: transparent transparent #e6e6e6;
      border-style: solid;
      border-width: 0 0.75rem 1rem;
      bottom: 0;
      content: "";
      display: block;
      height: 0;
      left: 50%;
      margin-left: -0.75rem;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      right: 0;
      transition: opacity 0.2s ease-out;
      width: 0; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li.menu-item--expanded:hover > a:after {
      opacity: 1; }
    body.apetitonline .header #block-vyhledavani form {
      max-width: 19.375rem; } }
    @media all and (max-width: 1549.98px) {
    body.apetitonline .header__inner {
      display: flex;
      justify-content: space-between; }
    body.apetitonline .header__center {
      justify-content: flex-end;
      width: 100%; }
    body.apetitonline .header__right-item--apetit {
      display: none; }
    body.apetitonline .header__right-item i {
      font-size: 1.625rem; }
    body.apetitonline .header__mob-nav {
      background-color: #cf1d15;
      cursor: pointer;
      display: block;
      margin-left: -20px;
      padding: 20px; }
    body.apetitonline .header__burger {
      display: block;
      margin-bottom: 0.3125rem;
      margin-top: 0.3125rem;
      pointer-events: none;
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }
    body.apetitonline .header__burger, body.apetitonline .header__burger:after, body.apetitonline .header__burger:before {
      background-color: #fff;
      display: block;
      height: 0.125rem;
      outline: 1px solid transparent;
      transition-duration: 0.2s;
      transition-property: background-color, transform;
      width: 1.375rem; }
    body.apetitonline .header__burger:after, body.apetitonline .header__burger:before {
      content: "";
      position: absolute; }
    body.apetitonline .header__burger:before {
      top: -0.3125rem; }
    body.apetitonline .header__burger:after {
      top: 0.3125rem; }
    body.apetitonline .header__icon-with-label span {
      display: none; }
    body.apetitonline .header #block-apetit-main-menu {
      background-color: #fff;
      border-top: 0.0625rem solid #cf1d15;
      bottom: 0;
      display: flex;
      left: 0;
      overflow-y: auto;
      padding: 20px 1.25rem;
      position: fixed;
      right: 0;
      top: 6.125rem;
      z-index: 100; }
    body.apetitonline body:not(.block-apetit-main-menu--open) .header #block-apetit-main-menu {
      opacity: 0;
      pointer-events: none; }
    body.apetitonline .header #block-apetit-main-menu .menu {
      display: flex;
      flex-direction: column;
      margin: 0;
      padding: 0;
      width: 100%; }
    body.apetitonline .header #block-apetit-main-menu .menu li {
      list-style: none;
      margin: 0;
      padding: 0; }
    body.apetitonline .header #block-apetit-main-menu .menu li.menu-item--expanded > a {
      padding-right: 1.5rem;
      position: relative; }
    body.apetitonline .header #block-apetit-main-menu .menu li.menu-item--expanded > a:after {
      speak: none;
      font-feature-settings: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-family: icomoon !important;
      font-size: 1rem;
      font-style: normal;
      font-variant: normal;
      font-weight: 400;
      line-height: 1;
      position: absolute;
      right: 0;
      text-transform: none;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.2s ease-out; }
    body.apetitonline .header #block-apetit-main-menu .menu li.menu-item--expanded > ul {
      display: none; }
    body.apetitonline .header #block-apetit-main-menu .menu a {
      display: block; }
    body.apetitonline .header #block-apetit-main-menu > .menu {
      display: flex;
      flex-direction: column;
      margin: 0;
      padding: 0; }
    body.apetitonline .header #block-apetit-main-menu > .menu li {
      list-style: none;
      margin: 0;
      padding: 0; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li {
      padding-bottom: 0.625rem;
      padding-top: 0.625rem; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > a {
      font-family: Roboto, sans-serif;
      font-size: 1.5rem;
      font-style: normal;
      font-weight: 700;
      padding-bottom: 0.25rem;
      padding-top: 0.25rem;
      text-transform: uppercase; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li ul {
      padding-left: 0.625rem; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > ul {
      border-top: 0.0625rem solid #e6e6e6; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > ul > li {
      padding-bottom: 0.625rem;
      padding-top: 0.625rem; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > ul > li > a {
      font-size: 1.25rem; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > ul > li ul {
      padding-top: 0.3125rem; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > ul > li ul li {
      padding-bottom: 0.125rem;
      padding-top: 0.125rem; }
    body.apetitonline .header #block-apetit-main-menu > .menu > li > ul > li ul a {
      font-size: 1.125rem; }
    body.apetitonline .header #block-vyhledavani {
      min-width: 70%; }
    body.apetitonline .header #block-vyhledavani form {
      width: 100%; } }
    @media all and (max-width: 766.98px) {
    body.apetitonline .header .block-system-branding-block {
      width: 4.625rem; }
    body.apetitonline .header__inner {
      height: 3.3125rem; }
    body.apetitonline .header #block-apetit-main-menu {
      top: 3.3125rem; }
    body.apetitonline .header #block-vyhledavani {
      background-color: #fff;
      border-top: 0.0625rem solid #cf1d15;
      box-shadow: 0 1.25rem 1.25rem rgba(0, 0, 0, .1);
      left: 0;
      padding: 1rem 20px;
      position: fixed;
      right: 0;
      top: 3.3125rem;
      z-index: 100; }
    body.apetitonline body:not(.block-vyhledavani--open) .header #block-vyhledavani {
      opacity: 0;
      pointer-events: none; } }
    @media all and (min-width: 767px) {
    body.apetitonline .megamenu {
      padding-left: 30px;
      padding-right: 30px; } }
    @media all and (max-width: 766.98px) {
    body.apetitonline .megamenu {
      padding-left: 20px;
      padding-right: 20px; } }
    @media all and (min-width: 767px) {
    body.apetitonline .megamenu {
      padding: 1.875rem; }
    body.apetitonline .megamenu__item {
      max-width: 50%; } }
    @media all and (min-width: 992px) {
    body.apetitonline .megamenu__item {
      max-width: 33.33333%; } }
    @media all and (max-width: 766.98px) {
    body.apetitonline .megamenu {
      padding: 0.9375rem; }
    body.apetitonline .megamenu__item {
      max-width: 100%; } }
    @media all and (min-width: 1280px) {
    body.apetitonline .d-xl-none {
      display: none !important; } }
  @keyframes grey {
    /*! ------------------- */
    /*! Autogenerated - END */
    /*! ------------------- */
  body.apetitonline from {
    webkit-filter: grayscale(0);
    filter: grayscale(0); }
  body.apetitonline to {
    webkit-filter: grayscale(1);
    filter: grayscale(1); } }

body.autoweb {
  background-color: #e6e6e6;
  color: #db4a27; }
  body.autoweb .page {
    background-color: white; }
    body.autoweb .page > #container {
      background-color: #e6e6e6; }
    body.autoweb .page > #container > .content {
      background-color: #fafafa;
      max-width: 75rem;
      width: 100%;
      margin: 0 auto; }
  body.autoweb h1 {
    text-transform: none;
    color: #db4a27; }
  body.autoweb h2 {
    color: ; }

body.buga {
  background-color: white;
  color: #db4a27; }
  body.buga .page {
    background-color: white; }
    body.buga .page > #container > .content {
      background-color: white;
      flex: 1 0 auto;
      max-width: 80rem;
      box-sizing: border-box;
      flex-direction: column;
      align-items: center; }
  body.buga h1 {
    text-transform: none;
    color: black;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-weight: 300; }
  body.buga h2 {
    color: #db4a27; }

body.ceskykutil {
  margin: 0;
  background-color: #244ea2;
  font-family: 'Open Sans', sans-serif;
  font-size: 12pt;
  color: #222; }
  body.ceskykutil .marginer #serviceBannerText, body.ceskykutil .testCard {
    background-color: #fff;
    box-shadow: 0 0 3px 0 #000; }
  body.ceskykutil .marginer #serviceBannerText {
    padding: 10px;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem; }
  body.ceskykutil .testCard {
    margin-bottom: 20px; }
  @media only screen and (min-width: 60em) {
  body.ceskykutil h4 {
    font-size: 14px; } }
  body.ceskykutil #modal .modal {
    z-index: 10000; }
  body.ceskykutil #googleLogin, body.ceskykutil #facebookLogin {
    background-color: white; }
  @font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(https://use.fontawesome.com/releases/v5.7.2/webfonts/fa-solid-900.eot);
    src: url(https://use.fontawesome.com/releases/v5.7.2/webfonts/fa-solid-900.eot#iefix) format("embedded-opentype"), url(https://use.fontawesome.com/releases/v5.7.2/webfonts/fa-solid-900.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v5.7.2/webfonts/fa-solid-900.woff) format("woff"), url(https://use.fontawesome.com/releases/v5.7.2/webfonts/fa-solid-900.ttf) format("truetype"), url(https://use.fontawesome.com/releases/v5.7.2/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }
  body.ceskykutil a {
    background-color: transparent;
    color: #025791;
    text-decoration: none; }
    body.ceskykutil a:hover {
      color: #fc6701 !important;
      text-decoration: underline; }
  body.ceskykutil img {
    border-style: none;
    vertical-align: middle; }
  body.ceskykutil input {
    font-family: inherit;
    line-height: 1.15;
    overflow: visible;
    padding: 10px 10px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #686b6d; }
    body.ceskykutil input:disabled {
      background-color: #e7e7e7;
      color: #7c7c7c;
      cursor: not-allowed; }
  body.ceskykutil header {
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6); }
    body.ceskykutil header .marginer {
      padding: 0; }
  body.ceskykutil footer {
    background-color: #363838;
    text-align: center;
    color: #fff;
    min-height: 92px; }
    body.ceskykutil footer a {
      color: #fff;
      text-decoration: none; }
    body.ceskykutil footer .marginer {
      padding: 20px 20px 20px 20px; }
  body.ceskykutil .wrapper {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.46);
    max-width: 1080px;
    min-width: 340px;
    margin: 0 auto;
    background: #e9ebee; }
  body.ceskykutil h2 {
    color: #343c41;
    font-weight: 600; }
    body.ceskykutil h2 a {
      color: inherit;
      text-decoration: none; }
  body.ceskykutil h4 {
    color: #343c41;
    font-weight: 600; }
  body.ceskykutil .button {
    border: 1px solid #1d3e83;
    color: #1d3e83;
    background-color: transparent; }
    body.ceskykutil .button:hover {
      border: 1px solid #1d3e83;
      color: #fff !important;
      background-color: #1d3e83;
      text-decoration: none !important; }
    body.ceskykutil .button:hover .accentcolor-texts {
      color: #fff !important; }
  body.ceskykutil .brandcolor {
    background-color: #de3726;
    color: #fff; }
  body.ceskykutil .brandcolor-texts {
    color: #de3726 !important; }
  body.ceskykutil .accentcolor-texts {
    color: #1d3e83 !important; }
  body.ceskykutil .whitecolor-texts {
    color: #fff !important; }
  body.ceskykutil::selection {
    background: #b3d4fc;
    text-shadow: none; }
  body.ceskykutil iframe {
    vertical-align: middle; }
  body.ceskykutil .no-margin {
    margin: 0 !important; }
  body.ceskykutil .mb-10 {
    margin-bottom: 10px; }
  body.ceskykutil .ml-10 {
    margin-left: 10px; }
  body.ceskykutil .pb-10 {
    padding-bottom: 10px; }
  body.ceskykutil .fl-right {
    float: right; }
  body.ceskykutil .ta-center {
    text-align: center; }
  body.ceskykutil .ta-left {
    text-align: left; }
  body.ceskykutil .ta-right {
    text-align: right; }
  body.ceskykutil .inline-block {
    display: inline-block !important; }
  body.ceskykutil .d-none {
    display: none; }
  body.ceskykutil .w970 {
    width: 970px;
    margin: 0 auto; }
    body.ceskykutil .w970 .reklama-nazev {
      font-size: 12px;
      color: #868484;
      text-align: right;
      width: 970px;
      margin: 0 auto; }
  body.ceskykutil .width80p {
    width: 79% !important; }
  body.ceskykutil .rounded-corners {
    border-radius: 3px; }
  body.ceskykutil .banner-zone {
    margin-bottom: 20px;
    text-align: center; }
  body.ceskykutil ul.no-points {
    list-style: none;
    margin: 0;
    padding: 0; }
    body.ceskykutil ul.no-points li {
      margin: 0;
      padding: 0; }
  body.ceskykutil form {
    margin-top: 20px;
    margin-bottom: 20px; }
  body.ceskykutil a.button {
    border-radius: 3px;
    text-align: center;
    padding: 6px 18px;
    font-size: 14px; }
    body.ceskykutil a.button:hover {
      text-decoration: none !important; }
  body.ceskykutil .footer-comp {
    font-size: 14px; }
    body.ceskykutil .footer-comp a {
      color: inherit; }
    body.ceskykutil .footer-comp ul {
      padding-left: 4px;
      position: relative;
      list-style: none; }
    body.ceskykutil .footer-comp ul li i {
      margin-right: 5px; }
    body.ceskykutil .footer-comp ul li a {
      text-decoration: none; }
    body.ceskykutil .footer-comp .flex-container {
      display: flex;
      justify-content: space-between; }
    body.ceskykutil .footer-comp .flex-container .left-part {
      flex: 0 1 300px;
      text-align: left; }
    body.ceskykutil .footer-comp .flex-container .middle-part {
      flex: 1;
      min-width: 166px; }
    body.ceskykutil .footer-comp .flex-container .right-part {
      flex: 0 1 190px;
      text-align: left; }
  body.ceskykutil .web-footer-box-comp {
    background-color: #4e5152; }
    body.ceskykutil .web-footer-box-comp .marginer {
      padding: 20px; }
    body.ceskykutil .web-footer-box-comp .flex-container {
      display: flex;
      justify-content: space-between;
      font-size: 12px; }
    body.ceskykutil .web-footer-box-comp .flex-container .right-part .flex-container a {
      display: block;
      padding: 3px 20px 0 20px; }
      body.ceskykutil .web-footer-box-comp .flex-container .right-part .flex-container a.first {
        padding: 3px 20px 0 0; }
  body.ceskykutil .header-comp-cont .flex-container {
    display: flex;
    align-items: baseline;
    padding: 12px 20px; }
    body.ceskykutil .header-comp-cont .flex-container .first-part {
      flex: 0 0 200px;
      text-align: left; }
    body.ceskykutil .header-comp-cont .flex-container .first-part a.logo img {
      width: 180px; }
    body.ceskykutil .header-comp-cont .flex-container .first-part .show-on-desktop {
      display: block; }
    body.ceskykutil .header-comp-cont .flex-container .first-part .show-on-mobile {
      display: none; }
    body.ceskykutil .header-comp-cont .flex-container .middle-part {
      flex: 1 1; }
    body.ceskykutil .header-comp-cont .flex-container .middle-part .show-on-desktop {
      display: block; }
    body.ceskykutil .header-comp-cont .flex-container .middle-part .show-on-mobile {
      display: none; }
    body.ceskykutil .header-comp-cont .flex-container .last-part {
      flex: 0 0 200px;
      text-align: right; }
    body.ceskykutil .header-comp-cont .flex-container .last-part .show-on-desktop {
      display: block; }
    body.ceskykutil .header-comp-cont .flex-container .last-part .show-on-mobile {
      display: none; }
    body.ceskykutil .header-comp-cont .popup-content {
      display: none;
      background-color: #bdc5c8; }
    body.ceskykutil .header-comp-cont .popup-content .item-1 {
      display: none; }
    body.ceskykutil .header-comp-cont .popup-content .item-2 {
      display: none; }
  body.ceskykutil form.search-form-comp {
    white-space: nowrap;
    display: flex;
    margin: 0 auto 0 auto;
    align-items: center;
    justify-content: center; }
    body.ceskykutil form.search-form-comp .search-input {
      width: 100% !important;
      display: inline-block;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      height: 40px;
      padding: 0 10px; }
    body.ceskykutil form.search-form-comp .search-btn {
      flex: 0 0 12px;
      display: inline-block;
      height: 42px;
      border-radius: 3px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      margin-left: -5px;
      border: 0 solid !important;
      padding: 0 16px;
      font-size: 12px;
      line-height: 40px;
      z-index: 10000; }
    body.ceskykutil form.search-form-comp .search-btn:hover {
      color: #000 !important; }
  body.ceskykutil .navi-comp {
    font-size: 14px;
    padding: 0 20px 0 20px;
    font-weight: 600;
    white-space: nowrap; }
    body.ceskykutil .navi-comp a {
      color: #000; }
    body.ceskykutil .navi-comp a:hover {
      color: #fc6701;
      text-decoration: none; }
  body.ceskykutil .secondary-navigation-comp {
    background-color: #1d3e83;
    position: relative;
    z-index: 10000;
    margin: 5px 5px 0 5px;
    border-radius: 6px 6px 0 0; }
    body.ceskykutil .secondary-navigation-comp .marginner {
      padding: 10px; }
    body.ceskykutil .secondary-navigation-comp a {
      color: #fff;
      display: inline-block;
      text-decoration: none;
      padding-left: 20px; }
    body.ceskykutil .secondary-navigation-comp a:hover {
      text-decoration: underline; }
    body.ceskykutil .secondary-navigation-comp a.home-link {
      padding: 0 15px 0 5px;
      border-right: 1px solid #ccc; }
    body.ceskykutil .secondary-navigation-comp .nav-vindow {
      display: none;
      background-color: #1d3e83;
      text-align: left;
      padding: 10px 0 20px 15px; }
    body.ceskykutil .secondary-navigation-comp .nav-vindow a {
      color: #fff;
      padding-left: 0;
      font-size: 14px; }
    body.ceskykutil .secondary-navigation-comp .nav-vindow h2 a {
      color: #fc6701 !important;
      font-size: 16px;
      padding-bottom: 10px;
      font-weight: normal; }
    body.ceskykutil .secondary-navigation-comp .nav-vindow .home-link {
      flex: 0 0 38px; }
    body.ceskykutil .secondary-navigation-comp .nav-vindow .home-link a {
      font-size: 16px !important;
      padding: 0 15px 0 0;
      border-right: 1px solid #ccc; }
    body.ceskykutil .secondary-navigation-comp:hover .nav-vindow {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% - 15px);
      border-radius: 6px;
      -webkit-box-shadow: 0 2px 3px 0 #9c9c9c;
      -moz-box-shadow: 0px 2px 3px 0 #9c9c9c;
      box-shadow: 0 2px 3px 0 #9c9c9c; }
    body.ceskykutil .secondary-navigation-comp h2 {
      margin: 0;
      color: #fff;
      padding: 0;
      font-size: 16px; }
    body.ceskykutil .secondary-navigation-comp .flex-container {
      display: flex;
      justify-content: space-between; }
    body.ceskykutil .secondary-navigation-comp .flex-container .section {
      padding-right: 20px;
      flex-basis: 14%; }
    body.ceskykutil .secondary-navigation-comp nav .show-on-desktop {
      display: inline-block; }
    body.ceskykutil .secondary-navigation-comp nav .show-on-mobile {
      display: none; }
  body.ceskykutil .page-container {
    width: 100%;
    margin-bottom: 60px; }
  body.ceskykutil .branding-box-separator {
    position: relative;
    margin: 0 auto;
    max-width: 1080px; }
  body.ceskykutil .marginer {
    padding: 20px; }
  body.ceskykutil .banner-zone.fullwidth {
    width: 100%; }
  body.ceskykutil .banner-zone.w970 .reklama-obsah {
    width: 970px;
    margin: 0 auto; }
  body.ceskykutil .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900; }
  body.ceskykutil .fa-bars:before {
    content: "\f0c9"; }
  body.ceskykutil .fa-caret-right:before {
    content: "\f0da"; }
  body.ceskykutil .fa-home:before {
    content: "\f015"; }
  body.ceskykutil .fa-search:before {
    content: "\f002"; }
  body.ceskykutil .fa-times:before {
    content: "\f00d"; }
  @media only screen and (max-width: 761px) {
  body.ceskykutil .footer-comp .flex-container {
    display: block; }
    body.ceskykutil .footer-comp .flex-container .left-part {
      width: 100%;
      text-align: center;
      padding-left: 0;
      padding-bottom: 20px; }

    body.ceskykutil .footer-comp .flex-container .middle-part {
      width: 100%;
      text-align: center;
      padding-left: 0;
      padding-bottom: 20px; }
      body.ceskykutil .footer-comp .flex-container .middle-part * {
        text-align: center; }

    body.ceskykutil .footer-comp .flex-container .right-part {
      width: 100%;
      text-align: center;
      padding-left: 0; }
  body.ceskykutil .web-footer-box-comp .flex-container {
    display: block;
    text-align: center; }
    body.ceskykutil .web-footer-box-comp .flex-container a {
      display: inline-block !important;
      margin-top: 10px; }

    body.ceskykutil .web-footer-box-comp .flex-container .left-part.ta-left {
      text-align: center; }

    body.ceskykutil .web-footer-box-comp .flex-container .right-part h4 {
      text-align: center; } }
  @media only screen and (max-width: 400px) {
  body.ceskykutil .header-comp-cont .flex-container .first-part {
    flex: 1 0 50px;
    text-align: left; }
    body.ceskykutil .header-comp-cont .flex-container .first-part a.logo img {
      width: 120px; }

    body.ceskykutil .header-comp-cont .flex-container .first-part .show-on-desktop {
      display: none; }

    body.ceskykutil .header-comp-cont .flex-container .first-part .show-on-mobile {
      display: block; }

    body.ceskykutil .header-comp-cont .flex-container .last-part {
      text-align: right; }

    body.ceskykutil .header-comp-cont .flex-container .last-part .show-on-desktop {
      display: none; }

    body.ceskykutil .header-comp-cont .flex-container .last-part .show-on-mobile {
      display: block; }

    body.ceskykutil .header-comp-cont .flex-container .middle-part {
      text-align: center; }

    body.ceskykutil .header-comp-cont .flex-container .middle-part .show-on-desktop {
      display: none; }

    body.ceskykutil .header-comp-cont .flex-container .middle-part .show-on-mobile {
      display: block; }

    body.ceskykutil .header-comp-cont .popup-content {
      display: none; }
  body.ceskykutil .popup-content .navi-comp {
    padding: 0; }
    body.ceskykutil .popup-content .navi-comp a {
      display: block;
      background-color: #e7e7e8;
      line-height: 48px;
      border-top: 1px solid #bdc5c8;
      text-align: center; }

    body.ceskykutil .popup-content .navi-comp a:hover {
      color: #fff;
      background-color: #363838; }

    body.ceskykutil .popup-content .navi-comp .separator {
      display: none; }
  body.ceskykutil .banner-zone.desktop {
    display: none; }
  body.ceskykutil .banner-zone.tablet {
    display: none; }
  body.ceskykutil .page-container {
    margin-top: 0;
    margin-bottom: 0; } }
  @media only screen and (min-width: 401px) and (max-width: 700px) {
  body.ceskykutil .header-comp-cont .flex-container .first-part {
    flex: 0 0 120px;
    text-align: left; }
    body.ceskykutil .header-comp-cont .flex-container .first-part a.logo img {
      width: 120px; }

    body.ceskykutil .header-comp-cont .flex-container .first-part .show-on-desktop {
      display: none; }

    body.ceskykutil .header-comp-cont .flex-container .first-part .show-on-mobile {
      display: block; }

    body.ceskykutil .header-comp-cont .flex-container .last-part {
      min-width: 86px;
      flex: 0 0 60px;
      text-align: right; }

    body.ceskykutil .header-comp-cont .flex-container .last-part .show-on-desktop {
      display: none; }

    body.ceskykutil .header-comp-cont .flex-container .last-part .show-on-mobile {
      display: block; }

    body.ceskykutil .header-comp-cont .flex-container .middle-part {
      text-align: right; }

    body.ceskykutil .header-comp-cont .flex-container .middle-part .show-on-desktop {
      display: none; }

    body.ceskykutil .header-comp-cont .flex-container .middle-part .show-on-mobile {
      display: block; }

    body.ceskykutil .header-comp-cont .popup-content {
      display: none;
      padding: 10px 20px 10px 20px; }

    body.ceskykutil .header-comp-cont .popup-content .item-2 {
      display: block; } }
  @media only screen and (min-width: 701px) and (max-width: 760px) {
  body.ceskykutil .header-comp-cont .flex-container .first-part {
    flex: 0 0 120px;
    text-align: left; }
    body.ceskykutil .header-comp-cont .flex-container .first-part a.logo img {
      width: 110px; }

    body.ceskykutil .header-comp-cont .popup-content {
      display: none;
      padding: 10px 20px 10px 20px; }

    body.ceskykutil .header-comp-cont .popup-content .item-2 {
      display: block; } }
  @media only screen and (min-width: 761px) and (max-width: 960px) {
  body.ceskykutil .header-comp-cont .flex-container .first-part {
    flex: 0 0 170px;
    text-align: left; }
    body.ceskykutil .header-comp-cont .flex-container .first-part a.logo img {
      width: 180px; }

    body.ceskykutil .header-comp-cont .popup-content {
      display: none;
      padding: 10px 20px 10px 20px; }

    body.ceskykutil .header-comp-cont .popup-content .item-2 {
      display: block; }
  body.ceskykutil .secondary-navigation-comp .flex-container {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap; }
    body.ceskykutil .secondary-navigation-comp .flex-container .section {
      flex: 0 0 25%; } }
  @media only screen and (max-width: 530px) {
  body.ceskykutil .secondary-navigation-comp .flex-container {
    display: block;
    text-align: center; }
    body.ceskykutil .secondary-navigation-comp .flex-container .section h2 {
      margin-top: 20px; }
      body.ceskykutil .secondary-navigation-comp .flex-container .section a {
        line-height: 30px;
        font-size: 114%;
        display: block;
        border-bottom: 1px dotted #4a78d7; }

    body.ceskykutil .secondary-navigation-comp nav .show-on-mobile {
      display: inline-block; }

    body.ceskykutil .secondary-navigation-comp nav .show-on-desktop {
      display: none; } }
  @media only screen and (min-width: 531px) and (max-width: 760px) {
  body.ceskykutil .secondary-navigation-comp .flex-container {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap; }
    body.ceskykutil .secondary-navigation-comp .flex-container .section {
      flex: 0 0 33.3%; }

    body.ceskykutil .secondary-navigation-comp nav .show-on-mobile {
      display: inline-block; }

    body.ceskykutil .secondary-navigation-comp nav .show-on-desktop {
      display: none; } }
  @media print {
  body.ceskykutil * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }
    body.ceskykutil *:before {
      background: transparent !important;
      color: #000 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important; }

    body.ceskykutil *:after {
      background: transparent !important;
      color: #000 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important; }
  body.ceskykutil a {
    text-decoration: underline; }
    body.ceskykutil a:visited {
      text-decoration: underline; }
  body.ceskykutil a[href]:after {
    content: " (" attr(href) ")"; }
  body.ceskykutil a[href^="#"]:after {
    content: ""; }
  body.ceskykutil img {
    page-break-inside: avoid; }
  body.ceskykutil p {
    orphans: 3;
    widows: 3; }
  body.ceskykutil h2 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid; } }
  @media only screen and (min-width: 401px) and (max-width: 760px) {
  body.ceskykutil .banner-zone.desktop {
    display: none; }
  body.ceskykutil .banner-zone.tablet {
    display: none; }
  body.ceskykutil .page-container {
    margin-top: 0; } }
  @media only screen and (min-width: 961px) {
  body.ceskykutil .banner-zone.desktop {
    display: block; }
  body.ceskykutil .banner-zone.tablet {
    display: block; } }

body.confess {
  background-color: ;
  color: #db4a27;
  font-weight: 400; }
  body.confess .userRegister form {
    width: auto !important; }
  body.confess .page > #container > .content {
    background-color: white;
    max-width: 60rem;
    width: 100%;
    margin: 0 auto; }
  body.confess h1 {
    text-transform: none;
    color: #db4a27; }
  body.confess h2 {
    color: #db4a27; }
  body.confess a {
    text-decoration: none;
    color: #db4a27; }
    body.confess a:hover {
      color: #db4a27; }
  body.confess button.styled-button, body.confess input[type="submit"], body.confess input[type="button"], body.confess a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white;
    border-radius: 0.5rem;
    font-weight: 400;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.confess button[name='fb-log	in'], body.confess button[name='fb-register'], body.confess button[name='google-login'] {
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    padding: 0.5rem 1rem;
    height: initial; }

body.fdb {
  background-color: #848484;
  color: #000;
  background-image: url("/static/img/services/fdb/background.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0% 0%; }
  body.fdb .page {
    font-family: SourceSansPro, sans-serif; }
    body.fdb .page > #container > .content {
      box-sizing: border-box;
      margin: 1rem auto;
      max-width: 62.5rem; }
  body.fdb #home.page {
    background: none; }
    body.fdb #home.page > #container > .content {
      box-sizing: border-box;
      margin: 0 auto;
      max-width: 62.5rem;
      background-color: #e5e5e5; }
  body.fdb h1 {
    text-transform: none; }
  body.fdb h2 {
    color: ; }
  body.fdb h4 {
    color: #db4a27; }
  body.fdb a {
    font-weight: normal; }
    body.fdb a:hover {
      color: #db4a27; }

body.femina {
  background-color: #fdeae6;
  color: #db4a27; }
  body.femina .page {
    background-color: white; }
    body.femina .page > #container {
      background-color: #fdeae6; }
    body.femina .page > #container > .content {
      background-color: white;
      max-width: 75rem;
      width: 100%;
      margin: 0 auto; }
  body.femina h1 {
    text-transform: none;
    color: #db4a27; }
  body.femina h2 {
    color: ; }
  body.femina a {
    text-decoration: none; }
    body.femina a:hover {
      color: ; }

body.fitsrozumem {
  background-color: white;
  color: #db4a27; }
  body.fitsrozumem .page {
    background-color: white; }
    body.fitsrozumem .page > #container > .content {
      background-color: white;
      max-width: 70rem;
      width: 100%;
      margin: 0 auto; }
  body.fitsrozumem #home.page > #container > .content {
    max-width: 70rem; }
  body.fitsrozumem h1 {
    text-transform: none;
    color: #db4a27; }
  body.fitsrozumem h2 {
    color: ; }
  body.fitsrozumem a {
    color: #db4a27;
    font-weight: 500; }
    body.fitsrozumem a:hover {
      color: ; }
  body.fitsrozumem button.styled-button, body.fitsrozumem input[type="submit"], body.fitsrozumem input[type="button"], body.fitsrozumem a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }

body.flowee {
  background-color: white;
  color: #db4a27; }
  body.flowee .page {
    background-color: white; }
    body.flowee .page > #container > .content {
      background-color: white;
      max-width: 66.25rem;
      width: 100%;
      margin: 1rem auto; }
  body.flowee h1 {
    text-transform: none;
    color: #db4a27; }
  body.flowee h2 {
    color: #db4a27; }
  body.flowee a {
    text-decoration: none; }
    body.flowee a:hover {
      color: #db4a27; }

body.frekvence1 {
  background-color: ;
  color: #db4a27;
  font-weight: 400; }
  body.frekvence1 .page {
    background: url("/static/img/services/frekvence1/branding.png") no-repeat top left #ffb814; }
    @media (min-width: 70em) {
    body.frekvence1 .page > #container {
      padding-top: 3.5rem; } }
    body.frekvence1 .page > #container > .content {
      background-color: white;
      max-width: 60rem;
      width: 100%;
      margin: 0 auto; }
  body.frekvence1 #home.page {
    background: url("/static/img/services/frekvence1/branding.png") no-repeat top left #ffb814; }
    body.frekvence1 #home.page > #container > .content {
      max-width: 60rem; }
  body.frekvence1 h1 {
    text-transform: none;
    color: #db4a27; }
  body.frekvence1 h2 {
    color: #db4a27; }
  body.frekvence1 a {
    text-decoration: none;
    color: #db4a27; }
    body.frekvence1 a:hover {
      color: #db4a27; }
  body.frekvence1 button.styled-button, body.frekvence1 input[type="submit"], body.frekvence1 input[type="button"], body.frekvence1 a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white;
    border-radius: 0.5rem;
    font-weight: 400;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.frekvence1 button[name='fb-login'], body.frekvence1 button[name='fb-register'], body.frekvence1 button[name='google-login'] {
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    padding: 0.5rem 1rem;
    height: initial; }

body.games {
  background-color: black;
  color: white; }
  body.games .page {
    background: none; }
    body.games .page > #container > .content {
      background: none;
      width: 60rem; }
  body.games #home.page {
    background: none; }
    @media screen and (min-width: 40em) {
    body.games #home.page > #container {
      width: 60rem; } }
    body.games #home.page > #container > .content {
      background: none; }
    @media screen and (min-width: 40em) {
      body.games #home.page > #container > .content {
        width: 60rem; } }
  body.games h1 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-weight: 700; }
  body.games h2 {
    text-align: left;
    margin-bottom: 0.25rem;
    font-weight: 700;
    color: #db4a27; }
    body.games h2.smaller {
      font-family: SourceSansPro, sans-serif;
      font-weight: bold; }
  body.games h3, body.games h4, body.games h5, body.games h6 {
    color: #db4a27; }
  body.games h1, body.games h2, body.games h3, body.games h4, body.games h5, body.games h6 {
    word-wrap: break-word;
    text-transform: initial;
    text-align: left; }
    body.games h1.yellow, body.games h2.yellow, body.games h3.yellow, body.games h4.yellow, body.games h5.yellow, body.games h6.yellow {
      box-sizing: border-box;
      width: 100%;
      padding: 0.25rem 1rem;
      background-color: #db4a27;
      color: black;
      position: relative;
      text-transform: initial; }
    body.games h1.yellow:after, body.games h2.yellow:after, body.games h3.yellow:after, body.games h4.yellow:after, body.games h5.yellow:after, body.games h6.yellow:after {
      content: ' ';
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-top: 10px solid black;
      border-left: 10px solid transparent;
      top: 0;
      right: 0;
      z-index: 2; }
  body.games button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
  body.games button.styled-button, body.games input[type="submit"], body.games input[type="button"], body.games a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    color: black;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.games img {
    height: initial; }
  body.games input, body.games .styledCheckbox label .label:before {
    background-color: white; }
  body.games a {
    color: #db4a27; }
    body.games a:hover {
      color: white; }
  body.games textarea {
    color: #db4a27;
    border: solid 1px white; }

body.granule {
  background-color: #f1faff;
  color: #000;
  font-size: 14px;
  text-align: left;
  font-family: Fira Sans Condensed, sans-serif;
  line-height: 1.4;
  position: relative;
  height: 100%; }
  body.granule .page {
    background-color: #f7f0e8;
    font-family: SourceSansPro, sans-serif; }
    body.granule .page > #container > .content {
      background: none;
      box-sizing: border-box;
      margin: 1rem auto;
      width: 60rem; }
  body.granule #home.page {
    background: none; }
    @media screen and (min-width: 40em) {
          body.granule #home.page > #container #header .container .content {
            width: 60rem; } }
    body.granule #home.page > #container > .content {
      background: none;
      box-sizing: border-box;
      margin: 1rem auto; }
    @media screen and (min-width: 40em) {
      body.granule #home.page > #container > .content {
        width: 60rem; } }
  body.granule h1 {
    text-transform: none; }
  body.granule h2 {
    color: ; }
  body.granule h4 {
    color: #db4a27; }
  body.granule a {
    font-weight: normal; }
    body.granule a:hover {
      color: #db4a27; }
  body.granule button.styled-button, body.granule input[type="submit"], body.granule input[type="button"], body.granule a.button, body.granule button:not([name='fb-register']) {
    background: linear-gradient(#ffd200, #c51901);
    border: none;
    text-transform: none;
    text-shadow: 0 1px 2px black;
    font-family: SourceSansPro, sans-serif;
    color: white;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.granule button[name='fb-login'], body.granule button[name='fb-register'], body.granule button[name='google-login'] {
    border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 0 1px 2px black;
    padding: 0.5rem 1rem;
    height: initial; }
    body.granule button[name='fb-login'] .title, body.granule button[name='fb-register'] .title, body.granule button[name='google-login'] .title {
      color: white !important; }

body.gynella, body.gynellask {
  background-color: white;
  color: #733621;
  font-size: 17px;
  font-weight: 400;
  word-break: break-word;
  line-height: 1;
  /*
Gynella SK CSS are taken from Gynella CSS
*/ }
  body.gynella h1, body.gynellask h1 {
    text-transform: none;
    color: #db4a27; }
  body.gynella h2, body.gynellask h2 {
    color: #db4a27; }
  body.gynella .page, body.gynellask .page {
    background-color: #f8f8f8; }
    body.gynella .page > #container, body.gynellask .page > #container {
      background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/brown-bg.jpg');
      background-position: center center;
      background-size: cover; }
    body.gynella .page > #container > .content, body.gynellask .page > #container > .content {
      max-width: 75rem;
      box-sizing: border-box;
      width: 100%;
      margin: 1rem auto; }
    @media (max-width: 1100px) {
  body.gynella .page > #container, body.gynellask .page > #container {
    padding-top: 75px; } }
  body.gynella .search button, body.gynellask .search button {
    padding: 1px 6px 6px 1px; }
  body.gynella.mobile-open header .head, body.gynellask.mobile-open header .head, body.gynella.mobile-open .content, body.gynellask.mobile-open .content {
    filter: blur(10px); }
  body.gynella #ssoRegister .row.buttons a, body.gynellask #ssoRegister .row.buttons a {
    min-width: 46px; }
  body.gynella #footer.gynella, body.gynellask #footer.gynella {
    background-color: #e0ba9c;
    /*! CSS Used fontfaces */ }
  @font-face {
    font-family: "neuzeit-grotesk";
    src: url("https://use.typekit.net/af/341355/000000000000000077359e98/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/341355/000000000000000077359e98/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/341355/000000000000000077359e98/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal; }
  @font-face {
    font-family: "neuzeit-grotesk";
    src: url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal; }
  @font-face {
    font-family: "neuzeit-grotesk";
    src: url("https://use.typekit.net/af/341355/000000000000000077359e98/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/341355/000000000000000077359e98/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/341355/000000000000000077359e98/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal; }
  @font-face {
    font-family: "neuzeit-grotesk";
    src: url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal; }
  @font-face {
    font-family: "new-spirit";
    src: url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal; }
  @font-face {
    font-family: "new-spirit";
    src: url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal; }
  @font-face {
    font-family: "new-spirit";
    src: url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal; }
  @font-face {
    font-family: "new-spirit";
    src: url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal; }
  body.gynella input, body.gynellask input, body.gynella button, body.gynellask button {
    font-family: "neuzeit-grotesk", sans-serif; }
  body.gynella *, body.gynellask * {
    font-family: "neuzeit-grotesk", sans-serif; }
  body.gynella #inquiryForm .questions .question .options textarea, body.gynellask #inquiryForm .questions .question .options textarea {
    background-color: white;
    /* BOXES */ }
  body.gynella .testCard, body.gynellask .testCard {
    border: initial !important;
    padding: initial !important;
    border-radius: 25px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
    -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
    box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
    /*! ---------------- */
    /*! Custom CSS - END */
    /*! ---------------- */ }
    @media all {
  body.gynella .testCard, body.gynellask .testCard {
    /*! ------------------- */
    /*! Autogenerated - END */
    /*! ------------------- */
    /*! ------------------ */
    /*! Custom CSS - START */
    /*! ------------------ */ }
    body.gynella .testCard *, body.gynellask .testCard * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body.gynella .testCard *:before, body.gynellask .testCard *:before, body.gynella .testCard *:after, body.gynellask .testCard *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body.gynella .testCard .col-sm-12, body.gynellask .testCard .col-sm-12 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    body.gynella .testCard div, body.gynellask .testCard div, body.gynella .testCard span, body.gynellask .testCard span, body.gynella .testCard a, body.gynellask .testCard a, body.gynella .testCard li, body.gynellask .testCard li {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline; }
    body.gynella .testCard ul li, body.gynellask .testCard ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
    body.gynella .testCard ul li a, body.gynellask .testCard ul li a {
      display: inline-block;
      margin: 0;
      padding: 0; }
    body.gynella .testCard .padding-15-0, body.gynellask .testCard .padding-15-0 {
      padding-top: 15px;
      padding-bottom: 15px; }
    body.gynella .testCard a, body.gynellask .testCard a {
      color: #45ccdb;
      font-weight: 400;
      text-decoration: none; }
    body.gynella .testCard a:hover, body.gynellask .testCard a:hover, body.gynella .testCard a:focus, body.gynellask .testCard a:focus {
      text-decoration: none;
      color: #35b1be;
      outline: none; }
    body.gynella .testCard .blog-box, body.gynellask .testCard .blog-box {
      background-color: #fff;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
      -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
      box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
      display: block; }
    body.gynella .testCard:hover .picture, body.gynellask .testCard:hover .picture {
      -ms-transform: scale(1.2) rotate(-5deg);
      -webkit-transform: scale(1.2) rotate(-5deg);
      transform: scale(1.2) rotate(-5deg); }
    body.gynella .testCard .picture, body.gynellask .testCard .picture {
      z-index: 5;
      position: absolute;
      -webkit-transition: all ease 0.25s;
      -moz-transition: all ease 0.25s;
      -ms-transition: all ease 0.25s;
      -o-transition: all ease 0.25s;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-size: cover;
      background-position: center center; }
    body.gynella .testCard .blog-box .content, body.gynellask .testCard .blog-box .content {
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      position: relative;
      z-index: 2;
      margin-top: -20px;
      padding: 25px;
      background-color: #fff; }
    body.gynella .testCard .blog-box .content .title, body.gynellask .testCard .blog-box .content .title {
      color: #ff78a1;
      -webkit-transition: all ease 0.25s;
      -moz-transition: all ease 0.25s;
      -ms-transition: all ease 0.25s;
      -o-transition: all ease 0.25s;
      font-weight: 700;
      font-size: 24px;
      line-height: 1.15; }
    body.gynella .testCard .blog-box .content .title:hover, body.gynellask .testCard .blog-box .content .title:hover {
      color: #45ccdb; }
    body.gynella .testCard .blog-box .content .excerpt, body.gynellask .testCard .blog-box .content .excerpt {
      color: #919191;
      line-height: 1.35;
      font-weight: 400;
      margin: 15px 0 15px;
      font-size: 15px; }
    body.gynella .testCard .blog-box .content .bottom, body.gynellask .testCard .blog-box .content .bottom {
      display: flex;
      margin-top: 15px;
      justify-content: space-between;
      align-items: center; }
    body.gynella .testCard .blog-box .content .bottom .meta, body.gynellask .testCard .blog-box .content .bottom .meta {
      display: flex;
      gap: 15px;
      font-size: 14px; }
    body.gynella .testCard .blog-box .content .bottom .meta .reading, body.gynellask .testCard .blog-box .content .bottom .meta .reading {
      color: #ff78a1; }
    body.gynella .testCard .blog-box .content .bottom .meta .date, body.gynellask .testCard .blog-box .content .bottom .meta .date {
      color: #733621; }
    body.gynella .testCard a.test-title, body.gynellask .testCard a.test-title {
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      position: relative;
      z-index: 2;
      margin-top: -20px;
      padding: 25px;
      background-color: #fff; }
    body.gynella .testCard a.test-title .title, body.gynellask .testCard a.test-title .title {
      color: #ff78a1;
      -webkit-transition: all ease 0.25s;
      -moz-transition: all ease 0.25s;
      -ms-transition: all ease 0.25s;
      -o-transition: all ease 0.25s;
      font-weight: 700;
      font-size: 24px;
      line-height: 1.15; }
    body.gynella .testCard a.test-title .title:hover, body.gynellask .testCard a.test-title .title:hover {
      color: #45ccdb; }
    body.gynella .testCard a.test-title .excerpt, body.gynellask .testCard a.test-title .excerpt {
      color: #919191;
      line-height: 1.35;
      font-weight: 400;
      margin: 15px 0 15px;
      font-size: 15px; }
    body.gynella .testCard a.test-title .bottom, body.gynellask .testCard a.test-title .bottom {
      display: flex;
      margin-top: 15px;
      justify-content: space-between;
      align-items: center; }
    body.gynella .testCard a.test-title .bottom .meta, body.gynellask .testCard a.test-title .bottom .meta {
      display: flex;
      gap: 15px;
      font-size: 14px; }
    body.gynella .testCard a.test-title .bottom .meta .reading, body.gynellask .testCard a.test-title .bottom .meta .reading {
      color: #ff78a1; }
    body.gynella .testCard a.test-title .bottom .meta .date, body.gynellask .testCard a.test-title .bottom .meta .date {
      color: #733621; } }
    @media all and (min-width: 801px) {
      body.gynella .testCard .col-sm-12, body.gynellask .testCard .col-sm-12 {
        float: left; }

      body.gynella .testCard .col-sm-12, body.gynellask .testCard .col-sm-12 {
        width: 100%; } }
    @media all and (max-width: 768px) {
      body.gynella .testCard .padding-15-0, body.gynellask .testCard .padding-15-0 {
        padding-top: 10px;
        padding-bottom: 10px; } }
    @media all and (max-width: 800px) {
      body.gynella .testCard .picture:after, body.gynellask .testCard .picture:after {
        padding-top: 70%; } }
    @media all and (max-width: 800px) {
      body.gynella .testCard .blog-box .content .title, body.gynellask .testCard .blog-box .content .title {
        font-size: 20px; }

      body.gynella .testCard .blog-box .content .excerpt, body.gynellask .testCard .blog-box .content .excerpt {
        font-size: 14px; } }
    @media all and (max-width: 800px) {
      body.gynella .testCard a.test-title .title, body.gynellask .testCard a.test-title .title {
        font-size: 20px; }

      body.gynella .testCard a.test-title .excerpt, body.gynellask .testCard a.test-title .excerpt {
        font-size: 14px; } }
    body.gynella .testCard .image-wrap img, body.gynellask .testCard .image-wrap img {
      position: initial !important; }
    body.gynella .testCard .button.topTool, body.gynellask .testCard .button.topTool {
      font-size: 0.75rem; }
    body.gynella .testCard .button:not(.topTool), body.gynellask .testCard .button:not(.topTool) {
      padding: 14px 30px;
      font-size: 16px;
      display: inline-block;
      color: #fff;
      text-align: center;
      background-color: #45ccdb;
      border: 0;
      outline: 0;
      position: relative;
      -webkit-transition: all ease 0.25s;
      -moz-transition: all ease 0.25s;
      -ms-transition: all ease 0.25s;
      -o-transition: all ease 0.25s;
      cursor: pointer;
      line-height: 1;
      overflow: hidden;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
      -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
      box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4); }
    body.gynella .testCard .button:not(.topTool):after, body.gynellask .testCard .button:not(.topTool):after {
      clear: both;
      display: block;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 0;
      z-index: 5;
      -webkit-transition: all ease 0.25s;
      -moz-transition: all ease 0.25s;
      -ms-transition: all ease 0.25s;
      -o-transition: all ease 0.25s; }
    body.gynella .testCard .button:not(.topTool) span, body.gynellask .testCard .button:not(.topTool) span {
      display: block;
      position: relative;
      z-index: 10;
      transform: translateZ(0);
      text-decoration: none;
      -webkit-transition: all ease 0.25s;
      -moz-transition: all ease 0.25s;
      -ms-transition: all ease 0.25s;
      -o-transition: all ease 0.25s; }
    body.gynella .testCard .button:not(.topTool):hover, body.gynellask .testCard .button:not(.topTool):hover, body.gynella .testCard .button:not(.topTool):focus, body.gynellask .testCard .button:not(.topTool):focus {
      outline: 0;
      color: #fff; }
    body.gynella .testCard .button:not(.topTool):hover span, body.gynellask .testCard .button:not(.topTool):hover span, body.gynella .testCard .button:not(.topTool):focus span, body.gynellask .testCard .button:not(.topTool):focus span {
      text-decoration: none; }
    body.gynella .testCard .button:not(.topTool):hover:after, body.gynellask .testCard .button:not(.topTool):hover:after, body.gynella .testCard .button:not(.topTool):focus:after, body.gynellask .testCard .button:not(.topTool):focus:after {
      width: 100%;
      background-color: #35b1be; }
    body.gynella .testCard .button:not(.topTool).pink, body.gynellask .testCard .button:not(.topTool).pink {
      color: #fff;
      background-color: #ff78a1; }
    body.gynella .testCard .button:not(.topTool).pink:hover:after, body.gynellask .testCard .button:not(.topTool).pink:hover:after, body.gynella .testCard .button:not(.topTool).pink:focus:after, body.gynellask .testCard .button:not(.topTool).pink:focus:after {
      background-color: #e1537f; }
    body.gynella .testCard .button:not(.topTool).small, body.gynellask .testCard .button:not(.topTool).small {
      padding: 8px 12px;
      font-size: 14px; }
    body.gynella .testCard a.test-title, body.gynellask .testCard a.test-title {
      height: 100%;
      width: 100% !important;
      height: -webkit-fill-available; }
    body.gynella .testCard a.test-title div, body.gynellask .testCard a.test-title div {
      top: 50%;
      transform: translateY(-50%); }
    body.gynella .testCard .title, body.gynellask .testCard .title {
      color: #ff78a1 !important;
      -webkit-transition: all ease 0.25s !important;
      -moz-transition: all ease 0.25s !important;
      -ms-transition: all ease 0.25s !important;
      -o-transition: all ease 0.25s !important;
      font-weight: 700 !important;
      font-size: 18px !important;
      line-height: 1.15 !important; }
    body.gynella .testCard .title:hover, body.gynellask .testCard .title:hover {
      color: #45ccdb !important;
      text-decoration: none !important; }
    @media (max-width: 800px) {
  body.gynella .testCard .title, body.gynellask .testCard .title {
    font-size: 20px !important; } }

body.hasicovo {
  font-family: "Azo Sans", Arial, sans-serif;
  background-color: white;
  color: #db4a27; }
  body.hasicovo .userRegister form {
    width: auto !important; }
  body.hasicovo .page {
    background-color: white; }
    body.hasicovo .page > #container > .content {
      background-color: white;
      max-width: 70rem;
      width: 100%;
      margin: 0 auto; }
  body.hasicovo #home.page > #container > .content {
    max-width: 70rem; }
  body.hasicovo h1 {
    text-transform: none;
    color: #db4a27; }
  body.hasicovo h2 {
    color: ; }
  body.hasicovo a {
    color: #db4a27;
    font-weight: 500; }
    body.hasicovo a:hover {
      color: ; }
  body.hasicovo button.styled-button, body.hasicovo input[type="submit"], body.hasicovo input[type="button"], body.hasicovo a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.hasicovo button.styled-button2 {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    height: initial; }

body.hobbykuk {
  background-color: white;
  color: #db4a27; }
  body.hobbykuk .page {
    background-color: white; }
    body.hobbykuk .page > #container > .content {
      background-color: white;
      max-width: 71.25rem;
      width: 100%;
      margin: 0 auto; }
  body.hobbykuk h1 {
    text-transform: none;
    color: #db4a27; }
  body.hobbykuk h2 {
    color: #db4a27; }
  body.hobbykuk a {
    color: #db4a27;
    font-weight: bold; }
    body.hobbykuk a:hover {
      color: ; }

body.holkazavolantem {
  background-color: white;
  color: #db4a27; }
  body.holkazavolantem .page {
    background-color: white; }
    body.holkazavolantem .page > #container {
      background-color: white; }
    body.holkazavolantem .page > #container > .content {
      background-color: white;
      max-width: 75rem;
      width: 100%;
      margin: 0 auto;
      margin-top: 4rem; }
  body.holkazavolantem h1 {
    text-transform: none;
    color: #db4a27; }
  body.holkazavolantem h2 {
    color: #db4a27; }
  body.holkazavolantem a {
    text-decoration: none; }
    body.holkazavolantem a:hover {
      color: #db4a27; }

body.ihoupacka {
  background-color: white;
  color: #db4a27; }
  body.ihoupacka .page {
    background-color: white; }
    body.ihoupacka .page > #container {
      background-color: white; }
    body.ihoupacka .page > #container > .content {
      background-color: white;
      max-width: 61.25rem;
      width: 100%;
      margin: 0 auto; }
  body.ihoupacka #home.page > #container > .content {
    max-width: 61.25rem; }
  body.ihoupacka h1 {
    text-transform: none;
    color: #db4a27; }
  body.ihoupacka h2 {
    color: #db4a27; }
  body.ihoupacka button.styled-button, body.ihoupacka input[type="submit"], body.ihoupacka input[type="button"], body.ihoupacka a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    color: white;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.ihoupacka button[name='fb-login'], body.ihoupacka button[name='fb-register'], body.ihoupacka button[name='google-login'] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    height: initial; }

body.ireceptar .page {
  background-color: white;
  font-family: SourceSansPro, sans-serif; }
  body.ireceptar .page > #container > .content {
    margin: 1rem auto;
    background: white;
    max-width: 62.5rem; }
  body.ireceptar #home.page {
    background-color: white;
    font-family: SourceSansPro, sans-serif; }
  body.ireceptar #home.page > #container > .content {
    margin: 1rem auto;
    background: white;
    max-width: 62.5rem; }
  body.ireceptar h1 {
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 2rem;
    margin-bottom: 1rem; }
  body.ireceptar h1.red {
    color: #db4a27; }
  body.ireceptar h2 {
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    margin-bottom: 0.25rem;
    color: #484848; }
  body.ireceptar h2.smaller {
    color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    text-transform: uppercase;
    font-weight: bold; }
  body.ireceptar h4 {
    color: #db4a27; }
  body.ireceptar h3, body.ireceptar h4, body.ireceptar h5, body.ireceptar h6 {
    font-family: SourceSansPro, sans-serif; }
  body.ireceptar button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
  body.ireceptar button.styled-button, body.ireceptar input[type="submit"], body.ireceptar input[type="button"], body.ireceptar a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    color: white;
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.ireceptar button.styled-button:hover, body.ireceptar input[type="submit"]:hover, body.ireceptar input[type="button"]:hover, body.ireceptar a.button:hover {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white; }
  body.ireceptar button[name='fb-login'], body.ireceptar button[name='fb-register'], body.ireceptar button[name='google-login'] {
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    height: initial; }
  body.ireceptar img {
    max-width: 100%;
    height: initial; }
  body.ireceptar a:hover {
    color: #db4a27;
    text-decoration: none; }
  body.ireceptar input, body.ireceptar label {
    font-family: SourceSansPro, sans-serif; }
  body.ireceptar p {
    font-size: 1rem; }

body.irybarstvi {
  background-color: white;
  color: #db4a27; }
  body.irybarstvi .page {
    background-color: white; }
  body.irybarstvi .page > #container {
    background-color: white; }
  body.irybarstvi .page > #container > .content {
    background-color: white;
    max-width: 73.125rem;
    width: 100%;
    margin: 0 auto; }
  body.irybarstvi h1 {
    text-transform: none;
    color: #db4a27; }
  body.irybarstvi h2 {
    color: #db4a27; }
  body.irybarstvi a {
    text-decoration: none;
    color: #db4a27; }
  body.irybarstvi button.styled-button, body.irybarstvi input[type="submit"], body.irybarstvi input[type="button"], body.irybarstvi a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    color: #222;
    border-radius: 0;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.irybarstvi button[name='fb-login'], body.irybarstvi button[name='fb-register'], body.irybarstvi button[name='google-login'] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    height: initial; }

body.kafe .page {
  background-color: #f7f0e8;
  font-family: SourceSansPro, sans-serif; }
  body.kafe .page > #container > .content {
    margin: 1rem auto;
    background: white;
    max-width: 62.5rem;
    border-bottom: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0 0.5rem #ddd;
    -moz-box-shadow: 0 0 0.5rem #ddd;
    box-shadow: 0 0 0.5rem #ddd; }
  body.kafe #home.page {
    background-color: #f7f0e8;
    font-family: SourceSansPro, sans-serif; }
  body.kafe #home.page > #container > .content {
    margin: 1rem auto;
    background: white;
    max-width: 62.5rem;
    border-bottom: solid 1px #e1e1e1;
    -webkit-box-shadow: 0 0 0.5rem #ddd;
    -moz-box-shadow: 0 0 0.5rem #ddd;
    box-shadow: 0 0 0.5rem #ddd; }
  body.kafe h1 {
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 2rem;
    margin-bottom: 1rem; }
  body.kafe h1.red {
    color: #db4a27; }
  body.kafe h2 {
    font-family: Fira Sans Condensed, sans-serif;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    margin-bottom: 0.25rem; }
  body.kafe h2.smaller {
    color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    text-transform: uppercase;
    font-weight: bold; }
  body.kafe h4 {
    color: #db4a27; }
  body.kafe h3, body.kafe h4, body.kafe h5, body.kafe h6 {
    font-family: SourceSansPro, sans-serif; }
  body.kafe button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
  body.kafe button.styled-button, body.kafe input[type="submit"], body.kafe input[type="button"], body.kafe a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    color: white;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.kafe button[name='fb-login'], body.kafe button[name='fb-register'], body.kafe button[name='google-login'] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    height: initial; }
  body.kafe img {
    max-width: 100%;
    height: initial; }
  body.kafe a:hover {
    color: #db4a27; }

body.living {
  background-color: #e6e6e6;
  color: #db4a27; }
  body.living .page {
    background-color: white; }
  body.living .page > #container {
    background-color: #e6e6e6; }
  body.living .page > #container > .content {
    background-color: #fafafa;
    max-width: 75rem;
    width: 100%;
    margin: 0 auto; }
  body.living h1 {
    text-transform: none;
    color: #db4a27; }
  body.living h2 {
    color: ; }
  body.living a {
    text-decoration: none; }
  body.living a:hover {
    color: ; }

body.madarsko {
  background-color: #e6e6e6;
  color: #db4a27; }
  body.madarsko .page {
    background-color: white; }
  body.madarsko .page > #container {
    background-color: #e6e6e6; }
  body.madarsko .page > #container > .content {
    background-color: #fafafa;
    max-width: 75rem;
    width: 100%;
    margin: 0 auto; }
  body.madarsko h1 {
    text-transform: none;
    color: #db4a27; }
  body.madarsko h2 {
    color: ; }

body.vsechnocomamrada {
  background-color: white;
  color: #db4a27; }
  body.vsechnocomamrada .page {
    background-color: white; }
  body.vsechnocomamrada .page > #container > .content {
    background-color: white;
    max-width: 87rem;
    box-sizing: border-box;
    width: 100%;
    margin: 1rem auto; }
  body.vsechnocomamrada h1 {
    text-transform: none;
    color: #db4a27; }
  body.vsechnocomamrada h2 {
    color: #db4a27; }

body.marianne {
  font-family: raleway, sans-serif; }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
    /* cyrillic */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U301, U400-45F, U490-491, U4B -4B 1, U2116;
    /* latin-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
    /* latin */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
    unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
    /* cyrillic-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
    /* cyrillic */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U301, U400-45F, U490-491, U4B -4B 1, U2116;
    /* latin-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
    /* latin */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
    unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
    /* cyrillic-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
    /* cyrillic */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U301, U400-45F, U490-491, U4B -4B 1, U2116;
    /* latin-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
    /* latin */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
    unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
    /* cyrillic-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
    /* cyrillic */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U301, U400-45F, U490-491, U4B -4B 1, U2116;
    /* latin-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
    /* latin */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
    unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
    /* cyrillic-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
    /* cyrillic */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U301, U400-45F, U490-491, U4B -4B 1, U2116;
    /* latin-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
    /* latin */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
    unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
    /* cyrillic-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
    /* cyrillic */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U301, U400-45F, U490-491, U4B -4B 1, U2116;
    /* latin-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
    /* latin */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
    unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
    /* cyrillic-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
    /* cyrillic */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U301, U400-45F, U490-491, U4B -4B 1, U2116;
    /* latin-ext */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
    unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
    /* latin */ }
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
    unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
    /*! ----------- */
    /*! Fonts - END */
    /*! ----------- */
    /*! ------------------ */
    /*! Custom CSS - START */
    /*! ------------------ */ }
  body.marianne #container {
    max-width: 1280px; }
  body.marianne #container .header .ui-menu--main .ui-menu__item {
    letter-spacing: 0.04px; }
  body.marianne #container .content .right {
    margin-top: 1rem; }
  body.marianne #login .content h1 {
    text-align: center; }
  @media screen and (max-width: 992px) {
  body.marianne {
    /*! ---------------- */
    /*! Custom CSS - END */
    /*! ---------------- */
    /*! --------------------- */
    /*! Autogenerated - START */
    /*! --------------------- */
    /*! CSS Used from: https://www.marianne.cz/sites/default/files/public/css/css_uPcInEXyAGztE9PPiAWNjlTk8Lp6tTBhOq_Gv2kKPNc.css ; media=all */ }
    body.marianne #container .header {
      display: none; }
      body.marianne #container > .content {
        margin-top: 64px; } }
  @media all {
  body.marianne {
    /*! ------------------- */
    /*! Autogenerated - END */
    /*! ------------------- */ }
    body.marianne a, body.marianne button {
      cursor: pointer; }

    body.marianne button {
      -webkit-appearance: none;
      -moz-appearance: none; }

    body.marianne .cta-btn span {
      position: relative;
      z-index: 2; }

    body.marianne .page-wrapper {
      width: 100%;
      position: relative; }

    body.marianne * {
      box-sizing: border-box; }

    body.marianne a {
      outline: 0; }

    body.marianne a, body.marianne a:hover {
      text-decoration: none; }

    body.marianne ::-ms-clear {
      display: none; }

    body.marianne .d-none {
      display: none !important; }

    body.marianne .check-box {
      display: block;
      position: relative;
      padding-left: 30px;
      font-size: 14px;
      font-family: raleway, sans-serif;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #fff;
      text-align: left; }

    body.marianne .check-box a {
      color: #fff;
      text-decoration: underline; }

    body.marianne .check-box input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
      display: none; }

    body.marianne .check-box:hover input ~ .checkmark {
      background-color: rgba(255, 255, 255, .2); }

    body.marianne .check-box input:checked ~ .checkmark {
      background-color: rgba(255, 255, 255, .2); }

    body.marianne .check-box input:checked ~ .checkmark::before {
      height: 6px;
      transition-delay: 0s; }

    body.marianne .check-box input:checked ~ .checkmark::after {
      height: 12px;
      transition-delay: 0.1s; }

    body.marianne .check-box .checkmark::after, body.marianne .check-box .checkmark::before {
      width: 0;
      height: 0;
      border: solid #fff;
      border-width: 0 2px 0 0;
      -webkit-transition: 0.1s;
      -moz-transition: 0.1s;
      -ms-transition: 0.1s;
      -o-transition: 0.1s;
      transition: 0.1s;
      transition-property: height; }

    body.marianne .check-box .checkmark::after {
      left: 12px;
      bottom: 5px;
      -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: rotate(225deg);
      transition-delay: 0s; }

    body.marianne .check-box .checkmark::before {
      left: 6px;
      top: 9px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      transition-delay: 0.1s; }

    body.marianne .checkmark {
      position: absolute;
      background-color: transparent;
      border: 1px solid #b7b5b7;
      top: 0;
      left: 0;
      height: 24px;
      width: 24px;
      border-radius: 3px;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      transition-property: background-color; }

    body.marianne .checkmark::after, body.marianne .checkmark::before {
      content: "";
      position: absolute;
      height: 0; }

    body.marianne .cta-btn, body.marianne .cta-btn::before {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }

    body.marianne .cta-btn {
      background: #000;
      color: #fff;
      font-family: raleway, sans-serif;
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      padding: 22px 56px;
      display: inline-block;
      position: relative;
      border: 0;
      outline: 0;
      transition-property: color; }

    body.marianne .cta-btn::before {
      content: "";
      position: absolute;
      z-index: 1;
      width: 0;
      height: 100%;
      top: 0;
      left: 0;
      transition-property: width, height;
      background: #fff; }

    body.marianne .cta-btn:hover {
      color: #000; }

    body.marianne .cta-btn:hover::before {
      width: 100%; }

    body.marianne .no-p-l {
      padding-left: 0; }

    body.marianne .ui-image--responsive {
      display: block;
      width: 100%;
      height: auto; }

    body.marianne .ui-layout {
      position: relative;
      box-sizing: border-box; }

    body.marianne .ui-layout--padded {
      padding-right: 16px;
      padding-left: 16px; }

    body.marianne .ui-layout:empty {
      display: none; }

    body.marianne .header {
      position: relative;
      z-index: 100;
      min-height: 87px;
      margin: 0 auto; }

    body.marianne .header .header-float {
      position: relative;
      display: block;
      width: 100%;
      left: 0;
      top: 0;
      background: #fff; }

    body.marianne .header .menu-wrapper .menu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 auto;
      position: relative; }

    body.marianne .header .menu-border {
      margin: 0 24px;
      border-bottom: 1px solid #d7d7d7;
      height: 1px; }

    body.marianne .header .menu-logo {
      width: 100%;
      padding: 0 24px;
      margin: 0; }

    body.marianne .header .menu .menu-logo-wrapper .marianne-wrapper {
      padding: 24px 0 12px; }

    body.marianne .header .menu .menu-logo-wrapper .marianne-wrapper img {
      width: 170px; }

    body.marianne .header .menu .right {
      display: flex;
      align-items: center;
      padding-top: 9px; }

    body.marianne .header .menu .right-side .socials {
      display: flex;
      padding: 10px; }

    body.marianne .header .menu .right-side .socials .soc-link {
      position: relative;
      display: flex;
      padding: 8px 12px 8px 8px; }

    body.marianne .header .menu .right-side .socials .soc-link img {
      width: auto;
      height: 24px;
      position: relative;
      opacity: 1;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      transition-property: opacity; }

    body.marianne .header .menu .right-side .socials .soc-link:hover img {
      opacity: 0.6; }

    body.marianne .header .menu .no-cover-menu .menu-logo-wrapper {
      position: absolute;
      left: -215px;
      top: 35px;
      display: none; }

    body.marianne .header .menu .no-cover-menu .menu-logo-wrapper img {
      width: 180px;
      margin-right: 50px; }

    body.marianne .header .ui-menu--main {
      overflow: hidden; }

    body.marianne .header .ui-menu--main .ui-menu__content {
      display: block;
      margin-right: -15px;
      margin-left: -15px; }

    body.marianne .header .ui-menu--main .ui-menu__item {
      display: inline-block;
      position: relative;
      padding: 12px 15px 10px;
      color: #000;
      font-weight: 600;
      font-size: 14px;
      font-family: raleway, sans-serif;
      line-height: calc(20/14);
      text-transform: uppercase; }

    body.marianne .header .ui-menu--main .ui-menu__item::before {
      content: '';
      position: absolute;
      left: 50%;
      bottom: 6px;
      width: 0;
      height: 2px;
      background-color: #000;
      transform: translateX(-50%);
      -webkit-transition: 200ms;
      -moz-transition: 200ms;
      -ms-transition: 200ms;
      -o-transition: 200ms;
      transition: 200ms;
      transition-property: width; }

    body.marianne .header .ui-menu--main .ui-menu__item:hover::before {
      width: calc(80% - 15px - 15px); }

    body.marianne .header .ui-menu--main .ui-menu__item:not(:last-child) {
      margin-right: 8px; }

    body.marianne .header .ui-menu--main--primary .ui-menu__content {
      padding-bottom: 10px; }

    body.marianne .header .second-menu {
      display: flex;
      align-items: center; }

    body.marianne .header .uppermenu {
      display: flex;
      justify-content: space-between;
      width: 100%; }

    body.marianne .header .submenu {
      position: absolute;
      top: calc(100% - 1px);
      left: 0;
      width: 100%;
      padding-top: 40px;
      padding-bottom: 40px;
      border-top: 1px solid #d7d7d7;
      background-color: #fff;
      -webkit-box-shadow: 0 21px 34px -23px #4b4b4b;
      -moz-box-shadow: 0 21px 34px -23px #4b4b4b;
      box-shadow: 0 21px 34px -23px #4b4b4b; }

    body.marianne .header .submenu .content {
      max-width: 1220px;
      display: block;
      margin-left: auto;
      margin-right: auto; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .cta-btn:hover span {
      top: -38px; }

    body.marianne .ui-form--search {
      position: relative; }

    body.marianne .ui-form--search .ui-form__content {
      position: absolute;
      top: 0;
      right: 0; }

    body.marianne .ui-form--search .ui-form__item--query {
      display: flex;
      flex-direction: column;
      width: 260px;
      height: 37px;
      box-shadow: 0 0 8px 0 #000 29;
      background-color: #fff;
      opacity: 0;
      pointer-events: none;
      transition-property: opacity;
      transition-duration: 500ms; }

    body.marianne .ui-form--search .ui-form__field--query {
      width: 100%;
      height: 100%;
      padding: 8px;
      border-style: none;
      background-color: #fff;
      font-weight: 600;
      font-size: 14px;
      font-family: raleway, sans-serif;
      outline: 0; }

    body.marianne .ui-form--search .ui-form__trigger {
      position: absolute;
      z-index: 10;
      top: -1px;
      right: 0;
      width: 37px;
      height: calc(100% + 2px);
      cursor: pointer; }

    body.marianne .ui-form--search .ui-form__submit:hover, body.marianne .ui-form--search .ui-form__trigger:hover + .ui-form__submit {
      opacity: 0.6; }

    body.marianne .ui-form--search .ui-form__submit {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      z-index: 9;
      top: 50%;
      right: 0;
      width: 37px;
      height: 37px;
      border-style: none;
      background-color: transparent;
      transition-property: opacity;
      transition-duration: 500ms;
      transform: translateY(-50%);
      outline: 0; }

    body.marianne .ui-form--search .ui-form__submit-icon {
      position: relative;
      width: 23px;
      height: 23px; }

    body.marianne .ui-subscription-preview {
      display: none;
      position: absolute;
      z-index: 9;
      top: 0;
      right: 0;
      padding: 80px 16px 24px;
      background-color: #fff;
      box-shadow: 0 0 8px 0 #000 29; }

    body.marianne .ui-subscription-preview__list {
      display: flex;
      gap: 36px 32px; }

    body.marianne .ui-subscription-preview__item {
      display: grid;
      text-align: left; }

    body.marianne .ui-subscription-preview__heading {
      grid-area: heading;
      display: block;
      color: #000;
      font-weight: 700;
      font-family: raleway, sans-serif;
      font-size: 15px; }

    body.marianne .ui-subscription-preview__image {
      grid-area: image;
      display: block;
      position: relative;
      width: 168px; }

    body.marianne .ui-subscription-preview__image .price-tag {
      position: absolute;
      bottom: -1px;
      left: -1px;
      margin: 0;
      padding: 6px 8px;
      background-color: #fff;
      color: #000;
      font-weight: 600;
      font-family: raleway, sans-serif;
      font-size: 12px; }

    body.marianne .ui-subscription-preview__button {
      grid-area: button;
      display: block;
      margin-bottom: -12px;
      padding-top: 12px;
      padding-bottom: 12px;
      color: #eb1f40;
      font-weight: 600;
      font-size: 14px;
      font-family: raleway, sans-serif;
      text-transform: uppercase; }

    body.marianne .ui-subscription-preview--desktop {
      background-color: #fcfafc; }

    body.marianne .ui-subscription-preview--desktop .ui-subscription-preview__item {
      grid-template-columns: auto;
      grid-template-areas: 'heading' 'image' 'button'; }

    body.marianne .ui-subscription-preview--desktop .ui-subscription-preview__image {
      margin-top: 8px; }

    body.marianne .ui-subscription-preview--mobile {
      width: 100vw; }

    body.marianne .ui-subscription-preview--mobile .ui-subscription-preview__list {
      flex-direction: column;
      overflow-y: scroll;
      height: calc(100vh - 90px); }

    body.marianne .ui-subscription-preview--mobile .ui-subscription-preview__item {
      grid-template-columns: min-content auto;
      grid-template-rows: min-content min-content auto;
      grid-template-areas: 'image heading' 'image button' 'image space';
      column-gap: 16px; }

    body.marianne .ui-subscription-preview--mobile .ui-subscription-preview__button {
      margin-top: 4px; }

    body.marianne .scroll-menu .menu-content .head .content .social-links a:hover {
      opacity: 0.5; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form .input-group button:hover {
      padding: 7px 16px;
      transition-delay: 0; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form .input-group button:hover::before {
      width: 100%;
      transition-delay: 0.5; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .cta-btn:hover img {
      top: 20px; }

    body.marianne .scroll-menu {
      position: fixed;
      z-index: 123;
      top: 0;
      left: 0;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      transition-property: opacity; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .primary-menu .item .main-section {
      color: #000; }

    body.marianne .scroll-menu .subscription-toggle {
      display: flex;
      align-items: center;
      background-color: #000;
      border: 1px solid #000;
      padding: 9px 16px;
      margin-left: 6px;
      cursor: pointer;
      z-index: 10;
      max-width: max-content;
      position: absolute;
      right: 16px;
      top: 13px; }

    body.marianne .scroll-menu .subscription-toggle__button {
      font-size: 14px;
      font-family: raleway, sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0;
      color: #fff;
      padding-right: 12px; }

    body.marianne .scroll-menu .subscription-toggle__arrow {
      transform: rotate(270deg);
      width: 10px; }

    body.marianne .scroll-menu .subscription-toggle__arrow:first-of-type {
      display: block; }

    body.marianne .scroll-menu .subscription-toggle__arrow:nth-of-type(2) {
      display: none; }

    body.marianne .scroll-menu .nav-icon-box {
      position: absolute;
      width: 96px;
      height: 96px;
      line-height: 96px;
      background-color: #fff;
      border: 1px solid #dfdddf;
      text-align: center;
      z-index: 1001;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      cursor: pointer;
      transition-property: background-color, border; }

    body.marianne .scroll-menu .nav-icon-box .menu-label, body.marianne .scroll-menu .nav-icon-box .nav-icon div {
      position: absolute;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }

    body.marianne .scroll-menu .nav-icon-box .menu-label {
      font-family: raleway, sans-serif;
      font-weight: 600;
      color: #eb1f40;
      text-transform: uppercase;
      font-size: 12px;
      margin: 0;
      pointer-events: none;
      left: 50%;
      transform: translateX(-50%);
      top: 34px;
      opacity: 1;
      transition-property: opacity; }

    body.marianne .scroll-menu .nav-icon-box .nav-icon {
      width: 24px;
      height: 16px;
      position: relative;
      display: inline-block; }

    body.marianne .scroll-menu .nav-icon-box .nav-icon div {
      width: 100%;
      height: 2px;
      left: 0;
      background: #eb1f40;
      transition-property: all; }

    body.marianne .scroll-menu .nav-icon-box .nav-icon div:nth-child(1) {
      opacity: 1;
      top: 0; }

    body.marianne .scroll-menu .nav-icon-box .nav-icon div:nth-child(2), body.marianne .scroll-menu .nav-icon-box .nav-icon div:nth-child(3) {
      top: 50%; }

    body.marianne .scroll-menu .nav-icon-box .nav-icon div:nth-child(4) {
      opacity: 1;
      top: 100%;
      width: 80%; }

    body.marianne .scroll-menu .nav-icon-box:hover .nav-icon div:nth-child(1), body.marianne .scroll-menu .nav-icon-box:hover .nav-icon div:nth-child(2), body.marianne .scroll-menu .nav-icon-box:hover .nav-icon div:nth-child(3) {
      width: 100%; }

    body.marianne .scroll-menu .menu-content {
      position: relative;
      width: 100vw;
      height: 100vh;
      background: #fff;
      pointer-events: none;
      top: 0;
      z-index: 999;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      transition-property: opacity;
      opacity: 0; }

    body.marianne .scroll-menu .menu-content .head {
      width: 100%;
      border-bottom: 1px solid #eeecee;
      height: 96px; }

    body.marianne .scroll-menu .menu-content .head .content {
      position: relative;
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 100%;
      padding-top: 34px;
      padding-left: 46px; }

    body.marianne .scroll-menu .menu-content .head .content .logo {
      width: 135px;
      height: auto;
      display: inline-block;
      vertical-align: middle;
      margin-top: 5px;
      margin-right: -47px;
      position: absolute;
      left: 130px;
      z-index: 10; }

    body.marianne .scroll-menu .menu-content .head .content .social-links {
      display: inline-block;
      vertical-align: middle;
      margin-left: 0;
      position: absolute;
      top: 47px;
      transform: translateY(-50%);
      right: 32px; }

    body.marianne .scroll-menu .menu-content .head .content .social-links a {
      display: inline-block;
      vertical-align: middle;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      transition-property: opacity;
      padding: 10px; }

    body.marianne .scroll-menu .menu-content .head .content .social-links a img {
      height: 20px;
      width: auto;
      display: inline-block; }

    body.marianne .scroll-menu .menu-content .menu-box {
      width: 100%;
      text-align: center;
      height: calc(100vh - 96px);
      overflow-x: hidden;
      overflow-y: auto; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content {
      border-left: 1px solid #eeecee;
      padding: 138px 0 50px;
      margin-left: 96px;
      text-align: left; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .primary-menu {
      width: 512px;
      display: inline-block;
      vertical-align: top; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .primary-menu .item {
      display: block;
      color: #000;
      font-size: 32px;
      font-family: raleway, sans-serif;
      font-weight: 500;
      margin-bottom: 24px;
      text-transform: uppercase;
      padding-left: 44px;
      margin-left: -1px;
      border-left: 2px solid transparent;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      transition-property: border-left;
      position: relative;
      cursor: pointer; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .primary-menu .item .item-title {
      display: block; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .primary-menu .item .secondary-menu {
      margin-top: 20px;
      display: none;
      height: auto;
      margin-bottom: 20px;
      border-bottom: 1px solid #eeecee; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .primary-menu .item .secondary-menu a {
      font-weight: 600;
      padding-left: 10px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .primary-menu .item .secondary-menu a:first-of-type {
      margin-bottom: 30px;
      margin-top: 30px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .primary-menu .item:hover, body.marianne .scroll-menu .menu-content .menu-box .center-content .secondary-menu a:hover {
      border-left: 2px solid #000; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .secondary-menu {
      width: 364px;
      height: 364px;
      display: inline-block;
      vertical-align: top;
      border-left: 1px solid #eeecee; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .secondary-menu a {
      display: block;
      color: #000;
      font-size: 14px;
      font-family: raleway, sans-serif;
      font-weight: 500;
      margin-bottom: 20px;
      text-transform: uppercase;
      padding-left: 20px;
      margin-left: -1px;
      border-left: 2px solid transparent;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      transition-property: border-left; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links {
      width: 386px;
      display: inline-block;
      vertical-align: top; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links a {
      position: relative;
      display: block;
      margin-bottom: 20px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links a img {
      display: block;
      width: 100%; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links .social-links {
      display: none;
      vertical-align: middle;
      width: 100%;
      text-align: center; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links .social-links a {
      display: inline-block;
      vertical-align: middle;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      transition-property: opacity;
      margin-right: 10px;
      height: auto; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links .social-links a:not(:last-child) {
      margin-bottom: 0; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links .social-links a img {
      height: 20px;
      width: auto;
      display: inline-block;
      top: 0;
      transform: none; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links .social-links a:hover {
      opacity: 0.5; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row {
      display: flex;
      width: 100%;
      padding-top: 54px;
      padding-left: 44px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle {
      width: 48%;
      height: 307px;
      padding: 48px 20px 20px;
      background: #f7f5f7;
      overflow: hidden;
      position: relative;
      margin-right: 26px;
      vertical-align: middle;
      display: flex; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .left-box {
      width: 65%; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .left-box h2 {
      font-family: raleway, sans-serif;
      font-size: 24px;
      font-weight: 500;
      margin-top: 0;
      margin-bottom: 20px;
      text-transform: uppercase; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .left-box p {
      font-size: 24px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .sub-img img {
      width: 200px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle img {
      position: absolute;
      top: 34px;
      right: 34px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .cta-btn {
      overflow: hidden; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .cta-btn::before {
      background: #000; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle .cta-btn img {
      width: 24px;
      display: inline-block;
      height: auto;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      transition-property: top;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      top: 78px;
      z-index: 2; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form {
      width: 48%;
      height: 307px;
      vertical-align: middle;
      display: inline-block;
      background: #000;
      padding: 48px 20px 20px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form .label {
      font-family: raleway, sans-serif;
      font-size: 24px;
      font-weight: 500;
      color: #fff;
      margin-top: 0;
      margin-bottom: 20px;
      text-transform: uppercase; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form .input-group {
      position: relative;
      width: 100%;
      display: block; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form .input-group button {
      border: 0;
      outline: 0;
      background: 0 0;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      transition-property: padding;
      font-family: raleway, sans-serif;
      color: #fff;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 16px;
      padding: 7px 0;
      transition-delay: 0.5;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 12; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form .input-group button::before {
      content: "";
      position: absolute;
      z-index: 1;
      width: 0;
      height: 100%;
      top: 0;
      right: 0;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      transition-property: width;
      transition-delay: 0;
      background: rgba(255, 255, 255, .3); }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form .input-group button span {
      position: relative;
      z-index: 2; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form input {
      border: 0;
      outline: 0;
      background: 0 0;
      border-bottom: 1px solid #fff;
      font-family: raleway, sans-serif;
      color: #fff;
      font-weight: 500;
      width: 100%;
      font-size: 16px;
      padding: 6px 10px; }

    body.marianne .scroll-menu .menu-content .menu-box .center-content .row .newsletter-form .check-box {
      margin-top: 16px;
      line-height: 1.5;
      font-size: 12px; }

    body.marianne .mobile-menu {
      height: 0;
      position: fixed;
      top: 0;
      transition: top 0.2s ease-in-out;
      width: 100%;
      display: inline-block;
      z-index: 1000 !important; }

    body.marianne .ui-mobile-menu-placeholder {
      height: var(--ui-mobile-menu-height, 0); }

    body.marianne .ui-mobile-menu .ui-mobile-menu__item--search {
      position: absolute;
      top: 15px;
      right: 124px; }

    body.marianne .promotion {
      position: relative; }

    body.marianne .promotion, body.marianne .promotion > * {
      max-width: 100%; }

    body.marianne .promotion__body {
      margin: 0 auto 32px; }

    body.marianne .promotion__branding {
      max-width: max-content;
      margin: 0 auto; }

    body.marianne .promotion__branding .promotion__body {
      margin: 0 auto; }

    body.marianne .promotion__megaboard {
      overflow: hidden;
      text-align: center; }

    body.marianne .promotion__megaboard * {
      margin: 0 auto; }

    body.marianne .promotion__megaboard .promotion__body {
      margin-bottom: 0 !important; }

    body.marianne .promotion__nestandard .promotion__body {
      margin: 0; }

    body.marianne .region-before-header {
      margin: 0 auto;
      max-width: max-content; }

    body.marianne .region-before-header-mobile {
      margin: 0 auto;
      background-color: #fff; }

    body.marianne .bg-image {
      height: 280px;
      top: 0;
      left: 0;
      background-repeat: repeat;
      background-size: 1920px 280px;
      background-position: center;
      position: relative;
      margin-top: -20px; }

    body.marianne .ad-block-detection {
      display: none; }

    body.marianne .right-side {
      display: flex; } }
  @media all and (max-width: 991px) {
      body.marianne ::-webkit-scrollbar {
        background-color: transparent;
        width: 0; }
      body.marianne * {
        scrollbar-width: thin;
        scrollbar-color: transparent; }
      body.marianne ::-webkit-scrollbar-track {
        background-color: transparent; }
      body.marianne ::-webkit-scrollbar-thumb {
        background-color: transparent;
        border-radius: 20px;
        border: 3px solid transparent; } }
  @media all and (min-width: 1281px) {
      body.marianne .ui-layout--padded {
        padding-right: 24px;
        padding-left: 24px; } }
  @media all and (max-width: 1280px) {
      body.marianne .header .menu-logo {
        padding: 0 16px; } }
  @media all and (max-width: 1700px) {
      body.marianne .header .menu .no-cover-menu .menu-logo-wrapper {
        left: -200px;
        top: 35px; } }
  @media all and (max-width: 1600px) {
      body.marianne .header .menu .no-cover-menu .menu-logo-wrapper {
        display: none; } }
  @media all and (min-width: 789px) {
      body.marianne .ui-subscription-preview {
        padding-top: 90px;
        padding-right: 24px;
        padding-left: 24px; } }
  @media all and (min-width: 769px) {
      body.marianne .scroll-menu .subscription-toggle {
        display: none; } }
  @media all and (max-width: 480px) {
      body.marianne .scroll-menu .subscription-toggle {
        top: 9px; } }
  @media all and (max-width: 767px) {
      body.marianne .scroll-menu .menu-content {
        overflow-y: scroll; } }
  @media all and (max-width: 991px) {
      body.marianne .scroll-menu .menu-content .head .content .social-links {
        top: 35px; } }
  @media all and (max-width: 991px) {
      body.marianne .scroll-menu .menu-content .menu-box .center-content {
        margin-left: 64px; } }
  @media all and (max-width: 1182px) {
      body.marianne .scroll-menu .menu-content .menu-box .center-content .microsite-links {
        width: 100%; } }
  @media all and (max-width: 365px) {
      body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle {
        height: auto;
        padding: 30px 16px; }
      body.marianne .scroll-menu .menu-content .menu-box .center-content .row .subscription-elle img {
        top: 200px; } }
  @media all and (min-width: 992px) {
      body.marianne .ui-mobile-menu-placeholder {
        display: none; } }
  @media all and (max-width: 769px) {
      body.marianne .ui-mobile-menu .ui-mobile-menu__item--search {
        display: none; } }
  @media all and (min-width: 992px) {
      body.marianne .ui-mobile-menu .ui-mobile-menu__item--search {
        top: 26px; } }
  @media all and (max-width: 1280px) {
      body.marianne .region-before-header {
        padding-left: 16px;
        padding-right: 16px; } }

body.monicejkova {
  background-color: white;
  color: #db4a27; }
  body.monicejkova .page {
    background-color: white; }
  body.monicejkova .page > #container > .content {
    background-color: white;
    max-width: 75rem;
    box-sizing: border-box;
    width: 100%;
    margin: 1rem auto; }
  body.monicejkova h1 {
    text-transform: none;
    color: #db4a27; }
  body.monicejkova h2 {
    color: #db4a27; }

body.mujchlupac {
  background-color: white;
  color: #db4a27; }
  body.mujchlupac .page {
    background-color: white; }
  body.mujchlupac .page > #container > .content {
    background-color: white;
    max-width: 71.25rem;
    width: 100%;
    margin: 0 auto; }
  body.mujchlupac h1 {
    text-transform: none;
    color: #db4a27; }
  body.mujchlupac h2 {
    color: #db4a27; }
  body.mujchlupac a {
    color: #db4a27;
    font-weight: bold; }
  body.mujchlupac a:hover {
    color: ; }

body.natubea {
  background-color: white;
  color: #db4a27; }
  body.natubea .page {
    background-color: white; }
  body.natubea .page > #container > .content {
    background-color: white;
    max-width: 78rem;
    box-sizing: border-box;
    width: 100%;
    margin: 1rem auto; }
  body.natubea h1 {
    text-transform: none;
    color: #db4a27; }
  body.natubea h2 {
    color: #db4a27; }

body.onlymen {
  background-color: white;
  color: #db4a27; }
  body.onlymen .page {
    background-color: white; }
  body.onlymen .page > #container > .content {
    background-color: white;
    max-width: 71.25rem;
    width: 100%;
    margin: 0 auto; }
  body.onlymen h1 {
    text-transform: none;
    color: #db4a27; }
  body.onlymen h2 {
    color: #db4a27; }

body.onlyu {
  background-color: white;
  color: #db4a27; }
  body.onlyu .page {
    background-color: white; }
  body.onlyu .page > #container > .content {
    background-color: white;
    max-width: 71.25rem;
    width: 100%;
    margin: 0 auto; }
  body.onlyu h1 {
    text-transform: none;
    color: #db4a27; }
  body.onlyu h2 {
    color: #db4a27; }

body.pardubickykrajzije {
  background-color: white;
  color: #db4a27; }
  body.pardubickykrajzije .page {
    background-color: white; }
  body.pardubickykrajzije .page > #container {
    background-color: white; }
  body.pardubickykrajzije .page > #container > .content {
    background-color: white;
    max-width: 85rem;
    width: 100%;
    margin: 0 auto;
    margin-top: 4rem; }
  body.pardubickykrajzije h1 {
    text-transform: none;
    color: #db4a27; }
  body.pardubickykrajzije h2 {
    color: #db4a27; }
  body.pardubickykrajzije a {
    text-decoration: none; }
  body.pardubickykrajzije button.styled-button, body.pardubickykrajzije input[type="submit"], body.pardubickykrajzije input[type="button"], body.pardubickykrajzije a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    color: #db4a27;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }

body.plasmafera {
  background-color: white;
  color: #db4a27; }
  body.plasmafera .page {
    background-color: white; }
  body.plasmafera .page > #container {
    background-color: white; }
  body.plasmafera .page > #container > .content {
    background-color: white;
    max-width: 75rem;
    width: 100%;
    margin: 0 auto; }
  body.plasmafera h1 {
    text-transform: none;
    color: #db4a27; }
  body.plasmafera h2 {
    color: #db4a27; }
  body.plasmafera a {
    text-decoration: none; }
  body.plasmafera a:hover {
    color: #db4a27; }

body.podnikavka {
  background-color: white;
  color: #db4a27; }
  body.podnikavka .page {
    background-color: #f9f9f9; }
  body.podnikavka .page > #container > .content {
    background-color: white;
    max-width: 75rem;
    box-sizing: border-box;
    width: 100%;
    margin: 1rem auto;
    border: 1px solid #e1e1e1;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem; }
  body.podnikavka h1 {
    text-transform: none;
    color: #db4a27; }
  body.podnikavka h2 {
    color: #db4a27; }
  body.podnikavka a {
    color: black; }

body.primanapady {
  background-color: #d4bfe6;
  color: #000; }
  body.primanapady .page {
    background-color: #b3d4fc; }
  body.primanapady .page > #container > .content {
    background-color: #e9ebee;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.46);
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 67.5rem; }
  body.primanapady #home.page {
    background: none; }
  body.primanapady #home.page > #container > .content {
    max-width: 67.5rem; }
  body.primanapady h1 {
    text-transform: none; }
  body.primanapady h1, body.primanapady h2, body.primanapady h3, body.primanapady h4 {
    color: ; }
  body.primanapady a {
    text-decoration: none;
    color: ;
    font-weight: 600; }
  body.primanapady a:hover {
    color: #db4a27; }
  body.primanapady button.styled-button, body.primanapady input[type="submit"], body.primanapady input[type="button"], body.primanapady a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem; }
  body.primanapady button[name='fb-login'], body.primanapady button[name='fb-register'], body.primanapady button[name='google-login'] {
    color: white;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    height: initial;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem; }

body.prosestru {
  background-color: white;
  color: #db4a27; }
  body.prosestru .page {
    background-color: #f8f8f8; }
  body.prosestru .page > #container > .content {
    background-color: white;
    max-width: 75rem;
    width: 100%;
    margin: 1rem auto; }
  body.prosestru h1 {
    text-transform: none;
    color: #db4a27; }
  body.prosestru h2 {
    color: #db4a27; }

body.slagr .page {
  background: none; }
  body.slagr .page > .content {
    background: white; }
  body.slagr h1 {
    text-transform: unset;
    font-weight: 700;
    font-family: SourceSansPro, sans-serif; }
  body.slagr h2 {
    text-transform: unset;
    font-family: SourceSansPro, sans-serif;
    color: ;
    text-align: left;
    font-weight: 600; }
  body.slagr a, body.slagr .a {
    color: #db4a27; }
  body.slagr button.styled-button, body.slagr input[type="submit"], body.slagr input[type="button"], body.slagr a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    color: #db4a27;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.slagr button[name='fb-login'], body.slagr button[name='fb-register'], body.slagr button[name='google-login'] {
    color: white;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    height: initial; }
  body.slagr #mLogin .modalWrapper .container #userRegister form a, body.slagr #mRegister .modalWrapper .container #userRegister form a, body.slagr #mForgottenPassword .modalWrapper .container #userRegister form a {
    color: #db4a27; }
  body.slagr #mLogin .modalWrapper .container .register, body.slagr #mRegister .modalWrapper .container .register, body.slagr #mForgottenPassword .modalWrapper .container .register, body.slagr #mLogin .modalWrapper .container .forgotten-password, body.slagr #mRegister .modalWrapper .container .forgotten-password, body.slagr #mForgottenPassword .modalWrapper .container .forgotten-password, body.slagr #mLogin .modalWrapper .container .login, body.slagr #mRegister .modalWrapper .container .login, body.slagr #mForgottenPassword .modalWrapper .container .login {
    color: #db4a27; }

body.testfluenceri, body.testfluencers {
  overflow-x: hidden;
  font-family: Graphite, sans-serif !important;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*
Testfluencers SK CSS are taken from Testfluenceri CSS
*/
  /*
Testfluencers override
*/ }
  body.testfluenceri *, body.testfluencers *, body.testfluenceri img, body.testfluencers img {
    max-width: none; }
  body.testfluenceri .content, body.testfluencers .content {
    max-width: 1000px;
    margin: auto; }
  body.testfluenceri .content .right, body.testfluencers .content .right {
    width: auto !important; }
  body.testfluenceri .content img, body.testfluencers .content img {
    max-width: 100% !important; }
  body.testfluenceri h1, body.testfluencers h1 {
    font-family: Graphite, sans-serif !important; }
  body.testfluenceri h2.smaller, body.testfluencers h2.smaller {
    color: #b519ff !important;
    font-weight: bold !important;
    font-size: 1.35rem !important; }
  body.testfluenceri a.button, body.testfluencers a.button, body.testfluenceri button.insert, body.testfluencers button.insert {
    color: white !important;
    background-color: #b519ff !important;
    border: #b519ff 1px solid;
    font-family: Graphite, sans-serif !important;
    text-decoration: none !important; }
  body.testfluenceri a.button:hover, body.testfluencers a.button:hover, body.testfluenceri button.insert:hover, body.testfluencers button.insert:hover {
    color: #b519ff !important;
    background-color: white !important;
    border: #b519ff 1px solid; }
  body.testfluenceri .addReview, body.testfluencers .addReview {
    max-width: 640px; }
  body.testfluenceri .userRegister form, body.testfluencers .userRegister form {
    width: auto !important; }
  body.testfluenceri #headerLogin, body.testfluencers #headerLogin {
    margin: auto; }
  body.testfluenceri #headerLogin .user-name, body.testfluencers #headerLogin .user-name, body.testfluenceri #headerLogin .login, body.testfluencers #headerLogin .login {
    display: inline;
    margin-left: 10px; }
  body.testfluenceri #headerLogin .user-name div, body.testfluencers #headerLogin .user-name div, body.testfluenceri #headerLogin .login div, body.testfluencers #headerLogin .login div {
    display: inline; }
  body.testfluenceri .elementor-template-full-width, body.testfluencers .elementor-template-full-width, body.testfluenceri .elementor-location-header, body.testfluencers .elementor-location-header, body.testfluenceri .elementor-location-body, body.testfluencers .elementor-location-body, body.testfluenceri .elementor-location-footer, body.testfluencers .elementor-location-footer {
    width: 100%; }
  body.testfluenceri .elementor-location-body, body.testfluencers .elementor-location-body {
    max-width: 1300px; }
  @media all {
  body.testfluenceri p:empty:before, body.testfluencers p:empty:before {
    content: "​"; }
  body.testfluenceri .jet-listing-dynamic-field, body.testfluencers .jet-listing-dynamic-field {
    display: flex;
    align-items: center; }
  body.testfluenceri .jet-listing-dynamic-field__content, body.testfluencers .jet-listing-dynamic-field__content {
    display: block;
    max-width: 100%; }
  body.testfluenceri .jet-listing-dynamic-field__inline-wrap, body.testfluencers .jet-listing-dynamic-field__inline-wrap {
    display: inline-flex;
    align-items: center;
    max-width: 100%; }
  body.testfluenceri .jet-listing-grid__items, body.testfluencers .jet-listing-grid__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    width: calc(100% + 20px); }
  body.testfluenceri .jet-listing-grid__item, body.testfluencers .jet-listing-grid__item {
    padding: 10px; }
  body.testfluenceri .grid-col-desk-2 > .jet-listing-grid__item, body.testfluencers .grid-col-desk-2 > .jet-listing-grid__item {
    max-width: 50%;
    flex: 0 0 50%; }
  body.testfluenceri *, body.testfluencers *, body.testfluenceri :after, body.testfluencers :after, body.testfluenceri :before, body.testfluencers :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  body.testfluenceri h2, body.testfluencers h2 {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit; }
  body.testfluenceri h2, body.testfluencers h2 {
    font-size: 2rem; }
  body.testfluenceri p, body.testfluencers p {
    margin-top: 0;
    margin-bottom: 0.9rem; }
  body.testfluenceri a, body.testfluencers a {
    background-color: transparent;
    text-decoration: none; }
  body.testfluenceri a:active, body.testfluencers a:active, body.testfluenceri a:hover, body.testfluencers a:hover {
    text-decoration: underline; }
  body.testfluenceri strong, body.testfluencers strong {
    font-weight: bold; }
  body.testfluenceri input, body.testfluencers input {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5; }
  body.testfluenceri input[type=search], body.testfluencers input[type=search] {
    width: 100%;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 0.5rem 1rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  body.testfluenceri input[type=search]:focus, body.testfluencers input[type=search]:focus {
    border-color: #333;
    outline: 0 none; }
  body.testfluenceri input, body.testfluencers input {
    overflow: visible; }
  body.testfluenceri [type=search], body.testfluencers [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px; }
  body.testfluenceri li, body.testfluencers li, body.testfluenceri ul, body.testfluencers ul {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }
  body.testfluenceri .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated, body.testfluencers .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 10px; }
  body.testfluenceri .elementor-screen-only, body.testfluencers .elementor-screen-only {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  body.testfluenceri .elementor-clearfix:after, body.testfluencers .elementor-clearfix:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0; }
  body.testfluenceri .elementor, body.testfluencers .elementor {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual; }
  body.testfluenceri .elementor *, body.testfluencers .elementor *, body.testfluenceri .elementor :after, body.testfluencers .elementor :after, body.testfluenceri .elementor :before, body.testfluencers .elementor :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  body.testfluenceri .elementor a, body.testfluencers .elementor a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none; }
  body.testfluenceri .elementor .elementor-background-overlay, body.testfluencers .elementor .elementor-background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute; }
  body.testfluenceri .elementor-widget-wrap > .elementor-element.elementor-absolute, body.testfluencers .elementor-widget-wrap > .elementor-element.elementor-absolute {
    position: absolute; }
  body.testfluenceri .elementor-widget-wrap .elementor-element.elementor-widget__width-auto, body.testfluencers .elementor-widget-wrap .elementor-element.elementor-widget__width-auto {
    max-width: 100%; }
  body.testfluenceri .elementor-element.elementor-absolute, body.testfluencers .elementor-element.elementor-absolute {
    z-index: 1; }
  body.testfluenceri .elementor-align-right, body.testfluencers .elementor-align-right {
    text-align: right; }
  body.testfluenceri .elementor-align-right .elementor-button, body.testfluencers .elementor-align-right .elementor-button {
    width: auto; }
  body.testfluenceri .elementor-section, body.testfluencers .elementor-section {
    position: relative; }
  body.testfluenceri .elementor-section .elementor-container, body.testfluencers .elementor-section .elementor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative; }
  body.testfluenceri .elementor-section.elementor-section-boxed > .elementor-container, body.testfluencers .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px; }
  body.testfluenceri .elementor-section.elementor-section-items-middle > .elementor-container, body.testfluencers .elementor-section.elementor-section-items-middle > .elementor-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  body.testfluenceri .elementor-row, body.testfluencers .elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  body.testfluenceri .elementor-widget-wrap, body.testfluencers .elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start; }
  body.testfluenceri .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap, body.testfluencers .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  body.testfluenceri .elementor-widget-wrap > .elementor-element, body.testfluencers .elementor-widget-wrap > .elementor-element {
    width: 100%; }
  body.testfluenceri .elementor-widget, body.testfluencers .elementor-widget {
    position: relative; }
  body.testfluenceri .elementor-widget:not(:last-child), body.testfluencers .elementor-widget:not(:last-child) {
    margin-bottom: 20px; }
  body.testfluenceri .elementor-widget:not(:last-child).elementor-absolute, body.testfluencers .elementor-widget:not(:last-child).elementor-absolute, body.testfluenceri .elementor-widget:not(:last-child).elementor-widget__width-auto, body.testfluencers .elementor-widget:not(:last-child).elementor-widget__width-auto {
    margin-bottom: 0; }
  body.testfluenceri .elementor-column, body.testfluencers .elementor-column {
    min-height: 1px; }
  body.testfluenceri .elementor-column, body.testfluencers .elementor-column, body.testfluenceri .elementor-column-wrap, body.testfluencers .elementor-column-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  body.testfluenceri .elementor-column-wrap, body.testfluencers .elementor-column-wrap {
    width: 100%; }
  body.testfluenceri .elementor-inner-section .elementor-column-gap-no .elementor-element-populated, body.testfluencers .elementor-inner-section .elementor-column-gap-no .elementor-element-populated {
    padding: 0; }
  body.testfluenceri .elementor-element .elementor-widget-container, body.testfluencers .elementor-element .elementor-widget-container {
    -webkit-transition: background 0.3s, border 0.3s, -webkit-border-radius 0.3s, -webkit-box-shadow 0.3s;
    transition: background 0.3s, border 0.3s, -webkit-border-radius 0.3s, -webkit-box-shadow 0.3s;
    -o-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-border-radius 0.3s, -webkit-box-shadow 0.3s; }
  body.testfluenceri .elementor-button, body.testfluencers .elementor-button {
    display: inline-block;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  body.testfluenceri .elementor-button:focus, body.testfluencers .elementor-button:focus, body.testfluenceri .elementor-button:hover, body.testfluencers .elementor-button:hover, body.testfluenceri .elementor-button:visited, body.testfluencers .elementor-button:visited {
    color: #fff; }
  body.testfluenceri .elementor-button-content-wrapper, body.testfluencers .elementor-button-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  body.testfluenceri .elementor-button-icon, body.testfluencers .elementor-button-icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  body.testfluenceri .elementor-button-icon .svg, body.testfluencers .elementor-button-icon .svg {
    width: 1em; }
  body.testfluenceri .elementor-button-text, body.testfluencers .elementor-button-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    display: inline-block; }
  body.testfluenceri .elementor-button .elementor-align-icon-right, body.testfluencers .elementor-button .elementor-align-icon-right {
    margin-left: 5px;
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15; }
  body.testfluenceri .elementor-button span, body.testfluencers .elementor-button span {
    text-decoration: inherit; }
  body.testfluenceri .elementor-widget-divider, body.testfluencers .elementor-widget-divider {
    --divider-border-style: none;
    --divider-border-width: 1px;
    --divider-color: #2c2c2c;
    --divider-icon-size: 20px;
    --divider-element-spacing: 10px;
    --divider-pattern-height: 24px;
    --divider-pattern-size: 20px;
    --divider-pattern-url: none;
    --divider-pattern-repeat: repeat-x; }
  body.testfluenceri .elementor-widget-divider .elementor-divider, body.testfluencers .elementor-widget-divider .elementor-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  body.testfluenceri .elementor-widget-divider .elementor-divider-separator, body.testfluencers .elementor-widget-divider .elementor-divider-separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    direction: ltr; }
  body.testfluenceri .elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator, body.testfluencers .elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color); }
  body.testfluenceri .elementor-heading-title, body.testfluencers .elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.testfluenceri .elementor-widget-heading .elementor-heading-title[class*=elementor-size-] > a, body.testfluencers .elementor-widget-heading .elementor-heading-title[class*=elementor-size-] > a {
    color: inherit;
    font-size: inherit;
    line-height: inherit; }
  body.testfluenceri .elementor-icon, body.testfluencers .elementor-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #818a91;
    font-size: 50px;
    text-align: center; }
  body.testfluenceri .elementor-icon:hover, body.testfluencers .elementor-icon:hover {
    color: #818a91; }
  body.testfluenceri .elementor-icon .svg, body.testfluencers .elementor-icon .svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block; }
  body.testfluenceri .elementor-icon .svg:before, body.testfluencers .elementor-icon .svg:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  body.testfluenceri .elementor-widget .elementor-icon-list-items, body.testfluencers .elementor-widget .elementor-icon-list-items {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  body.testfluenceri .elementor-widget .elementor-icon-list-item, body.testfluencers .elementor-widget .elementor-icon-list-item {
    margin: 0;
    padding: 0;
    position: relative; }
  body.testfluenceri .elementor-widget .elementor-icon-list-item:after, body.testfluencers .elementor-widget .elementor-icon-list-item:after {
    position: absolute;
    bottom: 0;
    width: 100%; }
  body.testfluenceri .elementor-widget .elementor-icon-list-item, body.testfluencers .elementor-widget .elementor-icon-list-item, body.testfluenceri .elementor-widget .elementor-icon-list-item a, body.testfluencers .elementor-widget .elementor-icon-list-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  body.testfluenceri .elementor-widget.elementor-list-item-link-full_width a, body.testfluencers .elementor-widget.elementor-list-item-link-full_width a {
    width: 100%; }
  body.testfluenceri .elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after, body.testfluencers .elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after {
    left: 0; }
  body.testfluenceri .elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after, body.testfluencers .elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after {
    right: 0; }
  body.testfluenceri .animated, body.testfluencers .animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s; }
  body.testfluenceri .animated.animated-slow, body.testfluencers .animated.animated-slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  body.testfluenceri .elementor .elementor-element ul.elementor-icon-list-items, body.testfluencers .elementor .elementor-element ul.elementor-icon-list-items {
    padding: 0; } }
  @media all and (max-width: 1025px) {
    body.testfluenceri .grid-col-tablet-1 > .jet-listing-grid__item, body.testfluencers .grid-col-tablet-1 > .jet-listing-grid__item {
      max-width: 100%;
      flex: 0 0 100%; } }
  @media all and (max-width: 768px) {
    body.testfluenceri .grid-col-mobile-1 > .jet-listing-grid__item, body.testfluencers .grid-col-mobile-1 > .jet-listing-grid__item {
      max-width: 100%;
      flex: 0 0 100%; } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-column, body.testfluencers .elementor-column {
      width: 100%; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto, body.testfluencers .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto {
      max-width: 100%; } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto, body.testfluencers .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto {
      max-width: 100%; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-section .elementor-container, body.testfluencers .elementor-section .elementor-container {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-row, body.testfluencers .elementor-row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media all and (min-width: 768px) {
    body.testfluenceri .elementor-column.elementor-col-20, body.testfluencers .elementor-column.elementor-col-20 {
      width: 20%; }

    body.testfluenceri .elementor-column.elementor-col-33, body.testfluencers .elementor-column.elementor-col-33 {
      width: 33.333%; }

    body.testfluenceri .elementor-column.elementor-col-50, body.testfluencers .elementor-column.elementor-col-50 {
      width: 50%; }

    body.testfluenceri .elementor-column.elementor-col-100, body.testfluencers .elementor-column.elementor-col-100 {
      width: 100%; } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-column, body.testfluencers .elementor-column {
      width: 100%; } }
  @media all and (min-width: 1025px) {
    body.testfluenceri #elementor-device-mode:after, body.testfluencers #elementor-device-mode:after {
      content: "desktop"; } }
  @media all and (min-width: 768px) and (max-width: 1024px) {
    body.testfluenceri #elementor-device-mode:after, body.testfluencers #elementor-device-mode:after {
      content: "tablet"; } }
  @media all and (max-width: 767px) {
    body.testfluenceri #elementor-device-mode:after, body.testfluencers #elementor-device-mode:after {
      content: "mobile"; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after, body.testfluencers .elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after {
      left: 0; }

    body.testfluenceri .elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after, body.testfluencers .elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after {
      right: 0; } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after, body.testfluencers .elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after {
      left: 0; }

    body.testfluenceri .elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after, body.testfluencers .elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after {
      right: 0; } }
  @media all and (prefers-reduced-motion: reduce) {
    body.testfluenceri .animated, body.testfluencers .animated {
      -webkit-animation: none;
      animation: none; } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor .elementor-hidden-phone, body.testfluencers .elementor .elementor-hidden-phone {
      display: none; } }
  @media all and (min-width: 768px) and (max-width: 1024px) {
    body.testfluenceri .elementor .elementor-hidden-tablet, body.testfluencers .elementor .elementor-hidden-tablet {
      display: none; } }
  @media all and (min-width: 1025px) {
    body.testfluenceri .elementor .elementor-hidden-desktop, body.testfluencers .elementor .elementor-hidden-desktop {
      display: none; } }
  @media all {
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background), body.testfluencers .elementor-31 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background) {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-27341b7, body.testfluencers .elementor-31 .elementor-element.elementor-element-27341b7 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-f392f69, body.testfluencers .elementor-31 .elementor-element.elementor-element-f392f69 {
    text-align: center; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-f392f69 .elementor-heading-title, body.testfluencers .elementor-31 .elementor-element.elementor-element-f392f69 .elementor-heading-title {
    color: var(--e-global-color-223007b);
    font-family: var(--e-global-typography-1a1b227-font-family), Sans-serif;
    font-size: var(--e-global-typography-1a1b227-font-size);
    font-weight: var(--e-global-typography-1a1b227-font-weight);
    line-height: var(--e-global-typography-1a1b227-line-height);
    letter-spacing: var(--e-global-typography-1a1b227-letter-spacing); }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-f392f69 > .elementor-widget-container, body.testfluencers .elementor-31 .elementor-element.elementor-element-f392f69 > .elementor-widget-container {
    padding: 144px 0px 144px 0px; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button, body.testfluencers .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button {
    font-family: var(--e-global-typography-afcc014-font-family), Sans-serif;
    font-size: var(--e-global-typography-afcc014-font-size);
    font-weight: var(--e-global-typography-afcc014-font-weight);
    text-transform: var(--e-global-typography-afcc014-text-transform);
    line-height: var(--e-global-typography-afcc014-line-height);
    letter-spacing: var(--e-global-typography-afcc014-letter-spacing);
    background-color: var(--e-global-color-223007b); }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button:hover, body.testfluencers .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button:hover, body.testfluenceri .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button:focus, body.testfluencers .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button:focus {
    color: var(--e-global-color-223007b);
    background-color: var(--e-global-color-accent); }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-e18f7d1 > .elementor-widget-container, body.testfluencers .elementor-31 .elementor-element.elementor-element-e18f7d1 > .elementor-widget-container {
    margin: -45px 25px 25px 0px; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .elementor-31 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-06fa3d1, body.testfluencers .elementor-31 .elementor-element.elementor-element-06fa3d1 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-d70c41d, body.testfluencers .elementor-31 .elementor-element.elementor-element-d70c41d {
    text-align: center; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-d70c41d .elementor-heading-title, body.testfluencers .elementor-31 .elementor-element.elementor-element-d70c41d .elementor-heading-title {
    color: var(--e-global-color-223007b);
    font-family: var(--e-global-typography-1a1b227-font-family), Sans-serif;
    font-size: var(--e-global-typography-1a1b227-font-size);
    font-weight: var(--e-global-typography-1a1b227-font-weight);
    line-height: var(--e-global-typography-1a1b227-line-height);
    letter-spacing: var(--e-global-typography-1a1b227-letter-spacing); }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-d70c41d > .elementor-widget-container, body.testfluencers .elementor-31 .elementor-element.elementor-element-d70c41d > .elementor-widget-container {
    padding: 144px 0px 144px 0px; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button, body.testfluencers .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button {
    font-family: var(--e-global-typography-afcc014-font-family), Sans-serif;
    font-size: var(--e-global-typography-afcc014-font-size);
    font-weight: var(--e-global-typography-afcc014-font-weight);
    text-transform: var(--e-global-typography-afcc014-text-transform);
    line-height: var(--e-global-typography-afcc014-line-height);
    letter-spacing: var(--e-global-typography-afcc014-letter-spacing);
    background-color: var(--e-global-color-223007b); }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button:hover, body.testfluencers .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button:hover, body.testfluenceri .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button:focus, body.testfluencers .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button:focus {
    color: var(--e-global-color-223007b);
    background-color: var(--e-global-color-accent); }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-6e3ad10 > .elementor-widget-container, body.testfluencers .elementor-31 .elementor-element.elementor-element-6e3ad10 > .elementor-widget-container {
    margin: -45px 25px 25px 0px; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-635e2c0 > .elementor-background-overlay, body.testfluencers .elementor-31 .elementor-element.elementor-element-635e2c0 > .elementor-background-overlay {
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-635e2c0, body.testfluencers .elementor-31 .elementor-element.elementor-element-635e2c0 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
    font-family: var(--e-global-typography-baba342-font-family), Sans-serif;
    font-size: var(--e-global-typography-baba342-font-size);
    font-weight: var(--e-global-typography-baba342-font-weight);
    line-height: var(--e-global-typography-baba342-line-height);
    letter-spacing: var(--e-global-typography-baba342-letter-spacing);
    text-align: left; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap, body.testfluencers .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap {
    width: auto; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field .jet-listing-dynamic-field__content, body.testfluencers .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field .jet-listing-dynamic-field__content {
    width: auto; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field, body.testfluencers .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field {
    justify-content: flex-start; }
  body.testfluenceri .elementor-31 .elementor-element.elementor-element-75671b5 > .elementor-widget-container, body.testfluencers .elementor-31 .elementor-element.elementor-element-75671b5 > .elementor-widget-container {
    padding: 21px 35px 35px 35px; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-31 .elementor-element.elementor-element-f392f69 .elementor-heading-title, body.testfluencers .elementor-31 .elementor-element.elementor-element-f392f69 .elementor-heading-title {
      font-size: var(--e-global-typography-1a1b227-font-size);
      line-height: var(--e-global-typography-1a1b227-line-height);
      letter-spacing: var(--e-global-typography-1a1b227-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button, body.testfluencers .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-d70c41d .elementor-heading-title, body.testfluencers .elementor-31 .elementor-element.elementor-element-d70c41d .elementor-heading-title {
      font-size: var(--e-global-typography-1a1b227-font-size);
      line-height: var(--e-global-typography-1a1b227-line-height);
      letter-spacing: var(--e-global-typography-1a1b227-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button, body.testfluencers .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-31 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background), body.testfluencers .elementor-31 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background) {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-f392f69 .elementor-heading-title, body.testfluencers .elementor-31 .elementor-element.elementor-element-f392f69 .elementor-heading-title {
      font-size: var(--e-global-typography-1a1b227-font-size);
      line-height: var(--e-global-typography-1a1b227-line-height);
      letter-spacing: var(--e-global-typography-1a1b227-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button, body.testfluencers .elementor-31 .elementor-element.elementor-element-e18f7d1 .elementor-button {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .elementor-31 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-d70c41d .elementor-heading-title, body.testfluencers .elementor-31 .elementor-element.elementor-element-d70c41d .elementor-heading-title {
      font-size: var(--e-global-typography-1a1b227-font-size);
      line-height: var(--e-global-typography-1a1b227-line-height);
      letter-spacing: var(--e-global-typography-1a1b227-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button, body.testfluencers .elementor-31 .elementor-element.elementor-element-6e3ad10 .elementor-button {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .elementor-31 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-31 .elementor-element.elementor-element-75671b5 > .elementor-widget-container, body.testfluencers .elementor-31 .elementor-element.elementor-element-75671b5 > .elementor-widget-container {
      padding: 21px 20px 35px 20px; } }
  @media all {
  body.testfluenceri .zoomInDown, body.testfluencers .zoomInDown {
    animation-name: zoomInDown; } }
  @media all {
  body.testfluenceri .elementor-kit-9, body.testfluencers .elementor-kit-9 {
    --e-global-color-primary: #707070;
    --e-global-color-secondary: #2f4142;
    --e-global-color-text: #2b2e34;
    --e-global-color-accent: #b519ff;
    --e-global-color-223007b: #fff;
    --e-global-color-c5e6943: #f8f8f8;
    --e-global-color-4b59c55: #a8a8a8;
    --e-global-color-54223bb: #000;
    --e-global-color-9cedc03: #a439f6;
    --e-global-color-90fbedb: #efd4c9;
    --e-global-color-e8784dc: #d6f3c7;
    --e-global-color-d1e3d55: #683536;
    --e-global-color-b13d891: #199f3c;
    --e-global-color-f9d0193: #dfeced;
    --e-global-color-1d8612a: #f2f2f2;
    --e-global-color-6e88968: #5b5d5c;
    --e-global-color-8343048: #faedd5;
    --e-global-color-01fcefd: #d29d53;
    --e-global-color-4c27459: #e5d8b8;
    --e-global-color-7ea4ae6: #714e3a;
    --e-global-color-92d4c34: #95999c;
    --e-global-color-84301ed: #ddae9a;
    --e-global-color-f4c511c: #eeedf2;
    --e-global-color-de99835: #4c2f1d;
    --e-global-color-749b24b: #f5e0ff;
    --e-global-color-499944a: #fff 0;
    --e-global-typography-primary-font-family: "Graphite";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Graphite";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Graphite";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Graphite";
    --e-global-typography-accent-font-weight: 500;
    --e-global-typography-ec8a9d2-font-family: "Graphite";
    --e-global-typography-ec8a9d2-font-size: 64px;
    --e-global-typography-ec8a9d2-font-weight: 900;
    --e-global-typography-ec8a9d2-line-height: 66px;
    --e-global-typography-d119cab-font-family: "Graphite";
    --e-global-typography-d119cab-font-size: 35px;
    --e-global-typography-d119cab-font-weight: 900;
    --e-global-typography-d119cab-line-height: 36px;
    --e-global-typography-1e41e93-font-family: "Graphite";
    --e-global-typography-1e41e93-font-size: 12px;
    --e-global-typography-1e41e93-font-weight: 400;
    --e-global-typography-1e41e93-line-height: 16px;
    --e-global-typography-afcc014-font-family: "Graphite";
    --e-global-typography-afcc014-font-size: 14px;
    --e-global-typography-afcc014-font-weight: bold;
    --e-global-typography-afcc014-text-transform: uppercase;
    --e-global-typography-afcc014-line-height: 16px;
    --e-global-typography-afcc014-letter-spacing: 1.26px;
    --e-global-typography-1a1b227-font-family: "Graphite";
    --e-global-typography-1a1b227-font-size: 91px;
    --e-global-typography-1a1b227-font-weight: 900;
    --e-global-typography-1a1b227-line-height: 113px;
    --e-global-typography-baba342-font-family: "Graphite";
    --e-global-typography-baba342-font-size: 18px;
    --e-global-typography-baba342-font-weight: 400;
    --e-global-typography-baba342-line-height: 24px;
    --e-global-typography-3685ee2-font-family: "Graphite";
    --e-global-typography-3685ee2-font-size: 20px;
    --e-global-typography-3685ee2-font-weight: 900;
    --e-global-typography-3685ee2-line-height: 24px; }
  body.testfluenceri .elementor-kit-9 a, body.testfluencers .elementor-kit-9 a {
    color: var(--e-global-color-accent);
    font-weight: bold; }
  body.testfluenceri .elementor-kit-9 a:hover, body.testfluencers .elementor-kit-9 a:hover {
    color: var(--e-global-color-9cedc03);
    font-weight: bold;
    text-decoration: underline; }
  body.testfluenceri .elementor-kit-9 .elementor-button, body.testfluencers .elementor-kit-9 .elementor-button {
    color: var(--e-global-color-accent);
    background-color: var(--e-global-color-499944a);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 0px 0px 0px 0px;
    padding: 13px 26px 13px 26px; }
  body.testfluenceri .elementor-section.elementor-section-boxed > .elementor-container, body.testfluencers .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1400px; }
  body.testfluenceri .elementor-widget:not(:last-child), body.testfluencers .elementor-widget:not(:last-child) {
    margin-bottom: 20px; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-kit-9, body.testfluencers .elementor-kit-9 {
      --e-global-typography-ec8a9d2-font-size: 42px;
      --e-global-typography-ec8a9d2-line-height: 1.4em; }

    body.testfluenceri .elementor-section.elementor-section-boxed > .elementor-container, body.testfluencers .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 1025px; } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-kit-9, body.testfluencers .elementor-kit-9 {
      --e-global-typography-ec8a9d2-font-size: 26px;
      --e-global-typography-ec8a9d2-line-height: 1.3em; }

    body.testfluenceri .elementor-section.elementor-section-boxed > .elementor-container, body.testfluencers .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 768px; } }
  @media all {
  body.testfluenceri .elementor-location-footer:before, body.testfluencers .elementor-location-footer:before, body.testfluenceri .elementor-location-header:before, body.testfluencers .elementor-location-header:before {
    content: "";
    display: table;
    clear: both; }
  body.testfluenceri .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text, body.testfluencers .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    display: inline-block; }
  body.testfluenceri .elementor-widget-heading .elementor-heading-title, body.testfluencers .elementor-widget-heading .elementor-heading-title {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight); }
  body.testfluenceri .elementor-widget-text-editor, body.testfluencers .elementor-widget-text-editor {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height); }
  body.testfluenceri .elementor-widget-button .elementor-button, body.testfluencers .elementor-widget-button .elementor-button {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    background-color: var(--e-global-color-accent); }
  body.testfluenceri .elementor-widget-divider, body.testfluencers .elementor-widget-divider {
    --divider-color: var(--e-global-color-secondary); }
  body.testfluenceri .elementor-widget-icon.elementor-view-default .elementor-icon, body.testfluencers .elementor-widget-icon.elementor-view-default .elementor-icon {
    color: var(--e-global-color-primary);
    border-color: var(--e-global-color-primary); }
  body.testfluenceri .elementor-widget-icon.elementor-view-default .elementor-icon .svg, body.testfluencers .elementor-widget-icon.elementor-view-default .elementor-icon .svg {
    fill: var(--e-global-color-primary); }
  body.testfluenceri .elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after, body.testfluencers .elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after {
    border-color: var(--e-global-color-text); }
  body.testfluenceri .elementor-widget-icon-list .elementor-icon-list-text, body.testfluencers .elementor-widget-icon-list .elementor-icon-list-text {
    color: var(--e-global-color-secondary); }
  body.testfluenceri .elementor-widget-icon-list .elementor-icon-list-item, body.testfluencers .elementor-widget-icon-list .elementor-icon-list-item, body.testfluenceri .elementor-widget-icon-list .elementor-icon-list-item a, body.testfluencers .elementor-widget-icon-list .elementor-icon-list-item a {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height); } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-widget-text-editor, body.testfluencers .elementor-widget-text-editor {
      line-height: var(--e-global-typography-text-line-height); }

    body.testfluenceri .elementor-widget-icon-list .elementor-icon-list-item, body.testfluencers .elementor-widget-icon-list .elementor-icon-list-item, body.testfluenceri .elementor-widget-icon-list .elementor-icon-list-item a, body.testfluencers .elementor-widget-icon-list .elementor-icon-list-item a {
      line-height: var(--e-global-typography-text-line-height); } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-widget-text-editor, body.testfluencers .elementor-widget-text-editor {
      line-height: var(--e-global-typography-text-line-height); }

    body.testfluenceri .elementor-widget-icon-list .elementor-icon-list-item, body.testfluencers .elementor-widget-icon-list .elementor-icon-list-item, body.testfluenceri .elementor-widget-icon-list .elementor-icon-list-item a, body.testfluencers .elementor-widget-icon-list .elementor-icon-list-item a {
      line-height: var(--e-global-typography-text-line-height); } }
  @media all {
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-e895435:not(.elementor-motion-effects-element-type-background), body.testfluencers .elementor-10 .elementor-element.elementor-element-e895435:not(.elementor-motion-effects-element-type-background) {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--e-global-color-c5e6943) 0%, var(--e-global-color-223007b) 100%); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-e895435, body.testfluencers .elementor-10 .elementor-element.elementor-element-e895435 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-4f3fd7f, body.testfluencers .elementor-10 .elementor-element.elementor-element-4f3fd7f {
    padding: 78px 0px 0px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-0aa01f6 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-0aa01f6 .elementor-heading-title {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-ec8a9d2-font-family), Sans-serif;
    font-size: var(--e-global-typography-ec8a9d2-font-size);
    font-weight: var(--e-global-typography-ec8a9d2-font-weight);
    line-height: var(--e-global-typography-ec8a9d2-line-height);
    letter-spacing: var(--e-global-typography-ec8a9d2-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab5a560 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap, body.testfluencers .elementor-10 .elementor-element.elementor-element-ab5a560 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
    align-content: center;
    align-items: center; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab5a560, body.testfluencers .elementor-10 .elementor-element.elementor-element-ab5a560 {
    padding: 44px 0px 113px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-270f284.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap, body.testfluencers .elementor-10 .elementor-element.elementor-element-270f284.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap {
    align-content: center;
    align-items: center; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-bc24694 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-bc24694 .elementor-heading-title {
    font-family: var(--e-global-typography-d119cab-font-family), Sans-serif;
    font-size: var(--e-global-typography-d119cab-font-size);
    font-weight: var(--e-global-typography-d119cab-font-weight);
    line-height: var(--e-global-typography-d119cab-line-height);
    letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-bfa3c77, body.testfluencers .elementor-10 .elementor-element.elementor-element-bfa3c77 {
    --divider-border-style: solid;
    --divider-color: var(--e-global-color-accent);
    --divider-border-width: 1px;
    width: 100%;
    max-width: 100%; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-bfa3c77 .elementor-divider-separator, body.testfluencers .elementor-10 .elementor-element.elementor-element-bfa3c77 .elementor-divider-separator {
    width: 100%; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-89da57b .elementor-icon-wrapper, body.testfluencers .elementor-10 .elementor-element.elementor-element-89da57b .elementor-icon-wrapper {
    text-align: left; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-89da57b.elementor-view-default .elementor-icon, body.testfluencers .elementor-10 .elementor-element.elementor-element-89da57b.elementor-view-default .elementor-icon {
    color: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-89da57b.elementor-view-default .elementor-icon .svg, body.testfluencers .elementor-10 .elementor-element.elementor-element-89da57b.elementor-view-default .elementor-icon .svg {
    fill: var(--e-global-color-accent); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-89da57b .elementor-icon, body.testfluencers .elementor-10 .elementor-element.elementor-element-89da57b .elementor-icon {
    font-size: 18px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-89da57b .elementor-icon .svg, body.testfluencers .elementor-10 .elementor-element.elementor-element-89da57b .elementor-icon .svg {
    transform: rotate(0deg); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-89da57b, body.testfluencers .elementor-10 .elementor-element.elementor-element-89da57b {
    width: auto;
    max-width: auto;
    top: 44px; }
  body.testfluenceri:not(.rtl) .elementor-10 .elementor-element.elementor-element-89da57b, body.testfluencers:not(.rtl) .elementor-10 .elementor-element.elementor-element-89da57b {
    left: 15px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-993f2ab .jet-search-filter__input-wrapper, body.testfluencers .elementor-10 .elementor-element.elementor-element-993f2ab .jet-search-filter__input-wrapper {
    max-width: 100%; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-993f2ab .jet-search-filter__input, body.testfluencers .elementor-10 .elementor-element.elementor-element-993f2ab .jet-search-filter__input {
    background-color: var(--e-global-color-499944a);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 50px 50px 50px 50px;
    padding: 15px 50px 15px 50px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-9983ada.elementor-column > .elementor-column-wrap > .elementor-widget-wrap, body.testfluencers .elementor-10 .elementor-element.elementor-element-9983ada.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
    justify-content: flex-end; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-7e15690 .elementor-button, body.testfluencers .elementor-10 .elementor-element.elementor-element-7e15690 .elementor-button {
    font-family: var(--e-global-typography-afcc014-font-family), Sans-serif;
    font-size: var(--e-global-typography-afcc014-font-size);
    font-weight: var(--e-global-typography-afcc014-font-weight);
    text-transform: var(--e-global-typography-afcc014-text-transform);
    line-height: var(--e-global-typography-afcc014-line-height);
    letter-spacing: var(--e-global-typography-afcc014-letter-spacing);
    fill: var(--e-global-color-4b59c55);
    color: var(--e-global-color-4b59c55);
    background-color: var(--e-global-color-499944a);
    border-style: solid;
    border-width: 0px 0px 0px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-7e15690, body.testfluencers .elementor-10 .elementor-element.elementor-element-7e15690 {
    width: auto;
    max-width: auto; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-b67efbf .elementor-icon-wrapper, body.testfluencers .elementor-10 .elementor-element.elementor-element-b67efbf .elementor-icon-wrapper {
    text-align: center; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-b67efbf .elementor-icon, body.testfluencers .elementor-10 .elementor-element.elementor-element-b67efbf .elementor-icon {
    font-size: 25px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-b67efbf .elementor-icon .svg, body.testfluencers .elementor-10 .elementor-element.elementor-element-b67efbf .elementor-icon .svg {
    transform: rotate(0deg); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-b67efbf > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-b67efbf > .elementor-widget-container {
    margin: 0px 0px 0px -13px;
    padding: 7px 0px 0px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-b67efbf, body.testfluencers .elementor-10 .elementor-element.elementor-element-b67efbf {
    width: auto;
    max-width: auto; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-247c357, body.testfluencers .elementor-10 .elementor-element.elementor-element-247c357 {
    padding: 100px 0px 40px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-01834ab .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-01834ab .elementor-heading-title {
    font-family: var(--e-global-typography-d119cab-font-family), Sans-serif;
    font-size: var(--e-global-typography-d119cab-font-size);
    font-weight: var(--e-global-typography-d119cab-font-weight);
    line-height: var(--e-global-typography-d119cab-line-height);
    letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-f0c3bb6, body.testfluencers .elementor-10 .elementor-element.elementor-element-f0c3bb6 {
    padding: 0px 0px 160px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab0304a > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute), body.testfluencers .elementor-10 .elementor-element.elementor-element-ab0304a > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
    margin-bottom: 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab0304a > .elementor-element-populated, body.testfluencers .elementor-10 .elementor-element.elementor-element-ab0304a > .elementor-element-populated {
    padding: 40px 40px 40px 10px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-07b00f5 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-07b00f5 .elementor-heading-title {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-d119cab-font-family), Sans-serif;
    font-size: var(--e-global-typography-d119cab-font-size);
    font-weight: var(--e-global-typography-d119cab-font-weight);
    line-height: var(--e-global-typography-d119cab-line-height);
    letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-07b00f5 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-07b00f5 > .elementor-widget-container {
    padding: 0px 0px 28px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-afeac79 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-afeac79 .elementor-heading-title {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-3685ee2-font-family), Sans-serif;
    font-size: var(--e-global-typography-3685ee2-font-size);
    font-weight: var(--e-global-typography-3685ee2-font-weight);
    line-height: var(--e-global-typography-3685ee2-line-height);
    letter-spacing: var(--e-global-typography-3685ee2-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-afeac79 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-afeac79 > .elementor-widget-container {
    padding: 0px 0px 21px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-0c40d89, body.testfluencers .elementor-10 .elementor-element.elementor-element-0c40d89 {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-baba342-font-family), Sans-serif;
    font-size: var(--e-global-typography-baba342-font-size);
    font-weight: var(--e-global-typography-baba342-font-weight);
    line-height: var(--e-global-typography-baba342-line-height);
    letter-spacing: var(--e-global-typography-baba342-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-0c40d89 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-0c40d89 > .elementor-widget-container {
    padding: 0px 0px 10px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-d2a4a7e, body.testfluencers .elementor-10 .elementor-element.elementor-element-d2a4a7e {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-baba342-font-family), Sans-serif;
    font-size: var(--e-global-typography-baba342-font-size);
    font-weight: var(--e-global-typography-baba342-font-weight);
    line-height: var(--e-global-typography-baba342-line-height);
    letter-spacing: var(--e-global-typography-baba342-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-d2a4a7e > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-d2a4a7e > .elementor-widget-container {
    padding: 0px 0px 10px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-2d2bf81 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-2d2bf81 .elementor-heading-title {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-d119cab-font-family), Sans-serif;
    font-size: var(--e-global-typography-d119cab-font-size);
    font-weight: var(--e-global-typography-d119cab-font-weight);
    line-height: var(--e-global-typography-d119cab-line-height);
    letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-2d2bf81 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-2d2bf81 > .elementor-widget-container {
    padding: 50px 0px 28px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-035eb60 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-035eb60 .elementor-heading-title {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-3685ee2-font-family), Sans-serif;
    font-size: var(--e-global-typography-3685ee2-font-size);
    font-weight: var(--e-global-typography-3685ee2-font-weight);
    line-height: var(--e-global-typography-3685ee2-line-height);
    letter-spacing: var(--e-global-typography-3685ee2-letter-spacing); }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-035eb60 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-035eb60 > .elementor-widget-container {
    padding: 0px 0px 21px 0px; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-29d4c65:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, body.testfluencers .elementor-10 .elementor-element.elementor-element-29d4c65:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {
    background-image: url("/static/Testfluenceri-bg-compre.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-29d4c65 > .elementor-element-populated, body.testfluencers .elementor-10 .elementor-element.elementor-element-29d4c65 > .elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
  body.testfluenceri .elementor-10 .elementor-element.elementor-element-8611df2 .elementor-spacer-inner, body.testfluencers .elementor-10 .elementor-element.elementor-element-8611df2 .elementor-spacer-inner {
    height: 50px; }
  body.testfluenceri .jet-smart-filters-search .jet-search-filter__input-clear, body.testfluencers .jet-smart-filters-search .jet-search-filter__input-clear {
    right: 7px !important;
    padding: 10px !important;
    font-size: 10px !important;
    height: 15px !important;
    margin-top: -16px !important;
    color: #b519ff !important; } }
  @media all and (min-width: 768px) {
    body.testfluenceri .elementor-10 .elementor-element.elementor-element-270f284, body.testfluencers .elementor-10 .elementor-element.elementor-element-270f284 {
      width: 54.925%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-dff7924, body.testfluencers .elementor-10 .elementor-element.elementor-element-dff7924 {
      width: 11.385%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab0304a, body.testfluencers .elementor-10 .elementor-element.elementor-element-ab0304a {
      width: 43.499%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-29d4c65, body.testfluencers .elementor-10 .elementor-element.elementor-element-29d4c65 {
      width: 56.501%; } }
  @media all and (max-width: 1024px) and (min-width: 768px) {
    body.testfluenceri .elementor-10 .elementor-element.elementor-element-53631d4, body.testfluencers .elementor-10 .elementor-element.elementor-element-53631d4 {
      width: 100%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-c0d1e7b, body.testfluencers .elementor-10 .elementor-element.elementor-element-c0d1e7b {
      width: 100%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-270f284, body.testfluencers .elementor-10 .elementor-element.elementor-element-270f284 {
      width: 100%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-dff7924, body.testfluencers .elementor-10 .elementor-element.elementor-element-dff7924 {
      width: 30%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-d3b1f19, body.testfluencers .elementor-10 .elementor-element.elementor-element-d3b1f19 {
      width: 70%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab0304a, body.testfluencers .elementor-10 .elementor-element.elementor-element-ab0304a {
      width: 100%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-29d4c65, body.testfluencers .elementor-10 .elementor-element.elementor-element-29d4c65 {
      width: 100%; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-10 .elementor-element.elementor-element-e895435, body.testfluencers .elementor-10 .elementor-element.elementor-element-e895435 {
      padding: 20px 20px 20px 20px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-53631d4 > .elementor-element-populated, body.testfluencers .elementor-10 .elementor-element.elementor-element-53631d4 > .elementor-element-populated {
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-4f3fd7f, body.testfluencers .elementor-10 .elementor-element.elementor-element-4f3fd7f {
      margin-top: 0px;
      margin-bottom: 0px;
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-0aa01f6 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-0aa01f6 .elementor-heading-title {
      font-size: var(--e-global-typography-ec8a9d2-font-size);
      line-height: var(--e-global-typography-ec8a9d2-line-height);
      letter-spacing: var(--e-global-typography-ec8a9d2-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab5a560, body.testfluencers .elementor-10 .elementor-element.elementor-element-ab5a560 {
      padding: 40px 0px 0px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-bc24694 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-bc24694 .elementor-heading-title {
      font-size: var(--e-global-typography-d119cab-font-size);
      line-height: var(--e-global-typography-d119cab-line-height);
      letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-bc24694 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-bc24694 > .elementor-widget-container {
      padding: 0px 0px 20px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-89da57b, body.testfluencers .elementor-10 .elementor-element.elementor-element-89da57b {
      top: 19px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-747a763 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-747a763 > .elementor-widget-container {
      padding: 30px 0px 0px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-7e15690 .elementor-button, body.testfluencers .elementor-10 .elementor-element.elementor-element-7e15690 .elementor-button {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-247c357, body.testfluencers .elementor-10 .elementor-element.elementor-element-247c357 {
      padding: 20px 20px 20px 20px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-c4104ec > .elementor-element-populated, body.testfluencers .elementor-10 .elementor-element.elementor-element-c4104ec > .elementor-element-populated {
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-01834ab .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-01834ab .elementor-heading-title {
      font-size: var(--e-global-typography-d119cab-font-size);
      line-height: var(--e-global-typography-d119cab-line-height);
      letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-f0c3bb6, body.testfluencers .elementor-10 .elementor-element.elementor-element-f0c3bb6 {
      padding: 20px 20px 20px 20px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab0304a > .elementor-element-populated, body.testfluencers .elementor-10 .elementor-element.elementor-element-ab0304a > .elementor-element-populated {
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-07b00f5 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-07b00f5 .elementor-heading-title {
      font-size: var(--e-global-typography-d119cab-font-size);
      line-height: var(--e-global-typography-d119cab-line-height);
      letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-afeac79 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-afeac79 .elementor-heading-title {
      font-size: var(--e-global-typography-3685ee2-font-size);
      line-height: var(--e-global-typography-3685ee2-line-height);
      letter-spacing: var(--e-global-typography-3685ee2-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-0c40d89, body.testfluencers .elementor-10 .elementor-element.elementor-element-0c40d89 {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-d2a4a7e, body.testfluencers .elementor-10 .elementor-element.elementor-element-d2a4a7e {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-2d2bf81 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-2d2bf81 .elementor-heading-title {
      font-size: var(--e-global-typography-d119cab-font-size);
      line-height: var(--e-global-typography-d119cab-line-height);
      letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-2d2bf81 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-2d2bf81 > .elementor-widget-container {
      padding: 30px 0px 28px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-035eb60 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-035eb60 .elementor-heading-title {
      font-size: var(--e-global-typography-3685ee2-font-size);
      line-height: var(--e-global-typography-3685ee2-line-height);
      letter-spacing: var(--e-global-typography-3685ee2-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-8611df2 .elementor-spacer-inner, body.testfluencers .elementor-10 .elementor-element.elementor-element-8611df2 .elementor-spacer-inner {
      height: 315px; } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-10 .elementor-element.elementor-element-0aa01f6 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-0aa01f6 .elementor-heading-title {
      font-size: var(--e-global-typography-ec8a9d2-font-size);
      line-height: var(--e-global-typography-ec8a9d2-line-height);
      letter-spacing: var(--e-global-typography-ec8a9d2-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-ab5a560, body.testfluencers .elementor-10 .elementor-element.elementor-element-ab5a560 {
      padding: 15px 0px 5px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-bc24694 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-bc24694 .elementor-heading-title {
      font-size: var(--e-global-typography-d119cab-font-size);
      line-height: var(--e-global-typography-d119cab-line-height);
      letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-dff7924, body.testfluencers .elementor-10 .elementor-element.elementor-element-dff7924 {
      width: 20%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-d3b1f19, body.testfluencers .elementor-10 .elementor-element.elementor-element-d3b1f19 {
      width: 80%; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-747a763 > .elementor-widget-container, body.testfluencers .elementor-10 .elementor-element.elementor-element-747a763 > .elementor-widget-container {
      padding: 10px 0px 0px 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-1eb1bb7, body.testfluencers .elementor-10 .elementor-element.elementor-element-1eb1bb7 {
      margin-top: -18px;
      margin-bottom: 0px; }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-7e15690 .elementor-button, body.testfluencers .elementor-10 .elementor-element.elementor-element-7e15690 .elementor-button {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-01834ab .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-01834ab .elementor-heading-title {
      font-size: var(--e-global-typography-d119cab-font-size);
      line-height: var(--e-global-typography-d119cab-line-height);
      letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-07b00f5 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-07b00f5 .elementor-heading-title {
      font-size: var(--e-global-typography-d119cab-font-size);
      line-height: var(--e-global-typography-d119cab-line-height);
      letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-afeac79 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-afeac79 .elementor-heading-title {
      font-size: var(--e-global-typography-3685ee2-font-size);
      line-height: var(--e-global-typography-3685ee2-line-height);
      letter-spacing: var(--e-global-typography-3685ee2-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-0c40d89, body.testfluencers .elementor-10 .elementor-element.elementor-element-0c40d89 {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-d2a4a7e, body.testfluencers .elementor-10 .elementor-element.elementor-element-d2a4a7e {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-2d2bf81 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-2d2bf81 .elementor-heading-title {
      font-size: var(--e-global-typography-d119cab-font-size);
      line-height: var(--e-global-typography-d119cab-line-height);
      letter-spacing: var(--e-global-typography-d119cab-letter-spacing); }

    body.testfluenceri .elementor-10 .elementor-element.elementor-element-035eb60 .elementor-heading-title, body.testfluencers .elementor-10 .elementor-element.elementor-element-035eb60 .elementor-heading-title {
      font-size: var(--e-global-typography-3685ee2-font-size);
      line-height: var(--e-global-typography-3685ee2-line-height);
      letter-spacing: var(--e-global-typography-3685ee2-letter-spacing); } }
  @media all {
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-c228900 > .elementor-container, body.testfluencers .elementor-17 .elementor-element.elementor-element-c228900 > .elementor-container {
    min-height: 120px; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-c228900 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap, body.testfluencers .elementor-17 .elementor-element.elementor-element-c228900 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
    align-content: center;
    align-items: center; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-c228900, body.testfluencers .elementor-17 .elementor-element.elementor-element-c228900 {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    z-index: 2; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-76bb95d .elementor-heading-title, body.testfluencers .elementor-17 .elementor-element.elementor-element-76bb95d .elementor-heading-title {
    color: var(--e-global-color-accent);
    font-family: "Graphite", Sans-serif;
    font-weight: 900;
    text-transform: uppercase; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-76bb95d > .elementor-widget-container, body.testfluencers .elementor-17 .elementor-element.elementor-element-76bb95d > .elementor-widget-container {
    padding: 0px 20px 0px 0px; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-76bb95d, body.testfluencers .elementor-17 .elementor-element.elementor-element-76bb95d {
    width: auto;
    max-width: auto; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265 .elementor-icon-wrapper, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 .elementor-icon-wrapper {
    text-align: right; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265 .elementor-icon, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 .elementor-icon {
    font-size: 25px; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265 .elementor-icon .svg, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 .elementor-icon .svg {
    transform: rotate(0deg); }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265 > .elementor-widget-container, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 > .elementor-widget-container {
    margin: -10px 0px 0px -10px; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 {
    z-index: 10;
    width: auto;
    max-width: auto; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-73cdf1d > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute), body.testfluencers .elementor-17 .elementor-element.elementor-element-73cdf1d > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
    margin-bottom: 0px; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-f35840c .elementor-heading-title, body.testfluencers .elementor-17 .elementor-element.elementor-element-f35840c .elementor-heading-title {
    color: var(--e-global-color-4b59c55);
    font-family: "Graphite", Sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.26px; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-36aa672 .elementor-heading-title, body.testfluencers .elementor-17 .elementor-element.elementor-element-36aa672 .elementor-heading-title {
    color: var(--e-global-color-54223bb);
    font-family: var(--e-global-typography-1e41e93-font-family), Sans-serif;
    font-size: var(--e-global-typography-1e41e93-font-size);
    font-weight: var(--e-global-typography-1e41e93-font-weight);
    line-height: var(--e-global-typography-1e41e93-line-height);
    letter-spacing: var(--e-global-typography-1e41e93-letter-spacing); }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-43c9126.elementor-column > .elementor-column-wrap > .elementor-widget-wrap, body.testfluencers .elementor-17 .elementor-element.elementor-element-43c9126.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
    justify-content: center; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-fa07305 .elementor-icon-wrapper, body.testfluencers .elementor-17 .elementor-element.elementor-element-fa07305 .elementor-icon-wrapper {
    text-align: center; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-fa07305 .elementor-icon, body.testfluencers .elementor-17 .elementor-element.elementor-element-fa07305 .elementor-icon {
    font-size: 25px; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-fa07305 .elementor-icon .svg, body.testfluencers .elementor-17 .elementor-element.elementor-element-fa07305 .elementor-icon .svg {
    transform: rotate(0deg); }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-fa07305 > .elementor-widget-container, body.testfluencers .elementor-17 .elementor-element.elementor-element-fa07305 > .elementor-widget-container {
    padding: 5px 0px 0px 0px; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-444bedf.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap, body.testfluencers .elementor-17 .elementor-element.elementor-element-444bedf.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap {
    align-content: center;
    align-items: center; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-444bedf.elementor-column > .elementor-column-wrap > .elementor-widget-wrap, body.testfluencers .elementor-17 .elementor-element.elementor-element-444bedf.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
    justify-content: flex-end; }
  body.testfluenceri .elementor-17 .elementor-element.elementor-element-ed6184b .elementor-button, body.testfluencers .elementor-17 .elementor-element.elementor-element-ed6184b .elementor-button {
    font-family: var(--e-global-typography-afcc014-font-family), Sans-serif;
    font-size: var(--e-global-typography-afcc014-font-size);
    font-weight: var(--e-global-typography-afcc014-font-weight);
    text-transform: var(--e-global-typography-afcc014-text-transform);
    line-height: var(--e-global-typography-afcc014-line-height);
    letter-spacing: var(--e-global-typography-afcc014-letter-spacing);
    fill: var(--e-global-color-4b59c55);
    color: var(--e-global-color-4b59c55);
    background-color: var(--e-global-color-499944a);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px; }
  body.testfluenceri #sitename a, body.testfluencers #sitename a {
    font-weight: 900; }
  body.testfluenceri #sitename a:hover, body.testfluencers #sitename a:hover {
    text-decoration: none; }
  body.testfluenceri #menu .elementor-button-icon .svg, body.testfluencers #menu .elementor-button-icon .svg {
    width: 1.2em; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-17 .elementor-element.elementor-element-c228900, body.testfluencers .elementor-17 .elementor-element.elementor-element-c228900 {
      padding: 10px 20px 10px 20px; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-836ab6f > .elementor-element-populated, body.testfluencers .elementor-17 .elementor-element.elementor-element-836ab6f > .elementor-element-populated {
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-76bb95d, body.testfluencers .elementor-17 .elementor-element.elementor-element-76bb95d {
      text-align: left; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265 .elementor-icon-wrapper, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 .elementor-icon-wrapper {
      text-align: right; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265 > .elementor-widget-container, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 > .elementor-widget-container {
      margin: -10px -10px -10px -10px; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 {
      width: auto;
      max-width: auto; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-73cdf1d.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap, body.testfluencers .elementor-17 .elementor-element.elementor-element-73cdf1d.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap {
      align-content: center;
      align-items: center; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-73cdf1d > .elementor-element-populated, body.testfluencers .elementor-17 .elementor-element.elementor-element-73cdf1d > .elementor-element-populated {
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-36aa672 .elementor-heading-title, body.testfluencers .elementor-17 .elementor-element.elementor-element-36aa672 .elementor-heading-title {
      font-size: var(--e-global-typography-1e41e93-font-size);
      line-height: var(--e-global-typography-1e41e93-line-height);
      letter-spacing: var(--e-global-typography-1e41e93-letter-spacing); }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-444bedf > .elementor-element-populated, body.testfluencers .elementor-17 .elementor-element.elementor-element-444bedf > .elementor-element-populated {
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-ed6184b .elementor-button, body.testfluencers .elementor-17 .elementor-element.elementor-element-ed6184b .elementor-button {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-17 .elementor-element.elementor-element-c228900, body.testfluencers .elementor-17 .elementor-element.elementor-element-c228900 {
      padding: 25px 20px 20px 20px; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-c79e181, body.testfluencers .elementor-17 .elementor-element.elementor-element-c79e181 {
      width: 100%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-c79e181.elementor-column > .elementor-column-wrap > .elementor-widget-wrap, body.testfluencers .elementor-17 .elementor-element.elementor-element-c79e181.elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
      justify-content: center; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-76bb95d, body.testfluencers .elementor-17 .elementor-element.elementor-element-76bb95d {
      text-align: center;
      width: auto;
      max-width: auto; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-76bb95d > .elementor-widget-container, body.testfluencers .elementor-17 .elementor-element.elementor-element-76bb95d > .elementor-widget-container {
      padding: 10px 0px 0px 0px; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-61c8265 > .elementor-widget-container, body.testfluencers .elementor-17 .elementor-element.elementor-element-61c8265 > .elementor-widget-container {
      margin: 0px 0px 0px 5px; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-73cdf1d, body.testfluencers .elementor-17 .elementor-element.elementor-element-73cdf1d {
      width: 52%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-36aa672 .elementor-heading-title, body.testfluencers .elementor-17 .elementor-element.elementor-element-36aa672 .elementor-heading-title {
      font-size: var(--e-global-typography-1e41e93-font-size);
      line-height: var(--e-global-typography-1e41e93-line-height);
      letter-spacing: var(--e-global-typography-1e41e93-letter-spacing); }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-43c9126, body.testfluencers .elementor-17 .elementor-element.elementor-element-43c9126 {
      width: 15%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-444bedf, body.testfluencers .elementor-17 .elementor-element.elementor-element-444bedf {
      width: 30%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-ed6184b .elementor-button, body.testfluencers .elementor-17 .elementor-element.elementor-element-ed6184b .elementor-button {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing);
      padding: 10px 5px 10px 10px; } }
  @media all and (min-width: 768px) {
    body.testfluenceri .elementor-17 .elementor-element.elementor-element-836ab6f, body.testfluencers .elementor-17 .elementor-element.elementor-element-836ab6f {
      width: 30.643%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-1915d5d, body.testfluencers .elementor-17 .elementor-element.elementor-element-1915d5d {
      width: 37.786%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-73cdf1d, body.testfluencers .elementor-17 .elementor-element.elementor-element-73cdf1d {
      width: 12.856%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-43c9126, body.testfluencers .elementor-17 .elementor-element.elementor-element-43c9126 {
      width: 2.342%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-444bedf, body.testfluencers .elementor-17 .elementor-element.elementor-element-444bedf {
      width: 16.358%; } }
  @media all and (max-width: 1024px) and (min-width: 768px) {
    body.testfluenceri .elementor-17 .elementor-element.elementor-element-836ab6f, body.testfluencers .elementor-17 .elementor-element.elementor-element-836ab6f {
      width: 100%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-c79e181, body.testfluencers .elementor-17 .elementor-element.elementor-element-c79e181 {
      width: 100%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-1915d5d, body.testfluencers .elementor-17 .elementor-element.elementor-element-1915d5d {
      width: 100%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-73cdf1d, body.testfluencers .elementor-17 .elementor-element.elementor-element-73cdf1d {
      width: 23%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-43c9126, body.testfluencers .elementor-17 .elementor-element.elementor-element-43c9126 {
      width: 6%; }

    body.testfluenceri .elementor-17 .elementor-element.elementor-element-444bedf, body.testfluencers .elementor-17 .elementor-element.elementor-element-444bedf {
      width: 71%; } }
  @media all {
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-94dfdda:not(.elementor-motion-effects-element-type-background), body.testfluencers .elementor-20 .elementor-element.elementor-element-94dfdda:not(.elementor-motion-effects-element-type-background) {
    background-color: var(--e-global-color-749b24b); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-94dfdda, body.testfluencers .elementor-20 .elementor-element.elementor-element-94dfdda {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 80px 0px 40px 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-2531e51 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-2531e51 > .elementor-element-populated {
    margin: 0px 40px 0px 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-9b02f89 .elementor-icon-wrapper, body.testfluencers .elementor-20 .elementor-element.elementor-element-9b02f89 .elementor-icon-wrapper {
    text-align: left; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-9b02f89 .elementor-icon, body.testfluencers .elementor-20 .elementor-element.elementor-element-9b02f89 .elementor-icon {
    font-size: 183px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-9b02f89 .elementor-icon .svg, body.testfluencers .elementor-20 .elementor-element.elementor-element-9b02f89 .elementor-icon .svg {
    transform: rotate(0deg); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-9b02f89 > .elementor-widget-container, body.testfluencers .elementor-20 .elementor-element.elementor-element-9b02f89 > .elementor-widget-container {
    margin: -100px 0px -65px 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-1b0e413, body.testfluencers .elementor-20 .elementor-element.elementor-element-1b0e413 {
    --divider-border-style: solid;
    --divider-color: var(--e-global-color-223007b);
    --divider-border-width: 3px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-1b0e413 .elementor-divider-separator, body.testfluencers .elementor-20 .elementor-element.elementor-element-1b0e413 .elementor-divider-separator {
    width: 45px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-1b0e413 .elementor-divider, body.testfluencers .elementor-20 .elementor-element.elementor-element-1b0e413 .elementor-divider {
    padding-top: 0px;
    padding-bottom: 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-d86dc13, body.testfluencers .elementor-20 .elementor-element.elementor-element-d86dc13 {
    font-family: var(--e-global-typography-baba342-font-family), Sans-serif;
    font-size: var(--e-global-typography-baba342-font-size);
    font-weight: var(--e-global-typography-baba342-font-weight);
    line-height: var(--e-global-typography-baba342-line-height);
    letter-spacing: var(--e-global-typography-baba342-letter-spacing); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-877f1b4 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-877f1b4 > .elementor-element-populated {
    margin: 0px 40px 0px 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-9c65de6 .elementor-heading-title, body.testfluencers .elementor-20 .elementor-element.elementor-element-9c65de6 .elementor-heading-title {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-afcc014-font-family), Sans-serif;
    font-size: var(--e-global-typography-afcc014-font-size);
    font-weight: var(--e-global-typography-afcc014-font-weight);
    text-transform: var(--e-global-typography-afcc014-text-transform);
    line-height: var(--e-global-typography-afcc014-line-height);
    letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-fe8cfbc, body.testfluencers .elementor-20 .elementor-element.elementor-element-fe8cfbc {
    --divider-border-style: solid;
    --divider-color: var(--e-global-color-223007b);
    --divider-border-width: 3px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-fe8cfbc .elementor-divider-separator, body.testfluencers .elementor-20 .elementor-element.elementor-element-fe8cfbc .elementor-divider-separator {
    width: 45px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-fe8cfbc .elementor-divider, body.testfluencers .elementor-20 .elementor-element.elementor-element-fe8cfbc .elementor-divider {
    padding-top: 0px;
    padding-bottom: 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-69d7541 .elementor-icon-list-text, body.testfluencers .elementor-20 .elementor-element.elementor-element-69d7541 .elementor-icon-list-text {
    color: var(--e-global-color-text); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-69d7541 .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-69d7541 .elementor-icon-list-item {
    font-family: var(--e-global-typography-baba342-font-family), Sans-serif;
    font-size: var(--e-global-typography-baba342-font-size);
    font-weight: var(--e-global-typography-baba342-font-weight);
    line-height: var(--e-global-typography-baba342-line-height);
    letter-spacing: var(--e-global-typography-baba342-letter-spacing); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-8646679 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-8646679 > .elementor-element-populated {
    margin: 0px 0px 0px 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-3a01616 .elementor-heading-title, body.testfluencers .elementor-20 .elementor-element.elementor-element-3a01616 .elementor-heading-title {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-afcc014-font-family), Sans-serif;
    font-size: var(--e-global-typography-afcc014-font-size);
    font-weight: var(--e-global-typography-afcc014-font-weight);
    text-transform: var(--e-global-typography-afcc014-text-transform);
    line-height: var(--e-global-typography-afcc014-line-height);
    letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-dd1196c, body.testfluencers .elementor-20 .elementor-element.elementor-element-dd1196c {
    --divider-border-style: solid;
    --divider-color: var(--e-global-color-223007b);
    --divider-border-width: 3px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-dd1196c .elementor-divider-separator, body.testfluencers .elementor-20 .elementor-element.elementor-element-dd1196c .elementor-divider-separator {
    width: 45px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-dd1196c .elementor-divider, body.testfluencers .elementor-20 .elementor-element.elementor-element-dd1196c .elementor-divider {
    padding-top: 0px;
    padding-bottom: 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-text, body.testfluencers .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-text {
    color: var(--e-global-color-text); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item, body.testfluenceri .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item a, body.testfluencers .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item a {
    font-family: var(--e-global-typography-baba342-font-family), Sans-serif;
    font-size: var(--e-global-typography-baba342-font-size);
    font-weight: var(--e-global-typography-baba342-font-weight);
    line-height: var(--e-global-typography-baba342-line-height);
    letter-spacing: var(--e-global-typography-baba342-letter-spacing); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-42eb561 .elementor-icon-list-text, body.testfluencers .elementor-20 .elementor-element.elementor-element-42eb561 .elementor-icon-list-text {
    color: var(--e-global-color-text); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-42eb561 .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-42eb561 .elementor-icon-list-item {
    font-family: var(--e-global-typography-baba342-font-family), Sans-serif;
    font-size: var(--e-global-typography-baba342-font-size);
    font-weight: var(--e-global-typography-baba342-font-weight);
    line-height: var(--e-global-typography-baba342-line-height);
    letter-spacing: var(--e-global-typography-baba342-letter-spacing); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-af36f28:not(.elementor-motion-effects-element-type-background), body.testfluencers .elementor-20 .elementor-element.elementor-element-af36f28:not(.elementor-motion-effects-element-type-background) {
    background-color: var(--e-global-color-749b24b); }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-af36f28, body.testfluencers .elementor-20 .elementor-element.elementor-element-af36f28 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 40px 0px; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-659c814 .elementor-text-editor, body.testfluencers .elementor-20 .elementor-element.elementor-element-659c814 .elementor-text-editor {
    text-align: center; }
  body.testfluenceri .elementor-20 .elementor-element.elementor-element-659c814, body.testfluencers .elementor-20 .elementor-element.elementor-element-659c814 {
    font-family: var(--e-global-typography-baba342-font-family), Sans-serif;
    font-size: var(--e-global-typography-baba342-font-size);
    font-weight: var(--e-global-typography-baba342-font-weight);
    line-height: var(--e-global-typography-baba342-line-height);
    letter-spacing: var(--e-global-typography-baba342-letter-spacing); } }
  @media all and (max-width: 1024px) and (min-width: 768px) {
    body.testfluenceri .elementor-20 .elementor-element.elementor-element-2531e51, body.testfluencers .elementor-20 .elementor-element.elementor-element-2531e51 {
      width: 100%; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-877f1b4, body.testfluencers .elementor-20 .elementor-element.elementor-element-877f1b4 {
      width: 33.3%; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-8646679, body.testfluencers .elementor-20 .elementor-element.elementor-element-8646679 {
      width: 33.3%; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-a0093eb, body.testfluencers .elementor-20 .elementor-element.elementor-element-a0093eb {
      width: 50%; } }
  @media all and (max-width: 1024px) {
    body.testfluenceri .elementor-20 .elementor-element.elementor-element-94dfdda, body.testfluencers .elementor-20 .elementor-element.elementor-element-94dfdda {
      padding: 60px 20px 20px 20px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-2531e51 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-2531e51 > .elementor-element-populated {
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-9b02f89 > .elementor-widget-container, body.testfluencers .elementor-20 .elementor-element.elementor-element-9b02f89 > .elementor-widget-container {
      margin: -60px 0px -60px 0px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-d86dc13, body.testfluencers .elementor-20 .elementor-element.elementor-element-d86dc13 {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-877f1b4 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-877f1b4 > .elementor-element-populated {
      padding: 20px 0px 0px 0px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-9c65de6 .elementor-heading-title, body.testfluencers .elementor-20 .elementor-element.elementor-element-9c65de6 .elementor-heading-title {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-69d7541 .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-69d7541 .elementor-icon-list-item {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-8646679 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-8646679 > .elementor-element-populated {
      padding: 20px 20px 0px 20px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-3a01616 .elementor-heading-title, body.testfluencers .elementor-20 .elementor-element.elementor-element-3a01616 .elementor-heading-title {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item, body.testfluenceri .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item a, body.testfluencers .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item a {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-42eb561 .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-42eb561 .elementor-icon-list-item {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-af36f28, body.testfluencers .elementor-20 .elementor-element.elementor-element-af36f28 {
      padding: 20px 20px 60px 20px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-a0093eb > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-a0093eb > .elementor-element-populated {
      padding: 0px 0px 0px 40px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-659c814, body.testfluencers .elementor-20 .elementor-element.elementor-element-659c814 {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); } }
  @media all and (max-width: 767px) {
    body.testfluenceri .elementor-20 .elementor-element.elementor-element-94dfdda, body.testfluencers .elementor-20 .elementor-element.elementor-element-94dfdda {
      padding: 40px 20px 40px 20px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-2531e51 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-2531e51 > .elementor-element-populated {
      padding: 0px 0px 0px 0px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-9b02f89 > .elementor-widget-container, body.testfluencers .elementor-20 .elementor-element.elementor-element-9b02f89 > .elementor-widget-container {
      margin: -60px 0px -65px 0px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-d86dc13, body.testfluencers .elementor-20 .elementor-element.elementor-element-d86dc13 {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-877f1b4 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-877f1b4 > .elementor-element-populated {
      padding: 30px 0px 10px 0px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-9c65de6 .elementor-heading-title, body.testfluencers .elementor-20 .elementor-element.elementor-element-9c65de6 .elementor-heading-title {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-69d7541 .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-69d7541 .elementor-icon-list-item {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-8646679 > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-8646679 > .elementor-element-populated {
      padding: 30px 0px 10px 0px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-3a01616 .elementor-heading-title, body.testfluencers .elementor-20 .elementor-element.elementor-element-3a01616 .elementor-heading-title {
      font-size: var(--e-global-typography-afcc014-font-size);
      line-height: var(--e-global-typography-afcc014-line-height);
      letter-spacing: var(--e-global-typography-afcc014-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item, body.testfluenceri .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item a, body.testfluencers .elementor-20 .elementor-element.elementor-element-0810b1d .elementor-icon-list-item a {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-42eb561 .elementor-icon-list-item, body.testfluencers .elementor-20 .elementor-element.elementor-element-42eb561 .elementor-icon-list-item {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-a0093eb > .elementor-element-populated, body.testfluencers .elementor-20 .elementor-element.elementor-element-a0093eb > .elementor-element-populated {
      padding: 20px 0px 0px 0px; }

    body.testfluenceri .elementor-20 .elementor-element.elementor-element-659c814, body.testfluencers .elementor-20 .elementor-element.elementor-element-659c814 {
      font-size: var(--e-global-typography-baba342-font-size);
      line-height: var(--e-global-typography-baba342-line-height);
      letter-spacing: var(--e-global-typography-baba342-letter-spacing); } }
  body.testfluenceri ::-webkit-scrollbar, body.testfluencers ::-webkit-scrollbar {
    width: 5px; }
  body.testfluenceri ::-webkit-scrollbar-track, body.testfluencers ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 0px; }
  body.testfluenceri ::-webkit-scrollbar-thumb, body.testfluencers ::-webkit-scrollbar-thumb {
    background: #b519ff;
    border-radius: 10px; }
  body.testfluenceri ::-webkit-scrollbar-thumb:hover, body.testfluencers ::-webkit-scrollbar-thumb:hover {
    background: #a118e2; }
  @media all {
  body.testfluenceri .f2f82873-997a-448d-ac81-bc85e5959fbe, body.testfluencers .f2f82873-997a-448d-ac81-bc85e5959fbe {
    fill: none; }
  body.testfluenceri .f29393c1-ff02-4331-87b5-7927b9b78d01, body.testfluencers .f29393c1-ff02-4331-87b5-7927b9b78d01 {
    clip-path: url(https://testfluenceri.cz/#effacfd5-7117-4254-916b-3c74712adfbb); }
  body.testfluenceri .e3f6a4bf-ea84-41e8-80d3-11586743569f, body.testfluencers .e3f6a4bf-ea84-41e8-80d3-11586743569f {
    fill: #b519ff; } }
  @media all {
  body.testfluenceri .a, body.testfluencers .a {
    fill: #f2f2f2; }
  body.testfluenceri .b, body.testfluencers .b {
    fill: none;
    stroke: #a439f6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px; } }
  @media all {
  body.testfluenceri .cls-1, body.testfluencers .cls-1 {
    fill: none;
    stroke: #a439f6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px; } }
  @media all {
  body.testfluenceri .b764aaff-f775-4b61-a315-11e2f43773ba, body.testfluencers .b764aaff-f775-4b61-a315-11e2f43773ba {
    fill: #b519ff; } }
  body.testfluenceri .jet-listing-dynamic-post-23 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-23 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background) {
    background-image: url(https://testfluenceri.cz/wp-content/uploads/2021/03/Nikol-2.png); }
  body.testfluenceri .jet-listing-dynamic-post-23 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-23 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Nikol-compre.jpg); }
  body.testfluenceri .jet-listing-dynamic-post-23 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-23 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background) {
    background-color: #efd4c9; }
  body.testfluenceri .jet-listing-dynamic-post-23 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .jet-listing-dynamic-post-23 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
    color: #683536; }
  @media (max-width: 767px) {
  body.testfluenceri .jet-listing-dynamic-post-23 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-23 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Nikol-compre.jpg); } }
  body.testfluenceri .jet-listing-dynamic-post-24 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-24 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background) {
    background-image: url(https://testfluenceri.cz/wp-content/uploads/2021/03/Andrea-2.png); }
  body.testfluenceri .jet-listing-dynamic-post-24 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-24 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Andrea-compre.jpg); }
  body.testfluenceri .jet-listing-dynamic-post-24 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-24 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background) {
    background-color: #d6f3c7; }
  body.testfluenceri .jet-listing-dynamic-post-24 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .jet-listing-dynamic-post-24 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
    color: #199f3c; }
  @media (max-width: 767px) {
  body.testfluenceri .jet-listing-dynamic-post-24 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-24 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Andrea-compre.jpg); } }
  body.testfluenceri .jet-listing-dynamic-post-25 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-25 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background) {
    background-image: url(https://testfluenceri.cz/wp-content/uploads/2021/03/Ema-2.png); }
  body.testfluenceri .jet-listing-dynamic-post-25 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-25 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Ema-compre.jpg); }
  body.testfluenceri .jet-listing-dynamic-post-25 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-25 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background) {
    background-color: #f2f2f2; }
  body.testfluenceri .jet-listing-dynamic-post-25 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .jet-listing-dynamic-post-25 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
    color: #5b5d5c; }
  @media (max-width: 767px) {
  body.testfluenceri .jet-listing-dynamic-post-25 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-25 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Ema-compre.jpg); } }
  body.testfluenceri .jet-listing-dynamic-post-26 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-26 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background) {
    background-image: url(https://testfluenceri.cz/wp-content/uploads/2021/03/Diana-4.png); }
  body.testfluenceri .jet-listing-dynamic-post-26 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-26 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Diana-compre.jpg); }
  body.testfluenceri .jet-listing-dynamic-post-26 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-26 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background) {
    background-color: #dfeced; }
  body.testfluenceri .jet-listing-dynamic-post-26 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .jet-listing-dynamic-post-26 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
    color: #2f4142; }
  @media (max-width: 767px) {
  body.testfluenceri .jet-listing-dynamic-post-26 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-26 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Diana-compre.jpg); } }
  body.testfluenceri .jet-listing-dynamic-post-27 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-27 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background) {
    background-image: url(https://testfluenceri.cz/wp-content/uploads/2021/03/Vasky-2.png); }
  body.testfluenceri .jet-listing-dynamic-post-27 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-27 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Vasky-compre.jpg); }
  body.testfluenceri .jet-listing-dynamic-post-27 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-27 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background) {
    background-color: #faedd5; }
  body.testfluenceri .jet-listing-dynamic-post-27 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .jet-listing-dynamic-post-27 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
    color: #d29d53; }
  @media (max-width: 767px) {
  body.testfluenceri .jet-listing-dynamic-post-27 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-27 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Vasky-compre.jpg); } }
  body.testfluenceri .jet-listing-dynamic-post-28 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-28 .elementor-element.elementor-element-27341b7:not(.elementor-motion-effects-element-type-background) {
    background-image: url(https://testfluenceri.cz/wp-content/uploads/2021/03/Petr-2.png); }
  body.testfluenceri .jet-listing-dynamic-post-28 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-28 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Petr-compre.jpg); }
  body.testfluenceri .jet-listing-dynamic-post-28 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-28 .elementor-element.elementor-element-635e2c0:not(.elementor-motion-effects-element-type-background) {
    background-color: #e5d8b8; }
  body.testfluenceri .jet-listing-dynamic-post-28 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content, body.testfluencers .jet-listing-dynamic-post-28 .elementor-element.elementor-element-75671b5 .jet-listing-dynamic-field__content {
    color: #714e3a; }
  @media (max-width: 767px) {
  body.testfluenceri .jet-listing-dynamic-post-28 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background), body.testfluencers .jet-listing-dynamic-post-28 .elementor-element.elementor-element-06fa3d1:not(.elementor-motion-effects-element-type-background) {
    background-image: url(/static/Petr-compre.jpg); } }
  @media all {
  body.testfluenceri .a, body.testfluencers .a {
    fill: #f2f2f2; }
  body.testfluenceri .b, body.testfluencers .b {
    fill: none;
    stroke: #a439f6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px; } }
  @media all {
  body.testfluenceri .cls-1, body.testfluencers .cls-1 {
    fill: none; }
  body.testfluenceri .cls-2, body.testfluencers .cls-2 {
    clip-path: url(https://testfluenceri.cz/#clip-path); }
  body.testfluenceri .cls-3, body.testfluencers .cls-3 {
    fill: #b519ff; } }
  @media all {
  body.testfluenceri .jet-smart-filters-search .jet-search-filter__input, body.testfluencers .jet-smart-filters-search .jet-search-filter__input {
    width: 100%;
    display: block; }
  body.testfluenceri .jet-smart-filters-search .jet-search-filter__input-wrapper, body.testfluencers .jet-smart-filters-search .jet-search-filter__input-wrapper {
    position: relative;
    width: 100%;
    min-width: 50px; }
  body.testfluenceri .jet-smart-filters-search .jet-search-filter__input-clear, body.testfluencers .jet-smart-filters-search .jet-search-filter__input-clear, body.testfluenceri .jet-smart-filters-search .jet-search-filter__input-loading, body.testfluencers .jet-smart-filters-search .jet-search-filter__input-loading {
    display: none;
    position: absolute;
    top: 50%;
    color: #777;
    font-family: FontAwesome; }
  body.testfluenceri .jet-smart-filters-search .jet-search-filter__input-clear, body.testfluencers .jet-smart-filters-search .jet-search-filter__input-clear {
    cursor: pointer;
    right: 5px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    height: 26px;
    margin-top: -13px; }
  body.testfluenceri .jet-smart-filters-search .jet-search-filter__input-clear::before, body.testfluencers .jet-smart-filters-search .jet-search-filter__input-clear::before {
    content: '\f00d'; }
  body.testfluenceri .jet-smart-filters-search .jet-search-filter__input-loading, body.testfluencers .jet-smart-filters-search .jet-search-filter__input-loading {
    right: 6px;
    height: 20px;
    width: 20px;
    margin-top: -10px;
    border-left: 3px solid transparent;
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
    border-bottom: 3px solid currentColor;
    border-radius: 50%;
    -webkit-animation: loading-spin 1s infinite linear;
    animation: loading-spin 1s infinite linear; } }
  @keyframes zoomInDown {
  body.testfluenceri from, body.testfluencers from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  body.testfluenceri 60%, body.testfluencers 60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  @-webkit-keyframes loading-spin {
  body.testfluenceri from, body.testfluencers from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg); }
  body.testfluenceri to, body.testfluencers to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    transform: rotate(359deg); } }
  @keyframes loading-spin {
  body.testfluenceri from, body.testfluencers from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg); }
  body.testfluenceri to, body.testfluencers to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    transform: rotate(359deg); } }

body.testfluencers {
  /*
Testuj.To SK CSS are taken from core CSS
*/ }
  body.testfluencers .addReview form[name='review'] h2 img {
    vertical-align: baseline; }

body.tncz {
  font-family: Organica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  background-color: ;
  color: #db4a27;
  font-weight: 400; }
  body.tncz .userRegister form {
    width: auto !important; }
  body.tncz .page > #container > .content {
    background-color: white;
    max-width: 60rem;
    width: 100%;
    margin: 0 auto; }
  body.tncz h1 {
    text-transform: none;
    color: #db4a27; }
  body.tncz h2 {
    color: #db4a27; }
  body.tncz a {
    text-decoration: none;
    color: #db4a27; }
  body.tncz a:hover {
    color: #db4a27; }
  body.tncz button, body.tncz input[type="submit"], body.tncz .button {
    font-family: Organica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    border-radius: 0; }
  body.tncz button.styled-button, body.tncz input[type="submit"], body.tncz input[type="button"], body.tncz a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white;
    font-weight: 400;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.tncz button[name='fb-login'], body.tncz button[name='fb-register'], body.tncz button[name='google-login'] {
    font-size: 1rem;
    font-weight: 400;
    padding: 0.5rem 1rem;
    height: initial; }

body.unuo {
  background-color: white;
  color: #db4a27; }
  body.unuo .page {
    background-color: white; }
  body.unuo .page > #container > .content {
    background-color: white;
    flex: 1 0 auto;
    max-width: 80rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center; }
  body.unuo h1 {
    text-transform: none;
    color: black;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-weight: 300; }
  body.unuo h2 {
    color: #db4a27; }
  body.unuo a:hover {
    text-decoration: none; }

body.vareni {
  background-color: black; }
  body.vareni .page {
    background-color: white; }
  body.vareni .page > #container > .content {
    max-width: 67.5rem;
    background-color: white;
    flex: 1 0 auto;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center; }
  body.vareni #test.page {
    background: none; }
  body.vareni #test.page > #container > .content {
    max-width: 67.5rem;
    padding: 0 1rem 1rem 1rem; }
  body.vareni #test.page > #container > .content #path {
    margin: 0;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    background-color: #f7f3f4;
    margin-left: -1rem; }
  body.vareni #test.page > #container #adminStripe a {
    color: white; }
  body.vareni #home.page {
    background: none; }
  body.vareni #home.page > #container > .content {
    max-width: 67.5rem;
    padding: 0 1rem 1rem 0; }
  body.vareni #home.page > #container > .content .right {
    width: 100%;
    padding: 0; }
    body.vareni #home.page > #container > .content .right #path {
      margin: 0;
      padding: 0.5rem;
      background-color: #f7f3f4; }
    body.vareni #home.page > #container > .content .right h1 {
      margin-left: 1rem; }
  body.vareni #home.page > #container #adminStripe a {
    color: white; }
  body.vareni h1 {
    text-transform: none;
    color: black;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-weight: 700; }
  body.vareni h2 {
    color: black;
    text-align: center;
    font-weight: 700; }
  body.vareni a:hover {
    text-decoration: none; }

body.vitkovice {
  background-color: white;
  color: #db4a27; }
  body.vitkovice .page {
    background-color: white; }
  body.vitkovice .page > #container > .content {
    background-color: white;
    max-width: 75rem;
    box-sizing: border-box;
    width: 75rem;
    margin: 1rem auto;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
  body.vitkovice h1 {
    text-transform: none;
    color: black; }
  body.vitkovice h2 {
    color: black; }
  body.vitkovice button.styled-button, body.vitkovice input[type="submit"], body.vitkovice input[type="button"] {
    background-color: #db4a27;
    border-color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    color: white;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.vitkovice button[name='fb-login'], body.vitkovice button[name='fb-register'], body.vitkovice button[name='google-login'] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    height: initial; }

body.vsechnocomamrada {
  background-color: white;
  color: #db4a27; }
  body.vsechnocomamrada .page {
    background-color: white; }
  body.vsechnocomamrada .page > #container > .content {
    background-color: white;
    max-width: 75rem;
    box-sizing: border-box;
    width: 100%;
    margin: 1rem auto; }
  body.vsechnocomamrada h1 {
    text-transform: none;
    color: #db4a27; }
  body.vsechnocomamrada h2 {
    color: #db4a27; }
  body.vsechnocomamrada a {
    color: #db4a27; }
  body.vsechnocomamrada button.styled-button, body.vsechnocomamrada input[type="submit"], body.vsechnocomamrada input[type="button"], body.vsechnocomamrada a.button {
    color: white; }

body.yookee {
  background-color: white;
  color: #db4a27; }
  body.yookee .page {
    background-color: white; }
  body.yookee .page > #container > .content {
    background-color: white;
    width: 100%;
    max-width: 70rem;
    margin: 0 auto; }
  body.yookee #home.page > #container > .content {
    max-width: 70rem; }
  body.yookee h1 {
    text-transform: none;
    color: #db4a27; }
  body.yookee h2 {
    color: #db4a27; }
  body.yookee a {
    text-decoration: none; }
  body.yookee a:hover {
    color: #db4a27; }
  body.yookee h1, body.yookee h2, body.yookee h3, body.yookee h4, body.yookee h5, body.yookee h6, body.yookee p, body.yookee a, body.yookee span {
    letter-spacing: 0.01rem; }
  body.yookee button.styled-button, body.yookee input[type="submit"], body.yookee input[type="button"], body.yookee a.button {
    letter-spacing: 0.01rem; }
  body.yookee button.styled-button:hover, body.yookee input[type="submit"]:hover, body.yookee input[type="button"]:hover, body.yookee a.button:hover {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white; }

body.zenavaute {
  background-color: ;
  color: #db4a27;
  font-weight: 400; }
  body.zenavaute .userRegister form {
    width: auto !important; }
  body.zenavaute .page > #container > .content {
    background-color: white;
    max-width: 60rem;
    width: 100%;
    margin: 0 auto; }
  body.zenavaute h1 {
    text-transform: none;
    color: #db4a27; }
  body.zenavaute h2 {
    color: #db4a27; }
  body.zenavaute a {
    text-decoration: none;
    color: #db4a27; }
  body.zenavaute a:hover {
    color: #db4a27; }
  body.zenavaute button.styled-button, body.zenavaute input[type="submit"], body.zenavaute input[type="button"], body.zenavaute a.button {
    background-color: #db4a27;
    border-color: #db4a27;
    color: white;
    border-radius: 0.5rem;
    font-weight: 400;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    height: initial; }
  body.zenavaute button[name='fb-log	in'], body.zenavaute button[name='fb-register'], body.zenavaute button[name='google-login'] {
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    padding: 0.5rem 1rem;
    height: initial; }

body.zenysk {
  background-color: white;
  color: #db4a27; }
  body.zenysk .page {
    background-color: #f9f9f9; }
  body.zenysk .page > #container > .content {
    background-color: white;
    max-width: 75rem;
    box-sizing: border-box;
    width: 100%;
    margin: 1rem auto;
    border: 1px solid #e1e1e1;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem; }
  body.zenysk h1 {
    text-transform: none;
    color: #db4a27; }
  body.zenysk h2 {
    color: #db4a27; }

body.zenysro {
  font-family: "Manrope", Arial, sans-serif !important;
  background-color: white;
  color: #db4a27; }
  body.zenysro .userRegister form {
    width: auto !important; }
  body.zenysro .page {
    background-color: white; }
  body.zenysro .page > #container > .content {
    background-color: white;
    max-width: 70rem;
    width: 100%;
    margin: 0 auto; }
  body.zenysro #testArticle h2 {
    color: #db4a27; }
  body.zenysro #home.page > #container > .content {
    max-width: 70rem; }
  body.zenysro h1 {
    text-transform: none;
    color: #db4a27; }
  body.zenysro h2 {
    color: ;
    font-size: 1.5rem !important; }
  body.zenysro button, body.zenysro input[type="button"], body.zenysro input[type="submit"], body.zenysro a.button {
    font-family: "Manrope", Arial, sans-serif !important;
    font-weight: 400; }

.icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 0.75rem;
  background-color: #db4a27aa; }
  .icon-wrap:hover {
    background-color: #db4a27ff;
    cursor: pointer; }
  .icon-wrap.edit, .icon-wrap.save, .icon-wrap.close, .icon-wrap.delete {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem; }
  .icon-wrap.edit .icon, .icon-wrap.save .icon, .icon-wrap.close .icon, .icon-wrap.delete .icon {
    width: 0.75rem;
    height: 0.75rem;
    margin: 0; }
  .icon-wrap.delete {
    background-color: #e3545caa; }
  .icon-wrap.delete:hover {
    background-color: #e3545cff; }
  .icon-wrap.text {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    padding: 0 0.5rem;
    margin-right: 0.5rem; }

.path {
  padding: 1rem 0 1rem 0;
  font-size: 0.9rem;
  color: #db4a27; }

.control-panel {
  position: absolute;
  display: flex;
  justify-content: right;
  top: 0;
  right: 0; }

button, input[type="button"], input[type="submit"], a.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 2.25rem;
  -webkit-border-radius: 2.25rem;
  -moz-border-radius: 2.25rem;
  text-transform: uppercase;
  background-color: #db4a27;
  border: none;
  font-family: SourceSansPro, sans-serif;
  font-size: 1rem;
  padding: 0.25rem 1.5rem;
  line-height: 1.75rem;
  color: #fff; }
  button.small, input[type="button"].small, input[type="submit"].small, a.button.small {
    border-radius: 1.625rem;
    -webkit-border-radius: 1.625rem;
    -moz-border-radius: 1.625rem;
    font-size: 0.75rem;
    padding: 0.125rem 1.5rem;
    line-height: 1.5rem; }
  button.big, input[type="button"].big, input[type="submit"].big, a.button.big {
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    font-size: 1.25rem;
    padding: 0.5rem;
    line-height: 2rem;
    min-width: 15rem; }
  button:hover, input[type="button"]:hover, input[type="submit"]:hover, a.button:hover {
    text-decoration: none;
    opacity: 0.9;
    cursor: pointer; }
  button:active, input[type="button"]:active, input[type="submit"]:active, a.button:active {
    opacity: 0.8; }
  button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, a.button:disabled {
    color: #cecece !important; }
  button:disabled:hover, input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, a.button:disabled:hover, button:disabled:active, input[type="button"]:disabled:active, input[type="submit"]:disabled:active, a.button:disabled:active {
    opacity: 1; }
  button.inverse, input[type="button"].inverse, input[type="submit"].inverse, a.button.inverse {
    background-color: #595959; }
  button.secondary, input[type="button"].secondary, input[type="submit"].secondary, a.button.secondary {
    background-color: #79be48; }
  button.abort, input[type="button"].abort, input[type="submit"].abort, a.button.abort {
    background-color: #f9b34b; }
  button.danger, input[type="button"].danger, input[type="submit"].danger, a.button.danger {
    background-color: #e91c1c; }
  button.yellow, input[type="button"].yellow, input[type="submit"].yellow, a.button.yellow {
    background-color: #f9c001; }
  button.image, input[type="button"].image, input[type="submit"].image, a.button.image {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0; }
  button.facebook, input[type="button"].facebook, input[type="submit"].facebook, a.button.facebook {
    background: #314fb3 url("/static/img/icon-fb-login-register.png") no-repeat;
    padding-left: 3rem;
    background-size: contain;
    -webkit-box-shadow: 0 2px 1px 0px #203482ff;
    -moz-box-shadow: 0 2px 1px 0px #203482ff;
    box-shadow: 0 2px 1px 0px #203482ff; }

input[type="checkbox"] {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: white;
  border: 1px solid #000;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  outline: none;
  position: relative;
  margin-right: 0.5rem; }
  input[type="checkbox"]:active:not(:disabled), input[type="checkbox"]:checked:active:not(:disabled) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
  input[type="checkbox"]:focus {
    box-shadow: 0 0 5px 1px #000; }
  input[type="checkbox"]:checked, input[type="checkbox"][indeterminate] {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); }
  input[type="checkbox"]:checked:after, input[type="checkbox"][indeterminate]:after {
    content: "";
    position: absolute;
    background-image: url("/static/img/form/cbx-checkmark.png");
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: 0% 0%;
    width: 1rem;
    height: 1rem;
    top: 1px;
    left: 1px; }
  input[type="checkbox"]:checked[indeterminate]:after, input[type="checkbox"][indeterminate][indeterminate]:after {
    background-position: 0% 100%; }
  input[type="checkbox"]:checked:disabled:checked:after, input[type="checkbox"][indeterminate]:disabled:checked:after {
    background-position: 100% 0%; }
  input[type="checkbox"]:checked:disabled[indeterminate]:after, input[type="checkbox"][indeterminate]:disabled[indeterminate]:after {
    background-position: 100% 100%; }
  input[type="checkbox"]:disabled {
    border-color: #d1d1d1; }

.datePicker {
  position: relative; }
  .datePicker .visible-inputs {
    display: flex;
    align-items: center;
    position: relative; }
  .datePicker .visible-inputs input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
    margin-bottom: 0;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem; }
  .datePicker .visible-inputs input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]).date {
    background-image: url("/static/img/components/form/date-picker.png");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: calc(100% - .25rem) 50%;
    margin-right: 0.5rem; }
  .datePicker .visible-inputs input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]).date:focus + .box {
    display: block; }
  .datePicker .visible-inputs .hours {
    margin-right: 0.5rem; }
  .datePicker .visible-inputs .box {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    align-self: flex-start;
    position: absolute;
    top: 2rem;
    background-color: #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .5);
    border: solid 1px #d1d1d1;
    display: none;
    width: calc(100% - 2px);
    max-width: 30rem;
    min-height: calc(6 * (2.5rem + 2px) + 2rem + 1px);
    z-index: 201; }
  .datePicker .visible-inputs .box .tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #d1d1d1;
    padding: 0.5rem 0.5rem;
    line-height: 1; }
  .datePicker .visible-inputs .box .tools .month-year {
    text-align: center;
    flex-grow: 1; }
  .datePicker .visible-inputs .box .days {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap; }
  .datePicker .visible-inputs .box .days button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: solid 1px #fff;
    padding: 0;
    width: calc((100% / 7) - 2px);
    min-width: initial;
    height: 2.5rem; }
    .datePicker .visible-inputs .box .days button[name="placeholder"] {
      background: #e1e1e1;
      border-color: #fff; }
  .datePicker .visible-inputs input.date:focus + .box {
    display: block; }
  .datePicker .visible-inputs input[name="hours"], .datePicker .visible-inputs input[name="minutes"] {
    margin: 0 0.125rem !important;
    width: 2rem;
    text-align: center;
    padding: 0.125rem !important; }

.inlineDatePicker {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: baseline;
  background-color: ;
  border: solid 1px #000;
  margin-bottom: 1rem;
  padding: 0.25rem;
  width: 7.5rem;
  height: 1.75rem;
  line-height: 1.75; }
  .inlineDatePicker .dayName {
    text-transform: uppercase;
    width: 1.5rem;
    color: #a1a1a1; }
  .inlineDatePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="day"], .inlineDatePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="month"], .inlineDatePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="year"] {
    border: none;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 1.5rem;
    min-width: initial;
    height: 1.75rem;
    line-height: 1.75; }
  .inlineDatePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="day"]:focus, .inlineDatePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="month"]:focus, .inlineDatePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="year"]:focus {
    box-shadow: none; }
  .inlineDatePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="year"] {
    width: 2.5rem; }

.inlineDateTimePicker {
  display: flex; }
  .inlineDateTimePicker .inlineDatePicker, .inlineDateTimePicker .timePicker {
    margin-bottom: 0; }
  .inlineDateTimePicker .inlineDatePicker {
    margin-right: 0.5rem; }

input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: white;
  font-family: RobotoSlab;
  font-size: 1rem;
  border: solid 1px;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  height: 2rem;
  color: #000;
  outline: none;
  max-width: 100%;
  box-sizing: border-box; }
  input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"])::selection {
    background-color: #000;
    color: #fff; }
  input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus {
    box-shadow: 0 0 5px 1px #000; }
  input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]).error {
    border-color: #e91c1c; }
  input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]).error:focus {
    box-shadow: 0 0 5px 1px #e91c1c; }
  input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]).error::selection {
    background-color: #e91c1c;
    color: #fff; }
  input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):disabled {
    border-color: #d1d1d1; }

label {
  display: flex;
  align-items: start;
  max-width: 100%; }
  label > input {
    flex: 0 0 auto; }
  label > div {
    flex-shrink: 1 !important; }

input[type="radio"] {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #000;
  width: 1.25rem;
  height: 1.25rem;
  outline: none;
  position: relative;
  margin-right: 0.5rem; }
  input[type="radio"]:active:not(:disabled), input[type="radio"]:checked:active:not(:disabled) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
  input[type="radio"]:focus {
    box-shadow: 0 0 5px 1px #000; }
  input[type="radio"]:checked {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); }
  input[type="radio"]:checked:after {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    content: "";
    position: absolute;
    background-color: #000;
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    top: calc(.125rem + 1px);
    left: calc(.125rem + 1px); }
  input[type="radio"]:checked:disabled:checked:after {
    background-color: #e1e1e1; }
  input[type="radio"]:disabled {
    border-color: #d1d1d1; }

.rating-stars {
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  width: calc(1.25rem * 5);
  height: 1.25rem; }
  .rating-stars input.rating[value="0"] ~ .star.s0 .label:before, .rating-stars input.rating[value="1"] ~ .star.s1 .label:before, .rating-stars input.rating[value="2"] ~ .star.s2 .label:before, .rating-stars input.rating[value="3"] ~ .star.s3 .label:before, .rating-stars input.rating[value="4"] ~ .star.s4 .label:before, .rating-stars input.rating[value="5"] ~ .star.s5 .label:before, .rating-stars input.rating[value="0"] ~ .star.s0 ~ .star .label:before, .rating-stars input.rating[value="1"] ~ .star.s1 ~ .star .label:before, .rating-stars input.rating[value="2"] ~ .star.s2 ~ .star .label:before, .rating-stars input.rating[value="3"] ~ .star.s3 ~ .star .label:before, .rating-stars input.rating[value="4"] ~ .star.s4 ~ .star .label:before, .rating-stars input.rating[value="5"] ~ .star.s5 ~ .star .label:before {
    background-position: 0 -2.5rem; }
  .rating-stars input.rating[value="0.5"] ~ .star.s1 .label:before, .rating-stars input.rating[value="1.5"] ~ .star.s2 .label:before, .rating-stars input.rating[value="2.5"] ~ .star.s3 .label:before, .rating-stars input.rating[value="3.5"] ~ .star.s4 .label:before, .rating-stars input.rating[value="4.5"] ~ .star.s5 .label:before {
    background-position: 0 -1.25rem; }
  .rating-stars input.rating[value="0.5"] ~ .star.s1 ~ .star .label:before, .rating-stars input.rating[value="1.5"] ~ .star.s2 ~ .star .label:before, .rating-stars input.rating[value="2.5"] ~ .star.s3 ~ .star .label:before, .rating-stars input.rating[value="3.5"] ~ .star.s4 ~ .star .label:before, .rating-stars input.rating[value="4.5"] ~ .star.s5 ~ .star .label:before {
    background-position: 0 -2.5rem; }
  .rating-stars.selected input.rating[value="0"] ~ .star.s0 .label:before, .rating-stars.selected input.rating[value="1"] ~ .star.s1 .label:before, .rating-stars.selected input.rating[value="2"] ~ .star.s2 .label:before, .rating-stars.selected input.rating[value="3"] ~ .star.s3 .label:before, .rating-stars.selected input.rating[value="4"] ~ .star.s4 .label:before, .rating-stars.selected input.rating[value="5"] ~ .star.s5 .label:before, .rating-stars.selected input.rating[value="0"] ~ .star.s0 ~ .star .label:before, .rating-stars.selected input.rating[value="1"] ~ .star.s1 ~ .star .label:before, .rating-stars.selected input.rating[value="2"] ~ .star.s2 ~ .star .label:before, .rating-stars.selected input.rating[value="3"] ~ .star.s3 ~ .star .label:before, .rating-stars.selected input.rating[value="4"] ~ .star.s4 ~ .star .label:before, .rating-stars.selected input.rating[value="5"] ~ .star.s5 ~ .star .label:before {
    background-position: -1.25rem -2.5rem; }
  .rating-stars.selected input.rating[value="0.5"] ~ .star.s1 .label:before, .rating-stars.selected input.rating[value="1.5"] ~ .star.s2 .label:before, .rating-stars.selected input.rating[value="2.5"] ~ .star.s3 .label:before, .rating-stars.selected input.rating[value="3.5"] ~ .star.s4 .label:before, .rating-stars.selected input.rating[value="4.5"] ~ .star.s5 .label:before {
    background-position: -1.25rem -1.25rem; }
  .rating-stars.selected input.rating[value="0.5"] ~ .star.s1 ~ .star .label:before, .rating-stars.selected input.rating[value="1.5"] ~ .star.s2 ~ .star .label:before, .rating-stars.selected input.rating[value="2.5"] ~ .star.s3 ~ .star .label:before, .rating-stars.selected input.rating[value="3.5"] ~ .star.s4 ~ .star .label:before, .rating-stars.selected input.rating[value="4.5"] ~ .star.s5 ~ .star .label:before {
    background-position: -1.25rem -2.5rem; }
  .rating-stars.editable:hover input.rating[value="0"] ~ .star.s1 .label:before, .rating-stars.editable:hover input.rating[value="1"] ~ .star.s1 .label:before, .rating-stars.editable:hover input.rating[value="2"] ~ .star.s2 .label:before, .rating-stars.editable:hover input.rating[value="3"] ~ .star.s3 .label:before, .rating-stars.editable:hover input.rating[value="4"] ~ .star.s4 .label:before, .rating-stars.editable:hover input.rating[value="5"] ~ .star.s5 .label:before, .rating-stars.editable:hover input.rating[value="0"] ~ .star.s1 ~ .star .label:before, .rating-stars.editable:hover input.rating[value="1"] ~ .star.s1 ~ .star .label:before, .rating-stars.editable:hover input.rating[value="2"] ~ .star.s2 ~ .star .label:before, .rating-stars.editable:hover input.rating[value="3"] ~ .star.s3 ~ .star .label:before, .rating-stars.editable:hover input.rating[value="4"] ~ .star.s4 ~ .star .label:before, .rating-stars.editable:hover input.rating[value="5"] ~ .star.s5 ~ .star .label:before {
    background-position: -1.25rem 0; }
  .rating-stars .star {
    width: 1.25rem;
    position: relative; }
  .rating-stars .star input[type="radio"] {
    opacity: 0; }
  .rating-stars .star .label {
    display: inline-block;
    line-height: 1.25rem; }
  .rating-stars .star .label:before {
    content: "";
    position: absolute;
    background-image: url("/static/img/star.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 2.5rem 3.75rem;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    top: 0;
    left: 0; }
  .rating-stars.selected .star .label:before {
    background-position: -1.25rem 0; }
  .rating-stars.editable .star:hover {
    cursor: pointer; }
  .rating-stars.editable .star:hover .label:before, .rating-stars.editable .star:hover ~ .star .label:before {
    background-position: -1.25rem -2.5rem !important; }

.rating-stars-10 {
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  width: calc(1.25rem * 10);
  height: 1.25rem; }
  .rating-stars-10 input.rating[value="0"] ~ .star.s0 .label:before, .rating-stars-10 input.rating[value="1"] ~ .star.s1 .label:before, .rating-stars-10 input.rating[value="2"] ~ .star.s2 .label:before, .rating-stars-10 input.rating[value="3"] ~ .star.s3 .label:before, .rating-stars-10 input.rating[value="4"] ~ .star.s4 .label:before, .rating-stars-10 input.rating[value="5"] ~ .star.s5 .label:before, .rating-stars-10 input.rating[value="6"] ~ .star.s6 .label:before, .rating-stars-10 input.rating[value="7"] ~ .star.s7 .label:before, .rating-stars-10 input.rating[value="8"] ~ .star.s8 .label:before, .rating-stars-10 input.rating[value="9"] ~ .star.s9 .label:before, .rating-stars-10 input.rating[value="10"] ~ .star.s10 .label:before, .rating-stars-10 input.rating[value="0"] ~ .star.s0 ~ .star .label:before, .rating-stars-10 input.rating[value="1"] ~ .star.s1 ~ .star .label:before, .rating-stars-10 input.rating[value="2"] ~ .star.s2 ~ .star .label:before, .rating-stars-10 input.rating[value="3"] ~ .star.s3 ~ .star .label:before, .rating-stars-10 input.rating[value="4"] ~ .star.s4 ~ .star .label:before, .rating-stars-10 input.rating[value="5"] ~ .star.s5 ~ .star .label:before, .rating-stars-10 input.rating[value="6"] ~ .star.s6 ~ .star .label:before, .rating-stars-10 input.rating[value="7"] ~ .star.s7 ~ .star .label:before, .rating-stars-10 input.rating[value="8"] ~ .star.s8 ~ .star .label:before, .rating-stars-10 input.rating[value="9"] ~ .star.s9 ~ .star .label:before, .rating-stars-10 input.rating[value="10"] ~ .star.s10 ~ .star .label:before {
    background-position: 0 -2.5rem; }
  .rating-stars-10 input.rating[value="0.5"] ~ .star.s1 .label:before, .rating-stars-10 input.rating[value="1.5"] ~ .star.s2 .label:before, .rating-stars-10 input.rating[value="2.5"] ~ .star.s3 .label:before, .rating-stars-10 input.rating[value="3.5"] ~ .star.s4 .label:before, .rating-stars-10 input.rating[value="4.5"] ~ .star.s5 .label:before, .rating-stars-10 input.rating[value="5.5"] ~ .star.s6 .label:before, .rating-stars-10 input.rating[value="6.5"] ~ .star.s7 .label:before, .rating-stars-10 input.rating[value="7.5"] ~ .star.s8 .label:before, .rating-stars-10 input.rating[value="8.5"] ~ .star.s9 .label:before, .rating-stars-10 input.rating[value="9.5"] ~ .star.s10 .label:before {
    background-position: 0 -1.25rem; }
  .rating-stars-10 input.rating[value="0.5"] ~ .star.s1 ~ .star .label:before, .rating-stars-10 input.rating[value="1.5"] ~ .star.s2 ~ .star .label:before, .rating-stars-10 input.rating[value="2.5"] ~ .star.s3 ~ .star .label:before, .rating-stars-10 input.rating[value="3.5"] ~ .star.s4 ~ .star .label:before, .rating-stars-10 input.rating[value="4.5"] ~ .star.s5 ~ .star .label:before, .rating-stars-10 input.rating[value="5.5"] ~ .star.s6 ~ .star .label:before, .rating-stars-10 input.rating[value="6.5"] ~ .star.s7 ~ .star .label:before, .rating-stars-10 input.rating[value="7.5"] ~ .star.s8 ~ .star .label:before, .rating-stars-10 input.rating[value="8.5"] ~ .star.s9 ~ .star .label:before, .rating-stars-10 input.rating[value="9.5"] ~ .star.s10 ~ .star .label:before {
    background-position: 0 -2.5rem; }
  .rating-stars-10.selected input.rating[value="0"] ~ .star.s0 .label:before, .rating-stars-10.selected input.rating[value="1"] ~ .star.s1 .label:before, .rating-stars-10.selected input.rating[value="2"] ~ .star.s2 .label:before, .rating-stars-10.selected input.rating[value="3"] ~ .star.s3 .label:before, .rating-stars-10.selected input.rating[value="4"] ~ .star.s4 .label:before, .rating-stars-10.selected input.rating[value="5"] ~ .star.s5 .label:before, .rating-stars-10.selected input.rating[value="6"] ~ .star.s6 .label:before, .rating-stars-10.selected input.rating[value="7"] ~ .star.s7 .label:before, .rating-stars-10.selected input.rating[value="8"] ~ .star.s8 .label:before, .rating-stars-10.selected input.rating[value="9"] ~ .star.s9 .label:before, .rating-stars-10.selected input.rating[value="10"] ~ .star.s10 .label:before, .rating-stars-10.selected input.rating[value="0"] ~ .star.s0 ~ .star .label:before, .rating-stars-10.selected input.rating[value="1"] ~ .star.s1 ~ .star .label:before, .rating-stars-10.selected input.rating[value="2"] ~ .star.s2 ~ .star .label:before, .rating-stars-10.selected input.rating[value="3"] ~ .star.s3 ~ .star .label:before, .rating-stars-10.selected input.rating[value="4"] ~ .star.s4 ~ .star .label:before, .rating-stars-10.selected input.rating[value="5"] ~ .star.s5 ~ .star .label:before, .rating-stars-10.selected input.rating[value="6"] ~ .star.s6 ~ .star .label:before, .rating-stars-10.selected input.rating[value="7"] ~ .star.s7 ~ .star .label:before, .rating-stars-10.selected input.rating[value="8"] ~ .star.s8 ~ .star .label:before, .rating-stars-10.selected input.rating[value="9"] ~ .star.s9 ~ .star .label:before, .rating-stars-10.selected input.rating[value="10"] ~ .star.s10 ~ .star .label:before {
    background-position: -1.25rem -2.5rem; }
  .rating-stars-10.selected input.rating[value="0.5"] ~ .star.s1 .label:before, .rating-stars-10.selected input.rating[value="1.5"] ~ .star.s2 .label:before, .rating-stars-10.selected input.rating[value="2.5"] ~ .star.s3 .label:before, .rating-stars-10.selected input.rating[value="3.5"] ~ .star.s4 .label:before, .rating-stars-10.selected input.rating[value="4.5"] ~ .star.s5 .label:before, .rating-stars-10.selected input.rating[value="5.5"] ~ .star.s6 .label:before, .rating-stars-10.selected input.rating[value="6.5"] ~ .star.s7 .label:before, .rating-stars-10.selected input.rating[value="7.5"] ~ .star.s8 .label:before, .rating-stars-10.selected input.rating[value="8.5"] ~ .star.s9 .label:before, .rating-stars-10.selected input.rating[value="9.5"] ~ .star.s10 .label:before {
    background-position: -1.25rem -1.25rem; }
  .rating-stars-10.selected input.rating[value="0.5"] ~ .star.s1 ~ .star .label:before, .rating-stars-10.selected input.rating[value="1.5"] ~ .star.s2 ~ .star .label:before, .rating-stars-10.selected input.rating[value="2.5"] ~ .star.s3 ~ .star .label:before, .rating-stars-10.selected input.rating[value="3.5"] ~ .star.s4 ~ .star .label:before, .rating-stars-10.selected input.rating[value="4.5"] ~ .star.s5 ~ .star .label:before, .rating-stars-10.selected input.rating[value="5.5"] ~ .star.s6 ~ .star .label:before, .rating-stars-10.selected input.rating[value="6.5"] ~ .star.s7 ~ .star .label:before, .rating-stars-10.selected input.rating[value="7.5"] ~ .star.s8 ~ .star .label:before, .rating-stars-10.selected input.rating[value="8.5"] ~ .star.s9 ~ .star .label:before, .rating-stars-10.selected input.rating[value="9.5"] ~ .star.s10 ~ .star .label:before {
    background-position: -1.25rem -2.5rem; }
  .rating-stars-10.editable:hover input.rating[value="0"] ~ .star.s1 .label:before, .rating-stars-10.editable:hover input.rating[value="1"] ~ .star.s1 .label:before, .rating-stars-10.editable:hover input.rating[value="2"] ~ .star.s2 .label:before, .rating-stars-10.editable:hover input.rating[value="3"] ~ .star.s3 .label:before, .rating-stars-10.editable:hover input.rating[value="4"] ~ .star.s4 .label:before, .rating-stars-10.editable:hover input.rating[value="5"] ~ .star.s5 .label:before, .rating-stars-10.editable:hover input.rating[value="6"] ~ .star.s6 .label:before, .rating-stars-10.editable:hover input.rating[value="7"] ~ .star.s7 .label:before, .rating-stars-10.editable:hover input.rating[value="8"] ~ .star.s8 .label:before, .rating-stars-10.editable:hover input.rating[value="9"] ~ .star.s9 .label:before, .rating-stars-10.editable:hover input.rating[value="10"] ~ .star.s10 .label:before, .rating-stars-10.editable:hover input.rating[value="0"] ~ .star.s1 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="1"] ~ .star.s1 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="2"] ~ .star.s2 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="3"] ~ .star.s3 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="4"] ~ .star.s4 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="5"] ~ .star.s5 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="6"] ~ .star.s6 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="7"] ~ .star.s7 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="8"] ~ .star.s8 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="9"] ~ .star.s9 ~ .star .label:before, .rating-stars-10.editable:hover input.rating[value="10"] ~ .star.s10 ~ .star .label:before {
    background-position: -1.25rem 0; }
  .rating-stars-10 .star {
    position: relative; }
  .rating-stars-10 .star input[type="radio"] {
    margin: 0;
    opacity: 0; }
  .rating-stars-10 .star .label {
    display: inline-block;
    line-height: 1.25rem; }
  .rating-stars-10 .star .label:before {
    content: "";
    position: absolute;
    background-image: url("/static/img/star.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 2.5rem 3.75rem;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    top: 0;
    left: 0; }
  .rating-stars-10.selected .star .label:before {
    background-position: -1.25rem 0; }
  .rating-stars-10.editable .star:hover {
    cursor: pointer; }
  .rating-stars-10.editable .star:hover .label:before, .rating-stars-10.editable .star:hover ~ .star .label:before {
    background-position: -1.25rem -2.5rem !important; }

.rating-stars-table {
  width: 100%; }
  .rating-stars-table .recommended, .rating-stars-table .not-recommended {
    display: flex; }
  .rating-stars-table .recommended > .label, .rating-stars-table .not-recommended > .label {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 12px 97px;
    padding-right: 0.5rem;
    width: 1rem; }
  .rating-stars-table .recommended .group > .row, .rating-stars-table .not-recommended .group > .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0.125rem 0.25rem; }
  .rating-stars-table .recommended .group > .row > .rating-stars, .rating-stars-table .not-recommended .group > .row > .rating-stars {
    margin-right: 0.5rem; }
  .rating-stars-table .recommended .group > .row > .rating-stars + div, .rating-stars-table .not-recommended .group > .row > .rating-stars + div {
    font-size: 0.8rem;
    font-style: italic;
    color: #a9a9a9; }
  .rating-stars-table .recommended .group > .row > .rating-stars.selected + div, .rating-stars-table .not-recommended .group > .row > .rating-stars.selected + div {
    color: #fcbe31; }
  .rating-stars-table .recommended .group > .row:hover, .rating-stars-table .not-recommended .group > .row:hover {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border: solid 1px #fcbe31;
    padding: calc(.125rem - 1px) calc(.25rem - 1px);
    cursor: pointer; }
  .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="0"] ~ .star.s0 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="0"] ~ .star.s0 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="1"] ~ .star.s1 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="1"] ~ .star.s1 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="2"] ~ .star.s2 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="2"] ~ .star.s2 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="3"] ~ .star.s3 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="3"] ~ .star.s3 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="4"] ~ .star.s4 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="4"] ~ .star.s4 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="5"] ~ .star.s5 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="5"] ~ .star.s5 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="0"] ~ .star.s0 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="0"] ~ .star.s0 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="1"] ~ .star.s1 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="1"] ~ .star.s1 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="2"] ~ .star.s2 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="2"] ~ .star.s2 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="3"] ~ .star.s3 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="3"] ~ .star.s3 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="4"] ~ .star.s4 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="4"] ~ .star.s4 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="5"] ~ .star.s5 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="5"] ~ .star.s5 ~ .star .label:before {
    background-position: -1.25rem -2.5rem; }
    .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="0.5"] ~ .star.s1 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="0.5"] ~ .star.s1 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="1.5"] ~ .star.s2 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="1.5"] ~ .star.s2 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="2.5"] ~ .star.s3 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="2.5"] ~ .star.s3 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="3.5"] ~ .star.s4 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="3.5"] ~ .star.s4 .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="4.5"] ~ .star.s5 .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="4.5"] ~ .star.s5 .label:before {
      background-position: -1.25rem -1.25rem; }
      .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="0.5"] ~ .star.s1 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="0.5"] ~ .star.s1 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="1.5"] ~ .star.s2 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="1.5"] ~ .star.s2 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="2.5"] ~ .star.s3 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="2.5"] ~ .star.s3 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="3.5"] ~ .star.s4 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="3.5"] ~ .star.s4 ~ .star .label:before, .rating-stars-table .recommended .group > .row:hover .rating-stars input.rating[value="4.5"] ~ .star.s5 ~ .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars input.rating[value="4.5"] ~ .star.s5 ~ .star .label:before {
        background-position: -1.25rem -2.5rem; }
    .rating-stars-table .recommended .group > .row:hover .rating-stars + div, .rating-stars-table .not-recommended .group > .row:hover .rating-stars + div {
      color: #fcbe31; }
    .rating-stars-table .recommended .group > .row:hover .rating-stars .star .label:before, .rating-stars-table .not-recommended .group > .row:hover .rating-stars .star .label:before {
      background-position: -1.25rem 0; }
  .rating-stars-table .recommended > .label {
    background-image: url("/static/img/recommended.png"); }
  .rating-stars-table .not-recommended > .label {
    background-image: url("/static/img/not-recommended.png"); }

select {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("/static/img/form/select-arrow.png");
  background-repeat: no-repeat;
  background-size: calc(1.5rem + 2px) 1.5rem;
  background-position: 100%;
  border: solid 1px #000;
  font-size: 0.85rem;
  font-weight: 300;
  padding: 0.125rem 2.5rem 0 1rem;
  height: 2rem;
  outline: none;
  color: #000; }
  select:focus {
    box-shadow: 0 0 5px 1px #000; }
  select::-ms-expand {
    /* remove default arrow in IE 10 and 11 */
    display: none;
    /* target Internet Explorer 9 to undo the custom arrow */ }
  @media (min-width:0\0) {
  select select {
    background: none\9;
    padding: 5px \9; } }

textarea, .editable-text {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  font-family: RobotoSlab;
  font-size: 1rem;
  border: solid 1px #000;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 4rem;
  line-height: 1.25rem;
  outline: none;
  overflow: auto;
  resize: none; }
  textarea::selection, .editable-text::selection {
    background-color: #00099; }
  textarea:focus, .editable-text:focus {
    box-shadow: 0 0 5px 1px #000; }
  textarea.error, .editable-text.error {
    border-color: #e91c1c; }
  textarea.error:focus, .editable-text.error:focus {
    box-shadow: 0 0 5px 1px #e91c1c; }
  textarea.error::selection, .editable-text.error::selection {
    background-color: #e91c1c99; }
  textarea:disabled, .editable-text:disabled {
    border-color: #d1d1d1; }

.timePicker {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: baseline;
  background-color: ;
  border: solid 1px #000;
  margin-bottom: 1rem;
  padding: 0.25rem;
  width: 3.5rem;
  height: 1.75rem;
  line-height: 1.75; }
  .timePicker.seconds {
    width: 5rem; }
  .timePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="hours"], .timePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="minutes"], .timePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="seconds"] {
    border: none;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 1.5rem;
    min-width: initial;
    height: 1.75rem;
    line-height: 1.75; }
  .timePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="hours"]:focus, .timePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="minutes"]:focus, .timePicker input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"])[name="seconds"]:focus {
    box-shadow: none; }

#activeUser {
  display: flex;
  align-items: center;
  position: relative; }
  #activeUser > a {
    display: flex;
    align-items: center; }
  #activeUser > a .name {
    font-size: 1.25rem; }
  #activeUser > a .arrow {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    margin-left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: -2px; }
  #activeUser > a:hover {
    color: inherit; }
  #activeUser .menu {
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 0.25s ease-in;
    -o-transition: -o-transform 0.25s ease-in;
    -ms-transition: -ms-transform 0.25s ease-in;
    transition: transform 0.25s ease-in;
    display: flex;
    position: absolute;
    background-color: #fff;
    top: 2.5rem;
    right: 0;
    z-index: 20;
    max-width: 9rem;
    max-width: initial; }
  #activeUser .menu .items {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15), 0 0 2px 2px rgba(0, 0, 0, 0.1); }
  #activeUser .menu .items a {
    background: #fff;
    display: block;
    padding: 0.5rem 1.5rem;
    min-width: 6rem;
    white-space: nowrap; }
  #activeUser .menu .items a:first-child {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    -webkit-border-top-right-radius: 0.25rem;
    -webkit-border-top-left-radius: 0.25rem;
    -moz-border-top-right-radius: 0.25rem;
    -moz-border-top-left-radius: 0.25rem; }
  #activeUser .menu .items a:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    -webkit-border-bottom-right-radius: 0.25rem;
    -webkit-border-bottom-left-radius: 0.25rem;
    -moz-border-bottom-right-radius: 0.25rem;
    -moz-border-bottom-left-radius: 0.25rem; }
  #activeUser .menu .items a:hover {
    background: #db4a2722; }
  #activeUser.menu-visible .menu {
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.25s ease-in;
    -o-transition: -o-transform 0.25s ease-in;
    -ms-transition: -ms-transform 0.25s ease-in;
    transition: transform 0.25s ease-in; }

#footer {
  padding: 0.5rem 0;
  width: 100%; }
  #footer .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    max-width: 60rem; }
  #footer .content .full {
    width: 100%; }
  #footer .content .full .newsletter {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 1rem; }
  #footer .content .full .newsletter .claim, #footer .content .full .newsletter .row {
    margin: 0 1rem; }
  #footer .content .full .newsletter .claim {
    font-family: Fira Sans Condensed, sans-serif;
    margin-bottom: 0.5rem; }
  #footer .content .full .newsletter .row {
    display: flex;
    flex-direction: column;
    max-width: 20rem; }
    #footer .content .full .newsletter .row input {
      width: 100%; }
    #footer .content .full .newsletter .row input[name="email"] {
      background-color: #fff;
      width: calc(100%);
      max-width: calc(100% - 1rem - 2px); }
    #footer .content .full .newsletter .row input[name="subscribe"] {
      max-width: calc(100%); }
  @media (min-width: 30rem) {
        #footer .content .full .newsletter {
          width: 100%; }
          #footer .content .full .newsletter .row {
            flex-direction: row;
            max-width: initial; }
            #footer .content .full .newsletter .row input[name="email"] {
              margin: 0 0.5rem 0 0;
              width: 15rem; }
            #footer .content .full .newsletter .row input[name="subscribe"] {
              min-width: 8rem; } }
  #footer .content .full .newsletter-confirmation {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    font-family: Fira Sans Condensed, sans-serif;
    margin: 0.5rem 1rem 1rem;
    padding: 0.5rem 1rem;
    color: #000; }
  #footer .content .full .newsletter-confirmation .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    #footer .content .full .newsletter-confirmation .row img {
      margin-right: 0.5rem;
      width: 1.5rem;
      height: 1.5rem; }
    #footer .content .full .newsletter-confirmation .row p {
      margin: 0; }
  #footer .content .left {
    font-size: 0.75rem;
    flex: 1 0 20%; }
  #footer .content .left .title {
    font-family: Fira Sans Condensed, sans-serif;
    font-weight: bold; }
  #footer .content .left a {
    font-size: 0.75rem;
    font-weight: normal;
    display: block;
    margin: 0.25rem 0; }
  #footer .content .left a:hover {
    text-decoration: underline;
    opacity: 0.75; }
  #footer .content .left a:first-letter {
    text-transform: uppercase; }
  #footer .content .center {
    flex: 1 0 auto;
    text-align: center;
    font-size: 0.75rem; }
  #footer .content .center .links {
    margin: 0.25rem; }
  #footer .content .center .links a {
    font-weight: normal; }
  #footer .content .center .copy {
    font-family: Fira Sans Condensed, sans-serif;
    font-weight: bold; }
  #footer .content .center .version {
    margin-top: 0.25rem;
    font-size: 0.625rem;
    opacity: 0.375; }
  #footer .content .right {
    flex: 1 0 20%; }

#header {
  background-color: #fff;
  width: 100%; }
  #header > .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    width: calc(100% - 3rem);
    max-width: 80rem; }
  #header > .content .left .logo {
    flex-shrink: 0;
    padding-top: 1rem;
    width: 12.5rem; }
  #header > .content .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1; }

.pagination {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-width: 100%;
  flex-wrap: wrap;
  margin: auto; }
  .pagination a.button.small {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin: 0.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0.5rem;
    color: white;
    border: none;
    cursor: pointer;
    background-color: black;
    text-align: center;
    font-size: 1rem; }
  .pagination a.button.small.current {
    background-color: #db4a27;
    cursor: initial; }

#paging {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-width: 100%;
  flex-wrap: wrap;
  margin: auto; }
  #paging button {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin: 0.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    background-color: #db4a27;
    color: white;
    border: none;
    cursor: pointer; }
  #paging button.inverse {
    background-color: #595959;
    cursor: initial;
    -webkit-box-shadow: 0 0 3px 2px #252525ff;
    -moz-box-shadow: 0 0 3px 2px #252525ff;
    box-shadow: 0 0 3px 2px #252525ff;
    -webkit-filter: invert(100%);
    filter: invert(100%); }

.searchComponent {
  margin-bottom: 1rem; }
  .searchComponent .row {
    position: relative;
    width: 100%; }
  .searchComponent .row input.search:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  .searchComponent .row .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    min-width: calc(100% - 2px);
    z-index: 1; }
  .searchComponent .row .list button.item {
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  .searchComponent .row .list button.item.selected {
    background-color: #db4a2766; }

#forgottenPassword form {
  margin: auto; }
  #forgottenPassword form .row {
    text-align: center; }
  #forgottenPassword .confirmation {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin: 2rem auto;
    padding: 0 1rem; }
  #forgottenPassword .confirmation .checkmark {
    flex-shrink: 0;
    background-image: url("/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem; }
  #forgottenPassword .confirmation .announcement {
    flex-shrink: 1;
    text-align: left;
    font-size: 1rem;
    font-weight: 200; }

#loginComponent {
  padding: 1rem; }
  #loginComponent .switch-process {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem; }
  #loginComponent .switch-process .link {
    margin-right: 1rem;
    cursor: pointer;
    text-transform: uppercase;
    color: #9f9f9f; }
  #loginComponent .switch-process .link:last-child {
    margin-right: 0; }
  #loginComponent .switch-process .link.active {
    color: black;
    font-weight: bold; }
  #loginComponent form {
    margin: auto; }
  #loginComponent button[name='ssoLogin'] {
    margin: 1rem auto;
    display: block; }

#userBlacklisted {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #c00;
  color: white;
  font-weight: bold;
  padding: 0.5rem 1rem;
  width: calc(100% - 2rem);
  margin-bottom: 2rem; }
  #userBlacklisted .onBlacklist {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase; }
  #userBlacklisted p {
    text-align: center;
    margin-bottom: 0.5rem;
    font-weight: bold; }
  @media print {
  #userBlacklisted {
    display: none; } }

#userEdit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20rem;
  padding: 1rem;
  box-sizing: border-box;
  margin: auto; }
  #userEdit .row {
    width: 100%;
    margin-bottom: 1rem; }
  #userEdit .row input:not([type='checkbox']):not([type='radio']) {
    width: 100%;
    margin-bottom: 0; }
  #userEdit .row.styledCheckbox .label {
    text-align: left; }
  #userEdit .row .label {
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #userEdit .row .label:first-letter {
    text-transform: uppercase; }
  #userEdit .error-message {
    color: red;
    text-align: center; }
  #userEdit .message {
    color: green;
    text-align: center; }

.userLogin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20rem !important;
  padding: 1rem;
  box-sizing: border-box;
  margin: auto; }
  .userLogin .row {
    width: 100%;
    margin-bottom: 1rem; }
  .userLogin .row input:not([type='checkbox']) {
    width: 100%;
    margin-bottom: 0; }
  .userLogin .row .label {
    font-weight: bold;
    margin-bottom: 0.25rem; }
  .userLogin .row .label:first-letter {
    text-transform: uppercase; }
  .userLogin button[name='fb-login'] {
    width: 100%;
    max-width: 20rem;
    background-color: #4267b2 !important;
    margin-bottom: 1rem; }
  .userLogin button[name='google-login'] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 20rem;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #1a73e8; }
  .userLogin button[name='google-login'] .icon {
    width: 1.5rem;
    height: 1.5rem; }
  .userLogin button[name='google-login'] .icon img {
    width: 1.5rem; }
  .userLogin button[name='google-login'] .title {
    font-size: 0.875rem !important;
    margin: 0 !important;
    flex: 1 0 auto;
    text-align: center;
    color: #1a73e8; }
  .userLogin .error-message {
    color: red; }

.userRegister {
  margin: auto; }
  .userRegister form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30rem !important;
    padding: 1rem;
    box-sizing: border-box;
    text-align: center; }
  .userRegister form .row {
    width: 20rem;
    margin-bottom: 1rem; }
  .userRegister form .row label {
    justify-content: center; }
  .userRegister form .row input:not([type='checkbox']):not([type='radio']) {
    width: 100%;
    margin-bottom: 0; }
  .userRegister form .row.styledCheckbox .label {
    text-align: left; }
  .userRegister form .row .label {
    font-weight: bold;
    margin-bottom: 0.25rem; }
  .userRegister form .row .label:first-letter {
    text-transform: uppercase; }
  .userRegister form .row.recaptcha {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    width: 304px;
    max-width: initial;
    margin: auto; }
  @media (min-width: 40em) {
        .userRegister form .row.recaptcha {
          transform: scale(1);
          margin-bottom: 1rem; } }
  .userRegister .loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .userRegister .loader img {
    width: 5rem;
    margin: auto; }
  .userRegister button[name='fb-register'] {
    width: 100%;
    max-width: 20rem;
    background-color: #4267b2 !important;
    margin-bottom: 1rem; }
  .userRegister button[name='google-login'] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 20rem;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #1a73e8; }
  .userRegister button[name='google-login'] .icon {
    width: 1.5rem;
    height: 1.5rem; }
  .userRegister button[name='google-login'] .icon img {
    width: 1.5rem; }
  .userRegister button[name='google-login'] .title {
    font-size: 0.875rem !important;
    margin: 0 !important;
    flex: 1 0 auto;
    text-align: center;
    color: #1a73e8; }
  .userRegister .error-message {
    color: red;
    text-align: center; }

#userRegistrationDone {
  margin: auto; }
  #userRegistrationDone .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto 2rem; }
  #userRegistrationDone .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem; }
  #userRegistrationDone .title .label {
    flex-shrink: 0;
    font-size: 1.25rem; }
  #userRegistrationDone .announcement {
    text-align: center;
    font-size: 1rem; }

.addReview {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 40rem;
  box-sizing: border-box;
  padding: 1rem;
  margin: auto; }
  .addReview h2 img {
    max-width: 100px;
    vertical-align: middle; }
  .addReview img.logo {
    margin-bottom: 1rem;
    width: 30px;
    height: 30px; }
  .addReview .loader {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
  .addReview .loader img {
    margin-right: 0.5rem;
    width: 1.5rem;
    heihgt: 1.5rem; }
  .addReview .loader span {
    color: #a9a9a9; }
  .addReview .error-message {
    color: #ff181e;
    text-align: center; }
  .addReview form {
    width: 100%;
    display: none; }
  .addReview form.visible {
    display: block; }
  .addReview form#testLinks {
    text-align: center; }
  .addReview form#testLinks > .row {
    align-items: center;
    padding-top: 1rem;
    font-size: 1.1rem; }
  .addReview form .review-info-label {
    margin-bottom: 1rem;
    display: block; }
  .addReview form .sampleReview {
    display: flex;
    justify-content: flex-end; }
  .addReview form > .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.5rem; }
  .addReview form > .row label {
    display: block;
    margin-bottom: 0.25rem; }
  .addReview form > .row label.product-review-hint-label {
    font-size: 0.75rem; }
  .addReview form > .row textarea[name="content"] {
    margin-bottom: 0.25rem;
    width: calc(100%);
    height: 6rem;
    resize: none; }
  .addReview form > .row .textarea-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
  .addReview form > .row .counter {
    align-self: flex-start;
    margin-bottom: 0.5rem;
    font-family: Fira Sans Condensed, sans-serif;
    font-weight: 200;
    color: #a9a9a9;
    display: flex; }
  .addReview form > .row .counter .number {
    margin-right: 0.2rem; }
  .addReview form > .row.pros-cons .pros, .addReview form > .row.pros-cons .cons {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
    width: 100%; }
    .addReview form > .row.pros-cons .pros .row, .addReview form > .row.pros-cons .cons .row {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 0.5rem; }
      .addReview form > .row.pros-cons .pros .row img, .addReview form > .row.pros-cons .cons .row img {
        margin-right: 0.5rem;
        width: 1rem;
        height: 1rem; }
      .addReview form > .row.pros-cons .pros .row input, .addReview form > .row.pros-cons .cons .row input {
        border-radius: 0.25rem;
        -webkit-border-radius: 0.25rem;
        -moz-border-radius: 0.25rem;
        box-sizing: initial;
        margin: 0;
        padding: 0.25rem;
        font-size: 1rem;
        font-weight: 200;
        width: calc(100% - 2rem - 2px); }
      .addReview form > .row.pros-cons .pros .row .conBlacklisted, .addReview form > .row.pros-cons .cons .row .conBlacklisted {
        border: red 2px solid; }
  @media (min-width: 35em) {
        .addReview form > .row.pros-cons {
          flex-direction: row;
          justify-content: space-between;
          margin-bottom: 0; }
          .addReview form > .row.pros-cons .pros, .addReview form > .row.pros-cons .cons {
            width: calc(50% - .5rem); } }
  .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files {
    display: flex;
    flex-wrap: wrap; }
    .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file {
      width: 4rem;
      margin: 0.2rem; }
      .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file .icon img {
        display: block;
        width: 3rem;
        margin: auto;
        max-height: 4rem;
        object-fit: cover; }
      .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file .name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.875rem; }
      .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file button[name="delete"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        background: transparent;
        margin-right: 0.25rem;
        border: none;
        width: 1.25rem;
        height: 1.25rem; }
        .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file button[name="delete"]:before, .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file button[name="delete"]:after {
          position: absolute;
          background-color: #000;
          top: 0;
          right: 0;
          content: " ";
          height: 1.25rem;
          width: 0.125rem; }
        .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file button[name="delete"]:before {
          transform: rotate(45deg); }
        .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file button[name="delete"]:after {
          transform: rotate(-45deg); }
        .addReview form > .row.attachments-and-rating .attachments .reviewAttachments .files .file button[name="delete"]:hover {
          opacity: 0.7;
          cursor: pointer; }
  .addReview form > .row.attachments-and-rating .rating {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    width: 100%; }
    .addReview form > .row.attachments-and-rating .rating > label {
      margin: 0 0.5rem 0.5rem 0; }
    .addReview form > .row.attachments-and-rating .rating table tr td {
      padding: 0 0.25rem 0 0; }
    .addReview form > .row.attachments-and-rating .rating table tr td + td {
      font-size: 0.75rem;
      font-style: italic;
      width: 100%; }
    @media (min-width: 35em) {
        .addReview form > .row.attachments-and-rating .rating {
          width: calc(50% - .5rem); } }
  @media (min-width: 35em) {
        .addReview form > .row.attachments-and-rating {
          flex-direction: row;
          justify-content: space-between;
          margin-bottom: 0; }
          .addReview form > .row.attachments-and-rating > .attachments, .addReview form > .row.attachments-and-rating > .rating {
            width: calc(50% - 1rem); }
          .addReview form > .row.attachments-and-rating > .attachments {
            order: 1; } }
  .addReview form > .row.recommendation {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 1.5rem 0; }
  .addReview form > .row.recommendation > .question {
    text-align: center;
    margin-bottom: 1rem;
    max-width: 30rem; }
  .addReview form > .row.recommendation .values {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    .addReview form > .row.recommendation .values .styledRadio {
      margin: 0 0.125rem;
      width: initial;
      height: initial; }
    .addReview form > .row.recommendation .values .styledRadio label {
      display: flex;
      flex-direction: column; }
    .addReview form > .row.recommendation .values .styledRadio label .label {
      text-align: center;
      font-size: 1rem;
      margin: 0.5rem 0 0;
      width: 1.25rem; }
  .addReview form > .row.recommendation.yes-no .values div.styledRadio label {
    flex-direction: row;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio label .label, .addReview form > .row.recommendation.yes-no .values div.styledRadio label input {
      margin-top: 6px; }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio label .label {
      width: initial;
      margin-left: 6px;
      margin-right: 6px; }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio label input:checked ~ img {
      filter: initial; }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio label img {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: grayscale(0.8); }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio label:hover img {
      filter: initial; }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio:first-child label {
      flex-direction: row-reverse; }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio:first-child input {
      margin-right: 10px; }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio:last-child label .label {
      margin-left: 10px;
      margin-right: 10px; }
    .addReview form > .row.recommendation.yes-no .values div.styledRadio:last-child input {
      margin-right: 0; }
  .addReview form > .row.error-message {
    align-items: center;
    margin-top: 1rem;
    text-align: center; }
  .addReview form > .row.submit {
    align-items: center;
    flex-direction: row;
    justify-content: center; }
  .addReview form > .row.submit .back {
    margin-right: 1rem; }
  .addReview form.question > .row.question {
    display: flex;
    align-items: center; }
  .addReview form.question > .row.answer textarea {
    width: calc(100% - .5rem - 2px);
    height: 6rem;
    resize: none; }
    .addReview form.question > .row.answer .styledRadio, .addReview form.question > .row.answer .styledCheckbox {
      width: 100%; }
    .addReview form.question > .row.answer .styledRadio label, .addReview form.question > .row.answer .styledCheckbox label {
      width: 100%; }
    .addReview form.question > .row.answer .styledRadio .label {
      margin-left: 0.5rem;
      width: calc(100% - 2rem); }
    .addReview form.question > .row.answer .scale {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .addReview form.question > .row.answer .scale > .annotation {
      font-size: 0.75rem;
      margin-bottom: 0.5rem; }
    .addReview form.question > .row.answer .scale .values {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
    .addReview form.question > .row.answer .scale .values .styledRadio {
      margin: 0 0.125rem;
      width: initial; }
      .addReview form.question > .row.answer .scale .values .styledRadio label {
        display: flex;
        flex-direction: column; }
        .addReview form.question > .row.answer .scale .values .styledRadio label .label {
          text-align: center;
          font-size: 1rem;
          margin: 0.5rem 0 0;
          width: 1.25rem; }
  .addReview form.question > .row.buttons {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1rem; }
    .addReview form.question > .row.buttons input[type="button"], .addReview form.question > .row.buttons input[type="submit"] {
      font-size: 1rem;
      padding: 0 1rem;
      height: 2rem; }
  .addReview form.question > .row.progress {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%; }
  .addReview .active {
    display: block; }

#adminTable, .adminTable {
  width: 100%;
  position: relative; }
  #adminTable .overall-data, .adminTable .overall-data {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #adminTable .overall-data .item, .adminTable .overall-data .item {
    margin-right: 1rem; }
  #adminTable .overall-data .item .number, .adminTable .overall-data .item .number {
    font-weight: bold;
    margin-left: 0.25rem; }
  #adminTable h2, .adminTable h2 {
    text-align: center; }
  #adminTable table, .adminTable table {
    overflow-x: auto;
    margin: auto;
    border-collapse: collapse; }
  #adminTable table th, .adminTable table th, #adminTable table td, .adminTable table td {
    padding: 0.125rem 0.25rem; }
  #adminTable table th.checkbox div, .adminTable table th.checkbox div, #adminTable table td.checkbox div, .adminTable table td.checkbox div {
    display: flex;
    justify-content: center;
    align-items: center; }
    #adminTable table th.checkbox div input[type="checkbox"], .adminTable table th.checkbox div input[type="checkbox"], #adminTable table td.checkbox div input[type="checkbox"], .adminTable table td.checkbox div input[type="checkbox"] {
      margin-right: auto; }
  #adminTable table input[type="button"], .adminTable table input[type="button"], #adminTable table button, .adminTable table button {
    margin-bottom: 0.125rem;
    border: 1px solid #9f9f9f22;
    font-weight: normal;
    font-size: 0.75rem;
    padding: 0.125rem;
    border-radius: 0.25rem;
    height: auto; }
  #adminTable table thead tr th, .adminTable table thead tr th {
    position: sticky;
    top: 0;
    background-color: white;
    border-bottom: 1px solid ;
    text-align: left;
    max-width: 10rem;
    min-width: 7rem; }
    #adminTable table thead tr th .column-name.sortable, .adminTable table thead tr th .column-name.sortable {
      cursor: pointer; }
    #adminTable table thead tr th .column-search input, .adminTable table thead tr th .column-search input, #adminTable table thead tr th .column-search select, .adminTable table thead tr th .column-search select {
      width: 100%; }
    #adminTable table thead tr th .column-search input, .adminTable table thead tr th .column-search input {
      border-radius: 0.25rem;
      font-weight: normal;
      margin: 0; }
    #adminTable table thead tr th .column-search select, .adminTable table thead tr th .column-search select {
      min-width: 6rem; }
  #adminTable table tbody tr.warning, .adminTable table tbody tr.warning {
    color: red; }
  #adminTable table tbody tr td.date, .adminTable table tbody tr td.date {
    white-space: nowrap;
    font-size: 0.75rem; }
    #adminTable table tbody tr td.actions, .adminTable table tbody tr td.actions {
      width: 100%; }
    #adminTable table tbody tr td .normal-content, .adminTable table tbody tr td .normal-content {
      min-height: 1rem; }
    #adminTable table tbody tr td .edit-content, .adminTable table tbody tr td .edit-content {
      display: none;
      margin-bottom: 0.125rem;
      border: 1px solid #9f9f9f22;
      font-weight: normal;
      font-size: 0.75rem;
      padding: 0.125rem;
      border-radius: 0.25rem;
      height: auto;
      position: relative; }
    #adminTable table tbody tr td .edit-content.date, .adminTable table tbody tr td .edit-content.date {
      padding-bottom: 1.5rem; }
    #adminTable table tbody tr td .edit-content.date .date-picker input[name="date"], .adminTable table tbody tr td .edit-content.date .date-picker input[name="date"] {
      width: 6rem; }
    #adminTable table tbody tr td .edit-content.date .control-panel, .adminTable table tbody tr td .edit-content.date .control-panel {
      bottom: 0;
      top: auto; }
      #adminTable table tbody tr td .edit-content.date .control-panel .icon-wrap, .adminTable table tbody tr td .edit-content.date .control-panel .icon-wrap {
        width: 1.5rem;
        height: 1.5rem; }
        #adminTable table tbody tr td .edit-content.date .control-panel .icon-wrap .icon, .adminTable table tbody tr td .edit-content.date .control-panel .icon-wrap .icon {
          width: 0.75rem;
          height: 0.75rem; }
        #adminTable table tbody tr td .edit-content.date .control-panel .icon-wrap.close, .adminTable table tbody tr td .edit-content.date .control-panel .icon-wrap.close {
          margin-right: 0.25rem; }
    #adminTable table tbody tr td.loader, .adminTable table tbody tr td.loader {
      text-align: center;
      padding: 1rem; }
    #adminTable table tbody tr td.loader img, .adminTable table tbody tr td.loader img {
      width: 5rem;
      height: auto; }
    #adminTable table tbody tr td input[type="checkbox"], .adminTable table tbody tr td input[type="checkbox"] {
      margin: auto; }
    #adminTable table tbody tr td input[type="checkbox"]:disabled, .adminTable table tbody tr td input[type="checkbox"]:disabled {
      display: none; }
    #adminTable table tbody tr td input[type="checkbox"]:disabled:checked, .adminTable table tbody tr td input[type="checkbox"]:disabled:checked {
      display: block; }
    #adminTable table tbody tr td input[type="checkbox"]:after, .adminTable table tbody tr td input[type="checkbox"]:after {
      background-position: 0% 0%; }
    #adminTable table tbody tr td.control-buttons, .adminTable table tbody tr td.control-buttons {
      position: relative; }
    #adminTable table tbody tr td .actions, .adminTable table tbody tr td .actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end; }
    #adminTable table tbody tr td .actions input[type="button"], .adminTable table tbody tr td .actions input[type="button"], #adminTable table tbody tr td .actions button, .adminTable table tbody tr td .actions button {
      border-radius: 0.25rem;
      font-size: 0.625rem;
      margin: 0.25rem 0.125rem;
      padding: 0.25rem;
      min-width: 4rem;
      line-height: 1.25rem; }
    #adminTable table tbody tr td .actions input[type="button"][name='delete'], .adminTable table tbody tr td .actions input[type="button"][name='delete'], #adminTable table tbody tr td .actions button[name='delete'], .adminTable table tbody tr td .actions button[name='delete'] {
      background-color: #e3545caa; }
      #adminTable table tbody tr td .actions input[type="button"][name='delete']:hover, .adminTable table tbody tr td .actions input[type="button"][name='delete']:hover, #adminTable table tbody tr td .actions button[name='delete']:hover, .adminTable table tbody tr td .actions button[name='delete']:hover {
        background-color: #e3545cff; }
  #adminTable table tbody tr:nth-child(2n), .adminTable table tbody tr:nth-child(2n) {
    background-color: #db4a2722; }

#adminMenu, #userHistoryMenu {
  width: 100%; }
  #adminMenu > .content, #userHistoryMenu > .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    background-color: #eee;
    border-bottom: 1px solid #e1e1e1; }
  #adminMenu > .content a, #userHistoryMenu > .content a {
    display: block;
    box-sizing: border-box;
    padding: 0.5rem;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    text-transform: uppercase; }
  #adminMenu > .content a:hover, #userHistoryMenu > .content a:hover, #adminMenu > .content a.active, #userHistoryMenu > .content a.active {
    background-color: white; }
  #adminMenu > .content a.active, #userHistoryMenu > .content a.active {
    font-weight: bold;
    border-bottom: none; }
  #adminMenu > .content .spacer, #userHistoryMenu > .content .spacer {
    display: none;
    flex: 1 1 auto;
    border-bottom: 1px solid #e1e1e1;
    align-self: stretch; }
  @media (min-width: 30rem) {
    #adminMenu > .content, #userHistoryMenu > .content {
      border-bottom: none; }
      #adminMenu > .content .spacer, #userHistoryMenu > .content .spacer {
        display: block; }
      #adminMenu > .content a, #userHistoryMenu > .content a {
        border-bottom: 1px solid #e1e1e1; }
        #adminMenu > .content a:hover, #userHistoryMenu > .content a:hover, #adminMenu > .content a.active, #userHistoryMenu > .content a.active {
          border-left: 1px solid #e1e1e1;
          border-right: 1px solid #e1e1e1;
          background-color: white; }
        #adminMenu > .content a.active, #userHistoryMenu > .content a.active {
          font-weight: bold;
          border-bottom: none; } }

#userHistoryMenu {
  width: 100%; }
  #userHistoryMenu > .content a {
    padding: 0.65rem; }

#adminStripe {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  border-bottom: 1px solid #e1e1e1;
  text-transform: uppercase;
  width: 100%; }
  #adminStripe a {
    padding: 0.5rem; }
  #adminStripe a.active {
    font-weight: bold; }
  @media print {
  #adminStripe {
    display: none; } }

#searchInquiry {
  position: relative;
  width: 100%; }
  #searchInquiry input[name="searchInquiry"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  #searchInquiry .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    min-width: calc(100% - 2px);
    z-index: 1; }
  #searchInquiry .list .inquiry {
    box-sizing: border-box;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  #searchInquiry .list .inquiry:hover {
    background-color: rgba(219, 74, 39, 66);
    background-color: #db4a2766; }

#testAdministration {
  margin-bottom: 0.5rem; }
  #testAdministration .csv-exports-wrap, #testAdministration .test-links {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem; }
  #testAdministration .csv-exports-wrap a.testers-export, #testAdministration .test-links a.testers-export, #testAdministration .csv-exports-wrap a.test-link, #testAdministration .test-links a.test-link {
    display: flex;
    align-items: center;
    margin: 0.5rem; }
  #testAdministration .csv-exports-wrap a.testers-export img, #testAdministration .test-links a.testers-export img, #testAdministration .csv-exports-wrap a.test-link img, #testAdministration .test-links a.test-link img {
    border-radius: 1rem;
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #testAdministration .csv-exports-wrap a.testers-export .icon, #testAdministration .test-links a.testers-export .icon, #testAdministration .csv-exports-wrap a.test-link .icon, #testAdministration .test-links a.test-link .icon {
    color: white;
    background-color: #b30802;
    height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 50%;
    margin-right: 0.5rem; }
  #testAdministration .csv-exports-wrap a.testers-export .icon .bi.bi-file-earmark-pdf, #testAdministration .test-links a.testers-export .icon .bi.bi-file-earmark-pdf, #testAdministration .csv-exports-wrap a.test-link .icon .bi.bi-file-earmark-pdf, #testAdministration .test-links a.test-link .icon .bi.bi-file-earmark-pdf {
    margin: 6px; }
    #testAdministration .csv-exports-wrap a.testers-export .icon .bi.bi-box-arrow-up-right, #testAdministration .test-links a.testers-export .icon .bi.bi-box-arrow-up-right, #testAdministration .csv-exports-wrap a.test-link .icon .bi.bi-box-arrow-up-right, #testAdministration .test-links a.test-link .icon .bi.bi-box-arrow-up-right {
      margin: 8px; }
  #testAdministration .csv-exports-wrap a.testers-export:hover span, #testAdministration .test-links a.testers-export:hover span, #testAdministration .csv-exports-wrap a.test-link:hover span, #testAdministration .test-links a.test-link:hover span {
    text-decoration: underline; }
  #testAdministration .buttons {
    display: flex;
    justify-content: center; }
  #testAdministration .buttons.editing {
    position: fixed;
    bottom: 0;
    left: 0;
    justify-content: center;
    background-color: white;
    padding: 0.5rem;
    width: 100%;
    z-index: 201; }
  #testAdministration .buttons.editing input {
    margin-right: 0.25rem; }
  #testAdministration .buttons.editing input:last-child {
    margin-right: 0; }
  #testAdministration .inputs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  #testAdministration .inputs label {
    display: initial;
    align-items: initial; }
  #testAdministration .inputs label > * {
    vertical-align: middle; }
  #testAdministration .inputs .left {
    margin-right: 1rem; }
  #testAdministration .inputs .left .row {
    margin-bottom: 0.5rem; }
  #testAdministration .inputs .left .notChosenEmailLink #notChosenEmailLink {
    background-color: white;
    min-height: 2rem;
    border: 1px solid black;
    border-radius: 1rem;
    padding: 0.5rem; }
  #testAdministration .inputs .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
  #testAdministration .inputs .right .variants, #testAdministration .inputs .right .inquiry, #testAdministration .inputs .right .links {
    margin-top: 1rem; }
  #testAdministration .inputs .right .variants .variant, #testAdministration .inputs .right .inquiry .variant, #testAdministration .inputs .right .links .variant, #testAdministration .inputs .right .variants .link, #testAdministration .inputs .right .inquiry .link, #testAdministration .inputs .right .links .link {
    display: flex; }
    #testAdministration .inputs .right .variants .variant:hover, #testAdministration .inputs .right .inquiry .variant:hover, #testAdministration .inputs .right .links .variant:hover, #testAdministration .inputs .right .variants .link:hover, #testAdministration .inputs .right .inquiry .link:hover, #testAdministration .inputs .right .links .link:hover {
      background-color: #db4a2722; }
    #testAdministration .inputs .right .variants .variant span, #testAdministration .inputs .right .inquiry .variant span, #testAdministration .inputs .right .links .variant span, #testAdministration .inputs .right .variants .link span, #testAdministration .inputs .right .inquiry .link span, #testAdministration .inputs .right .links .link span {
      flex: 1 0 auto; }
  #testAdministration .inputs .right .variants .variant span, #testAdministration .inputs .right .inquiry .variant span, #testAdministration .inputs .right .variants .link span, #testAdministration .inputs .right .inquiry .link span, #testAdministration .inputs .right .variants .variant a, #testAdministration .inputs .right .inquiry .variant a, #testAdministration .inputs .right .variants .link a, #testAdministration .inputs .right .inquiry .link a {
    display: block; }
  #testAdministration .inputs .right .products, #testAdministration .inputs .right .variants, #testAdministration .inputs .right .links {
    border: 1px solid #000;
    border-radius: 0.5rem;
    padding: 0.5rem;
    width: 20rem; }
  #testAdministration .inputs .right .products .label, #testAdministration .inputs .right .variants .label, #testAdministration .inputs .right .links .label {
    font-weight: bold; }
  #testAdministration .inputs .right .products .product, #testAdministration .inputs .right .variants .product, #testAdministration .inputs .right .links .product, #testAdministration .inputs .right .products .variant, #testAdministration .inputs .right .variants .variant, #testAdministration .inputs .right .links .variant {
    margin-left: 1rem; }
  #testAdministration .inputs .right .products .button-wrap, #testAdministration .inputs .right .variants .button-wrap, #testAdministration .inputs .right .links .button-wrap {
    text-align: center;
    margin-top: 0.5rem; }
  #testAdministration .inputs .right .links {
    width: 30rem; }
  #testAdministration .inputs .right .upload-head-image {
    width: 21rem; }
  #testAdministration .inputs .right .upload-head-image .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #testAdministration .inputs .right .upload-head-image .file .upload-progress {
      width: calc(100% - 2px);
      border-radius: 0.125rem;
      overflow: hidden; }
    #testAdministration .inputs .right .upload-head-image .file .upload-progress .value {
      height: 0.5rem;
      background-color: #db4a27; }
    #testAdministration .inputs .right .upload-head-image .file > div {
      display: flex;
      width: 100%; }
    #testAdministration .inputs .right .upload-head-image .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1; }
    #testAdministration .inputs .right .upload-head-image .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      width: 1.25rem;
      height: 1.25rem; }
    #testAdministration .inputs .right .upload-head-image .file > div button[name="remove"]:before, #testAdministration .inputs .right .upload-head-image .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #testAdministration .inputs .right .upload-head-image .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #testAdministration .inputs .right .upload-head-image .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #testAdministration .inputs .right .upload-head-image .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #testAdministration .inputs .right .upload-head-image .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
    #testAdministration .inputs .right .upload-head-image .drop-zone input[name="file"] {
      display: none; }
    #testAdministration .inputs .right .upload-head-image .drop-zone div {
      text-align: center;
      font-family: Fira Sans Condensed, sans-serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #testAdministration .inputs .right .upload-head-image .drop-zone div a:hover {
      text-decoration: underline; }
    #testAdministration .inputs .right .upload-head-image .drop-zone:hover {
      cursor: pointer; }
    #testAdministration .inputs .right .upload-head-image .drop-zone:hover a {
      text-decoration: underline; }
  @media print {
  #testAdministration {
    display: none; } }

.head-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 2.5rem;
  box-sizing: border-box; }
  @media (min-width: 40rem) {
  .head-banner {
    height: 10rem;
    padding: 0.5rem; } }
  @media (min-width: 60em) {
  .head-banner {
    height: 15rem; } }
  @media (min-width: 80em) {
  .head-banner {
    height: 20rem; } }
  .head-banner.head-banner-contain {
    background-size: contain; }
  .head-banner .forms {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column; }
  @media (min-width: 30rem) {
    .head-banner .forms {
      flex-direction: row; } }
  .head-banner .forms button {
    font-size: 0.7rem;
    padding: 0.1rem 0.5rem;
    margin: 0.2rem 0; }
  @media (min-width: 40em) {
    .head-banner .forms {
      margin-top: 1.5rem; }
      .head-banner .forms button[name="pre-registration"] {
        margin-right: 1.5rem; }
      .head-banner .forms button {
        background-color: #db4a27;
        margin: 0;
        font-size: 1rem;
        padding: 0.25rem 1.5rem; } }
  .head-banner h1 {
    color: white;
    text-align: center;
    font-size: 1.5rem; }
  .head-banner .title {
    color: white;
    text-align: center;
    font-size: 1rem; }

#clientHeader {
  width: 100%;
  font-family: Montserrat;
  background-color: #fff; }
  #clientHeader .header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    min-height: 3rem;
    border-bottom: 1px solid #999; }
  #clientHeader .header .left {
    flex: 1 0 15%; }
  #clientHeader .header .left .image {
    width: 9.5rem;
    margin-left: 1rem; }
  #clientHeader .header .left .image img {
    width: 100%; }
  #clientHeader .header .center {
    flex: 1 0 70%;
    font-weight: lighter;
    text-align: center;
    font-size: 1.125rem; }
  #clientHeader .header .right {
    flex: 1 0 15%; }
  #clientHeader .menu {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    min-height: 2rem;
    border-bottom: 1px solid #999; }
  #clientHeader .menu .item {
    font-weight: lighter;
    font-size: 0.875rem; }
  #clientHeader .menu .item:hover {
    text-decoration: underline; }
  #clientHeader .filter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 3rem;
    border-bottom: 1px solid #999; }
  #clientHeader .filter .title {
    font-size: 1.5rem;
    font-weight: bold; }
  #clientHeader .client {
    border-bottom: 1px solid #999;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  #clientHeader .client .container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 50rem;
    margin: auto; }
  #clientHeader .client .container .counter .value {
    margin: auto;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center; }
  #clientHeader .client .container .service-logo .text {
    margin-bottom: 0.5rem;
    font-size: 1rem; }
  #clientHeader .client .container .service-logo .logo {
    margin: auto;
    width: 8.25rem; }
    #clientHeader .client .container .service-logo .logo img {
      width: 100%; }
  @media (min-width: 50em) {
  #clientHeader .header, #clientHeader .menu, #clientHeader .client .container, #clientHeader .filter {
    flex-direction: row; }
  #clientHeader .menu .item {
    margin-right: 4rem; } }
  @media print {
  #clientHeader {
    display: none; } }

.clientOverviewCard {
  width: calc(100% - 2rem);
  max-width: 62.5rem;
  background-color: #fff;
  border: 1px solid #999;
  margin: 1rem;
  font-family: Montserrat; }
  .clientOverviewCard .image {
    width: 15rem;
    height: 11rem;
    flex-shrink: 0;
    max-width: 100%;
    margin: auto; }
  .clientOverviewCard .image img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  @media print {
    .clientOverviewCard .image {
      width: 15rem; } }
  .clientOverviewCard .body {
    width: calc(100% - 2rem);
    padding: 1rem; }
  .clientOverviewCard .body h3 {
    text-align: center;
    margin-bottom: 1.5rem; }
  @media (min-width: 50em) {
      .clientOverviewCard .body h3 {
        text-align: left; } }
  .clientOverviewCard .body .stats {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap-reverse; }
  .clientOverviewCard .body .stats div > .claim {
    color: #999;
    font-size: 0.875rem;
    margin-bottom: 0.5rem; }
  .clientOverviewCard .body .stats .date .value {
    font-size: 1rem;
    font-weight: bolder;
    max-width: 20rem;
    margin-bottom: 0.5rem; }
  .clientOverviewCard .body .stats .date .services {
    display: flex;
    justify-content: center;
    margin-top: 1rem; }
    .clientOverviewCard .body .stats .date .services .logo-wrapper {
      max-width: 10rem;
      margin: 0 0.5rem; }
    .clientOverviewCard .body .stats .date .services .logo-wrapper img {
      max-height: 4rem; }
    .clientOverviewCard .body .stats .date .services .vsechnocomamrada {
      max-width: 5rem;
      margin: 0 0.5rem; }
  .clientOverviewCard .body .stats .reviews .value, .clientOverviewCard .body .stats .nps .value {
    font-size: 1.75rem;
    font-weight: bolder; }
  .clientOverviewCard .body .stats .score .value {
    font-size: 1.75rem;
    font-weight: bolder; }
  .clientOverviewCard .body .stats div {
    margin-bottom: 0.5rem; }
  @media (min-width: 50em) {
        .clientOverviewCard .body .stats div {
          margin-bottom: 0; } }
  @media (min-width: 50em) {
  .clientOverviewCard {
    display: flex;
    flex-direction: row; }
    .clientOverviewCard .image {
      margin: initial; } }

#clientProductCard {
  width: 75rem;
  max-width: calc(100% - 2rem);
  background-color: #fff;
  border: 1px solid #999;
  margin: 1rem;
  font-family: Montserrat; }
  #clientProductCard .image {
    width: 17rem;
    height: 11rem;
    flex-shrink: 0;
    max-width: 100%;
    margin: auto; }
  #clientProductCard .image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  @media print {
    #clientProductCard .image {
      width: 15rem; } }
  #clientProductCard .body {
    width: calc(100% - 2rem);
    padding: 1rem; }
  #clientProductCard .body h3 {
    text-align: center;
    margin-bottom: 0.75rem; }
  @media (min-width: 50em) {
      #clientProductCard .body h3 {
        text-align: left; } }
  #clientProductCard .body .stats {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    text-align: center;
    flex-wrap: wrap-reverse; }
  #clientProductCard .body .stats > div {
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
  #clientProductCard .body .stats > div .claim {
    color: #999;
    font-size: 0.875rem; }
  #clientProductCard .body .stats .row {
    display: flex;
    flex-direction: row;
    width: auto; }
  #clientProductCard .body .stats .row .reviews .value, #clientProductCard .body .stats .row .range .value, #clientProductCard .body .stats .row .enrollments .value {
    font-size: 1.75rem;
    font-weight: bolder; }
  #clientProductCard .body .stats .row .tested-on .logo {
    width: 6rem; }
    @media (min-width: 50em) {
          #clientProductCard .body .stats .row .tested-on .logo {
            width: 9.5rem; } }
    #clientProductCard .body .stats .row .tested-on .logo img {
      max-height: 4rem; }
  #clientProductCard .body .stats .row div {
    margin-right: 0.5rem; }
    #clientProductCard .body .stats .row div:last-child {
      margin-right: 0; }
  @media (min-width: 50em) {
        #clientProductCard .body .stats .row {
          width: 60%; } }
  #clientProductCard .body .stats .date {
    width: auto; }
  #clientProductCard .body .stats .date .value {
    max-width: 20rem; }
  @media (min-width: 50em) {
        #clientProductCard .body .stats .date {
          width: 40%; } }
  #clientProductCard .body .stats div {
    margin-bottom: 0.5rem; }
  @media (min-width: 50em) {
        #clientProductCard .body .stats div {
          margin-bottom: 0; } }
  @media (min-width: 50em) {
  #clientProductCard {
    display: flex;
    flex-direction: row; }
    #clientProductCard .image {
      margin: initial; } }

.download-image {
  position: relative; }
  .download-image img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important; }
  .download-image .overlay {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 0; }
  .download-image .overlay:hover {
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center; }
  .download-image .overlay:hover:before {
    content: "\21E9";
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    font-weight: bold; }

#back-link {
  display: none;
  text-align: center;
  font-weight: 600; }

#breadcrumb {
  display: flex;
  padding: 1rem 0 1rem 0;
  font-size: 0.9rem;
  align-items: center; }
  #breadcrumb p {
    margin: 0 0.2rem; }

#footer2 {
  padding: 0.5rem 0;
  width: 100%; }
  #footer2 .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto; }
  #footer2 .content .full {
    width: 100%; }
  #footer2 .content .full .newsletter {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 1rem; }
  #footer2 .content .full .newsletter .claim, #footer2 .content .full .newsletter .row {
    margin: 0 1rem; }
  #footer2 .content .full .newsletter .claim {
    font-family: Fira Sans Condensed, sans-serif;
    margin-bottom: 0.5rem; }
  #footer2 .content .full .newsletter .row {
    display: flex;
    flex-direction: column;
    max-width: 20rem; }
    #footer2 .content .full .newsletter .row input {
      width: 100%; }
    #footer2 .content .full .newsletter .row input[name="email"] {
      background-color: #fff;
      width: calc(100%);
      max-width: calc(100% - 1rem - 2px); }
    #footer2 .content .full .newsletter .row input[name="subscribe"] {
      max-width: calc(100%); }
  @media (min-width: 30rem) {
        #footer2 .content .full .newsletter {
          width: 100%; }
          #footer2 .content .full .newsletter .row {
            flex-direction: row;
            max-width: initial; }
            #footer2 .content .full .newsletter .row input[name="email"] {
              margin: 0 0.5rem 0 0;
              width: 15rem; }
            #footer2 .content .full .newsletter .row input[name="subscribe"] {
              min-width: 8rem; } }
  #footer2 .content .full .newsletter-confirmation {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    font-family: Fira Sans Condensed, sans-serif;
    margin: 0.5rem 1rem 1rem;
    padding: 0.5rem 1rem;
    color: #000; }
  #footer2 .content .full .newsletter-confirmation .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    #footer2 .content .full .newsletter-confirmation .row img {
      margin-right: 0.5rem;
      width: 1.5rem;
      height: 1.5rem; }
    #footer2 .content .full .newsletter-confirmation .row p {
      margin: 0; }
  #footer2 .content .left {
    flex: 1 0 30%; }
  #footer2 .content .left a {
    font-size: 0.75rem;
    font-weight: normal;
    display: block;
    margin: 0.25rem; }
  #footer2 .content .left a:hover {
    text-decoration: underline;
    opacity: 0.75; }
  #footer2 .content .left a:first-letter {
    text-transform: uppercase; }
  #footer2 .content .center {
    flex: 1 0 40%;
    text-align: center;
    font-size: 0.75rem; }
  #footer2 .content .center .links {
    margin: 0.25rem; }
  #footer2 .content .center .links a {
    font-weight: normal; }
  #footer2 .content .center .copy {
    font-family: Fira Sans Condensed, sans-serif;
    font-weight: bold; }
  #footer2 .content .center .version {
    margin-top: 0.25rem;
    font-size: 0.625rem;
    opacity: 0.375; }
  #footer2 .content .right {
    flex: 1 0 30%; }

#footerOpPprLogoLink {
  width: 100%; }
  #footerOpPprLogoLink > .content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto;
    width: calc(100% - 4rem);
    max-width: 88rem; }
  #footerOpPprLogoLink > .content a img {
    display: block;
    max-height: 6rem; }

#paging {
  display: flex;
  align-items: flex-end;
  max-width: 100%;
  flex-wrap: wrap; }
  #paging button {
    margin: 0.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    background-color: black;
    color: white;
    border: none;
    cursor: pointer; }
  #paging button.inverse {
    background-color: #db4a27;
    cursor: initial; }

#path {
  width: 100%;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  margin-left: 1rem; }
  #path a {
    color: #db4a27;
    display: inline-block; }
  #path a:hover {
    color: #db4a27; }
  #path a:first-letter {
    text-transform: uppercase; }

#stopReincarnation {
  position: fixed;
  top: 0;
  right: 0; }

#serviceBannerText {
  margin-bottom: 1rem; }

.buttons {
  display: flex;
  justify-content: flex-end; }
  .buttons input:first-child {
    margin-right: 0.5rem; }

#gallery, #videoGallery {
  overflow: auto;
  display: flex;
  margin-bottom: 1rem;
  max-height: 6rem; }
  #gallery img, #videoGallery img, #gallery video, #videoGallery video {
    padding: 0.5rem;
    max-height: 4.5rem;
    flex-shrink: 0; }
  #gallery .show-more-attachments, #videoGallery .show-more-attachments {
    border: 1px solid #db4a27;
    font-family: OpenSans, sans-serif;
    font-size: 1rem;
    align-items: center;
    display: flex;
    padding: 0.8rem;
    margin: auto 0;
    text-align: center; }

#inquiryForm {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 1rem; }
  #inquiryForm .questions {
    display: flex;
    flex-direction: column;
    width: 100%; }
  #inquiryForm .questions .question {
    margin-bottom: 1rem; }
  #inquiryForm .questions .question .name {
    margin-bottom: 0.5rem;
    font-weight: bold; }
  #inquiryForm .questions .question .options label {
    font-family: Fira Sans Condensed, sans-serif;
    display: block;
    margin-bottom: 0.25rem; }
  #inquiryForm .questions .question .options textarea {
    width: calc(100% - .5rem - 2px);
    max-width: calc(100% - .5rem - 2px);
    min-height: 4rem;
    padding: 0.25rem;
    margin-bottom: 0; }
  #inquiryForm .questions .question .options span {
    font-weight: normal; }
  @media (min-width: 35rem) {
  #inquiryForm .questions {
    justify-content: space-between;
    align-items: center; }
    #inquiryForm .questions .question {
      width: calc(50% - .5rem); } }

.testCard {
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
  width: 18rem;
  margin: 0.5rem;
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
  display: block; }
  .testCard.hidden {
    background: #dedede;
    opacity: 0.5; }
  .testCard .image-wrap {
    position: relative;
    width: 18rem;
    margin: auto;
    margin-bottom: 0.5rem;
    overflow: hidden;
    flex: 0 0 auto;
    padding-top: 11.9rem; }
  .testCard .image-wrap .picture {
    position: absolute;
    width: 100%;
    top: 0;
    object-position: center center;
    object-fit: cover; }
  .testCard .image-wrap .startEditing {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem; }
  .testCard .title {
    position: relative;
    font-weight: bold;
    font-family: SourceSansPro, sans-serif;
    text-align: center;
    font-size: 0.875rem;
    color: #db4a27; }
  .testCard .title:hover {
    text-decoration: underline; }
  .testCard .title:first-letter {
    text-transform: uppercase; }
  .testCard a.topTool {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 100%;
    font-family: RobotoSlab;
    font-size: 0.75rem;
    opacity: 0.3;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    top: 0.5rem;
    left: 0.5rem; }
  .testCard a.topTool:hover, .testCard a.topTool.active {
    opacity: 1; }

#reviewProgressBar {
  width: 100%; }
  #reviewProgressBar .progressbar {
    counter-reset: step;
    padding: 0; }
  #reviewProgressBar .progressbar li {
    list-style-type: none;
    float: left;
    font-size: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #ccc;
    z-index: 0; }
  #reviewProgressBar .progressbar li:first-child:nth-last-child( 1), #reviewProgressBar .progressbar li:first-child:nth-last-child( 1) ~ li {
    width: calc(100% / 1); }
  #reviewProgressBar .progressbar li:first-child:nth-last-child( 2), #reviewProgressBar .progressbar li:first-child:nth-last-child( 2) ~ li {
    width: calc(100% / 2); }
  #reviewProgressBar .progressbar li:first-child:nth-last-child( 3), #reviewProgressBar .progressbar li:first-child:nth-last-child( 3) ~ li {
    width: calc(100% / 3); }
  #reviewProgressBar .progressbar li:first-child:nth-last-child( 4), #reviewProgressBar .progressbar li:first-child:nth-last-child( 4) ~ li {
    width: calc(100% / 4); }
  #reviewProgressBar .progressbar li:first-child:nth-last-child( 5), #reviewProgressBar .progressbar li:first-child:nth-last-child( 5) ~ li {
    width: calc(100% / 5); }
  #reviewProgressBar .progressbar li:before {
    width: 50px;
    height: 50px;
    content: counter(step);
    counter-increment: step;
    font-size: 20px;
    font-weight: bold;
    border: 3px solid #ccc;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center; }
  #reviewProgressBar .progressbar li:after {
    width: 100%;
    height: 3px;
    content: '';
    position: absolute;
    background-color: #ccc;
    top: 27px;
    left: calc(-50% + 25px);
    z-index: -1; }
  #reviewProgressBar .progressbar li:first-child:after {
    content: none; }
  #reviewProgressBar .progressbar li.active {
    color: #db4a27;
    font-weight: bold; }
  #reviewProgressBar .progressbar li.active:before {
    border-color: #db4a27; }
  #reviewProgressBar .progressbar li.done:before {
    border-color: #db4a27;
    background-color: #db4a27;
    color: white; }
  #reviewProgressBar .progressbar li.done + li:after {
    background-color: #db4a27; }

#testActions {
  display: flex;
  justify-content: space-around;
  padding: 1.5rem 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem; }
  #testActions .action {
    max-width: 20rem;
    margin-bottom: 1rem; }
  #testActions .action a {
    display: block;
    text-align: center; }
  #testActions .action .call-to-action-btn:hover {
    opacity: 0.9; }

.testCard {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  position: relative;
  width: 30rem;
  max-width: 100%;
  box-sizing: border-box;
  margin: 1rem;
  border: 1px solid #ababab;
  padding: 0.5rem 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .testCard.invisible, .testCard.secret {
    opacity: 0.25; }
  .testCard .image-wrap {
    width: 100%;
    padding-top: calc(100% / (740 / 480));
    position: relative;
    overflow: hidden; }
  .testCard .image-wrap img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }
  .testCard .title, .testCard .perex {
    text-align: center;
    padding: 0.125rem 0.5rem; }
  .testCard .title {
    margin-top: 0.5rem; }
  .testCard .perex {
    font-weight: normal;
    font-size: 0.875rem; }
  .testCard .logo {
    height: 2rem;
    margin: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center; }
  .testCard .logo img {
    max-height: 100%; }
  .testCard button {
    margin: 1rem; }
  .testCard > a {
    color: #000; }
  .testCard a.topTool {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 100%;
    font-family: RobotoSlab;
    font-size: 0.75rem;
    opacity: 0.3;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    top: 0.5rem;
    left: 0.5rem; }
  .testCard a.topTool:hover, .testCard a.topTool.active {
    opacity: 1; }
  @media (min-width: 30rem) {
  .testCard {
    width: calc(100% / 2 - 2rem); } }
  @media (min-width: 60rem) {
  .testCard {
    width: calc(100% / 3 - 2rem); } }

#testConnectForm {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  width: 100%;
  box-sizing: border-box;
  max-width: 40rem;
  margin: auto; }
  #testConnectForm form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #testConnectForm form .rows {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 1rem; }
  #testConnectForm form .rows h2 {
    margin: auto;
    margin-bottom: 0.5rem; }
  #testConnectForm form .rows .row label {
    font-family: Fira Sans Condensed, sans-serif;
    display: block;
    margin-bottom: 0.25rem; }
  #testConnectForm form .rows .row textarea[name="text"] {
    width: calc(100% - .5rem - 2px);
    max-width: calc(100% - .5rem - 2px);
    min-height: 4rem;
    padding: 0.25rem;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem; }
  #testConnectForm form .rows .row.question-answer {
    width: 100%; }
    #testConnectForm form .rows .row.question-answer .question {
      width: 100%;
      text-align: center; }
    #testConnectForm form .rows .row.question-answer textarea[name="question-answer"] {
      width: 100%;
      box-sizing: border-box;
      padding: 0.25rem;
      margin-bottom: 0.5rem;
      height: 2rem; }
  #testConnectForm form .rows .row.attachment .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px black;
    margin-bottom: 0.5rem;
    padding: 0.25rem;
    width: 100%;
    min-height: 4rem; }
    #testConnectForm form .rows .row.attachment .drop-zone input[name="file"] {
      display: none; }
    #testConnectForm form .rows .row.attachment .drop-zone div {
      text-align: center;
      font-family: Fira Sans Condensed, sans-serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #testConnectForm form .rows .row.attachment .drop-zone div a:hover {
      text-decoration: underline; }
    #testConnectForm form .rows .row.attachment .drop-zone:hover {
      cursor: pointer; }
    #testConnectForm form .rows .row.attachment .drop-zone:hover a {
      text-decoration: underline; }
    #testConnectForm form .rows .row.attachment .file {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    #testConnectForm form .rows .row.attachment .file > div {
      display: flex;
      width: 100%; }
    #testConnectForm form .rows .row.attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1; }
    #testConnectForm form .rows .row.attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      width: 1.25rem;
      height: 1.25rem;
      min-width: initial; }
      #testConnectForm form .rows .row.attachment .file > div button[name="remove"]:before, #testConnectForm form .rows .row.attachment .file > div button[name="remove"]:after {
        position: absolute;
        background-color: #000;
        top: 0;
        left: 0.5rem;
        content: " ";
        height: 1.25rem;
        width: 0.125rem; }
      #testConnectForm form .rows .row.attachment .file > div button[name="remove"]:before {
        transform: rotate(45deg); }
      #testConnectForm form .rows .row.attachment .file > div button[name="remove"]:after {
        transform: rotate(-45deg); }
      #testConnectForm form .rows .row.attachment .file > div button[name="remove"]:hover {
        opacity: 0.7;
        cursor: pointer; }
    #testConnectForm form .rows .row.attachment .file .upload-progress {
      width: 100%; }
  #testConnectForm form .rows .row.invitations .list, #testConnectForm form .rows .row.invitations .inviter {
    margin-bottom: 0.5rem; }
    #testConnectForm form .rows .row.invitations .list .email {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
    #testConnectForm form .rows .row.invitations .list .email button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      width: 1.25rem;
      height: 1.25rem;
      min-width: initial; }
      #testConnectForm form .rows .row.invitations .list .email button[name="remove"]:before, #testConnectForm form .rows .row.invitations .list .email button[name="remove"]:after {
        position: absolute;
        background-color: #000;
        top: 0;
        left: 0.5rem;
        content: " ";
        height: 1.25rem;
        width: 0.125rem; }
      #testConnectForm form .rows .row.invitations .list .email button[name="remove"]:before {
        transform: rotate(45deg); }
      #testConnectForm form .rows .row.invitations .list .email button[name="remove"]:after {
        transform: rotate(-45deg); }
      #testConnectForm form .rows .row.invitations .list .email button[name="remove"]:hover {
        opacity: 0.7;
        cursor: pointer; }
    #testConnectForm form .rows .row.invitations .list .email .value {
      flex-grow: 1; }
    #testConnectForm form .rows .row.invitations .inviter {
      font-family: Fira Sans Condensed, sans-serif;
      color: #db4a27; }
    #testConnectForm form .rows .row.invitations .add {
      display: flex;
      justify-content: space-between; }
    #testConnectForm form .rows .row.invitations .add input[name="invitation"], #testConnectForm form .rows .row.invitations .add button[name="addInvitation"] {
      padding: 0 0.5rem; }
    #testConnectForm form .rows .row.invitations .add input[name="invitation"] {
      flex-shrink: 1;
      margin-right: 0.5rem;
      height: calc(2rem - 2px);
      min-width: 10rem; }
    #testConnectForm form .rows .row.invitations .add button[name="addInvitation"] {
      font-size: 0.75rem;
      height: 2rem; }
  #testConnectForm form .rows .row.variants {
    margin-bottom: 0.5rem; }
    #testConnectForm form .rows .row.variants .styledSelect {
      width: calc(100% - 2px);
      max-width: calc(100% - 2px); }
  #testConnectForm form .rows .row.address .filled, #testConnectForm form .rows .row.phone .filled {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    #testConnectForm form .rows .row.address button[name="editAddress"], #testConnectForm form .rows .row.phone button[name="editAddress"], #testConnectForm form .rows .row.address button[name="editPhone"], #testConnectForm form .rows .row.phone button[name="editPhone"] {
      background-color: transparent;
      background-image: url("/static/img/edit-black.png");
      background-repeat: no-repeat;
      background-size: 1rem 1rem;
      background-position: 50% 50%;
      border: none;
      width: 1rem;
      height: 1rem;
      cursor: pointer; }
    #testConnectForm form .rows .row.address button[name="editAddress"]:active, #testConnectForm form .rows .row.phone button[name="editAddress"]:active, #testConnectForm form .rows .row.address button[name="editPhone"]:active, #testConnectForm form .rows .row.phone button[name="editPhone"]:active {
      background-image: url("/static/img/edit-blue.png"); }
  #testConnectForm form .rows .row.address .filled > div {
    font-family: Fira Sans Condensed, sans-serif;
    font-weight: 200;
    width: calc(100% - 1.5rem); }
    #testConnectForm form .rows .row.address .unfilled > div {
      margin-bottom: 0.5rem; }
    #testConnectForm form .rows .row.address .unfilled > div input.styled-input {
      border-radius: 0.25rem;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      margin: 0;
      width: calc(100% - 1rem - 2px); }
    #testConnectForm form .rows .row.address .unfilled > div .styledSelect {
      width: calc(100% - 2px); }
  #testConnectForm form .rows .row input[name="phone"], #testConnectForm form .rows .row input[name='invitation'], #testConnectForm form .rows .row input[name="firstName"], #testConnectForm form .rows .row input[name='lastName'], #testConnectForm form .rows .row input[name="birthday"], #testConnectForm form .rows .row input[name="password"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: 200;
    width: calc(100% - 1rem - 2px); }
  #testConnectForm form .rows .row .styledSelect {
    width: calc(100% - 2px); }
  #testConnectForm form .rows .row.gender {
    margin-bottom: 1rem; }
    #testConnectForm form .rows .row.gender div {
      display: flex; }
    #testConnectForm form .rows .row.gender div label {
      margin-right: 1rem; }
  #testConnectForm form .terms-agreement, #testConnectForm form .data-agreement {
    margin-top: 0.75rem;
    width: calc(50% - .5rem); }
  #testConnectForm form .error-message {
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 100%;
    color: #f00; }
  #testConnectForm form .loader {
    display: flex;
    align-items: center;
    font-family: Fira Sans Condensed, sans-serif; }
  #testConnectForm form .loader img {
    margin-right: 0.5rem;
    width: 1.5rem;
    height: 1.5rem; }
  #testConnectForm form input[name="send"] {
    margin-top: 1rem;
    width: 20rem;
    max-width: 100%; }
  @media (min-width: 35rem) {
  #testConnectForm form .rows {
    justify-content: space-between; }
    #testConnectForm form .rows .row {
      width: calc(50% - .5rem);
      margin: auto; } }

.testEnrollmentCard {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  min-width: 7.5rem; }
  .testEnrollmentCard .user {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem; }
  .testEnrollmentCard .user img {
    border-radius: 50%;
    width: 2rem;
    margin-right: 0.5rem; }

#testImage {
  position: relative;
  width: 100%;
  max-width: 80vh;
  margin: auto;
  margin-bottom: 1rem; }
  #testImage .image-wrapper {
    width: 100%;
    padding-top: calc(100% / (740 / 480));
    position: relative;
    overflow: hidden; }
  #testImage .image-wrapper img {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute; }
  #testImage .state {
    text-align: center;
    position: absolute;
    padding: 0.5rem 0;
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
    font-size: 1.25rem;
    bottom: 0;
    left: 0;
    width: 100%; }

#testInfo {
  padding: 0 1rem; }
  #testInfo .item {
    text-align: center; }
  #testInfo .item .label {
    font-size: 0.875rem; }
  #testInfo .item .value {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0.5rem 0; }
  #testInfo .item .value .date {
    margin: 0 0.5rem;
    line-height: 1; }
  #testInfo .item .value .time {
    font-size: 1rem;
    line-height: 1; }
  #testInfo .item .value .rating {
    width: 100%; }
  #testInfo .item .value .rating .rating-stars {
    margin: auto; }
  #testInfo .item .value .histogram {
    margin-bottom: 0.5rem;
    width: 10rem;
    margin: auto; }
  #testInfo .item .value .histogram .row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: normal; }
    #testInfo .item .value .histogram .row .number {
      text-align: right;
      font-size: 1rem;
      margin-right: 0.25rem;
      min-width: 1rem; }
    #testInfo .item .value .histogram .row .star {
      background-image: url("/static/img/star.png");
      background-repeat: no-repeat;
      background-size: 1.5rem 2.25rem;
      background-position: 100% 100%;
      margin-right: 0.25rem;
      width: 0.75rem;
      height: 0.75rem; }
    #testInfo .item .value .histogram .row .bar {
      background-color: black;
      margin-right: 0.25rem;
      height: 0.25rem; }
    #testInfo .item .value .histogram .row .count {
      font-size: 0.75rem;
      flex: 0 0 auto; }
  #testInfo .item.date {
    width: 100%; }
  #testInfo .enrollment {
    width: 100%;
    font-weight: bold;
    color: #db4a27;
    font-size: 1.25rem;
    text-align: center;
    margin: 0.5rem 0; }
  @media (min-width: 35em) {
  #testInfo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #testInfo .item {
      width: calc(33% - .5rem); }
      #testInfo .item > .label {
        font-size: 0.75rem; }
      #testInfo .item .value {
        font-size: 1.75rem; }
        #testInfo .item .value .time {
          margin-left: 0.5rem; }
        #testInfo .item .value .histogram {
          width: 10rem;
          margin: auto; } }
  #testInfo .criteria {
    width: 100%;
    margin-bottom: 1rem; }
  #testInfo .criteria h2, #testInfo .criteria p {
    text-align: left; }
  #testInfo .criteria h2 {
    font-size: 1rem; }
  #testInfo .criteria span {
    font-size: 0.75rem; }
  @media (min-width: 40em) {
  #testInfo {
    flex-direction: row; }
    #testInfo .item .value {
      font-size: 1.75rem; }
      #testInfo .item .time {
        font-size: 1.25rem; }

    #testInfo .criteria {
      margin: 1rem;
      padding: 1rem;
      border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      border: 1px solid #db4a27;
      box-sizing: border-box;
      width: calc(100% - 2rem); }
      #testInfo .criteria h2 {
        font-size: 1.5rem; }
      #testInfo .criteria span {
        font-size: 1rem; } }

#testReviewAnnonymUser {
  width: 100%;
  max-width: 40rem;
  margin: auto;
  padding-top: 1rem; }
  #testReviewAnnonymUser .separator {
    display: flex; }
  #testReviewAnnonymUser .separator .line {
    margin: 1rem;
    flex: 1 0 auto; }
  #testReviewAnnonymUser form[name='annonym'] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem; }
  #testReviewAnnonymUser form[name='annonym'] label {
    width: 18rem;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
  #testReviewAnnonymUser form[name='annonym'] label input {
    width: 100%; }
  #testReviewAnnonymUser form[name='annonym'] label span {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #testReviewAnnonymUser form[name='annonym'] label span:first-letter {
    text-transform: uppercase; }
  #testReviewAnnonymUser form[name='annonym'] .placeholder {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 1rem auto;
    width: 2rem;
    height: 2rem; }
  #testReviewAnnonymUser form[name='annonym'] .singleLogin {
    margin-top: 1rem; }
  #testReviewAnnonymUser form[name='annonym'] .message {
    text-align: center; }
  #testReviewAnnonymUser h2 {
    text-align: center; }

#testReviewsComponent {
  margin-bottom: 2rem; }
  #testReviewsComponent .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    width: calc(100% - 2rem);
    border: 1px solid #db4a27; }
  #testReviewsComponent .head .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.8rem; }
  #testReviewsComponent .head .left .label {
    text-transform: uppercase;
    margin-right: 0.5rem; }
  #testReviewsComponent .head .left .count {
    margin-right: 0.5rem;
    color: #db4a27; }
  #testReviewsComponent .head .right button[name="arrow"] {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    position: relative;
    background-color: transparent;
    border: none;
    border-top: solid 3px #db4a27;
    border-left: solid 3px #db4a27;
    width: 1rem;
    height: 1rem;
    top: 6px;
    cursor: pointer;
    min-width: 0;
    padding: 0; }
  #testReviewsComponent .products {
    margin: 1rem 0;
    border: 1px solid #db4a27;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-transform: capitalize; }
  #testReviewsComponent .body .review {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom: solid 1px #d1d1d1;
    padding: 1rem 0 0;
    width: 100%; }
  #testReviewsComponent .body .review:last-child {
    border-bottom: none; }
  #testReviewsComponent .body .review .left {
    flex-shrink: 0;
    margin-right: 1rem; }
  #testReviewsComponent .body .review .left .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0.5rem; }
    #testReviewsComponent .body .review .left .user img {
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      margin: 0 0.25rem 0 0;
      width: 2rem;
      height: 2rem; }
    #testReviewsComponent .body .review .left .user .name {
      margin: 0 0.25rem 0 0;
      color: #db4a27; }
    #testReviewsComponent .body .review .left .user .email {
      margin: 0 0 0 0.25rem;
      color: #db4a27; }
  #testReviewsComponent .body .review .right .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
    #testReviewsComponent .body .review .right .content .text {
      margin-bottom: 0.5rem; }
  #testReviewsComponent .body .review .right img, #testReviewsComponent .body .review .right .download-image {
    margin-bottom: 0.5rem;
    width: 190px; }
  #testReviewsComponent .body .review .right .attachments {
    margin-bottom: 0.5rem; }
    #testReviewsComponent .body .review .right .attachments h3 {
      text-align: left; }
    #testReviewsComponent .body .review .right .attachments a {
      text-decoration: underline;
      color: #db4a27; }
  #testReviewsComponent .body .review .right .pros-cons {
    display: flex;
    flex-direction: column; }
    #testReviewsComponent .body .review .right .pros-cons .pros, #testReviewsComponent .body .review .right .pros-cons .cons {
      margin-bottom: 0.5rem; }
    #testReviewsComponent .body .review .right .pros-cons .pros .item, #testReviewsComponent .body .review .right .pros-cons .cons .item {
      display: flex;
      margin-bottom: 0.5rem; }
    #testReviewsComponent .body .review .right .pros-cons .pros .item img, #testReviewsComponent .body .review .right .pros-cons .cons .item img {
      flex-shrink: 0;
      margin: 0 0.5rem 0.5rem 0;
      width: 1rem;
      height: 1rem; }
  #testReviewsComponent .body .review .right .annulAccept {
    margin-bottom: 1rem;
    display: flex;
    justify-content: flex-end; }
  @media (min-width: 60rem) {
      #testReviewsComponent .body .review .right .content img {
        margin: 0 0 0.5rem 0.5rem; }
        #testReviewsComponent .body .review .right .pros-cons {
          flex-direction: row;
          justify-content: space-between; }
          #testReviewsComponent .body .review .right .pros-cons.only-pros .cons {
            display: none; }
          #testReviewsComponent .body .review .right .pros-cons .pros, #testReviewsComponent .body .review .right .pros-cons .cons {
            width: calc(50% - .5rem);
            flex: 1 1 auto; }
          #testReviewsComponent .body .review .right .pros-cons .full-width {
            width: auto; } }
  #testReviewsComponent .body .show-other-reviews {
    color: #db4a27;
    display: flex;
    justify-content: flex-end;
    font-size: 0.875rem; }
  #testReviewsComponent.hidden .head .right button[name="arrow"] {
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: -2px; }
  #testReviewsComponent.hidden .body {
    display: none; }

#testTesters {
  text-align: center; }
  #testTesters .testers {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  #testTesters h3 {
    width: 100%;
    float: left; }
  #testTesters .show-other-testers {
    color: #db4a27;
    display: block;
    margin: auto;
    font-size: 0.875rem; }

#testArticle {
  min-height: 2rem;
  margin-top: 1rem; }
  #testArticle a {
    text-decoration: underline; }
  #testArticle img {
    height: auto; }
  @media (min-width: 75em) {
    #testArticle img {
      height: 100%; } }

.uploader {
  margin-bottom: 1rem; }
  .uploader input[type="file"] {
    display: none; }
  .uploader .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
  .uploader .drop-zone input[name="image"], .uploader .drop-zone input[name="video"] {
    display: none; }
  .uploader .drop-zone div {
    text-align: center;
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #d1d1d1; }
  .uploader .drop-zone div a:hover {
    text-decoration: underline; }
  .uploader .drop-zone:hover {
    cursor: pointer; }
  .uploader .drop-zone:hover a {
    text-decoration: underline; }
  .uploader .files {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  .uploader .files .file {
    width: 4rem;
    margin: 0.2rem; }
  .uploader .files .file .icon img {
    display: block;
    width: 3rem;
    margin: auto;
    max-height: 4rem;
    object-fit: cover; }
  .uploader .files .file .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem; }
  .uploader .files .file button[name="delete"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    background: transparent;
    margin-right: 0.25rem;
    border: none;
    width: 1.25rem;
    height: 1.25rem; }
  .uploader .files .file button[name="delete"]:before, .uploader .files .file button[name="delete"]:after {
    position: absolute;
    background-color: #000;
    top: 0;
    right: 0;
    content: " ";
    height: 1.25rem;
    width: 0.125rem; }
  .uploader .files .file button[name="delete"]:before {
    transform: rotate(45deg); }
  .uploader .files .file button[name="delete"]:after {
    transform: rotate(-45deg); }
  .uploader .files .file button[name="delete"]:hover {
    opacity: 0.7;
    cursor: pointer; }
  .uploader progress {
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  .uploader progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  .uploader progress::-webkit-progress-value {
    background-color: ; }

@media (max-width: 1549px) {
    body.apetitonline:not(.block-apetit-main-menu--open) .header #block-apetit-main-menu {
      opacity: initial;
      pointer-events: initial; }
    body.apetitonline nav#block-apetit-main-menu:not(.open) {
      opacity: 0 !important;
      pointer-events: none !important; }
    body.apetitonline.menu-active {
      overflow: hidden; }
      body.apetitonline.menu-active .header__burger {
        background-color: transparent; }
        body.apetitonline.menu-active .header__burger:before {
          transform: translateY(0.3125rem) rotate(45deg); }
        body.apetitonline.menu-active .header__burger:after {
          transform: translateY(-0.3125rem) rotate(-45deg); } }

#headerLogin.apetitonline {
  display: flex; }
  #headerLogin.apetitonline .login, #headerLogin.apetitonline .logout, #headerLogin.apetitonline .register, #headerLogin.apetitonline .editUser {
    margin-left: 2em;
    font-size: 0.875rem;
    font-style: normal;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.2px;
    text-align: center; }
  @media (max-width: 992px) {
  #headerLogin.apetitonline {
    float: right;
    position: relative;
    right: 16px; } }
  @media (max-width: 550px) {
  #headerLogin.apetitonline {
    right: 8px; }
    #headerLogin.apetitonline .login, #headerLogin.apetitonline .logout, #headerLogin.apetitonline .register, #headerLogin.apetitonline .editUser {
      font-size: 8px; } }

#hamburgerMenu.autoweb {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.autoweb .icon {
    position: absolute;
    right: 0rem;
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.autoweb .icon .line {
    width: 60%;
    height: 0.15rem;
    background-color: black;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.autoweb .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.autoweb .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.autoweb .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.autoweb .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.autoweb .icon.active .line:first-child, #hamburgerMenu.autoweb .icon.active .line:nth-child(3) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.autoweb .icon.active .line:nth-child(2), #hamburgerMenu.autoweb .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.autoweb .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.autoweb .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 3.2rem;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: #fafafa; }
  #hamburgerMenu.autoweb .menu .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    border-top: 1px solid #ebebeb;
    margin: auto; }
  #hamburgerMenu.autoweb .menu .item a {
    padding: 12px 10px 10px 35px;
    height: auto;
    font-size: 0.875rem;
    line-height: 24px;
    color: #313131;
    text-transform: uppercase;
    font-weight: bold; }
  #hamburgerMenu.autoweb .menu .item a:hover {
    text-decoration: none; }
  #hamburgerMenu.autoweb .menu .item:first-child {
    border-top: none; }
  #hamburgerMenu.autoweb .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 65em) {
  #hamburgerMenu.autoweb {
    display: none; } }

#header.autoweb {
  height: 3.125rem;
  margin: 0 auto;
  max-width: 75rem;
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb; }
  #header.autoweb .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem;
    height: 3.125rem; }
  #header.autoweb .container .logo {
    width: 8.125rem; }
  #header.autoweb .container .headerMenu {
    display: flex;
    flex-direction: row-reverse; }
  #header.autoweb .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 3.125rem;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem; }
  #header.autoweb .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 3.125rem; }
    #header.autoweb .container .headerMenu ul li a {
      padding: 0 0.5rem;
      font-size: 0.75rem;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold; }
    #header.autoweb .container .headerMenu ul li a:hover {
      color: black; }
    #header.autoweb .container .headerMenu ul li:hover {
      border-bottom: 1px solid ; }
  @media (min-width: 65em) {
        #header.autoweb .container .headerMenu ul {
          display: flex; } }
  @media (min-width: 65em) {
      #header.autoweb .container .headerMenu {
        display: flex;
        flex-direction: row;
        justify-content: space-between; } }
  @media (min-width: 65em) {
    #header.autoweb .container {
      padding: 0 1.25rem; } }

#headerLogin.autoweb {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem; }
  #headerLogin.autoweb .login, #headerLogin.autoweb .logout, #headerLogin.autoweb .register, #headerLogin.autoweb .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.autoweb .login img, #headerLogin.autoweb .logout img, #headerLogin.autoweb .register img, #headerLogin.autoweb .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.autoweb .login:hover, #headerLogin.autoweb .logout:hover, #headerLogin.autoweb .register:hover, #headerLogin.autoweb .editUser:hover {
    text-decoration: none;
    color: ; }
  @media (min-width: 65em) {
  #headerLogin.autoweb {
    width: 10%; } }

.brandtestingclub .testCard {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  position: relative;
  width: 30rem;
  max-width: 100%;
  box-sizing: border-box;
  margin: 1rem;
  border: initial;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .brandtestingclub .testCard:nth-child(odd) {
    margin-left: 0; }
  .brandtestingclub .testCard:nth-child(even) {
    margin-right: 0; }
  .brandtestingclub .testCard.invisible, .brandtestingclub .testCard.secret {
    opacity: 0.25; }
  .brandtestingclub .testCard .image-wrap {
    width: 100%;
    padding-top: calc(100% / (740 / 480));
    position: relative;
    overflow: hidden;
    margin-bottom: initial; }
  .brandtestingclub .testCard .image-wrap img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0; }
  .brandtestingclub .testCard .title, .brandtestingclub .testCard .perex {
    text-align: center;
    padding: 0.125rem 0.5rem;
    font-family: 'Barlow', sans-serif;
    font-weight: initial;
    font-size: initial;
    color: initial; }
  .brandtestingclub .testCard .title {
    margin-top: 0.5rem; }
  .brandtestingclub .testCard .perex {
    font-weight: normal;
    font-size: 0.875rem; }
  .brandtestingclub .testCard .logo {
    position: absolute;
    top: 0;
    height: 2rem;
    margin: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center; }
  .brandtestingclub .testCard .logo img {
    max-height: 100%;
    -webkit-filter: drop-shadow(0px 0px 10px #fafafa); }
  .brandtestingclub .testCard .info {
    position: absolute;
    bottom: 0;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    width: 100%; }
  .brandtestingclub .testCard .info > a {
    color: #000; }
  .brandtestingclub .testCard button {
    margin: 1rem; }
  .brandtestingclub .testCard > a {
    color: #000; }
  .brandtestingclub .testCard a.topTool {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 100%;
    font-family: RobotoSlab;
    font-size: 0.75rem;
    opacity: 0.3;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    top: 0.5rem;
    left: 0.5rem; }
  .brandtestingclub .testCard a.topTool:hover, .brandtestingclub .testCard a.topTool.active {
    opacity: 1; }
  @media (min-width: 30rem) {
  .brandtestingclub .testCard {
    width: calc(100% / 2 - 1rem); } }
  @media (min-width: 60rem) {
  .brandtestingclub .testCard {
    width: calc(100% / 2 - 1rem); } }

#breadcrumb.buga {
  font-size: 0.9rem;
  color: #db4a27;
  margin-bottom: 0.5rem; }
  #breadcrumb.buga:hover {
    color: #db4a27; }

@media (min-width: 48em) {
    #footer.buga {
      border-top: 1px solid #dedede; } }

#hamburgerMenu.buga {
  display: flex;
  margin-left: 1rem; }
  #hamburgerMenu.buga .icon {
    position: absolute;
    top: 1rem;
    right: 0rem;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    background-color: #444;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.buga .icon .line {
    width: 60%;
    height: 0.25rem;
    background-color: white;
    position: absolute;
    left: 0.65rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.buga .icon .line:first-child {
    top: 0.75rem; }
  #hamburgerMenu.buga .icon .line:nth-child(2) {
    top: calc(1.5rem - (.25rem / 2)); }
  #hamburgerMenu.buga .icon .line:nth-child(3) {
    top: calc(2rem); }
  #hamburgerMenu.buga .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.buga .icon.active .line:first-child, #hamburgerMenu.buga .icon.active .line:nth-child(3) {
    top: calc(1.5rem - (.25rem / 2)); }
  #hamburgerMenu.buga .icon.active .line:nth-child(2), #hamburgerMenu.buga .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.buga .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.buga .menu {
    transition: left 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    top: 0;
    right: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.buga .menu a {
    border-top: solid 1px #dedede;
    text-transform: uppercase;
    color: #666;
    padding: 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    width: 80%;
    font-family: "Open Sans"; }
  #hamburgerMenu.buga .menu a:first-child {
    border-top: none; }
  #hamburgerMenu.buga .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1; }
  #hamburgerMenu.buga .menu .list:first-child {
    border-top: 1px solid #e1e1e1; }
  #hamburgerMenu.buga .menu.open {
    display: flex;
    width: 80%;
    border-left: solid 1px #dedede;
    z-index: 202; }
  #hamburgerMenu.buga .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.65);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  @media (min-width: 48em) {
  #hamburgerMenu.buga .icon, #hamburgerMenu.buga .menu {
    display: none; } }

#header.buga {
  width: 100%;
  max-width: 80rem;
  padding: 1rem 2rem;
  box-sizing: border-box;
  position: relative;
  margin: auto; }
  #header.buga .header-top {
    display: flex;
    width: 100%;
    height: 4.5rem;
    align-items: center;
    justify-content: space-between; }
  #header.buga .header-top .left a {
    color: #666;
    font-size: 0.75rem;
    font-weight: 600; }
  #header.buga .header-top .left a:hover {
    color: #db4a27; }
  #header.buga .header-top .left .mail:before {
    content: '\e924';
    font-size: 1.25rem;
    margin-right: 0.5rem;
    vertical-align: middle; }
  #header.buga .header-top .center {
    flex: 1 0 auto; }
  #header.buga .logo {
    box-sizing: border-box;
    border: none;
    width: 18.75rem;
    margin: 2.5rem auto; }

@media (min-width: 48em) {
    .line {
      border-bottom: 1px solid #dedede; } }

#headerLogin.buga {
  display: flex;
  margin-right: 2.5rem; }
  #headerLogin.buga a {
    color: #db4a27;
    font-weight: 600; }
  #headerLogin.buga a:hover {
    color: #666; }
  #headerLogin.buga a:first-child {
    margin-right: 0.5rem; }

#menu.buga {
  justify-content: space-between;
  color: #666;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  width: 60rem;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0.5rem 2rem;
  display: none;
  margin: auto;
  margin-bottom: 1.5rem; }
  #menu.buga a {
    color: #666; }
  #menu.buga a:hover {
    color: #db4a27; }
  @media (min-width: 48em) {
  #menu.buga {
    display: flex; } }

#footer.confess {
  max-width: 60rem;
  background-color: white; }

#header.confess {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  background-color: white; }
  #header.confess .container {
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    padding: 0 1rem;
    box-sizing: border-box;
    align-items: center; }

#headerLogin.confess {
  display: flex;
  width: 100%; }
  #headerLogin.confess .login, #headerLogin.confess .logout, #headerLogin.confess .register, #headerLogin.confess .editUser {
    background-color: #db4a27;
    color: #fff;
    font-family: SourceSansPro, sans-serif;
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin-left: 0.5rem;
    height: initial; }
  #headerLogin.confess .login:hover, #headerLogin.confess .logout:hover, #headerLogin.confess .register:hover, #headerLogin.confess .editUser:hover {
    color: white;
    background-color: #db4a27; }
  @media (min-width: 55em) {
    #headerLogin.confess .login, #headerLogin.confess .logout, #headerLogin.confess .register, #headerLogin.confess .editUser {
      padding: 0.5rem 2rem; } }
  @media (min-width: 70em) {
  #headerLogin.confess {
    height: 2.5rem;
    margin-left: auto;
    flex-wrap: wrap-reverse;
    justify-content: flex-end; } }

#header.fdb {
  width: 100%;
  background-color: black; }
  #header.fdb .container .content .logo {
    margin: 1rem; }
  @media (min-width: 48em) {
  #header.fdb {
    background: none;
    width: 62.5rem;
    margin: 0 auto;
    margin-top: 5rem; }
    #header.fdb .container {
      background-color: #2c2c2c;
      border-bottom: 1px solid #d5d6d7;
      margin-bottom: 10px;
      background-image: url("/static/img/services/fdb/headerBackground.png");
      height: 10rem; }
      #header.fdb .container .content .logo {
        margin: 1rem 2rem; } }

#headerLogin.fdb {
  text-align: center; }
  @media (min-width: 48em) {
  #headerLogin.fdb {
    display: flex;
    padding: 0 1rem;
    align-items: center;
    background: linear-gradient(#fee583, #ffd200);
    border: 1px solid #e6b402;
    border-top: none;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    height: 2.75rem;
    position: absolute;
    top: 0;
    right: 0; }
    #headerLogin.fdb a {
      display: inline-flex;
      align-items: center;
      height: 100%;
      box-sizing: border-box;
      padding: 1rem; }
      #headerLogin.fdb a:hover {
        color: black;
        text-decoration: underline; }

    #headerLogin.fdb .name {
      display: inline-flex;
      align-items: center;
      height: 100%;
      box-sizing: border-box;
      font-weight: bold;
      color: white;
      text-shadow: 0 1px 2px black;
      padding: 1rem; } }

#menu.fdb {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
  width: 100%; }
  #menu.fdb a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    color: #db4a27;
    flex: 1 0 auto;
    width: 15rem;
    border-radius: 0.25rem; }
  #menu.fdb a.active {
    color: white;
    background-color: #db4a27; }
  #menu.fdb .social {
    display: flex;
    margin: 1rem; }
  #menu.fdb .social a {
    width: 2rem;
    margin: 0 0.5rem; }
  @media (min-width: 48em) {
  #menu.fdb {
    border-radius: 0.25rem;
    flex-direction: row;
    width: 60rem;
    height: 2.5rem;
    background-image: url("/static/img/services/fdb/menuBackground.png");
    margin: auto;
    background-repeat: no-repeat; }
    #menu.fdb a {
      display: block;
      width: initial;
      border-radius: 0rem;
      background: none;
      border-top: none;
      flex: initial;
      height: 100%;
      padding: 1rem;
      box-sizing: border-box; }
      #menu.fdb a.active {
        background-color: #db4a27;
        background-image: url("/static/img/services/fdb/menuIconActual.png");
        background-position-x: 2rem;
        background-repeat: no-repeat;
        background-position: center bottom;
        color: white; } }

.testCard.granule {
  margin: 0.5rem 1rem;
  padding: 0.5rem;
  background-color: white;
  border: solid 1px #c4e9f9; }
  .testCard.granule .image-wrap {
    width: 14rem;
    margin-bottom: 1.5rem;
    padding-top: 8.95rem; }
  @media (min-width: 48em) {
  .testCard.granule {
    width: 13.5rem;
    margin: 0.5rem; } }

#hamburgerMenu.femina {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.femina .icon {
    position: absolute;
    right: 0rem;
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.femina .icon .line {
    width: 60%;
    height: 0.15rem;
    background-color: black;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.femina .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.femina .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.femina .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.femina .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.femina .icon.active .line:first-child, #hamburgerMenu.femina .icon.active .line:nth-child(3) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.femina .icon.active .line:nth-child(2), #hamburgerMenu.femina .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.femina .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.femina .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 3.2rem;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: #fafafa; }
  #hamburgerMenu.femina .menu .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    border-top: 1px solid #ebebeb;
    margin: auto; }
  #hamburgerMenu.femina .menu .item a {
    padding: 12px 10px 10px 35px;
    height: auto;
    font-size: 0.875rem;
    line-height: 24px;
    color: #313131;
    text-transform: uppercase;
    font-weight: bold; }
  #hamburgerMenu.femina .menu .item a:hover {
    text-decoration: none; }
  #hamburgerMenu.femina .menu .item:first-child {
    border-top: none; }
  #hamburgerMenu.femina .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 65em) {
  #hamburgerMenu.femina {
    display: none; } }

#header.femina {
  height: 3.125rem;
  margin: 0 auto;
  max-width: 75rem;
  border-bottom: 1px solid #ebebeb; }
  #header.femina .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem;
    height: 3.125rem; }
  #header.femina .container .logo {
    width: 8.125rem;
    margin: 0; }
  @media (min-width: 65em) {
      #header.femina .container .logo {
        margin-right: 1.5rem; } }
  #header.femina .container .headerMenu {
    display: flex;
    flex-direction: row-reverse; }
  #header.femina .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 3.125rem;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem; }
  #header.femina .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 3.125rem; }
    #header.femina .container .headerMenu ul li a {
      padding: 0 0.5rem;
      font-size: 0.75rem;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold; }
    #header.femina .container .headerMenu ul li a:hover {
      color: black; }
    #header.femina .container .headerMenu ul li:hover {
      border-bottom: 1px solid ; }
  @media (min-width: 65em) {
        #header.femina .container .headerMenu ul {
          display: flex; } }
  @media (min-width: 65em) {
      #header.femina .container .headerMenu {
        display: flex;
        flex-direction: row;
        width: 90%;
        justify-content: space-between; } }
  @media (min-width: 65em) {
    #header.femina .container {
      padding: 0 1.25rem; } }

#headerLogin.femina {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem; }
  #headerLogin.femina .login, #headerLogin.femina .logout, #headerLogin.femina .register, #headerLogin.femina .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.femina .login img, #headerLogin.femina .logout img, #headerLogin.femina .register img, #headerLogin.femina .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.femina .login:hover, #headerLogin.femina .logout:hover, #headerLogin.femina .register:hover, #headerLogin.femina .editUser:hover {
    text-decoration: none;
    color: ; }
  @media (min-width: 65em) {
  #headerLogin.femina {
    width: 10%; } }

#footer.fitsrozumem a {
  color: ; }

#hamburgerMenu.fitsrozumem {
  display: flex;
  justify-content: flex-end; }
  #hamburgerMenu.fitsrozumem .icon {
    position: absolute;
    right: 1.5rem;
    width: 2.5rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 2.5rem;
    z-index: 203; }
  #hamburgerMenu.fitsrozumem .icon .line {
    width: 60%;
    height: 0.2rem;
    background-color: black;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.fitsrozumem .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.fitsrozumem .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.fitsrozumem .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.fitsrozumem .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    padding-top: 5rem;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    border: 1px solid #e1e1e1;
    height: 100vh; }
  #hamburgerMenu.fitsrozumem .menu a {
    border-top: 1px solid #e8e8e8;
    padding: 1rem 0;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    color: #db4a27;
    width: 100%; }
  #hamburgerMenu.fitsrozumem .menu a:hover {
    color: ; }
  #hamburgerMenu.fitsrozumem .menu a:last-child {
    border-bottom: 1px solid #e8e8e8; }
  #hamburgerMenu.fitsrozumem .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1;
    border-top: 1px solid #e8e8e8; }
  #hamburgerMenu.fitsrozumem .menu .list:last-child {
    border-bottom: 1px solid #e8e8e8; }
  #hamburgerMenu.fitsrozumem .menu.open {
    display: flex;
    width: 100%;
    z-index: 202; }
  #hamburgerMenu.fitsrozumem .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  @media (min-width: 65em) {
  #hamburgerMenu.fitsrozumem {
    display: none; } }

#header.fitsrozumem {
  margin: 0 auto;
  max-width: 70rem;
  padding-bottom: 2rem; }
  #header.fitsrozumem .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem; }
  #header.fitsrozumem .container .logo {
    width: 100%;
    padding-right: 2rem;
    text-align: center; }
  #header.fitsrozumem .container .logo img {
    max-height: 2rem;
    margin-right: 2rem; }
  @media (min-width: 65em) {
      #header.fitsrozumem .container .logo {
        margin-top: 2rem; }
        #header.fitsrozumem .container .logo img {
          max-height: 8rem;
          margin: 0; } }
  #header.fitsrozumem .container .headerMenu {
    display: none;
    flex-direction: row-reverse; }
  #header.fitsrozumem .container .headerMenu ul {
    align-items: center;
    display: flex;
    list-style: none;
    text-align: center;
    font-weight: 700;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8; }
  #header.fitsrozumem .container .headerMenu ul li {
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    height: 48px; }
    #header.fitsrozumem .container .headerMenu ul li a {
      width: 100%;
      height: 100%;
      border-right: 1px solid #e8e8e8;
      padding: 0 28px;
      text-decoration: none;
      color: #232323;
      font-weight: 500; }
    #header.fitsrozumem .container .headerMenu ul li a:hover {
      color: ; }
    #header.fitsrozumem .container .headerMenu ul li:last-child a {
      border-right: none; }
    #header.fitsrozumem .container .headerMenu ul li:hover {
      border-bottom: 1px solid ; }
  @media (min-width: 65em) {
      #header.fitsrozumem .container .headerMenu {
        display: flex; } }
  @media (min-width: 65em) {
    #header.fitsrozumem .container {
      padding: 0 1.25rem;
      height: 5.125rem; } }
  @media (min-width: 65em) {
  #header.fitsrozumem {
    height: 10.5rem; } }

#headerLogin.fitsrozumem {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem;
  margin-left: auto; }
  #headerLogin.fitsrozumem .login, #headerLogin.fitsrozumem .logout, #headerLogin.fitsrozumem .register, #headerLogin.fitsrozumem .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.fitsrozumem .login img, #headerLogin.fitsrozumem .logout img, #headerLogin.fitsrozumem .register img, #headerLogin.fitsrozumem .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.fitsrozumem .login:hover, #headerLogin.fitsrozumem .logout:hover, #headerLogin.fitsrozumem .register:hover, #headerLogin.fitsrozumem .editUser:hover {
    text-decoration: none;
    color: ; }

#hamburgerMenu.flowee {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem;
  margin-top: 1rem; }
  #hamburgerMenu.flowee .icon {
    position: absolute;
    right: 0rem;
    margin-right: 1rem;
    width: 3rem;
    height: 2rem;
    background-color: #db4a27;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.flowee .icon .line {
    width: 45%;
    height: 0.19rem;
    background-color: white;
    position: absolute;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.flowee .icon .line:first-child {
    top: 0.5rem; }
  #hamburgerMenu.flowee .icon .line:nth-child(2) {
    top: calc(1rem - (.25rem / 2)); }
  #hamburgerMenu.flowee .icon .line:nth-child(3) {
    top: calc(1.25rem); }
  #hamburgerMenu.flowee .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 5rem;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: white; }
  #hamburgerMenu.flowee .menu .item {
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    width: 90%; }
  #hamburgerMenu.flowee .menu .item a {
    padding: 5px 10px;
    height: auto;
    font-size: 1.2rem;
    line-height: 24px;
    color: black;
    text-transform: uppercase;
    font-weight: bold; }
  #hamburgerMenu.flowee .menu .item a:hover {
    text-decoration: none;
    background-color: #f2f2f2;
    border-radius: 3px; }
  #hamburgerMenu.flowee .menu .item:first-child {
    border-top: none;
    color: #bd456c; }
  #hamburgerMenu.flowee .menu .item.social {
    display: flex;
    flex-direction: row; }
  #hamburgerMenu.flowee .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 55em) {
  #hamburgerMenu.flowee {
    display: none; } }

#header.flowee {
  width: 66.25rem;
  margin: 0 auto; }
  #header.flowee .container .content {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000; }
  #header.flowee .container .content .left {
    display: none;
    padding: 2rem;
    width: calc(25% - 1rem); }
  #header.flowee .container .content .left a {
    color: #999;
    font-size: 1rem;
    font-style: italic;
    font-family: ; }
    #header.flowee .container .content .left a:hover {
      color: #db4a27; }
  #header.flowee .container .content .center {
    padding: 1rem; }
  #header.flowee .container .content .center img {
    margin: 0 auto;
    height: 2.2rem;
    width: 6rem;
    max-width: 100%; }
  #header.flowee .container .content .right {
    display: none;
    width: calc(25% - 1rem);
    text-align: right;
    margin-right: 2rem; }
  #header.flowee .container .content .right img {
    margin-top: 2rem;
    max-height: 4.7rem; }
  @media (min-width: 55em) {
      #header.flowee .container .content {
        border-bottom: none; }
        #header.flowee .container .content .left, #header.flowee .container .content .right {
          display: block; }
        #header.flowee .container .content .center {
          text-align: center;
          padding-top: 33px;
          padding-bottom: 13px;
          width: calc(50% - 1rem); }
          #header.flowee .container .content .center img {
            margin: 0 auto;
            height: 6.25rem;
            width: 18.75rem;
            max-width: 100%; } }

#headerLogin.flowee {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem 0 1rem 1.6rem; }
  #headerLogin.flowee .login, #headerLogin.flowee .logout, #headerLogin.flowee .register, #headerLogin.flowee .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.flowee .login img, #headerLogin.flowee .logout img, #headerLogin.flowee .register img, #headerLogin.flowee .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.flowee .login:hover, #headerLogin.flowee .logout:hover, #headerLogin.flowee .register:hover, #headerLogin.flowee .editUser:hover {
    text-decoration: none;
    color: #db4a27; }
  @media (min-width: 48em) {
  #headerLogin.flowee {
    display: flex;
    justify-content: flex-end;
    margin: 0.5rem 0 0 0; } }

#menu.flowee {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  margin: 1rem auto;
  height: 3.125rem;
  border-bottom: 1px solid #000; }
  #menu.flowee ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  #menu.flowee ul li {
    padding: 0.3rem 0; }
  #menu.flowee ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #db4a27;
    padding: 0 1rem;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase; }
  @media (min-width: 68em) {
        #menu.flowee ul li a {
          font-size: 1.1rem; } }
  #menu.flowee ul li:hover {
    background-color: #db4a27; }
  #menu.flowee ul li:hover a {
    color: white;
    text-decoration: none; }
  @media (min-width: 55em) {
  #menu.flowee {
    display: flex; } }
  @media (min-width: 75em) {
  #menu.flowee {
    display: flex;
    max-width: 66.25rem; } }

#footer.frekvence1 {
  max-width: 60rem;
  background-color: white; }

#hamburgerMenu.frekvence1 {
  display: flex;
  justify-content: flex-end; }
  #hamburgerMenu.frekvence1 .icon {
    position: absolute;
    right: 1rem;
    width: 2.5rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 1.5rem;
    z-index: 203; }
  #hamburgerMenu.frekvence1 .icon .lineText {
    color: #db4a27;
    margin-top: 3rem;
    text-transform: capitalize; }
  #hamburgerMenu.frekvence1 .icon .line {
    width: 65%;
    height: 0.2rem;
    background-color: #db4a27;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.frekvence1 .icon .line:first-child {
    top: 0.5rem; }
  #hamburgerMenu.frekvence1 .icon .line:nth-child(2) {
    top: calc(1.1rem - (.25rem / 2)); }
  #hamburgerMenu.frekvence1 .icon .line:nth-child(3) {
    top: calc(1.5rem); }
  #hamburgerMenu.frekvence1 .icon.active {
    right: 1rem;
    left: auto; }
  #hamburgerMenu.frekvence1 .icon.active .lineText {
    display: none; }
  #hamburgerMenu.frekvence1 .icon.active .line {
    width: 65%;
    background-color: #db4a27;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.frekvence1 .icon.active .line:first-child, #hamburgerMenu.frekvence1 .icon.active .line:nth-child(3) {
    top: calc(1.1rem - (.25rem / 2)); }
  #hamburgerMenu.frekvence1 .icon.active .line:nth-child(2), #hamburgerMenu.frekvence1 .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.frekvence1 .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.frekvence1 .hamburgerLogin {
    display: none; }
  #hamburgerMenu.frekvence1 .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    padding-top: 0.5rem;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    border: 1px solid #e1e1e1; }
  #hamburgerMenu.frekvence1 .menu a {
    border-bottom: 1px solid #e8e8e8;
    padding: 1rem 0;
    text-transform: capitalize;
    text-decoration: none;
    width: 90%;
    margin: auto;
    color: #db4a27;
    font-weight: bold;
    font-size: 1rem; }
  #hamburgerMenu.frekvence1 .menu a:hover {
    color: #db4a27;
    border-bottom: 2px solid #db4a27; }
  #hamburgerMenu.frekvence1 .menu a:nth-child(2) {
    border-top: 1px solid #e8e8e8; }
  #hamburgerMenu.frekvence1 .menu.open {
    display: flex;
    width: 100%;
    z-index: 202; }
  #hamburgerMenu.frekvence1 .menu.open #headerLogin {
    padding-left: 1rem;
    width: 90%; }
  #hamburgerMenu.frekvence1 .menu.open #headerLogin a {
    font-size: 0.9rem;
    border-bottom: none;
    width: auto;
    margin: 0; }
    #hamburgerMenu.frekvence1 .menu.open #headerLogin a:nth-child(2) {
      padding-left: 1rem;
      border: none; }
  #hamburgerMenu.frekvence1 .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1);
    content: "";
    width: 100vw;
    z-index: 201; }
  @media (min-width: 70em) {
  #hamburgerMenu.frekvence1 {
    display: none; } }

#header.frekvence1 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  max-width: 60rem;
  padding-top: 1rem;
  background-color: white; }
  #header.frekvence1 .container {
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    padding-left: 1rem;
    box-sizing: border-box;
    align-items: center; }
  #header.frekvence1 .container .logoBig {
    display: none; }
  #header.frekvence1 .container .logoBig img {
    width: 30rem;
    margin: 0.5rem 1rem; }
  @media (min-width: 55em) {
      #header.frekvence1 .container .logoBig {
        display: flex; } }
  #header.frekvence1 .container .logoSmall {
    display: flex; }
  #header.frekvence1 .container .logoSmall img {
    width: 6rem;
    margin: 0.5rem 1rem; }
  @media (min-width: 55em) {
      #header.frekvence1 .container .logoSmall {
        display: none; } }

#headerLogin.frekvence1 {
  display: flex;
  width: 100%; }
  #headerLogin.frekvence1 .login, #headerLogin.frekvence1 .logout, #headerLogin.frekvence1 .register, #headerLogin.frekvence1 .editUser {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    font-weight: 500;
    color: #db4a27; }
  #headerLogin.frekvence1 .login img, #headerLogin.frekvence1 .logout img, #headerLogin.frekvence1 .register img, #headerLogin.frekvence1 .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.frekvence1 .login:hover, #headerLogin.frekvence1 .logout:hover, #headerLogin.frekvence1 .register:hover, #headerLogin.frekvence1 .editUser:hover {
    text-decoration: none;
    color: #db4a27; }
  #headerLogin.frekvence1 .login {
    background-color: #db4a27;
    color: #fff;
    font-family: SourceSansPro, sans-serif;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    height: initial; }
  #headerLogin.frekvence1 .login:hover {
    color: white;
    background-color: #db4a27; }
  @media (min-width: 55em) {
    #headerLogin.frekvence1 .login {
      padding: 0.5rem 2rem; } }
  @media (min-width: 70em) {
  #headerLogin.frekvence1 {
    height: 2.5rem;
    margin-left: auto;
    flex-wrap: wrap-reverse;
    justify-content: flex-end; } }

#header.games {
  display: flex;
  flex-direction: column-reverse;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 60rem;
  padding: 1rem 2rem;
  background-color: black;
  margin: auto; }
  #header.games .left {
    width: 17rem;
    margin: auto; }
  #header.games .center {
    flex: 1 0 auto; }
  @media (min-width: 30em) {
  #header.games {
    flex-direction: row; }
    #header.games .right .user {
      margin: 0; } }

#headerLogin.games {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 1rem; }
  #headerLogin.games a {
    margin: 0.25rem;
    color: #db4a27;
    font-family: SourceSansPro, sans-serif;
    font-weight: initial;
    font-size: 1rem; }
  #headerLogin.games a:hover {
    text-decoration: underline; }

#menu.games {
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 60rem;
  padding: 0.5rem;
  background-color: #db4a27;
  margin: auto; }
  #menu.games .left {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%; }
  #menu.games .left a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background-color: black;
    color: white;
    border-radius: 0.25rem;
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 1.125rem;
    width: 100%;
    max-width: 20rem;
    margin: 0.25rem auto; }
  #menu.games .left a.home {
    font-size: 0;
    line-height: 0;
    text-align: center;
    min-width: 40px; }
  #menu.games .left a.home:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 22px;
    background: url("https://games.tiscali.cz/css/../img/bg/sprite.png?1387208563637") -114px -555px no-repeat; }
  #menu.games .left a.home:hover:after {
    background: url("https://games.tiscali.cz/css/../img/bg/sprite.png?1387208563637") -198px -555px no-repeat; }
  #menu.games .left a:hover {
    color: black;
    background-color: #ffe67f; }
  #menu.games .left a.active {
    color: black;
    background-color: #eee; }
  #menu.games .center {
    flex: 1 0 auto; }
  #menu.games .right {
    width: 100%;
    max-width: 20rem;
    display: flex;
    justify-content: center; }
  #menu.games .right .icon {
    margin: 0.5rem;
    font-size: 0;
    line-height: 0; }
  #menu.games .right .icon:before {
    width: 30px;
    height: 30px;
    display: inline-block;
    content: ' ';
    background-image: url("/static/img/services/games/icons/sprite.png");
    background-repeat: no-repeat;
    margin-right: 0.25rem; }
  #menu.games .right .icon.fb:before {
    background-position: -30px -465px; }
  #menu.games .right .icon.tw:before {
    background-position: -633px -374px; }
  #menu.games .right .icon.yt:before {
    background-position: -543px -374px; }
  #menu.games .right .icon.ig:before {
    background-image: url("/static/img/services/games/icons/instagram_icon.svg");
    background-position: 0 0; }
  @media (min-width: 40em) {
  #menu.games {
    flex-direction: row; }
    #menu.games .left {
      width: initial;
      flex-direction: row; }
      #menu.games .left a {
        width: initial;
        max-width: initial;
        margin: 0.25rem; }
        #menu.games .left a.home:after {
          content: '';
          display: inline-block;
          vertical-align: middle;
          width: 24px;
          height: 22px;
          background: url("https://games.tiscali.cz/css/../img/bg/sprite.png?1387208563637") -114px -555px no-repeat; }
          #menu.games .left a.home:hover:after {
            background: url("https://games.tiscali.cz/css/../img/bg/sprite.png?1387208563637") -198px -555px no-repeat; }

    #menu.games .right {
      width: initial;
      max-width: initial; }
      #menu.games .right .icon {
        margin: 0; } }

#header.granule {
  width: 100%; }
  #header.granule .title {
    display: block;
    max-width: 100%; }
  @media (min-width: 48em) {
  #header.granule {
    background-image: url("/static/img/services/granule/header/hlavicka_texture.png");
    background-repeat: repeat-x;
    background-position: 0 0; }
    #header.granule .container {
      background-image: url("/static/img/services/granule/header/mraky.png");
      background-position: center top;
      background-repeat: no-repeat;
      height: 18.25rem; }
      #header.granule .container .content {
        position: relative;
        background-image: url("/static/img/services/granule/header/hlavicka1.png");
        background-position: center center;
        background-repeat: no-repeat;
        width: 60rem;
        height: 18.25rem;
        margin: auto; }
        #header.granule .container .content .title {
          padding-top: 0.5rem; } }

#headerLogin.granule {
  text-align: center; }
  @media (min-width: 48em) {
  #headerLogin.granule {
    display: flex;
    padding: 0 1rem;
    align-items: center;
    background: linear-gradient(#fee583, #ffd200);
    border: 1px solid #e6b402;
    border-top: none;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    height: 2.75rem;
    position: absolute;
    top: 0;
    right: 0; }
    #headerLogin.granule a {
      display: inline-flex;
      align-items: center;
      height: 100%;
      box-sizing: border-box;
      padding: 1rem; }
      #headerLogin.granule a:hover {
        color: black;
        text-decoration: underline; }

    #headerLogin.granule .name {
      display: inline-flex;
      align-items: center;
      height: 100%;
      box-sizing: border-box;
      font-weight: bold;
      color: white;
      text-shadow: 0 1px 2px black;
      padding: 1rem; } }

#menu.granule {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
  width: 100%; }
  #menu.granule a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#a1cb65, #05790a);
    border-top: 1px solid #05790a;
    height: 2rem;
    color: white;
    text-shadow: 0 1px 2px #000;
    flex: 1 0 auto;
    width: 15rem;
    border-radius: 0.25rem; }
  #menu.granule a.active {
    background: #05790a; }
  @media (min-width: 48em) {
  #menu.granule {
    border-radius: 0.25rem;
    flex-direction: row;
    width: 60rem;
    height: 3.5rem;
    background: linear-gradient(#a1cb65, #05790a);
    border-top: 1px solid #05790a;
    margin: -1.875rem auto; }
    #menu.granule a {
      display: block;
      width: initial;
      border-radius: 0rem;
      background: none;
      border-top: none;
      flex: initial;
      height: 100%;
      padding: 1rem;
      box-sizing: border-box; }
      #menu.granule a:hover, #menu.granule a.active {
        background-color: #db4a27;
        background-image: url("/static/img/services/granule/menu/button_hover_arrow.png");
        background-repeat: no-repeat;
        background-position: center bottom; } }

.testCard.granule {
  margin: 0.5rem 1rem;
  padding: 0.5rem;
  background-color: white;
  border: solid 1px #c4e9f9; }
  .testCard.granule .image-wrap {
    width: 14rem;
    margin-bottom: 1.5rem;
    padding-top: 8.95rem; }
  @media (min-width: 48em) {
  .testCard.granule {
    width: 13.5rem;
    margin: 0.5rem; } }

@media all {
    #header.gynella, #header.gynellask {
      /*! CSS Used fontfaces */ }
      #header.gynella img, #header.gynellask img {
        border: 0; }
      #header.gynella *, #header.gynellask * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      #header.gynella *:before, #header.gynellask *:before, #header.gynella *:after, #header.gynellask *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      #header.gynella img, #header.gynellask img {
        vertical-align: middle; }
      #header.gynella .container, #header.gynellask .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px; }
      #header.gynella .container-fluid, #header.gynellask .container-fluid {
        margin-right: auto;
        margin-left: auto; }
      #header.gynella .row, #header.gynellask .row {
        margin-left: -15px;
        margin-right: -15px; }
      #header.gynella .col-sm-12, #header.gynellask .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
      #header.gynella .container:before, #header.gynellask .container:before, #header.gynella .container:after, #header.gynellask .container:after, #header.gynella .container-fluid:before, #header.gynellask .container-fluid:before, #header.gynella .container-fluid:after, #header.gynellask .container-fluid:after, #header.gynella .row:before, #header.gynellask .row:before, #header.gynella .row:after, #header.gynellask .row:after {
        content: " ";
        display: table; }
      #header.gynella .container:after, #header.gynellask .container:after, #header.gynella .container-fluid:after, #header.gynellask .container-fluid:after, #header.gynella .row:after, #header.gynellask .row:after {
        clear: both; }
      #header.gynella .hidden, #header.gynellask .hidden {
        display: none; }
      #header.gynella .position-relative, #header.gynellask .position-relative {
        position: relative; }
      #header.gynella div, #header.gynellask div, #header.gynella span, #header.gynellask span, #header.gynella a, #header.gynellask a, #header.gynella img, #header.gynellask img, #header.gynella ul, #header.gynellask ul, #header.gynella li, #header.gynellask li, #header.gynella form, #header.gynellask form, #header.gynella header, #header.gynellask header {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline; }
      #header.gynella button, #header.gynellask button {
        background-color: transparent;
        border: 0;
        cursor: pointer; }
      #header.gynella button:focus, #header.gynellask button:focus, #header.gynella button:hover, #header.gynellask button:hover {
        outline: none; }
      #header.gynella header, #header.gynellask header {
        display: block; }
      #header.gynella ul, #header.gynellask ul {
        list-style: none; }
      #header.gynella input, #header.gynellask input {
        outline: none; }
      #header.gynella button, #header.gynellask button, #header.gynella input, #header.gynellask input {
        font-size: 100%;
        margin: 0;
        vertical-align: baseline;
        *vertical-align: middle; }
      #header.gynella img, #header.gynellask img {
        border: 0;
        -ms-interpolation-mode: bicubic; }
      #header.gynella .hidden, #header.gynellask .hidden {
        display: none !important; }
      #header.gynella .position-relative, #header.gynellask .position-relative {
        position: relative; }
      #header.gynella ul, #header.gynellask ul {
        padding: 0;
        margin: 0; }
      #header.gynella ul li, #header.gynellask ul li {
        list-style: none;
        margin: 0;
        padding: 0; }
      #header.gynella ul li a, #header.gynellask ul li a {
        display: inline-block;
        margin: 0;
        padding: 0; }
      #header.gynella img, #header.gynellask img {
        max-width: 100%;
        height: auto; }
      #header.gynella input, #header.gynellask input, #header.gynella button, #header.gynellask button {
        font-family: "neuzeit-grotesk", sans-serif; }
      #header.gynella body.mobile-open header .head, #header.gynellask body.mobile-open header .head {
        filter: blur(10px); }
      #header.gynella a, #header.gynellask a {
        color: #45ccdb;
        font-weight: 400;
        text-decoration: none; }
      #header.gynella a:hover, #header.gynellask a:hover, #header.gynella a:focus, #header.gynellask a:focus {
        text-decoration: none;
        color: #35b1be;
        outline: none; }
      #header.gynella input[type='text'], #header.gynellask input[type='text'] {
        width: 100%;
        height: 50px;
        padding-left: 20px;
        font-size: 17px;
        border: 0;
        outline: none;
        line-height: 50px;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        background-color: #f4f4f4;
        color: #733621;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      #header.gynella input[type='text']:focus, #header.gynellask input[type='text']:focus {
        background-color: #e7e6e6; }
      #header.gynella header .icon-head-box, #header.gynellask header .icon-head-box {
        height: 45px;
        width: 45px;
        background-color: #e5cfba;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        cursor: pointer;
        display: flex;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        align-items: center;
        justify-content: center; }
      #header.gynella header .icon-head-box:hover, #header.gynellask header .icon-head-box:hover {
        background-color: #45ccdb; }
      #header.gynella header .icon-head-box:hover img.brown, #header.gynellask header .icon-head-box:hover img.brown {
        display: none; }
      #header.gynella header .icon-head-box:hover img.white, #header.gynellask header .icon-head-box:hover img.white {
        display: inline; }
      #header.gynella header .icon-head-box img, #header.gynellask header .icon-head-box img {
        height: 22px; }
      #header.gynella header .icon-head-box img.brown, #header.gynellask header .icon-head-box img.brown {
        display: inline; }
      #header.gynella header .icon-head-box img.white, #header.gynellask header .icon-head-box img.white {
        display: none; }
      #header.gynella header .language-switcher, #header.gynellask header .language-switcher {
        float: right;
        position: relative;
        z-index: 30; }
      #header.gynella header .language-switcher:hover .current-language, #header.gynellask header .language-switcher:hover .current-language {
        background-color: #45ccdb;
        color: #fff; }
      #header.gynella header .language-switcher:hover .current-language img.brown, #header.gynellask header .language-switcher:hover .current-language img.brown {
        display: none; }
      #header.gynella header .language-switcher:hover .current-language img.white, #header.gynellask header .language-switcher:hover .current-language img.white {
        display: inline; }
      #header.gynella header .language-switcher:hover .other-languages, #header.gynellask header .language-switcher:hover .other-languages {
        display: block; }
      #header.gynella header .language-switcher .current-language, #header.gynellask header .language-switcher .current-language {
        height: 45px;
        width: 45px;
        background-color: #e5cfba;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        line-height: 45px;
        text-align: center;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        cursor: pointer; }
      #header.gynella header .language-switcher .current-language img.brown, #header.gynellask header .language-switcher .current-language img.brown {
        display: inline; }
      #header.gynella header .language-switcher .current-language img.white, #header.gynellask header .language-switcher .current-language img.white {
        display: none; }
      #header.gynella header .language-switcher .other-languages, #header.gynellask header .language-switcher .other-languages {
        position: absolute;
        background-color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        padding: 5px;
        border: 1px solid #ececec;
        top: 100%;
        right: 0;
        width: 50px;
        display: none; }
      #header.gynella header .language-switcher .other-languages a, #header.gynellask header .language-switcher .other-languages a {
        display: block;
        text-decoration: none;
        padding: 5px 3px;
        white-space: nowrap;
        text-align: center;
        color: #733621; }
      #header.gynella header .language-switcher .other-languages a:hover, #header.gynellask header .language-switcher .other-languages a:hover {
        color: #ff78a1; }
      #header.gynella header .cart, #header.gynellask header .cart {
        position: relative; }
      #header.gynella header .cart:hover a.circle, #header.gynellask header .cart:hover a.circle {
        background-color: #45ccdb; }
      #header.gynella header .cart a.circle, #header.gynellask header .cart a.circle {
        background-color: #8a4f30;
        color: #fff;
        display: flex;
        gap: 10px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 45px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        padding: 0 25px; }
      #header.gynella header .cart a.circle span, #header.gynellask header .cart a.circle span {
        line-height: 45px; }
      #header.gynella header .cart a.circle img, #header.gynellask header .cart a.circle img {
        width: 27px; }
      #header.gynella header .search, #header.gynellask header .search {
        position: relative;
        width: 200px; }
      #header.gynella header .search input, #header.gynellask header .search input {
        background-color: #e5cfba; }
      #header.gynella header .search input:focus, #header.gynellask header .search input:focus {
        background-color: #d9c3ae; }
      #header.gynella header .search button, #header.gynellask header .search button {
        height: 23px;
        position: absolute;
        top: 50%;
        right: 15px;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      #header.gynella header .search button:hover, #header.gynellask header .search button:hover {
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8; }
      #header.gynella header .search button img, #header.gynellask header .search button img {
        width: 23px; }
      #header.gynella header .head, #header.gynellask header .head {
        background-color: #d1997a;
        position: relative;
        z-index: 60; }
      #header.gynella header .head .top-bar, #header.gynellask header .head .top-bar {
        background-color: #45ccdb;
        color: #fff;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        display: none; }
      #header.gynella header .head .top-bar:hover, #header.gynellask header .head .top-bar:hover {
        background-color: #35b1be; }
      #header.gynella header .head .top-bar .top-bar-inner:after, #header.gynellask header .head .top-bar .top-bar-inner:after {
        clear: both;
        display: block;
        content: ''; }
      #header.gynella header .head .top-bar .top-bar-inner .text, #header.gynellask header .head .top-bar .top-bar-inner .text {
        float: left;
        width: calc(100% - 30px);
        padding: 6px 0;
        white-space: nowrap; }
      #header.gynella header .head .top-bar .top-bar-inner .close, #header.gynellask header .head .top-bar .top-bar-inner .close {
        float: right;
        padding: 5px 0 0;
        width: 20px; }
      #header.gynella header .head .top-bar .top-bar-inner .close img, #header.gynellask header .head .top-bar .top-bar-inner .close img {
        width: 12px; }
      #header.gynella header .head a.logo, #header.gynellask header .head a.logo {
        float: left;
        line-height: 100px; }
      #header.gynella header .head a.logo img, #header.gynellask header .head a.logo img {
        vertical-align: middle;
        width: 230px; }
      #header.gynella header .head .right, #header.gynellask header .head .right {
        float: right;
        display: flex;
        gap: 15px;
        height: 100px;
        justify-content: center;
        align-items: center; }
      #header.gynella header .head .mobile-menu-switcher, #header.gynellask header .head .mobile-menu-switcher {
        display: none; }
      #header.gynella header .menu-wrapper, #header.gynellask header .menu-wrapper {
        height: 52px;
        position: relative;
        z-index: 20; }
      #header.gynella header .menu-wrapper .menu, #header.gynellask header .menu-wrapper .menu {
        background-color: #ffe8e3;
        border-bottom: 1px solid rgba(209, 153, 122, 0.5);
        -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        position: relative; }
      #header.gynella header .menu-wrapper .menu.fixed, #header.gynellask header .menu-wrapper .menu.fixed {
        top: 0;
        left: 0;
        width: 100%;
        position: fixed; }
      #header.gynella header .menu-wrapper .menu .mobile, #header.gynellask header .menu-wrapper .menu .mobile, #header.gynella header .menu-wrapper .menu .mobile-search, #header.gynellask header .menu-wrapper .menu .mobile-search {
        display: none; }
      #header.gynella header .menu-wrapper .menu ul.main-menu, #header.gynellask header .menu-wrapper .menu ul.main-menu {
        display: flex;
        position: relative;
        z-index: 5; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li, #header.gynellask header .menu-wrapper .menu ul.main-menu li {
        position: relative; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li:hover > a, #header.gynellask header .menu-wrapper .menu ul.main-menu li:hover > a {
        background-color: #e0ba9c; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li:hover > a .arrow, #header.gynellask header .menu-wrapper .menu ul.main-menu li:hover > a .arrow {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li:hover ul, #header.gynellask header .menu-wrapper .menu ul.main-menu li:hover ul {
        display: flex; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li:first-of-type a, #header.gynellask header .menu-wrapper .menu ul.main-menu li:first-of-type a {
        border-left: 1px solid rgba(209, 153, 122, 0.5); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a, #header.gynellask header .menu-wrapper .menu ul.main-menu li a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 52px;
        line-height: 1.2;
        padding: 0 22px;
        color: #733621;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        font-family: "new-spirit", serif;
        font-weight: 300 !important;
        font-size: 15px;
        border-right: 1px solid rgba(209, 153, 122, 0.5); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a .arrow, #header.gynellask header .menu-wrapper .menu ul.main-menu li a .arrow {
        margin-left: 10px; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a .arrow svg path, #header.gynellask header .menu-wrapper .menu ul.main-menu li a .arrow svg path {
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 1170px;
        width: 1170px;
        background-color: #ffe8e3;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        gap: 15px;
        padding: 0 15px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul:after, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul:after {
        clear: both;
        display: block;
        content: '';
        position: absolute;
        top: -10px;
        left: 50px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #ffe8e3 transparent; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li {
        flex: 1; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li:first-of-type a, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li:first-of-type a {
        border-left: 0; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a {
        height: auto;
        line-height: 1.5;
        padding: 15px 0;
        display: block;
        border: 0 !important;
        font-family: "neuzeit-grotesk", sans-serif; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a:hover, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a:hover {
        background-color: transparent; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a:hover .title, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a:hover .title {
        background-color: #e0ba9c;
        color: #fff; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a .image, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a .image {
        background-size: cover;
        background-position: center center;
        -webkit-border-top-right-radius: 30px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 30px;
        -moz-border-radius-topright: 30px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 30px;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 30px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a .image:after, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a .image:after {
        clear: both;
        display: block;
        content: '';
        padding-top: 80%; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a .title, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a .title {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        text-align: center;
        color: #733621;
        padding: 10px 0;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        margin-top: -20px; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a:after, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a:after {
        display: none; }
      #header.gynella header .menu-wrapper .menu .cart, #header.gynellask header .menu-wrapper .menu .cart {
        width: 60px;
        position: absolute;
        top: 52px;
        right: 20px;
        display: none;
        z-index: 2; }
      #header.gynella header .menu-wrapper .menu .cart a.circle, #header.gynellask header .menu-wrapper .menu .cart a.circle {
        padding: 0 3px 0 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 30px;
        -webkit-border-bottom-left-radius: 30px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 30px;
        -moz-border-radius-bottomleft: 30px;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        border-top-left-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.current-menu-item, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.current-menu-item {
        background-color: #e0ba9c; } }
  @media all and (max-width: 6000px) {
      #header.gynella .container, #header.gynellask .container {
        width: 100%;
        max-width: 1200px; } }
  @media all and (min-width: 801px) {
      #header.gynella .col-sm-12, #header.gynellask .col-sm-12 {
        float: left; }
      #header.gynella .col-sm-12, #header.gynellask .col-sm-12 {
        width: 100%; } }
  @media all and (max-width: 1120px) {
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul {
        width: 1080px; } }
  @media all and (max-width: 1100px) {
      #header.gynella header .search, #header.gynellask header .search {
        width: 100%; }
      #header.gynella header .head, #header.gynellask header .head {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/header-bg-mobile.png');
        background-size: cover;
        background-position: center center;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0; }
      #header.gynella header .head .top-bar, #header.gynellask header .head .top-bar {
        max-height: 28px; }
      #header.gynella header .head .top-bar .text, #header.gynellask header .head .top-bar .text {
        overflow: scroll; }
      #header.gynella header .head a.logo, #header.gynellask header .head a.logo {
        line-height: 75px;
        max-width: calc(100% - 180px); }
      #header.gynella header .head a.logo img, #header.gynellask header .head a.logo img {
        width: 160px; }
      #header.gynella header .head .right, #header.gynellask header .head .right {
        height: 75px;
        gap: 10px; }
      #header.gynella header .head .right .language-switcher, #header.gynellask header .head .right .language-switcher {
        display: none; }
      #header.gynella header .head .right .search, #header.gynellask header .head .right .search {
        display: none; }
      #header.gynella header .head .right .cart, #header.gynellask header .head .right .cart {
        position: relative; }
      #header.gynella header .head .right .cart a.circle, #header.gynellask header .head .right .cart a.circle {
        width: 45px;
        height: 45px;
        padding: 0; }
      #header.gynella header .head .right .cart a.circle span, #header.gynellask header .head .right .cart a.circle span {
        display: none; }
      #header.gynella header .head .mobile-menu-switcher, #header.gynellask header .head .mobile-menu-switcher {
        display: block;
        width: 60px;
        height: 45px;
        float: right;
        position: relative;
        cursor: pointer; }
      #header.gynella header .head .mobile-menu-switcher.active .line:before, #header.gynellask header .head .mobile-menu-switcher.active .line:before {
        top: 0px; }
      #header.gynella header .head .mobile-menu-switcher.active .line:after, #header.gynellask header .head .mobile-menu-switcher.active .line:after {
        top: 0px; }
      #header.gynella header .head .mobile-menu-switcher.open .line, #header.gynellask header .head .mobile-menu-switcher.open .line {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      #header.gynella header .head .mobile-menu-switcher.open .line:before, #header.gynellask header .head .mobile-menu-switcher.open .line:before {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
      #header.gynella header .head .mobile-menu-switcher .line, #header.gynellask header .head .mobile-menu-switcher .line {
        width: 40px;
        height: 4px;
        background-color: #fff;
        position: absolute;
        top: 20px;
        right: 0;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      #header.gynella header .head .mobile-menu-switcher .line:before, #header.gynellask header .head .mobile-menu-switcher .line:before {
        clear: both;
        display: block;
        content: '';
        position: absolute;
        top: -13px;
        right: 0;
        width: 50px;
        height: 4px;
        background-color: #fff;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      #header.gynella header .head .mobile-menu-switcher .line:after, #header.gynellask header .head .mobile-menu-switcher .line:after {
        clear: both;
        display: block;
        content: '';
        position: absolute;
        top: 13px;
        right: 0;
        width: 50px;
        height: 4px;
        background-color: #fff;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
      #header.gynella header .menu-wrapper, #header.gynellask header .menu-wrapper {
        z-index: 100;
        position: fixed;
        top: 0;
        right: 0;
        width: 280px;
        max-width: 90%;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        background-color: #fff2e8;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff2e8), to(#fad5b8));
        background: -webkit-linear-gradient(top, #fff2e8, #fad5b8);
        background: -moz-linear-gradient(top, #fff2e8, #fad5b8);
        background: -ms-linear-gradient(top, #fff2e8, #fad5b8);
        background: -o-linear-gradient(top, #fff2e8, #fad5b8);
        height: 100vh;
        overflow-y: scroll; }
      #header.gynella header .menu-wrapper.mobile-open, #header.gynellask header .menu-wrapper.mobile-open {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0); }
      #header.gynella header .menu-wrapper .menu, #header.gynellask header .menu-wrapper .menu {
        background-color: transparent;
        -webkit-box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        -moz-box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        border-bottom: 0; }
      #header.gynella header .menu-wrapper .menu .mobile, #header.gynellask header .menu-wrapper .menu .mobile {
        display: flex;
        gap: 10px;
        padding: 20px 0;
        justify-content: center;
        align-items: center; }
      #header.gynella header .menu-wrapper .menu .mobile .close-menu, #header.gynellask header .menu-wrapper .menu .mobile .close-menu {
        margin-left: auto;
        margin-right: 10px;
        cursor: pointer; }
      #header.gynella header .menu-wrapper .menu .mobile-search, #header.gynellask header .menu-wrapper .menu .mobile-search {
        display: none;
        margin-bottom: 20px; }
      #header.gynella header .menu-wrapper .menu ul.main-menu, #header.gynellask header .menu-wrapper .menu ul.main-menu {
        display: block; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li, #header.gynellask header .menu-wrapper .menu ul.main-menu li {
        float: none;
        margin-bottom: 10px; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li:hover ul, #header.gynellask header .menu-wrapper .menu ul.main-menu li:hover ul {
        display: none; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a, #header.gynellask header .menu-wrapper .menu ul.main-menu li a {
        display: block;
        height: auto;
        padding: 18px 60px 18px 25px;
        line-height: 1.5;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        font-size: 17px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
        background-repeat: no-repeat;
        background-position: right 20px center;
        background-size: 35px 35px;
        font-weight: 700;
        color: #8a4f30;
        font-family: "neuzeit-grotesk", sans-serif;
        position: relative;
        z-index: 10; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.produkty, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.produkty {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-produkty.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.pece-na-miru, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.pece-na-miru {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-pece-na-miru.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.vyhodne-balicky, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.vyhodne-balicky {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-vyhodne-balicky.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.o-nas, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.o-nas {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-o-nas.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.blog, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.blog {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-blog.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.podcast, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.podcast {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-podcast.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.slovnik-pojmu, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.slovnik-pojmu {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-slovnik-pojmu.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.testovani, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.testovani {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-testovani.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a.kontakt, #header.gynellask header .menu-wrapper .menu ul.main-menu li a.kontakt {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-kontakt.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover {
        background-color: #d1997a;
        color: #fff; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.produkty, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.produkty {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-produkty-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.pece-na-miru, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.pece-na-miru {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-pece-na-miru-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.vyhodne-balicky, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.vyhodne-balicky {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-vyhodne-balicky-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.o-nas, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.o-nas {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-o-na-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.blog, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.blog {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-blog-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.podcast, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.podcast {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-podcast-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.slovnik-pojmu, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.slovnik-pojmu {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-slovnik-pojmu-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.testovani, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.testovani {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-testovani-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover.kontakt, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover.kontakt {
        background-image: url('https://www.gynella.com/wp-content/themes/gn/assets/img/icons/menu-kontakt-white.svg'); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:hover .arrow, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:hover .arrow {
        background-color: rgba(255, 255, 255, 0.15); }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a:after, #header.gynellask header .menu-wrapper .menu ul.main-menu li a:after {
        display: none; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li a .arrow, #header.gynellask header .menu-wrapper .menu ul.main-menu li a .arrow {
        float: left;
        display: block;
        width: 30px;
        height: 30px;
        background-color: rgba(0, 0, 0, 0.05);
        line-height: 28px;
        margin-left: -10px;
        margin-top: -2px;
        margin-right: 10px;
        text-align: center;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -ms-transition: all ease 0.25s;
        -o-transition: all ease 0.25s; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul {
        padding: 20px 10px 11px 10px;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-top: -5px;
        z-index: 5; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul:after, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul:after {
        display: none; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li {
        margin-bottom: 0; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a {
        display: block;
        height: auto;
        line-height: 1.5;
        padding: 2px 10px 2px 15px;
        -webkit-box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        -moz-box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        background-image: none !important; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a .image, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a .image {
        display: none; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a .title, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a .title {
        -webkit-box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        -moz-box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        box-shadow: 0 0 0 0 rgba(138, 79, 48, 0);
        padding: 1px 0;
        text-align: left;
        background-color: transparent;
        margin-top: 0;
        font-weight: 400; }
      #header.gynella header .menu-wrapper .menu ul.main-menu li ul li a .title:hover, #header.gynellask header .menu-wrapper .menu ul.main-menu li ul li a .title:hover {
        background: transparent !important;
        color: #733621; }
      #header.gynella header .menu-wrapper .cart, #header.gynellask header .menu-wrapper .cart {
        display: none !important; } }
  @font-face {
    font-family: "neuzeit-grotesk";
    src: url("https://use.typekit.net/af/341355/000000000000000077359e98/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/341355/000000000000000077359e98/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/341355/000000000000000077359e98/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal; }
  @font-face {
    font-family: "neuzeit-grotesk";
    src: url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal; }
  @font-face {
    font-family: "neuzeit-grotesk";
    src: url("https://use.typekit.net/af/341355/000000000000000077359e98/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/341355/000000000000000077359e98/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/341355/000000000000000077359e98/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal; }
  @font-face {
    font-family: "neuzeit-grotesk";
    src: url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/4a8a65/000000000000000077359e9c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal; }
  @font-face {
    font-family: "new-spirit";
    src: url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal; }
  @font-face {
    font-family: "new-spirit";
    src: url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal; }
  @font-face {
    font-family: "new-spirit";
    src: url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal; }
  @font-face {
    font-family: "new-spirit";
    src: url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    /*! ------------------- */
    /*! Autogenerated - END */
    /*! ------------------- */
    /*! ------------------ */
    /*! Custom CSS - START */
    /*! ------------------ */ }
  #header.gynella header .head .container .row, #header.gynellask header .head .container .row {
    max-width: unset; }
  @media (max-width: 435px) {
      #header.gynella header .head .container .logout.icon-head-box, #header.gynellask header .head .container .logout.icon-head-box {
        display: none; } }
  #header.gynella header .fixed .cart, #header.gynellask header .fixed .cart {
    overflow: visible !important; }
  #header.gynella header .search button, #header.gynellask header .search button {
    height: 29px; }
  #header.gynella header .menu-wrapper .main-menu ul li .vaginalni-infekce .image, #header.gynellask header .menu-wrapper .main-menu ul li .vaginalni-infekce .image {
    background-image: url('/static/img//services/gynella/menu2/vaginalni-infekce.webp'); }
  #header.gynella header .menu-wrapper .main-menu ul li .intimni-hygiena .image, #header.gynellask header .menu-wrapper .main-menu ul li .intimni-hygiena .image {
    background-image: url('/static/img//services/gynella/menu2/intimni-hygiena.webp'); }
  #header.gynella header .menu-wrapper .main-menu ul li .menopauza .image, #header.gynellask header .menu-wrapper .main-menu ul li .menopauza .image {
    background-image: url('/static/img//services/gynella/menu2/menopauza.webp'); }
  #header.gynella header .menu-wrapper .main-menu ul li .mocove-cesty .image, #header.gynellask header .menu-wrapper .main-menu ul li .mocove-cesty .image {
    background-image: url('/static/img//services/gynella/menu2/mocove-cesty.webp'); }
  #header.gynella header .menu-wrapper .main-menu ul li .vaginalni-probiotika .image, #header.gynellask header .menu-wrapper .main-menu ul li .vaginalni-probiotika .image {
    background-image: url('/static/img//services/gynella/menu2/vaginalni-probiotika.webp'); }
  #header.gynella header .menu-wrapper .main-menu ul li .ostatni .image, #header.gynellask header .menu-wrapper .main-menu ul li .ostatni .image {
    background-image: url('/static/img//services/gynella/menu2/ostatni.webp'); }
  #header.gynella input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus, #header.gynellask input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus {
    box-shadow: initial;
    /*! ---------------- */
    /*! Custom CSS - END */
    /*! ---------------- */ }

#headerLogin.gynella, #ssoLogin.gynella .logged, #headerLogin.gynellask, #ssoLogin.gynellask .logged {
  display: flex;
  align-items: center;
  gap: 10px; }
  #headerLogin.gynella .logout.icon-head-box, #ssoLogin.gynella .logged .logout.icon-head-box, #headerLogin.gynellask .logout.icon-head-box, #ssoLogin.gynellask .logged .logout.icon-head-box {
    color: #8a4f30; }
  #headerLogin.gynella .logout.icon-head-box:hover, #ssoLogin.gynella .logged .logout.icon-head-box:hover, #headerLogin.gynellask .logout.icon-head-box:hover, #ssoLogin.gynellask .logged .logout.icon-head-box:hover {
    color: white; }
  #headerLogin.gynella .logout.icon-head-box svg, #ssoLogin.gynella .logged .logout.icon-head-box svg, #headerLogin.gynellask .logout.icon-head-box svg, #ssoLogin.gynellask .logged .logout.icon-head-box svg {
    height: 22px;
    width: 22px; }
  @media (min-width: 40em) {
  #headerLogin.gynella, #ssoLogin.gynella .logged, #headerLogin.gynellask, #ssoLogin.gynellask .logged {
    flex-direction: row;
    /*! CSS Used from: https://www.gynella.com/wp-content/themes/gn/assets/css/style.css?ver=257737 ; media=all */ } }
  @media all {
  #headerLogin.gynella *, #ssoLogin.gynella .logged *, #headerLogin.gynellask *, #ssoLogin.gynellask .logged * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #headerLogin.gynella *:before, #ssoLogin.gynella .logged *:before, #headerLogin.gynellask *:before, #ssoLogin.gynellask .logged *:before, #headerLogin.gynella *:after, #ssoLogin.gynella .logged *:after, #headerLogin.gynellask *:after, #ssoLogin.gynellask .logged *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #headerLogin.gynella a, #ssoLogin.gynella .logged a, #headerLogin.gynellask a, #ssoLogin.gynellask .logged a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  #headerLogin.gynella ul li a, #ssoLogin.gynella .logged ul li a, #headerLogin.gynellask ul li a, #ssoLogin.gynellask .logged ul li a {
    display: inline-block;
    margin: 0;
    padding: 0; }
  #headerLogin.gynella a, #ssoLogin.gynella .logged a, #headerLogin.gynellask a, #ssoLogin.gynellask .logged a {
    color: #45ccdb;
    font-weight: 400;
    text-decoration: none; }
  #headerLogin.gynella a:hover, #ssoLogin.gynella .logged a:hover, #headerLogin.gynellask a:hover, #ssoLogin.gynellask .logged a:hover, #headerLogin.gynella a:focus, #ssoLogin.gynella .logged a:focus, #headerLogin.gynellask a:focus, #ssoLogin.gynellask .logged a:focus {
    text-decoration: none;
    color: #35b1be;
    outline: none; }
  #headerLogin.gynella ul.user-menu li a, #ssoLogin.gynella .logged ul.user-menu li a, #headerLogin.gynellask ul.user-menu li a, #ssoLogin.gynellask .logged ul.user-menu li a {
    -webkit-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
    -moz-box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
    box-shadow: 0 2px 5px 0 rgba(138, 79, 48, 0.4);
    background-color: #fff;
    padding: 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 15px 30px;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -ms-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    color: #733621; }
  #headerLogin.gynella ul.user-menu li a:hover, #ssoLogin.gynella .logged ul.user-menu li a:hover, #headerLogin.gynellask ul.user-menu li a:hover, #ssoLogin.gynellask .logged ul.user-menu li a:hover {
    background-color: #45ccdb;
    color: #fff; } }
  @media all and (max-width: 800px) {
    #headerLogin.gynella ul.user-menu li a, #ssoLogin.gynella .logged ul.user-menu li a, #headerLogin.gynellask ul.user-menu li a, #ssoLogin.gynellask .logged ul.user-menu li a {
      display: block;
      text-align: center; } }

#footer.hasicovo a {
  color: ; }

#hamburgerMenu.hasicovo {
  height: 59px; }
  #hamburgerMenu.hasicovo .menu-wrapper {
    display: flex;
    justify-content: flex-end; }
  @media (min-width: 768px) {
    #hamburgerMenu.hasicovo .menu-wrapper {
      max-width: 720px;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto; } }
  #hamburgerMenu.hasicovo .icon {
    width: 2.5rem;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    z-index: 203;
    padding: 0 45px; }
  #hamburgerMenu.hasicovo .icon .line {
    width: 13px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 2px 0px;
    border: none;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.hasicovo .icon .menu-text {
    color: white;
    line-height: 59px;
    z-index: 203;
    margin-right: 10px;
    font-weight: 400; }
  #hamburgerMenu.hasicovo .icon.active {
    background-color: white;
    border-radius: 8px 8px 0 0; }
  #hamburgerMenu.hasicovo .icon.active .line {
    background-color: ;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.hasicovo .icon.active .line:nth-child(2) {
    height: 0px; }
  #hamburgerMenu.hasicovo .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.hasicovo .icon.active .line:first-child {
    transform: rotate(-45deg);
    margin-bottom: -4px; }
  #hamburgerMenu.hasicovo .icon.active .menu-text {
    color: ; }
  #hamburgerMenu.hasicovo .icon:hover {
    text-decoration: none; }
  #hamburgerMenu.hasicovo .menu {
    transition: left 0.2s linear;
    position: absolute;
    right: 0;
    display: none;
    flex-direction: column;
    padding-top: 5rem;
    overflow: auto;
    background-color: white;
    border-radius: 8px 0px 8px 8px; }
  @media (min-width: 768px) {
    #hamburgerMenu.hasicovo .menu {
      max-width: 690px; } }
  #hamburgerMenu.hasicovo .menu a {
    padding: 1rem 0;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    color: #db4a27;
    padding-left: 35px;
    width: 100%; }
  #hamburgerMenu.hasicovo .menu a:hover {
    color: ; }
  #hamburgerMenu.hasicovo .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1;
    border-top: 1px solid #e8e8e8; }
  #hamburgerMenu.hasicovo .menu .list:last-child {
    border-bottom: 1px solid #e8e8e8; }
  #hamburgerMenu.hasicovo .menu.open {
    display: flex;
    width: 100%;
    padding: 30px 15px;
    z-index: 202;
    margin-top: -6px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden; }
  #hamburgerMenu.hasicovo .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .05);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  @media (min-width: 65em) {
  #hamburgerMenu.hasicovo {
    display: none; } }

#header.hasicovo {
  margin: 0 auto;
  max-width: 1440px; }
  #header.hasicovo .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  #header.hasicovo .container .design-hr {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #fbba00, #ec6608 33%, #e30613 66%, #b61d00);
    line-height: 0; }
  #header.hasicovo .container .logo-login-wrapper {
    max-width: 1170px;
    width: 100%;
    margin: auto;
    height: 119px; }
  #header.hasicovo .container .logo {
    margin-block-start: 23px;
    margin-block-end: 0;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }
  @media (min-width: 768px) {
      #header.hasicovo .container .logo {
        padding-right: 15px;
        padding-left: 15px; } }
  #header.hasicovo .container .headerMenu {
    clear: both;
    display: none;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(90deg, #fbba00, #ec6608 33%, #e30613 66%, #b61d00); }
  #header.hasicovo .container .headerMenu ul {
    align-items: center;
    display: flex;
    list-style: none;
    text-align: center;
    margin-bottom: 0; }
  #header.hasicovo .container .headerMenu ul li {
    font-size: 15px;
    position: relative; }
    #header.hasicovo .container .headerMenu ul li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 10px 10px 10px 10px;
      text-decoration: none;
      color: #fff;
      font-weight: 400; }
    @media (min-width: 1200px) {
          #header.hasicovo .container .headerMenu ul li a {
            padding: 22px 10px 20px 10px;
            line-height: 22px; } }
    #header.hasicovo .container .headerMenu ul li a:hover {
      text-decoration: underline; }
  @media (min-width: 65em) {
      #header.hasicovo .container .headerMenu {
        display: flex; } }
  #header.hasicovo .container .headerMenuSmall {
    background: linear-gradient(90deg, #fbba00, #ec6608 33%, #e30613 66%, #b61d00); }

#headerLogin.hasicovo {
  display: inline-block;
  float: right;
  height: 119px;
  line-height: 119px; }
  #headerLogin.hasicovo .login, #headerLogin.hasicovo .logout, #headerLogin.hasicovo .register, #headerLogin.hasicovo .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.hasicovo .login img, #headerLogin.hasicovo .logout img, #headerLogin.hasicovo .register img, #headerLogin.hasicovo .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.hasicovo .login:hover, #headerLogin.hasicovo .logout:hover, #headerLogin.hasicovo .register:hover, #headerLogin.hasicovo .editUser:hover {
    text-decoration: none;
    color: ; }

#hamburgerMenu.hobbykuk {
  display: flex;
  justify-content: flex-end; }
  #hamburgerMenu.hobbykuk .icon {
    position: absolute;
    right: 1.5rem;
    width: 2.5rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 2.5rem;
    z-index: 203; }
  #hamburgerMenu.hobbykuk .icon .line {
    width: 60%;
    height: 0.2rem;
    background-color: black;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.hobbykuk .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.hobbykuk .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.hobbykuk .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.hobbykuk .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    padding-top: 5rem;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    border: 1px solid #e1e1e1;
    height: 100vh; }
  #hamburgerMenu.hobbykuk .menu a {
    border-top: 1px solid #e8e8e8;
    padding: 1rem 0;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    color: #db4a27;
    width: 100%; }
  #hamburgerMenu.hobbykuk .menu a:hover {
    color: ; }
  #hamburgerMenu.hobbykuk .menu a:last-child {
    border-bottom: 1px solid #e8e8e8; }
  #hamburgerMenu.hobbykuk .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1;
    border-top: 1px solid #e8e8e8; }
  #hamburgerMenu.hobbykuk .menu .list:last-child {
    border-bottom: 1px solid #e8e8e8; }
  #hamburgerMenu.hobbykuk .menu.open {
    display: flex;
    width: 100%;
    z-index: 202; }
  #hamburgerMenu.hobbykuk .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  @media (min-width: 65em) {
  #hamburgerMenu.hobbykuk {
    display: none; } }

#header.hobbykuk {
  margin: 0 auto;
  max-width: 61rem;
  padding-bottom: 2rem; }
  #header.hobbykuk .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem; }
  #header.hobbykuk .container .logo {
    width: 100%;
    padding-right: 2rem;
    text-align: center; }
  #header.hobbykuk .container .logo img {
    max-height: 3rem;
    margin-right: 2rem; }
  @media (min-width: 65em) {
      #header.hobbykuk .container .logo {
        margin-top: 2rem; }
        #header.hobbykuk .container .logo img {
          max-height: 8rem;
          margin: 0; } }
  #header.hobbykuk .container .headerMenu {
    display: none;
    flex-direction: row-reverse; }
  #header.hobbykuk .container .headerMenu ul {
    align-items: center;
    display: flex;
    list-style: none;
    text-align: center;
    font-weight: 700;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8; }
  #header.hobbykuk .container .headerMenu ul li {
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    height: 48px; }
    #header.hobbykuk .container .headerMenu ul li a {
      width: 100%;
      height: 100%;
      border-right: 1px solid #e8e8e8;
      padding: 0 28px;
      text-decoration: none;
      color: #232323;
      font-weight: 500; }
    #header.hobbykuk .container .headerMenu ul li a:hover {
      color: ; }
    #header.hobbykuk .container .headerMenu ul li:last-child a {
      border-right: none; }
    #header.hobbykuk .container .headerMenu ul li:hover {
      border-bottom: 1px solid ; }
  @media (min-width: 65em) {
      #header.hobbykuk .container .headerMenu {
        display: flex; } }
  @media (min-width: 65em) {
    #header.hobbykuk .container {
      padding: 0 1.25rem;
      height: 5.125rem; } }
  @media (min-width: 65em) {
  #header.hobbykuk {
    height: 10.5rem; } }

#headerLogin.hobbykuk {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem;
  margin-left: auto; }
  #headerLogin.hobbykuk .login, #headerLogin.hobbykuk .logout, #headerLogin.hobbykuk .register, #headerLogin.hobbykuk .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.hobbykuk .login img, #headerLogin.hobbykuk .logout img, #headerLogin.hobbykuk .register img, #headerLogin.hobbykuk .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.hobbykuk .login:hover, #headerLogin.hobbykuk .logout:hover, #headerLogin.hobbykuk .register:hover, #headerLogin.hobbykuk .editUser:hover {
    text-decoration: none;
    color: ; }

#hamburgerMenu.holkazavolantem {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.holkazavolantem .icon {
    position: absolute;
    right: 0.3rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0.5rem;
    z-index: 203; }
  #hamburgerMenu.holkazavolantem .icon .line {
    width: 60%;
    height: 0.2rem;
    background-color: white;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.holkazavolantem .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.holkazavolantem .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.holkazavolantem .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.holkazavolantem .icon.active .line {
    background-color: #e8e8e8;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.holkazavolantem .icon.active .line:first-child, #hamburgerMenu.holkazavolantem .icon.active .line:nth-child(3) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.holkazavolantem .icon.active .line:nth-child(2), #hamburgerMenu.holkazavolantem .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.holkazavolantem .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.holkazavolantem .menu {
    transition: right 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    right: 0;
    top: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.holkazavolantem .menu .item {
    box-sizing: border-box;
    display: block;
    width: 90%;
    padding: 1rem;
    flex-shrink: 1;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 auto;
    text-align: left; }
  #hamburgerMenu.holkazavolantem .menu .item a {
    color: #858585;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase; }
  #hamburgerMenu.holkazavolantem .menu .item a.actual {
    color: #2b2a2a; }
  #hamburgerMenu.holkazavolantem .menu .item:first-child {
    border-top: 1px solid #e1e1e1; }
  #hamburgerMenu.holkazavolantem .menu .item.login a {
    font-size: 0.8rem; }
  #hamburgerMenu.holkazavolantem .menu.open {
    display: flex;
    width: 80%;
    z-index: 202; }
  @media (min-width: 65em) {
  #hamburgerMenu.holkazavolantem {
    display: none; } }

#header.holkazavolantem {
  margin: 0 auto;
  background-color: rgba(0, 0, 0, .75);
  height: 4.375rem;
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  width: 100vw;
  z-index: 201; }
  #header.holkazavolantem .container {
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    height: 100%;
    max-width: 82rem;
    margin: auto; }
  #header.holkazavolantem .container .logo p {
    font-size: 1.25rem;
    color: white;
    margin-bottom: 0;
    text-align: left;
    font-family: Fira Sans Condensed, sans-serif; }
  @media (min-width: 65em) {
      #header.holkazavolantem .container .logo {
        font-size: 1.375rem; } }
  #header.holkazavolantem .container .headerMenu {
    display: flex;
    flex-direction: row;
    width: 82rem;
    text-align: center;
    justify-content: space-between;
    align-items: center; }
  #header.holkazavolantem .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 100%;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem; }
  #header.holkazavolantem .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 2rem;
    padding: 1rem 0;
    position: relative; }
    #header.holkazavolantem .container .headerMenu ul li a {
      padding: 0 1rem;
      text-decoration: none;
      color: white;
      font-size: 1rem;
      box-sizing: border-box; }
    #header.holkazavolantem .container .headerMenu ul li.bottom a {
      border-right: 2px solid #454545; }
    #header.holkazavolantem .container .headerMenu ul li.bottom:hover {
      padding-top: 13px; }
    #header.holkazavolantem .container .headerMenu ul li .more {
      transition: left 0.2s linear;
      position: absolute;
      top: 4rem;
      left: 0;
      min-width: 15rem;
      height: auto;
      display: none;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      background-color: rgba(0, 0, 0, .75); }
    #header.holkazavolantem .container .headerMenu ul li .more .item {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-left: 0; }
    #header.holkazavolantem .container .headerMenu ul li .more .item a {
      padding: 12px 10px 10px 12px;
      height: auto;
      font-size: 0.875rem;
      line-height: 24px;
      color: white;
      text-transform: uppercase;
      font-weight: 400;
      text-align: left;
      box-sizing: border-box; }
      #header.holkazavolantem .container .headerMenu ul li .more .item a:hover {
        border-left: 3px solid #db4a27;
        padding-left: 9px; }
    #header.holkazavolantem .container .headerMenu ul li .more .item:hover {
      background-color: rgba(0, 0, 0, .2); }
    #header.holkazavolantem .container .headerMenu ul li:hover, #header.holkazavolantem .container .headerMenu ul li.active {
      border-top: 3px solid #db4a27;
      padding-top: 13px; }
    #header.holkazavolantem .container .headerMenu ul li:hover .more {
      display: flex; }
  @media (min-width: 65em) {
        #header.holkazavolantem .container .headerMenu ul {
          display: flex; } }

#headerLogin.holkazavolantem {
  display: flex;
  flex-wrap: wrap-reverse;
  height: 1.8rem;
  padding-top: 0.25rem; }
  #headerLogin.holkazavolantem .login, #headerLogin.holkazavolantem .logout, #headerLogin.holkazavolantem .register, #headerLogin.holkazavolantem .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #858585; }
  #headerLogin.holkazavolantem .login img, #headerLogin.holkazavolantem .logout img, #headerLogin.holkazavolantem .register img, #headerLogin.holkazavolantem .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.holkazavolantem .login:hover, #headerLogin.holkazavolantem .logout:hover, #headerLogin.holkazavolantem .register:hover, #headerLogin.holkazavolantem .editUser:hover {
    text-decoration: none;
    color: #2b2a2a; }
  @media (min-width: 65em) {
    #headerLogin.holkazavolantem .login, #headerLogin.holkazavolantem .logout, #headerLogin.holkazavolantem .register, #headerLogin.holkazavolantem .editUser {
      color: white; }
      #headerLogin.holkazavolantem .login:hover, #headerLogin.holkazavolantem .logout:hover, #headerLogin.holkazavolantem .register:hover, #headerLogin.holkazavolantem .editUser:hover {
        text-decoration: none;
        color: #db4a27; } }
  @media (min-width: 65em) {
  #headerLogin.holkazavolantem {
    margin: 1rem;
    justify-content: flex-end; } }

#header.ihoupacka {
  margin: 0 auto;
  max-width: 61.25rem; }
  #header.ihoupacka .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem;
    flex-direction: column; }
  #header.ihoupacka .container .top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 5rem;
    align-items: center; }
  #header.ihoupacka .container .top .social {
    margin-right: 0.5rem; }
  #header.ihoupacka .container .bottom {
    display: flex;
    flex-direction: row-reverse;
    width: 100%; }
  #header.ihoupacka .container .bottom ul {
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem; }
  #header.ihoupacka .container .bottom ul li {
    display: flex;
    align-items: center;
    width: 169px;
    height: 29px;
    justify-content: center;
    border-right: 1px solid #db4a27;
    background-color: #db4a27; }
    #header.ihoupacka .container .bottom ul li:last-child {
      border-right: none; }
    #header.ihoupacka .container .bottom ul li a {
      font-size: 0.9rem;
      text-transform: uppercase;
      text-decoration: none;
      color: white; }
    #header.ihoupacka .container .bottom ul li:hover {
      background-color: #db4a27; }
    #header.ihoupacka .container .bottom ul li.active {
      background-color: ; }
  @media (min-width: 45em) {
        #header.ihoupacka .container .bottom ul {
          flex-direction: row; } }

#headerLogin.ihoupacka {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem; }
  #headerLogin.ihoupacka .login, #headerLogin.ihoupacka .logout, #headerLogin.ihoupacka .register, #headerLogin.ihoupacka .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.ihoupacka .login img, #headerLogin.ihoupacka .logout img, #headerLogin.ihoupacka .register img, #headerLogin.ihoupacka .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.ihoupacka .login:hover, #headerLogin.ihoupacka .logout:hover, #headerLogin.ihoupacka .register:hover, #headerLogin.ihoupacka .editUser:hover {
    text-decoration: none;
    color: ; }

#hamburgerMenu.ireceptar {
  display: flex;
  margin-left: 1rem; }
  #hamburgerMenu.ireceptar .icon {
    position: absolute;
    top: 1.5rem;
    right: 0rem;
    margin-right: 1rem;
    width: 2.5rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.ireceptar .icon .lineText {
    color: #db4a27;
    margin-top: 0.2rem; }
  #hamburgerMenu.ireceptar .icon .line {
    width: 70%;
    height: 0.2rem;
    background-color: #db4a27;
    position: absolute;
    left: 0.4rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s;
    border-radius: 30%; }
  #hamburgerMenu.ireceptar .icon .line:first-child {
    top: 0.7rem; }
  #hamburgerMenu.ireceptar .icon .line:nth-child(2) {
    top: calc(1.25rem - (.25rem / 2)); }
  #hamburgerMenu.ireceptar .icon.active .lineText {
    display: none; }
  #hamburgerMenu.ireceptar .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.ireceptar .icon.active .line:first-child, #hamburgerMenu.ireceptar .icon.active .line:nth-child(3) {
    top: calc(1.25rem - (.25rem / 2)); }
  #hamburgerMenu.ireceptar .icon.active .line:nth-child(2) {
    transform: rotate(45deg); }
  #hamburgerMenu.ireceptar .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.ireceptar .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 6rem;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: ; }
  #hamburgerMenu.ireceptar .menu ul {
    display: flex;
    flex-direction: column;
    margin-top: 0.5rem;
    width: 100%;
    padding-left: 0; }
  #hamburgerMenu.ireceptar .menu ul li {
    padding: 7px 0; }
  #hamburgerMenu.ireceptar .menu ul li a {
    color: #db4a27;
    text-decoration: none;
    padding: 0 6px;
    margin: -8px 20px;
    font-weight: 400;
    position: relative;
    font-size: 1rem;
    text-transform: uppercase; }
    #hamburgerMenu.ireceptar .menu ul li a.prepayment {
      color: #db4a27; }
  #hamburgerMenu.ireceptar .menu ul li:hover {
    background-color: #db4a27; }
    #hamburgerMenu.ireceptar .menu ul li:hover a {
      color: white; }
  #hamburgerMenu.ireceptar .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 40em) {
  #hamburgerMenu.ireceptar .icon, #hamburgerMenu.ireceptar .menu {
    display: none; } }

#header.ireceptar {
  width: 100%;
  max-width: 62.5rem;
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
  margin: auto; }
  #header.ireceptar .header-top {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
  #header.ireceptar .header-top .left {
    display: none; }
  #header.ireceptar .header-top .left a img {
    filter: grayscale(100%) drop-shadow(0px 0px 0.5px white);
    vertical-align: middle;
    transition-duration: 0.4s; }
    #header.ireceptar .header-top .left a img:hover {
      filter: none; }
  @media (min-width: 42em) {
      #header.ireceptar .header-top .left {
        display: flex; } }
  #header.ireceptar .header-top .center {
    flex: 1 0 auto; }
  #header.ireceptar .header-top .right {
    display: none; }
  @media (min-width: 42em) {
      #header.ireceptar .header-top .right {
        display: flex; } }
  #header.ireceptar .logo {
    box-sizing: border-box;
    border: none;
    width: 10rem;
    margin: 0.5rem 0;
    padding-bottom: 0.5rem; }
  @media (min-width: 42em) {
    #header.ireceptar .logo {
      width: 15.625rem;
      margin: 1.875rem auto 0; } }
  #header.ireceptar .forefront {
    border-bottom: 2px solid #007e8b; }
  #header.ireceptar .bottom {
    margin-top: 0.9375rem;
    display: none;
    justify-content: center; }
  #header.ireceptar .bottom ul {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    list-style: none; }
  #header.ireceptar .bottom ul li a {
    color: #212121;
    line-height: initial;
    padding: 0 0.75rem;
    font-size: 1rem;
    text-transform: uppercase; }
    #header.ireceptar .bottom ul li a:hover {
      color: #db4a27; }
    @media (min-width: 59em) {
        #header.ireceptar .bottom ul li a {
          font-size: 1.125rem; } }
  @media (min-width: 42em) {
    #header.ireceptar .bottom {
      display: flex; } }

#headerLogin.ireceptar {
  display: flex;
  flex-direction: column; }
  #headerLogin.ireceptar .user-name {
    padding: 7px 0px 7px 25px;
    color: #484848;
    font-size: 1rem;
    text-transform: uppercase; }
  #headerLogin.ireceptar .logout, #headerLogin.ireceptar .login, #headerLogin.ireceptar .register {
    padding: 7px 0px 7px 25px;
    align-items: flex-start;
    margin: 0;
    color: #484848;
    font-size: 1rem;
    text-transform: uppercase; }
  #headerLogin.ireceptar .logout:hover, #headerLogin.ireceptar .login:hover, #headerLogin.ireceptar .register:hover {
    color: white;
    background-color: #db4a27;
    text-decoration: none; }
  @media (min-width: 42em) {
  #headerLogin.ireceptar {
    display: flex;
    flex-direction: row;
    padding-right: 1rem; }
    #headerLogin.ireceptar .logout, #headerLogin.ireceptar .login, #headerLogin.ireceptar .register {
      align-items: center;
      padding: 0;
      margin: 0.5rem;
      color: #212121; }
      #headerLogin.ireceptar .logout:hover, #headerLogin.ireceptar .login:hover, #headerLogin.ireceptar .register:hover {
        background: none;
        color: #db4a27; } }

#menu.ireceptar {
  display: none;
  border-bottom: 7px solid #e9e9e9;
  color: #e6eae3;
  width: 62.5rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  background: #fff;
  max-height: 35px;
  overflow: hidden;
  -o-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s; }
  #menu.ireceptar ul {
    display: flex;
    justify-content: center;
    list-style: none; }
  #menu.ireceptar ul li {
    border-left: 1px solid #61757e;
    margin: 7px 0; }
  #menu.ireceptar ul li a {
    color: #61757e;
    text-decoration: none;
    padding: 0 6px;
    margin: -8px 10px;
    font-weight: 400;
    position: relative;
    font-size: 12px; }
  #menu.ireceptar ul li a:hover {
    color: #000; }
  @media (min-width: 59em) {
  #menu.ireceptar {
    display: block; } }

#testInfo.ireceptar .item .label {
  font-size: 1rem; }
  @media (min-width: 35em) {
  #testInfo.ireceptar .item > .label {
    font-size: 1rem; } }

#hamburgerMenu.irybarstvi {
  display: flex;
  margin-left: 1rem; }
  #hamburgerMenu.irybarstvi .icon {
    display: inline-block;
    width: 1.1rem;
    height: 1.5rem;
    position: relative;
    margin-right: 1rem;
    z-index: 203; }
  #hamburgerMenu.irybarstvi .icon .line {
    position: absolute;
    background-color: black;
    height: 3px;
    width: 100%;
    left: 0;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.irybarstvi .icon .line:first-child {
    top: 0.25rem; }
  #hamburgerMenu.irybarstvi .icon .line:nth-child(2) {
    top: calc(0.75rem - (.25rem / 2)); }
  #hamburgerMenu.irybarstvi .icon .line:nth-child(3) {
    top: calc(1rem); }
  #hamburgerMenu.irybarstvi .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.irybarstvi .icon.active .line:first-child, #hamburgerMenu.irybarstvi .icon.active .line:nth-child(3) {
    top: calc(0.75rem - (.25rem / 2)); }
  #hamburgerMenu.irybarstvi .icon.active .line:nth-child(2), #hamburgerMenu.irybarstvi .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.irybarstvi .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.irybarstvi .menu {
    transition: right 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    left: 0;
    top: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.irybarstvi .menu .item {
    box-sizing: border-box;
    display: block;
    width: 90%;
    padding: 1rem;
    flex-shrink: 1;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 auto;
    text-align: left; }
  #hamburgerMenu.irybarstvi .menu .item a {
    color: #161616;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500; }
  #hamburgerMenu.irybarstvi .menu .item:first-child {
    border-top: 1px solid #e1e1e1; }
  #hamburgerMenu.irybarstvi .menu .item:hover {
    background-color: rgba(0, 0, 0, 0.01); }
  #hamburgerMenu.irybarstvi .menu .item.active {
    background-color: rgba(0, 0, 0, 0.01); }
  #hamburgerMenu.irybarstvi .menu.open {
    display: flex;
    width: 80%;
    border-left: solid 1px #dedede;
    z-index: 202; }
  #hamburgerMenu.irybarstvi .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.25);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  @media (min-width: 70em) {
  #hamburgerMenu.irybarstvi {
    display: none; } }

#header.irybarstvi {
  margin: 0 auto;
  padding: 10px 0; }
  #header.irybarstvi .container {
    display: flex;
    align-items: center;
    min-height: 6.625rem;
    max-width: 73.125rem;
    margin: auto;
    justify-content: space-between; }
  #header.irybarstvi .container .logo {
    padding: 1rem;
    margin: auto; }
  #header.irybarstvi .container .logo img {
    max-width: 7rem; }
  @media (min-width: 40em) {
        #header.irybarstvi .container .logo img {
          max-width: 12rem; } }
  #header.irybarstvi .container .headerMenu {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center; }
  #header.irybarstvi .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 100%;
    align-items: center; }
  #header.irybarstvi .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 2rem;
    padding: 1rem 0;
    position: relative; }
    #header.irybarstvi .container .headerMenu ul li a {
      padding: 0 15px;
      font-weight: 800;
      font-size: 13px;
      color: #222;
      text-transform: uppercase; }
    #header.irybarstvi .container .headerMenu ul li a:hover {
      color: #db4a27; }
    #header.irybarstvi .container .headerMenu ul li a img {
      width: 25px;
      margin-top: 0.5rem;
      min-width: 25px; }
  @media (min-width: 70em) {
        #header.irybarstvi .container .headerMenu ul {
          display: flex; } }
  #header.irybarstvi .container .social {
    width: 1rem;
    min-width: 1rem;
    filter: grayscale(100%) drop-shadow(0px 0px 0.5px white);
    margin: 1rem; }
  #header.irybarstvi .container .social:hover {
    filter: none; }
  @media (min-width: 70em) {
    #header.irybarstvi .container {
      justify-content: space-around; } }

#headerLogin.irybarstvi {
  display: flex;
  justify-content: flex-end;
  height: 2.5rem;
  margin: 0 auto; }
  #headerLogin.irybarstvi .login, #headerLogin.irybarstvi .logout, #headerLogin.irybarstvi .register, #headerLogin.irybarstvi .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: #666;
    padding: 1rem; }
  #headerLogin.irybarstvi .login img, #headerLogin.irybarstvi .logout img, #headerLogin.irybarstvi .register img, #headerLogin.irybarstvi .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.irybarstvi .login:hover, #headerLogin.irybarstvi .logout:hover, #headerLogin.irybarstvi .register:hover, #headerLogin.irybarstvi .editUser:hover {
    text-decoration: none;
    color: #db4a27; }
  @media (min-width: 65em) {
    #headerLogin.irybarstvi .login, #headerLogin.irybarstvi .logout, #headerLogin.irybarstvi .register, #headerLogin.irybarstvi .editUser {
      padding: 0.2rem; } }
  @media (min-width: 65em) {
  #headerLogin.irybarstvi {
    flex-direction: column;
    margin: 0 2rem; } }

#back-link.kafe {
  display: block; }

#header.kafe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: solid 1px #e1e1e1;
  min-height: 5rem;
  width: 100%;
  max-width: 62.5rem;
  background-color: #fff;
  margin: auto;
  margin-bottom: 0.5rem;
  -webkit-box-shadow: 0 0 0.5rem #ddd;
  -moz-box-shadow: 0 0 0.5rem #ddd;
  box-shadow: 0 0 0.5rem #ddd; }
  #header.kafe .logo {
    border: none;
    width: 9.875rem;
    height: 3.125rem;
    margin-left: 1rem;
    max-width: calc(100% - 1rem); }
  #header.kafe .content {
    display: flex;
    justify-content: space-between;
    align-items: center; }

#headerLogin.kafe {
  display: flex;
  padding-right: 1rem; }
  #headerLogin.kafe .logout, #headerLogin.kafe .login, #headerLogin.kafe .user-name, #headerLogin.kafe .register {
    margin: 0.5rem; }
  #headerLogin.kafe a {
    color: #db4a27; }
  #headerLogin.kafe a:hover {
    text-decoration: underline; }

#menu.kafe {
  display: none;
  border-bottom: 7px solid #e9e9e9;
  color: #61757e;
  width: 62.5rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  background: #fff;
  max-height: 35px;
  overflow: hidden;
  -o-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s; }
  #menu.kafe ul {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0; }
  #menu.kafe ul li {
    border-left: 1px solid #61757e;
    margin: 7px 0;
    max-height: 16px; }
  #menu.kafe ul li:first-child {
    border-left: none; }
  #menu.kafe ul li a {
    color: #61757e;
    text-decoration: none;
    padding: 0 6px;
    margin: -8px 11px;
    font-weight: 400;
    position: relative;
    font-size: 12px;
    top: -4px; }
  #menu.kafe ul li a:hover {
    color: #000; }
  @media (min-width: 59em) {
  #menu.kafe {
    display: block; } }

#hamburgerMenu.living {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.living .icon {
    position: absolute;
    right: 0rem;
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.living .icon .line {
    width: 60%;
    height: 0.15rem;
    background-color: black;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.living .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.living .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.living .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.living .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.living .icon.active .line:first-child, #hamburgerMenu.living .icon.active .line:nth-child(3) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.living .icon.active .line:nth-child(2), #hamburgerMenu.living .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.living .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.living .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 3.2rem;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: #fafafa; }
  #hamburgerMenu.living .menu .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    border-top: 1px solid #ebebeb;
    margin: auto; }
  #hamburgerMenu.living .menu .item a {
    padding: 12px 10px 10px 35px;
    height: auto;
    font-size: 0.875rem;
    line-height: 24px;
    color: #db4a27;
    text-transform: uppercase;
    font-weight: bold; }
  #hamburgerMenu.living .menu .item a:hover {
    text-decoration: none;
    color: black; }
  #hamburgerMenu.living .menu .item:first-child {
    border-top: none; }
  #hamburgerMenu.living .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 65em) {
  #hamburgerMenu.living {
    display: none; } }

#header.living {
  height: 3.125rem;
  margin: 0 auto;
  max-width: 75rem;
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb; }
  #header.living .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem;
    height: 3.125rem; }
  #header.living .container .logo {
    width: 8.125rem;
    margin: 0; }
  @media (min-width: 65em) {
      #header.living .container .logo {
        margin-right: 1.5rem; } }
  #header.living .container .headerMenu {
    display: flex;
    flex-direction: row-reverse; }
  #header.living .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 3.125rem;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem; }
  #header.living .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 3.125rem; }
    #header.living .container .headerMenu ul li a {
      padding: 0 0.5rem;
      font-size: 0.75rem;
      text-transform: uppercase;
      text-decoration: none;
      color: #db4a27;
      font-weight: bold; }
    #header.living .container .headerMenu ul li a:hover {
      color: black; }
    #header.living .container .headerMenu ul li:hover {
      border-bottom: 1px solid ; }
  @media (min-width: 65em) {
        #header.living .container .headerMenu ul {
          display: flex; } }
  @media (min-width: 65em) {
      #header.living .container .headerMenu {
        display: flex;
        flex-direction: row;
        width: 90%;
        justify-content: space-between; } }
  @media (min-width: 65em) {
    #header.living .container {
      padding: 0 1.25rem; } }

#headerLogin.living {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem; }
  #headerLogin.living .login, #headerLogin.living .logout, #headerLogin.living .register, #headerLogin.living .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.living .login img, #headerLogin.living .logout img, #headerLogin.living .register img, #headerLogin.living .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.living .login:hover, #headerLogin.living .logout:hover, #headerLogin.living .register:hover, #headerLogin.living .editUser:hover {
    text-decoration: none;
    color: ; }
  @media (min-width: 65em) {
  #headerLogin.living {
    width: 10%; } }

#hamburgerMenu.madarsko {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.madarsko .icon {
    position: absolute;
    right: 0rem;
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.madarsko .icon .line {
    width: 60%;
    height: 0.15rem;
    background-color: black;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.madarsko .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.madarsko .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.madarsko .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.madarsko .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.madarsko .icon.active .line:first-child, #hamburgerMenu.madarsko .icon.active .line:nth-child(3) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.madarsko .icon.active .line:nth-child(2), #hamburgerMenu.madarsko .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.madarsko .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.madarsko .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 3.2rem;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: #fafafa; }
  #hamburgerMenu.madarsko .menu .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    border-top: 1px solid #ebebeb;
    margin: auto; }
  #hamburgerMenu.madarsko .menu .item a {
    padding: 12px 10px 10px 35px;
    height: auto;
    font-size: 0.875rem;
    line-height: 24px;
    color: #313131;
    text-transform: uppercase;
    font-weight: bold; }
  #hamburgerMenu.madarsko .menu .item a:hover {
    text-decoration: none; }
  #hamburgerMenu.madarsko .menu .item:first-child {
    border-top: none; }
  #hamburgerMenu.madarsko .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 65em) {
  #hamburgerMenu.madarsko {
    display: none; } }

#header.madarsko {
  height: 3.125rem;
  margin: 0 auto;
  max-width: 75rem;
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb; }
  #header.madarsko .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem;
    height: 3.125rem; }
  #header.madarsko .container .logo {
    width: 8.125rem; }
  #header.madarsko .container .headerMenu {
    display: flex;
    flex-direction: row-reverse; }
  #header.madarsko .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 3.125rem;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem; }
  #header.madarsko .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 3.125rem; }
    #header.madarsko .container .headerMenu ul li a {
      padding: 0 0.5rem;
      font-size: 0.75rem;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold; }
    #header.madarsko .container .headerMenu ul li a:hover {
      color: black; }
    #header.madarsko .container .headerMenu ul li:hover {
      border-bottom: 1px solid ; }
  @media (min-width: 65em) {
        #header.madarsko .container .headerMenu ul {
          display: flex; } }
  @media (min-width: 65em) {
      #header.madarsko .container .headerMenu {
        display: flex;
        flex-direction: row;
        justify-content: space-between; } }
  @media (min-width: 65em) {
    #header.madarsko .container {
      padding: 0 1.25rem; } }

#headerLogin.madarsko {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem; }
  #headerLogin.madarsko .login, #headerLogin.madarsko .logout, #headerLogin.madarsko .register, #headerLogin.madarsko .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.madarsko .login img, #headerLogin.madarsko .logout img, #headerLogin.madarsko .register img, #headerLogin.madarsko .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.madarsko .login:hover, #headerLogin.madarsko .logout:hover, #headerLogin.madarsko .register:hover, #headerLogin.madarsko .editUser:hover {
    text-decoration: none;
    color: ; }
  @media (min-width: 65em) {
  #headerLogin.madarsko {
    width: 10%; } }

#hamburgerMenu.mamserada {
  display: flex;
  margin-left: 1rem;
  margin-right: 1rem;
  align-items: center;
  justify-content: space-between; }
  #hamburgerMenu.mamserada img {
    width: 5rem;
    padding: 0.5rem 0; }
  #hamburgerMenu.mamserada .icon {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    margin-right: 1rem;
    z-index: 203; }
  #hamburgerMenu.mamserada .icon .line {
    width: 100%;
    height: 0.095rem;
    background-color: black;
    position: absolute;
    left: 0;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.mamserada .icon .line:first-child {
    top: 0; }
  #hamburgerMenu.mamserada .icon .line:nth-child(2) {
    top: calc(.65rem - (.25rem / 2)); }
  #hamburgerMenu.mamserada .icon .line:nth-child(3) {
    top: calc(1.15rem); }
  #hamburgerMenu.mamserada .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.mamserada .icon.active .line:first-child, #hamburgerMenu.mamserada .icon.active .line:nth-child(3) {
    top: calc(.65rem - (.25rem / 2)); }
  #hamburgerMenu.mamserada .icon.active .line:nth-child(2), #hamburgerMenu.mamserada .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.mamserada .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.mamserada .menu {
    transition: left 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    top: 0;
    right: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.mamserada .menu a {
    border-top: solid 1px #e7e7e7;
    text-transform: uppercase;
    color: #666;
    padding: 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    width: 80%; }
  #hamburgerMenu.mamserada .menu a:first-child {
    border-top: none; }
  #hamburgerMenu.mamserada .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1; }
  #hamburgerMenu.mamserada .menu .list:first-child {
    border-top: 1px solid #e1e1e1; }
  #hamburgerMenu.mamserada .menu.open {
    display: flex;
    width: 100%;
    z-index: 202; }
  #hamburgerMenu.mamserada .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.65);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  @media (min-width: 55em) {
  #hamburgerMenu.mamserada {
    display: none; } }

#header.mamserada {
  width: 100%; }
  #header.mamserada .header .content {
    padding: 1.25rem 0;
    width: 87rem;
    margin: auto; }
  #header.mamserada .header .content .top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #header.mamserada .header .content .top .left {
    display: none; }
    #header.mamserada .header .content .top .left a {
      display: flex;
      color: #666;
      align-items: center;
      font-size: 0.75rem;
      margin-right: 2rem; }
    #header.mamserada .header .content .top .left a img {
      padding-right: 0.5rem; }
    #header.mamserada .header .content .top .left a:hover {
      color: #db4a27; }
    @media (min-width: 55em) {
        #header.mamserada .header .content .top .left {
          display: flex; } }
  #header.mamserada .header .content .top .right {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem; }
    #header.mamserada .header .content .top .right a img {
      padding-left: 1rem; }
    @media (min-width: 55em) {
        #header.mamserada .header .content .top .right {
          display: block;
          width: auto;
          padding-bottom: 0rem; } }
  #header.mamserada .header .content .logo {
    text-align: center;
    padding-bottom: 1rem; }

#headerLogin.mamserada .login, #headerLogin.mamserada .logout {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  margin-right: 1rem;
  color: #666; }
  #headerLogin.mamserada .login img, #headerLogin.mamserada .logout img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.mamserada .login:hover, #headerLogin.mamserada .logout:hover {
    text-decoration: none;
    color: #db4a27; }

#menu.mamserada {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 43rem;
  margin: auto;
  padding: 0.3rem 0; }
  #menu.mamserada img {
    width: 5rem; }
  #menu.mamserada .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%; }
  #menu.mamserada .content .item {
    display: block;
    padding: 0 1rem; }
  #menu.mamserada .content .item a {
    display: block;
    text-align: center;
    color: black;
    font-size: 0.75rem;
    text-transform: uppercase; }
  #menu.mamserada .content .item a:hover {
    color: #db4a27;
    text-decoration: none; }
  #menu.mamserada .content .item .active {
    color: #db4a27; }
  @media (min-width: 55em) {
  #menu.mamserada {
    display: flex; } }

#hamburgerMenu.marianne.scroll-menu .menu-content.open {
  pointer-events: all;
  opacity: 995; }
  #hamburgerMenu.marianne.scroll-menu .nav-icon-box.open {
    z-index: 1000;
    background-color: #000;
    border: 1px solid #000; }
  #hamburgerMenu.marianne.scroll-menu .nav-icon-box .nav-icon.open div {
    background: #fff;
    width: 100%; }
  #hamburgerMenu.marianne.scroll-menu .nav-icon-box .nav-icon.open div:nth-child(1) {
    opacity: 0; }
  #hamburgerMenu.marianne.scroll-menu .nav-icon-box .nav-icon.open div:nth-child(2) {
    transform: rotate(45deg); }
  #hamburgerMenu.marianne.scroll-menu .nav-icon-box .nav-icon.open div:nth-child(3) {
    transform: rotate(-45deg); }
  #hamburgerMenu.marianne.scroll-menu .nav-icon-box .nav-icon.open div:nth-child(4) {
    opacity: 0; }
  @media screen and (max-width: 1480px) {
  #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content {
    padding-top: 70px;
    min-height: calc(100vh - 68px); }
    #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content .primary-menu .item {
      font-size: 28px; } }
  @media screen and (max-width: 992px) {
  #hamburgerMenu.marianne.scroll-menu {
    opacity: 1;
    pointer-events: all; }
    #hamburgerMenu.marianne.scroll-menu .menu-content {
      pointer-events: none;
      opacity: 1;
      background: 0 0;
      background-color: transparent;
      transition-property: background-color; }
      #hamburgerMenu.marianne.scroll-menu .menu-content .head {
        pointer-events: all;
        background: #fff;
        height: 64px;
        z-index: 998;
        opacity: 1;
        border-bottom: 1px solid #eeecee; }
        #hamburgerMenu.marianne.scroll-menu .menu-content .head .content {
          padding-left: 0;
          padding-top: 12px;
          text-align: center; }
          #hamburgerMenu.marianne.scroll-menu .menu-content .head .content .social-links {
            display: none; }
      #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box {
        height: calc(100vh - 64px);
        pointer-events: none;
        opacity: 0;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -ms-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
        transition-property: background-color, opacity; }
        #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content .microsite-links .social-links {
          display: flex;
          justify-content: center;
          margin-top: 20px; }
      #hamburgerMenu.marianne.scroll-menu .menu-content.open .menu-box {
        pointer-events: all;
        opacity: 1;
        background-color: #fff; }

    #hamburgerMenu.marianne.scroll-menu .nav-icon-box {
      width: 64px;
      height: 64px;
      line-height: 68px; }
      #hamburgerMenu.marianne.scroll-menu .nav-icon-box .menu-label {
        left: 50%;
        transform: translateX(-50%);
        top: 34px;
        display: none; } }
  @media screen and (max-width: 768px) {
  #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content {
    border-left: none;
    padding: 50px 16px;
    height: 100%;
    overflow-y: scroll;
    margin-left: 0; }
    #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content .primary-menu {
      width: 318px; }
      #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content .primary-menu .item {
        padding-left: 0;
        font-size: 22px;
        margin-bottom: 16px; }
        #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content .primary-menu .item:hover {
          border-left: 2px solid transparent; }

    #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content .microsite-links {
      display: block;
      margin-top: 80px;
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 720px) {
  #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content .primary-menu {
    width: 100%;
    display: block; } }
  @media screen and (max-width: 650px) {
  #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; } }
  @media screen and (max-width: 480px) {
  #hamburgerMenu.marianne.scroll-menu .nav-icon-box {
    width: 55px;
    height: 55px;
    line-height: 60px; }
  #hamburgerMenu.marianne.scroll-menu .menu-content .head {
    height: 55px; }
    #hamburgerMenu.marianne.scroll-menu .menu-content .head .content .logo {
      width: 100px;
      margin-top: 6px;
      left: 80px; }
      #hamburgerMenu.marianne.scroll-menu .menu-content .head .content .content {
        padding-left: 0;
        padding-top: 6px;
        padding-right: 0; }

    #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box {
      height: calc(100vh - 55px); }

    #hamburgerMenu.marianne.scroll-menu .menu-content .menu-box .center-content .primary-menu .item {
      font-size: 20px;
      margin-bottom: 8px;
      padding-left: 0; } }
  @media screen and (max-width: 400px) {
  #hamburgerMenu.marianne.scroll-menu .menu-content .head .content {
    padding-left: 0;
    padding-top: 6px;
    padding-right: 0; }
    #hamburgerMenu.marianne.scroll-menu .menu-content .head .content .logo {
      width: 80px;
      margin-top: 14px; } }

@media (max-width: 992px) {
    body.marianne.menu-active {
      overflow: hidden; } }

#headerLogin.marianne {
  display: flex; }
  #headerLogin.marianne .login, #headerLogin.marianne .logout, #headerLogin.marianne .register, #headerLogin.marianne .editUser {
    background-color: #000;
    border: 1px solid #000;
    padding: 9px 16px;
    margin-left: 6px;
    font-size: 14px;
    font-family: raleway, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff; }
  #headerLogin.marianne .login:hover, #headerLogin.marianne .logout:hover, #headerLogin.marianne .register:hover, #headerLogin.marianne .editUser:hover {
    color: #000;
    background-color: white; }
  @media (max-width: 992px) {
  #headerLogin.marianne {
    float: right;
    position: relative;
    right: 16px; } }
  @media (max-width: 550px) {
  #headerLogin.marianne {
    right: 8px;
    top: 6px; }
    #headerLogin.marianne .login, #headerLogin.marianne .logout, #headerLogin.marianne .register, #headerLogin.marianne .editUser {
      font-size: 8px; } }
  @media (max-width: 480px) {
  #headerLogin.marianne {
    top: initial; } }
  @media (max-width: 400px) {
  #headerLogin.marianne {
    top: 6px; } }

#hamburgerMenu.monicejkova {
  display: flex;
  justify-content: center;
  border-top: 1px solid #dedede;
  height: 2rem;
  align-items: center; }
  #hamburgerMenu.monicejkova p {
    margin-bottom: 0rem;
    font-size: 1rem; }
  #hamburgerMenu.monicejkova .icon {
    margin-right: 1rem;
    margin-top: 0.5rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.monicejkova .icon .line {
    width: 2rem;
    height: 0.25rem;
    background-color: black;
    position: absolute;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.monicejkova .icon .line:first-child {
    top: 10.75rem; }
  #hamburgerMenu.monicejkova .icon .line:nth-child(2) {
    top: calc(11.5rem - (.25rem / 2)); }
  #hamburgerMenu.monicejkova .icon .line:nth-child(3) {
    top: calc(12rem); }
  #hamburgerMenu.monicejkova .icon.active {
    position: absolute;
    top: 2rem;
    right: 2rem; }
  #hamburgerMenu.monicejkova .icon.active .line {
    background-color: #aaa;
    position: absolute;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.monicejkova .icon.active .line:first-child, #hamburgerMenu.monicejkova .icon.active .line:nth-child(3) {
    top: calc(1.5rem - (.25rem / 2)); }
  #hamburgerMenu.monicejkova .icon.active .line:nth-child(2) {
    top: calc(1.5rem - (.25rem / 2)); }
  #hamburgerMenu.monicejkova .icon.active .line:nth-child(2), #hamburgerMenu.monicejkova .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.monicejkova .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.monicejkova .menu {
    transition: left 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    top: 0;
    right: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.monicejkova .menu a {
    text-transform: uppercase;
    padding: 1.25rem;
    width: 80%;
    display: block;
    font-size: 1rem;
    text-align: left;
    border-bottom: 1px solid #222;
    color: #aaa;
    margin-left: 1.5rem; }
  #hamburgerMenu.monicejkova .menu a:hover {
    text-decoration: none;
    color: white; }
  #hamburgerMenu.monicejkova .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1; }
  #hamburgerMenu.monicejkova .menu .list:first-child {
    border-top: 1px solid #e1e1e1; }
  #hamburgerMenu.monicejkova .menu.open {
    display: flex;
    width: 100%;
    border-left: solid 1px #dedede;
    z-index: 202;
    background-color: #000; }
  @media (min-width: 52em) {
  #hamburgerMenu.monicejkova {
    display: none; } }

#header.monicejkova {
  width: 60rem;
  margin: auto; }
  #header.monicejkova .logo {
    display: block;
    width: 10rem;
    margin: auto; }
  #header.monicejkova .logo img {
    padding: 3rem 0; }

#headerLogin.monicejkova {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem; }
  #headerLogin.monicejkova .login, #headerLogin.monicejkova .logout, #headerLogin.monicejkova .register {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.monicejkova .login img, #headerLogin.monicejkova .logout img, #headerLogin.monicejkova .register img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.monicejkova .login:hover, #headerLogin.monicejkova .logout:hover, #headerLogin.monicejkova .register:hover {
    text-decoration: none;
    color: #db4a27; }

#menu.monicejkova {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  width: 60rem;
  border-top: 1px solid #dedede;
  margin: auto;
  height: 2rem; }
  #menu.monicejkova a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #db4a27;
    padding: 0 1rem;
    font-size: 0.875rem; }
  #menu.monicejkova a:hover {
    color: #db4a27;
    text-decoration: none; }
  @media (min-width: 52em) {
  #menu.monicejkova {
    display: flex; } }

#hamburgerMenu.mujchlupac {
  display: flex;
  justify-content: flex-end; }
  #hamburgerMenu.mujchlupac .icon {
    position: absolute;
    right: 1.5rem;
    width: 2.5rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 2.5rem;
    z-index: 203; }
  #hamburgerMenu.mujchlupac .icon .line {
    width: 60%;
    height: 0.2rem;
    background-color: black;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.mujchlupac .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.mujchlupac .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.mujchlupac .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.mujchlupac .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    padding-top: 5rem;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    border: 1px solid #e1e1e1;
    height: 100vh; }
  #hamburgerMenu.mujchlupac .menu a {
    border-top: 1px solid #e8e8e8;
    padding: 1rem 0;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    color: #db4a27;
    width: 100%; }
  #hamburgerMenu.mujchlupac .menu a:hover {
    color: ; }
  #hamburgerMenu.mujchlupac .menu a:last-child {
    border-bottom: 1px solid #e8e8e8; }
  #hamburgerMenu.mujchlupac .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1;
    border-top: 1px solid #e8e8e8; }
  #hamburgerMenu.mujchlupac .menu .list:last-child {
    border-bottom: 1px solid #e8e8e8; }
  #hamburgerMenu.mujchlupac .menu.open {
    display: flex;
    width: 100%;
    z-index: 202; }
  #hamburgerMenu.mujchlupac .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  @media (min-width: 65em) {
  #hamburgerMenu.mujchlupac {
    display: none; } }

#header.mujchlupac {
  margin: 0 auto;
  max-width: 68rem;
  padding-bottom: 2rem; }
  #header.mujchlupac .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem; }
  #header.mujchlupac .container .logo {
    width: 100%;
    text-align: center; }
  #header.mujchlupac .container .logo img {
    max-height: 1.5rem;
    margin-right: 2rem; }
  @media (min-width: 65em) {
      #header.mujchlupac .container .logo {
        margin-top: 2rem; }
        #header.mujchlupac .container .logo img {
          max-height: 4rem;
          margin: 0; } }
  #header.mujchlupac .container .headerMenu {
    display: none;
    flex-direction: row-reverse; }
  #header.mujchlupac .container .headerMenu ul {
    align-items: center;
    display: flex;
    list-style: none;
    text-align: center;
    font-weight: 700;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8; }
  #header.mujchlupac .container .headerMenu ul li {
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    height: 48px; }
    #header.mujchlupac .container .headerMenu ul li a {
      width: 100%;
      height: 100%;
      border-right: 1px solid #e8e8e8;
      padding: 0 28px;
      text-decoration: none;
      color: #232323;
      font-weight: 500; }
    #header.mujchlupac .container .headerMenu ul li a:hover {
      color: ; }
    #header.mujchlupac .container .headerMenu ul li:last-child a {
      border-right: none; }
    #header.mujchlupac .container .headerMenu ul li:hover {
      border-bottom: 1px solid ; }
  @media (min-width: 65em) {
      #header.mujchlupac .container .headerMenu {
        display: flex; } }
  @media (min-width: 65em) {
    #header.mujchlupac .container {
      padding: 0 1.25rem;
      height: 5.125rem; } }
  @media (min-width: 65em) {
  #header.mujchlupac {
    height: 10.5rem; } }

#headerLogin.mujchlupac {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem;
  margin-left: auto; }
  #headerLogin.mujchlupac .login, #headerLogin.mujchlupac .logout, #headerLogin.mujchlupac .register, #headerLogin.mujchlupac .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.mujchlupac .login img, #headerLogin.mujchlupac .logout img, #headerLogin.mujchlupac .register img, #headerLogin.mujchlupac .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.mujchlupac .login:hover, #headerLogin.mujchlupac .logout:hover, #headerLogin.mujchlupac .register:hover, #headerLogin.mujchlupac .editUser:hover {
    text-decoration: none;
    color: ; }

#hamburgerMenu.natubea {
  display: flex;
  margin-left: 1rem;
  margin-right: 1rem;
  align-items: center;
  justify-content: space-between; }
  #hamburgerMenu.natubea .contact {
    display: flex;
    flex-direction: column; }
  #hamburgerMenu.natubea .contact a {
    position: relative;
    color: #444;
    font-size: 0.775rem; }
  #hamburgerMenu.natubea .contact a:first-child {
    margin-right: 1rem; }
  @media (min-width: 50em) {
    #hamburgerMenu.natubea .contact {
      display: none; } }
  #hamburgerMenu.natubea .icon {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    margin-right: 1rem;
    background-color: ;
    z-index: 20;
    padding: 0.2rem; }
  #hamburgerMenu.natubea .icon .line, #hamburgerMenu.natubea .icon .point {
    width: 70%;
    height: 0.14rem;
    background-color: white;
    position: absolute;
    left: 0.3rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.natubea .icon .line:first-child, #hamburgerMenu.natubea .icon .point:first-child {
    top: 0.4rem; }
  #hamburgerMenu.natubea .icon .line:nth-child(2), #hamburgerMenu.natubea .icon .point:nth-child(2) {
    top: calc(1rem - (.25rem / 2)); }
  #hamburgerMenu.natubea .icon .line:nth-child(3), #hamburgerMenu.natubea .icon .point:nth-child(3) {
    top: calc(1.4rem); }
  #hamburgerMenu.natubea .icon.active {
    background-color: #f9f9f9; }
  #hamburgerMenu.natubea .icon.active .line {
    background-color: ;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.natubea .menu {
    display: none;
    flex-direction: column;
    transition: left 0.2s linear;
    position: absolute;
    top: 8.5rem;
    width: 95%;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: #f9f9f9; }
  #hamburgerMenu.natubea .menu.open {
    display: flex;
    z-index: 20; }
  #hamburgerMenu.natubea .menu.open .item {
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    width: 95%;
    box-sizing: border-box;
    display: block;
    flex-shrink: 1;
    margin-left: 0.5rem; }
  #hamburgerMenu.natubea .menu.open .item a {
    color: black; }
    #hamburgerMenu.natubea .menu.open .item a:hover {
      color: ;
      text-decoration: none; }
  #hamburgerMenu.natubea .menu.open .item:last-child {
    border-bottom: none; }
  @media (min-width: 75em) {
  #hamburgerMenu.natubea {
    display: none; } }
  @media (min-width: 50em) {
  #hamburgerMenu.natubea {
    justify-content: flex-end; } }

#header.natubea {
  width: 100%; }
  #header.natubea .line {
    width: 100%;
    background-color: #f2f2f2;
    height: 0.3rem;
    border-bottom: none; }
  #header.natubea .header {
    padding: 0.75rem;
    margin: auto;
    display: flex; }
  #header.natubea .header .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    width: 78rem; }
  #header.natubea .header .content .left img {
    max-height: 74px; }
  #header.natubea .header .content .center {
    display: none;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    text-align: center;
    position: relative;
    height: 2.5rem;
    width: 22rem;
    top: -2.5rem; }
  #header.natubea .header .content .center a {
    position: relative;
    color: #444;
    font-size: 0.775rem; }
    #header.natubea .header .content .center a:hover {
      transition: 350ms;
      color: #db4a27; }
    #header.natubea .header .content .center a:first-child {
      margin-right: 1rem; }
  #header.natubea .header .content .center:before, #header.natubea .header .content .center:after {
    content: '';
    display: block;
    background: #f2f2f2;
    width: 31px;
    height: 100%;
    position: absolute;
    top: 0px;
    transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    -moz-transform: skew(40deg, 0deg);
    -o-transform: skew(40deg, 0deg);
    -ms-transform: skew(40deg, 0deg); }
  #header.natubea .header .content .center:after {
    left: auto;
    right: -16px;
    -webkit-transform: skew(-40deg, 0deg); }
  #header.natubea .header .content .center:before {
    left: -16px; }
  @media (min-width: 50em) {
        #header.natubea .header .content .center {
          display: flex; } }
  #header.natubea .header .content .right {
    display: flex;
    align-items: center; }

#headerLogin.natubea {
  display: flex;
  flex-direction: column; }
  #headerLogin.natubea .register, #headerLogin.natubea .login, #headerLogin.natubea .logout {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #db4a27;
    margin-right: 1rem; }
  #headerLogin.natubea .register img, #headerLogin.natubea .login img, #headerLogin.natubea .logout img {
    height: 1.25rem;
    margin-right: 0.3rem; }
  #headerLogin.natubea .register:hover, #headerLogin.natubea .login:hover, #headerLogin.natubea .logout:hover {
    filter: brightness(75%); }
  @media (min-width: 40em) {
    #headerLogin.natubea .register, #headerLogin.natubea .login, #headerLogin.natubea .logout {
      flex-direction: column; } }
  @media (min-width: 40em) {
  #headerLogin.natubea {
    flex-direction: row; } }

#menu.natubea {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 78rem;
  margin: auto;
  padding: 0.3rem 0; }
  #menu.natubea .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    background: ; }
  #menu.natubea .content .item {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    height: 39px; }
  #menu.natubea .content .item:last-child {
    border-right: none; }
  #menu.natubea .content .item .line {
    border-left: 1px solid white;
    margin: 0 0.5rem;
    height: 60%; }
  #menu.natubea .content .item a {
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    line-height: 35px;
    transition: background 350ms, border-color 350ms, color 350ms;
    padding: 0 1rem; }
  #menu.natubea .content .item a.home {
    background-image: url("/static/img/services/natubea/components/menu/home-icon.png");
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem 1.5rem; }
    #menu.natubea .content .item a.home:hover {
      background-image: url("/static/img/services/natubea/components/menu/home-icon-white.png"); }
  #menu.natubea .content .item a:hover {
    color: ;
    background-color: white;
    text-decoration: none; }
  @media (min-width: 75em) {
  #menu.natubea {
    display: flex; } }

#hamburgerMenu.onlymen {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.onlymen .icon {
    position: absolute;
    left: 0.3rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0.5rem;
    z-index: 203; }
  #hamburgerMenu.onlymen .icon .line {
    width: 60%;
    height: 0.2rem;
    background-color: white;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.onlymen .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.onlymen .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.onlymen .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.onlymen .icon.active .line {
    background-color: black;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.onlymen .icon.active .line:first-child, #hamburgerMenu.onlymen .icon.active .line:nth-child(3) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.onlymen .icon.active .line:nth-child(2), #hamburgerMenu.onlymen .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.onlymen .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.onlymen .menu {
    transition: left 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    left: 0;
    right: 0;
    top: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.onlymen .menu a {
    border-top: solid 1px #dedede;
    padding: 0.7rem 1.25rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #db4a27;
    width: 80%; }
  #hamburgerMenu.onlymen .menu a:first-child {
    border-top: none; }
  #hamburgerMenu.onlymen .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1; }
  #hamburgerMenu.onlymen .menu .list:first-child {
    border-top: 1px solid #e1e1e1; }
  #hamburgerMenu.onlymen .menu.open {
    display: flex;
    width: 80%;
    border-left: solid 1px #dedede;
    z-index: 202; }
  #hamburgerMenu.onlymen .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  #hamburgerMenu.onlymen .menu.open .image .logo {
    background-image: url('/static/img/services/onlymen/OnlyMen_logo.png');
    background-repeat: no-repeat;
    background-position: 0 1.8rem;
    background-size: 11.5rem 3.75rem;
    z-index: 203;
    padding: 6rem;
    margin-left: 3rem; }
  @media (min-width: 65em) {
  #hamburgerMenu.onlymen {
    display: none; } }

#header.onlymen {
  height: 3.75rem;
  margin: 0 auto;
  max-width: 71.25rem;
  background-color: #ddd; }
  #header.onlymen .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem;
    height: 3.75rem; }
  #header.onlymen .container .logo {
    padding-left: 3rem; }
  #header.onlymen .container .logo img {
    max-height: 2.5rem; }
  @media (min-width: 65em) {
      #header.onlymen .container .logo {
        padding: 0; }
        #header.onlymen .container .logo img {
          max-height: 3.5rem; } }
  #header.onlymen .container .headerMenu {
    display: flex;
    flex-direction: row-reverse; }
  #header.onlymen .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 3.125rem;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem;
    padding-right: 1rem; }
  #header.onlymen .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 3.125rem; }
    #header.onlymen .container .headerMenu ul li a {
      padding: 0 0.5rem;
      font-size: 0.875rem;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold;
      color: #db4a27; }
    #header.onlymen .container .headerMenu ul li a:hover {
      color: ; }
  @media (min-width: 65em) {
        #header.onlymen .container .headerMenu ul {
          display: flex; } }
  @media (min-width: 65em) {
      #header.onlymen .container .headerMenu {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        height: 5.125rem; } }
  @media (min-width: 65em) {
    #header.onlymen .container {
      padding: 0 1.25rem;
      height: 5.125rem; } }
  @media (min-width: 65em) {
  #header.onlymen {
    height: 5.125rem; } }

#headerLogin.onlymen {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem;
  width: 8rem; }
  #headerLogin.onlymen .login, #headerLogin.onlymen .logout, #headerLogin.onlymen .register, #headerLogin.onlymen .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.onlymen .login img, #headerLogin.onlymen .logout img, #headerLogin.onlymen .register img, #headerLogin.onlymen .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.onlymen .login:hover, #headerLogin.onlymen .logout:hover, #headerLogin.onlymen .register:hover, #headerLogin.onlymen .editUser:hover {
    text-decoration: none;
    color: #db4a27; }
  @media (min-width: 65em) {
  #headerLogin.onlymen {
    width: 15%; } }

#hamburgerMenu.onlyu {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.onlyu .icon {
    position: absolute;
    left: 0.3rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0.5rem;
    z-index: 203; }
  #hamburgerMenu.onlyu .icon .line {
    width: 60%;
    height: 0.2rem;
    background-color: white;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.onlyu .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.onlyu .icon .line:nth-child(2) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.onlyu .icon .line:nth-child(3) {
    top: calc(1.6rem); }
  #hamburgerMenu.onlyu .icon.active .line {
    background-color: black;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.onlyu .icon.active .line:first-child, #hamburgerMenu.onlyu .icon.active .line:nth-child(3) {
    top: calc(1.35rem - (.25rem / 2)); }
  #hamburgerMenu.onlyu .icon.active .line:nth-child(2), #hamburgerMenu.onlyu .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.onlyu .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.onlyu .menu {
    transition: left 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    left: 0;
    right: 0;
    top: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.onlyu .menu a {
    border-top: solid 1px #dedede;
    padding: 0.7rem 1.25rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #db4a27;
    width: 80%; }
  #hamburgerMenu.onlyu .menu a:first-child {
    border-top: none; }
  #hamburgerMenu.onlyu .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1; }
  #hamburgerMenu.onlyu .menu .list:first-child {
    border-top: 1px solid #e1e1e1; }
  #hamburgerMenu.onlyu .menu.open {
    display: flex;
    width: 80%;
    border-left: solid 1px #dedede;
    z-index: 202; }
  #hamburgerMenu.onlyu .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  #hamburgerMenu.onlyu .menu.open .image .logo {
    background-image: url('/static/img/services/onlyu/Onlyu_logo.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 7.5rem 3.75rem;
    z-index: 203;
    padding: 4rem;
    margin-left: 4rem; }
  @media (min-width: 65em) {
  #hamburgerMenu.onlyu {
    display: none; } }

#header.onlyu {
  height: 3.75rem;
  margin: 0 auto;
  max-width: 71.25rem;
  background-color: #ddd; }
  #header.onlyu .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.75rem 0 1.25rem;
    height: 3.75rem; }
  #header.onlyu .container .logo {
    padding-left: 3rem; }
  #header.onlyu .container .logo img {
    max-height: 2.5rem; }
  @media (min-width: 65em) {
      #header.onlyu .container .logo {
        padding: 0; }
        #header.onlyu .container .logo img {
          max-height: 3.5rem; } }
  #header.onlyu .container .headerMenu {
    display: flex;
    flex-direction: row-reverse; }
  #header.onlyu .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 3.125rem;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem;
    padding-right: 1rem; }
  #header.onlyu .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 3.125rem; }
    #header.onlyu .container .headerMenu ul li a {
      padding: 0 0.5rem;
      font-size: 0.875rem;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold;
      color: #db4a27; }
    #header.onlyu .container .headerMenu ul li a:hover {
      color: ; }
  @media (min-width: 65em) {
        #header.onlyu .container .headerMenu ul {
          display: flex; } }
  @media (min-width: 65em) {
      #header.onlyu .container .headerMenu {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        height: 5.125rem; } }
  @media (min-width: 65em) {
    #header.onlyu .container {
      padding: 0 1.25rem;
      height: 5.125rem; } }
  @media (min-width: 65em) {
  #header.onlyu {
    height: 5.125rem; } }

#headerLogin.onlyu {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 2.5rem;
  padding-top: 0.25rem;
  width: 8rem; }
  #headerLogin.onlyu .login, #headerLogin.onlyu .logout, #headerLogin.onlyu .register, #headerLogin.onlyu .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: #666; }
  #headerLogin.onlyu .login img, #headerLogin.onlyu .logout img, #headerLogin.onlyu .register img, #headerLogin.onlyu .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.onlyu .login:hover, #headerLogin.onlyu .logout:hover, #headerLogin.onlyu .register:hover, #headerLogin.onlyu .editUser:hover {
    text-decoration: none;
    color: #db4a27; }
  @media (min-width: 65em) {
  #headerLogin.onlyu {
    width: 15%; } }

#hamburgerMenu.pardubickykrajzije {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.pardubickykrajzije .icon {
    position: absolute;
    right: 1.3rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 1.5rem;
    z-index: 203; }
  #hamburgerMenu.pardubickykrajzije .icon .line {
    width: 60%;
    height: 0.2rem;
    background-color: black;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.pardubickykrajzije .icon .line:first-child {
    top: 1rem; }
  #hamburgerMenu.pardubickykrajzije .icon .line:nth-child(2) {
    top: calc(1.6rem - (.25rem / 2)); }
  #hamburgerMenu.pardubickykrajzije .icon .line:nth-child(3) {
    top: calc(2rem); }
  #hamburgerMenu.pardubickykrajzije .icon.active .line {
    background-color: black;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.pardubickykrajzije .icon.active .line:first-child, #hamburgerMenu.pardubickykrajzije .icon.active .line:nth-child(3) {
    top: calc(1.6rem - (.25rem / 2)); }
  #hamburgerMenu.pardubickykrajzije .icon.active .line:nth-child(2), #hamburgerMenu.pardubickykrajzije .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.pardubickykrajzije .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.pardubickykrajzije .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 4rem;
    right: 1rem;
    width: 90%;
    display: none;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); }
  #hamburgerMenu.pardubickykrajzije .menu .item {
    width: 100%;
    padding: 0.5rem 0; }
  #hamburgerMenu.pardubickykrajzije .menu .item a {
    color: #db4a27;
    font-size: 14px;
    font-weight: bold; }
  #hamburgerMenu.pardubickykrajzije .menu.open {
    display: flex;
    z-index: 20; }
  #hamburgerMenu.pardubickykrajzije .menu .socials {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3rem; }
  #hamburgerMenu.pardubickykrajzije .menu .socials a {
    padding: 0.5rem; }
  #hamburgerMenu.pardubickykrajzije .menu #ssoLogin {
    margin: 1rem auto; }
  @media (min-width: 65em) {
  #hamburgerMenu.pardubickykrajzije {
    display: none; } }

#header.pardubickykrajzije {
  margin: 0 auto;
  padding: 10px 0;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); }
  #header.pardubickykrajzije .socialLinks {
    max-width: 85rem;
    margin: auto;
    display: none;
    justify-content: flex-end; }
  #header.pardubickykrajzije .socialLinks a {
    padding-right: 20px; }
  @media (min-width: 65em) {
    #header.pardubickykrajzije .socialLinks {
      display: none; } }
  #header.pardubickykrajzije .container {
    display: flex;
    align-items: center;
    height: 1.875rem;
    max-width: 85rem;
    margin: auto;
    padding: 25px 30px; }
  #header.pardubickykrajzije .container .logo img {
    max-width: 10rem; }
  @media (min-width: 55em) {
        #header.pardubickykrajzije .container .logo img {
          max-width: 17rem; } }
  #header.pardubickykrajzije .container .headerMenu {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-left: auto; }
  #header.pardubickykrajzije .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 100%;
    align-items: baseline;
    list-style-type: none;
    padding-left: 0.75rem; }
  #header.pardubickykrajzije .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 2rem;
    padding: 1rem 0;
    position: relative; }
    #header.pardubickykrajzije .container .headerMenu ul li a {
      padding: 0 15px;
      font-size: 14px;
      font-weight: bold;
      color: #db4a27; }
  @media (min-width: 65em) {
        #header.pardubickykrajzije .container .headerMenu ul {
          display: flex; } }
  @media (min-width: 65em) {
    #header.pardubickykrajzije .container {
      padding: 60px 38px 20px 38px; } }

#headerLogin.pardubickykrajzije {
  display: flex;
  flex-wrap: wrap-reverse;
  height: 1.8rem;
  margin: auto;
  padding: 0.25rem 0 1rem 0; }
  #headerLogin.pardubickykrajzije .logout, #headerLogin.pardubickykrajzije .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: black; }
  #headerLogin.pardubickykrajzije .logout img, #headerLogin.pardubickykrajzije .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.pardubickykrajzije .logout:hover, #headerLogin.pardubickykrajzije .editUser:hover {
    text-decoration: none; }
  @media (min-width: 65em) {
    #headerLogin.pardubickykrajzije .logout, #headerLogin.pardubickykrajzije .editUser {
      color: #db4a27; }
      #headerLogin.pardubickykrajzije .logout:hover, #headerLogin.pardubickykrajzije .editUser:hover {
        text-decoration: none; } }
  #headerLogin.pardubickykrajzije .editUser {
    margin-left: 0.5rem; }
  #headerLogin.pardubickykrajzije .login {
    background-color: #62b98e;
    color: #fff;
    font-family: SourceSansPro, sans-serif;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 11px;
    padding: 0.5rem 2rem;
    height: initial; }
  @media (min-width: 65em) {
    #headerLogin.pardubickykrajzije .login {
      font-size: 1rem; } }
  #headerLogin.pardubickykrajzije .register {
    background-color: #fff;
    box-shadow: 0px 0px 0px 2px #bcd0e5 inset;
    color: #000;
    font-family: SourceSansPro, sans-serif;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 11px;
    padding: 0.5rem 2rem;
    height: initial;
    margin-right: 0.5rem; }
  @media (min-width: 65em) {
    #headerLogin.pardubickykrajzije .register {
      font-size: 1rem; } }
  @media (min-width: 65em) {
  #headerLogin.pardubickykrajzije {
    margin: 1rem;
    justify-content: flex-end;
    padding: 0; } }

#ssoLogin.pardubickykrajzije {
  display: flex;
  flex-wrap: wrap-reverse;
  height: 1.8rem;
  margin: auto;
  padding: 0.25rem 0 1rem 0; }
  #ssoLogin.pardubickykrajzije .logout, #ssoLogin.pardubickykrajzije .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: black; }
  #ssoLogin.pardubickykrajzije .logout img, #ssoLogin.pardubickykrajzije .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #ssoLogin.pardubickykrajzije .logout:hover, #ssoLogin.pardubickykrajzije .editUser:hover {
    text-decoration: none; }
  @media (min-width: 65em) {
    #ssoLogin.pardubickykrajzije .logout, #ssoLogin.pardubickykrajzije .editUser {
      color: #db4a27; }
      #ssoLogin.pardubickykrajzije .logout:hover, #ssoLogin.pardubickykrajzije .editUser:hover {
        text-decoration: none; } }
  #ssoLogin.pardubickykrajzije .editUser {
    margin-left: 0.5rem; }
  #ssoLogin.pardubickykrajzije .login {
    background-color: #62b98e;
    color: #fff;
    font-family: SourceSansPro, sans-serif;
    border-radius: 0.25rem;
    font-weight: bold;
    font-size: 11px;
    padding: 0.5rem 2rem;
    height: initial; }
  @media (min-width: 65em) {
    #ssoLogin.pardubickykrajzije .login {
      font-size: 1rem; } }
  @media (min-width: 65em) {
  #ssoLogin.pardubickykrajzije {
    margin: 1rem;
    justify-content: flex-end;
    padding: 0; } }

#hamburgerMenu.plasmafera {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.plasmafera .hamburgerIcon {
    display: flex;
    flex-direction: row; }
  #hamburgerMenu.plasmafera .hamburgerIcon .icon {
    position: absolute;
    left: 0;
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203;
    top: 0;
    background-color: #db4a27; }
  #hamburgerMenu.plasmafera .hamburgerIcon .icon .line {
    width: 28%;
    height: 0.3rem;
    background-color: white;
    position: absolute;
    left: 0;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.plasmafera .hamburgerIcon .icon .line:first-child {
    top: 1.25rem; }
  #hamburgerMenu.plasmafera .hamburgerIcon .icon .line:nth-child(2) {
    top: calc(2rem - (.25rem / 2)); }
  #hamburgerMenu.plasmafera .hamburgerIcon .icon .line:nth-child(3) {
    top: calc(2.5rem); }
  #hamburgerMenu.plasmafera .hamburgerIcon .text {
    color: white;
    z-index: 203;
    position: absolute;
    top: 1.75rem;
    padding-left: 0.2rem;
    font-size: 0.9rem;
    font-weight: normal; }
  #hamburgerMenu.plasmafera .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 4.5rem;
    left: 0;
    width: 65%;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    overflow: auto;
    height: 100vh;
    background-color: #242729;
    right: 0;
    box-sizing: border-box;
    max-width: 100%; }
  #hamburgerMenu.plasmafera .menu .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
    border-top: 1px solid #1b1d1f; }
  #hamburgerMenu.plasmafera .menu .item a {
    padding: 12px 10px 10px 12px;
    height: auto;
    font-size: 0.875rem;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: bold;
    text-align: left; }
  #hamburgerMenu.plasmafera .menu .item a:hover {
    text-decoration: none;
    background-color: #414345; }
  #hamburgerMenu.plasmafera .menu .item:first-child {
    border-top: none; }
  #hamburgerMenu.plasmafera .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 65em) {
  #hamburgerMenu.plasmafera {
    display: none; } }

#header.plasmafera {
  margin: 0 auto;
  background-image: url("/static/img/services/plasmafera/bg.png");
  background-repeat: no-repeat;
  background-size: auto;
  height: 4.5rem; }
  #header.plasmafera .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 0.75rem 0 1.25rem;
    height: 100%;
    max-width: 82rem;
    margin: auto; }
  #header.plasmafera .container .logo {
    max-width: 10rem; }
  @media (min-width: 65em) {
      #header.plasmafera .container .logo {
        max-width: 23.5rem; } }
  #header.plasmafera .container .headerMenu {
    display: flex;
    flex-direction: row;
    width: 82rem;
    text-align: center;
    justify-content: space-between;
    align-items: center; }
  #header.plasmafera .container .headerMenu ul {
    display: none;
    margin: 0;
    height: 3.125rem;
    align-items: center;
    list-style-type: none;
    padding-left: 0.75rem; }
  #header.plasmafera .container .headerMenu ul li {
    display: flex;
    align-items: center;
    height: 3.125rem; }
    #header.plasmafera .container .headerMenu ul li a {
      padding: 0 0.5rem;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold;
      color: white;
      font-size: 1rem; }
    #header.plasmafera .container .headerMenu ul li a:hover {
      color: #db4a27; }
    #header.plasmafera .container .headerMenu ul li.active {
      background-color: #db4a27; }
    #header.plasmafera .container .headerMenu ul li.active:hover {
      background-color: #bd2926; }
    #header.plasmafera .container .headerMenu ul li.active:hover a {
      color: white; }
  @media (min-width: 65em) {
        #header.plasmafera .container .headerMenu ul {
          display: flex; } }
  @media (min-width: 65em) {
  #header.plasmafera {
    height: 8rem; } }
  @media (min-width: 35em) {
  #header.plasmafera {
    background-size: 100% auto; } }

#headerLogin.plasmafera {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  height: 1.8rem;
  padding-top: 0.25rem;
  margin-left: auto; }
  #headerLogin.plasmafera .login, #headerLogin.plasmafera .logout, #headerLogin.plasmafera .register, #headerLogin.plasmafera .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    margin-right: 1rem;
    color: white; }
  #headerLogin.plasmafera .login img, #headerLogin.plasmafera .logout img, #headerLogin.plasmafera .register img, #headerLogin.plasmafera .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.plasmafera .login:hover, #headerLogin.plasmafera .logout:hover, #headerLogin.plasmafera .register:hover, #headerLogin.plasmafera .editUser:hover {
    text-decoration: none;
    color: #db4a27; }

#hamburgerMenu.podnikavka {
  display: flex;
  margin-left: 1rem; }
  #hamburgerMenu.podnikavka .icon {
    width: 2rem;
    height: 1.5rem;
    position: relative;
    margin-right: 1rem; }
  #hamburgerMenu.podnikavka .icon .line {
    width: 100%;
    height: 0.25rem;
    background-color: #db4a27;
    position: absolute;
    left: 0;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.podnikavka .icon .line:first-child {
    top: 0; }
  #hamburgerMenu.podnikavka .icon .line:nth-child(2) {
    top: calc(.75rem - (.25rem / 2)); }
  #hamburgerMenu.podnikavka .icon .line:nth-child(3) {
    top: calc(1.25rem); }
  #hamburgerMenu.podnikavka .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.podnikavka .icon.active .line:first-child, #hamburgerMenu.podnikavka .icon.active .line:nth-child(3) {
    top: calc(.75rem - (.25rem / 2)); }
  #hamburgerMenu.podnikavka .icon.active .line:nth-child(2), #hamburgerMenu.podnikavka .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.podnikavka .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.podnikavka .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 4rem;
    right: 0;
    width: 15rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    border: 0.075rem solid #e1e1e1; }
  #hamburgerMenu.podnikavka .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 0.075rem solid #e1e1e1;
    padding: 0.5rem 1rem;
    color: #db4a27;
    flex-shrink: 1; }
  #hamburgerMenu.podnikavka .menu .list:first-child {
    border-top: 0.075rem solid #e1e1e1; }
  #hamburgerMenu.podnikavka .menu .list.recommend, #hamburgerMenu.podnikavka .menu .list.support {
    display: block; }
  @media (min-width: 30em) {
      #hamburgerMenu.podnikavka .menu .list.recommend, #hamburgerMenu.podnikavka .menu .list.support {
        display: none; } }
  #hamburgerMenu.podnikavka .menu.open {
    position: absolute;
    width: 94%;
    left: 50%;
    margin-left: -47%;
    box-shadow: 0 0.3rem 0.65rem #525252;
    border: 0.025rem #525252 solid;
    border-top: none;
    border-radius: 0.65rem;
    -webkit-border-radius: 0.65rem;
    -moz-border-radius: 0.65rem;
    overflow: hidden;
    display: flex;
    z-index: 20; }
  #hamburgerMenu.podnikavka .menu.open a {
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 0.9rem 2rem;
    font-size: 0.9rem; }
  #hamburgerMenu.podnikavka .menu.open a:hover {
    background-color: #db4a27;
    color: white; }
  #hamburgerMenu.podnikavka .menu.open .separator {
    width: 100%;
    height: 0.075rem;
    background: rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: 0;
    vertical-align: middle; }
  #hamburgerMenu.podnikavka .menu.open .socials {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 3rem; }
  #hamburgerMenu.podnikavka .menu.open .socials .soc-icon {
    width: 2rem;
    display: inline-block; }
    #hamburgerMenu.podnikavka .menu.open .socials .soc-icon:hover {
      background: none; }
  @media (min-width: 73em) {
  #hamburgerMenu.podnikavka .icon, #hamburgerMenu.podnikavka .menu {
    display: none; } }

#header.podnikavka {
  background-color: #fff;
  width: 100%;
  border-bottom: solid 1px #e1e1e1; }
  #header.podnikavka > .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    box-sizing: border-box;
    width: 100%;
    max-width: 75rem;
    min-height: 4rem; }
  #header.podnikavka > .content .left {
    display: flex;
    align-items: flex-end; }
  #header.podnikavka > .content .left .logo {
    width: 10rem;
    margin-right: 2rem;
    margin-left: 1rem; }
  #header.podnikavka > .content .left .headline-text {
    display: none;
    color: #db4a27;
    margin-bottom: 0.5rem;
    font-family: OpenSansExtraBold;
    font-size: 0.875rem; }
  @media (min-width: 60em) {
        #header.podnikavka > .content .left .headline-text {
          display: block; } }
  #header.podnikavka > .content .left .five-years {
    display: none;
    width: 6rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem; }
  @media (min-width: 60em) {
        #header.podnikavka > .content .left .five-years {
          display: block; } }
  #header.podnikavka > .content .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1; }

#headerLogin.podnikavka .register, #headerLogin.podnikavka .login, #headerLogin.podnikavka .logout {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  margin-right: 1rem; }

#menu.podnikavka {
  display: none;
  background-color: white;
  width: 100%;
  margin-bottom: 1rem; }
  #menu.podnikavka .top {
    min-height: 3rem;
    border-bottom: solid 0.06rem #e1e1e1; }
  #menu.podnikavka .top .content {
    box-sizing: border-box;
    padding: 0.5rem;
    max-width: 75rem;
    margin: auto;
    min-height: 3rem;
    display: flex;
    align-items: center;
    text-align: center; }
  #menu.podnikavka .top .content .socials {
    display: none; }
  #menu.podnikavka .top .content .socials .soc-icon {
    display: inline-block;
    width: 1.5rem;
    margin: 0.125rem; }
  @media (min-width: 30em) {
        #menu.podnikavka .top .content .socials {
          display: block; } }
  #menu.podnikavka .top .content .links-wrapper {
    flex: 0.2 0 auto; }
  #menu.podnikavka .top .content .links-wrapper .links {
    margin: auto; }
    #menu.podnikavka .top .content .links-wrapper .links a {
      padding: 0.9rem 0.8rem;
      font-size: 0.9rem; }
    #menu.podnikavka .top .content .links-wrapper .links a:hover {
      background-color: #db4a27;
      color: white;
      text-decoration: none; }
    #menu.podnikavka .top .content .links-wrapper .links a.recommend, #menu.podnikavka .top .content .links-wrapper .links a.support {
      display: none; }
    #menu.podnikavka .top .content .links-wrapper .links .separator {
      width: 0.06rem;
      height: 1.5rem;
      background: rgba(0, 0, 0, 0.1);
      display: inline-block;
      margin: 0;
      vertical-align: middle; }
  @media (min-width: 30em) {
      #menu.podnikavka .top .content .links-wrapper .links {
        justify-content: space-between; }
        #menu.podnikavka .top .content .links-wrapper .links a {
          margin: 0; }
          #menu.podnikavka .top .content .links-wrapper .links a.recommend, #menu.podnikavka .top .content .links-wrapper .links a.support {
            display: inline-block; } }
  @media (min-width: 73em) {
  #menu.podnikavka {
    display: block; } }

#footer.primanapady a {
  color: #db4a27; }
  #footer.primanapady a:hover {
    color: ; }

#hamburgerMenu.primanapady {
  display: flex;
  justify-content: flex-end; }
  #hamburgerMenu.primanapady .button {
    display: none; }
  @media (min-width: 45em) {
    #hamburgerMenu.primanapady .button {
      display: flex; } }
  #hamburgerMenu.primanapady .icon {
    position: absolute;
    background-color: #db4a27;
    border-radius: 0.2rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0.5rem;
    z-index: 203; }
  #hamburgerMenu.primanapady .icon .line {
    width: 50%;
    height: 0.15rem;
    background-color: white;
    position: absolute;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.primanapady .icon .line:first-child {
    top: 0.6rem; }
  #hamburgerMenu.primanapady .icon .line:nth-child(2) {
    top: calc(1.1rem - (.25rem / 2)); }
  #hamburgerMenu.primanapady .icon .line:nth-child(3) {
    top: calc(1.35rem); }
  #hamburgerMenu.primanapady .icon:hover .line {
    background-color: black; }
  @media (min-width: 45em) {
    #hamburgerMenu.primanapady .icon {
      display: none; } }
  #hamburgerMenu.primanapady .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 3.2rem;
    right: 0rem;
    width: 100%;
    display: none;
    flex-wrap: wrap;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    padding-left: 1rem; }
  #hamburgerMenu.primanapady .menu .item {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    text-align: left;
    min-width: 10rem; }
  #hamburgerMenu.primanapady .menu .item a {
    color: #db4a27;
    font-size: 1rem;
    text-decoration: none;
    align-items: center;
    display: flex;
    margin-bottom: 0.5rem; }
  #hamburgerMenu.primanapady .menu .item a img {
    width: 1.5rem;
    margin-right: 0.5rem; }
  #hamburgerMenu.primanapady .menu .item ul {
    list-style-type: none;
    padding: 0; }
  #hamburgerMenu.primanapady .menu .item ul li a {
    text-decoration: none;
    color: #025791;
    font-size: 0.875rem;
    margin: 0;
    font-weight: 400; }
    #hamburgerMenu.primanapady .menu .item ul li a:hover {
      color: #db4a27; }
  #hamburgerMenu.primanapady .menu .login {
    display: flex;
    width: 100%;
    justify-content: center; }
  @media (min-width: 45em) {
      #hamburgerMenu.primanapady .menu .login {
        display: none; } }
  #hamburgerMenu.primanapady .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 65em) {
    #hamburgerMenu.primanapady .menu {
      top: 3.75rem; } }

#header.primanapady {
  max-width: 67.5rem;
  margin: auto;
  margin-top: 0;
  position: relative; }
  #header.primanapady .container {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    height: 100%;
    margin: auto;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6); }
  #header.primanapady .container .logo img {
    width: 6rem; }
  @media (min-width: 65em) {
        #header.primanapady .container .logo img {
          width: 8rem; } }
  #header.primanapady .container .headerMenu {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem; }
  #header.primanapady .container .headerMenu .block {
    display: flex;
    align-items: center; }
  #header.primanapady .container .headerMenu .block .headerLogin {
    display: none;
    margin-right: 0.5rem; }
    @media (min-width: 45em) {
        #header.primanapady .container .headerMenu .block .headerLogin {
          display: flex; } }
  @media (min-width: 45em) {
  #header.primanapady {
    margin-top: 0.5rem; } }

#headerLogin.primanapady {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem; }
  #headerLogin.primanapady .login, #headerLogin.primanapady .logout, #headerLogin.primanapady .register {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    margin-right: 1rem;
    color: ; }
  #headerLogin.primanapady .login img, #headerLogin.primanapady .logout img, #headerLogin.primanapady .register img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.primanapady .login:hover, #headerLogin.primanapady .logout:hover, #headerLogin.primanapady .register:hover {
    text-decoration: none;
    color: #db4a27; }

#breadcrumb.prosestru {
  font-size: 0.9rem;
  color: #777;
  margin-bottom: 0.5rem; }
  #breadcrumb.prosestru .testujtoHome {
    color: #db4a27;
    text-decoration: underline; }

#header.prosestru {
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
  border-top: 0.1875rem solid #3babde; }
  #header.prosestru .header {
    padding: 1.5rem 0 0.5rem 0;
    width: 100%; }
  #header.prosestru .header .content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #header.prosestru .header .content .left img {
    height: 1.75rem;
    padding-left: 1.5rem; }
    @media (min-width: 40em) {
        #header.prosestru .header .content .left img {
          font-size: 10rem; } }
  #header.prosestru .menu {
    width: 100%;
    background-color: white; }
  #header.prosestru .menu .content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #header.prosestru .menu .content .item {
    display: block;
    max-width: 20rem;
    width: 100%;
    border-bottom: 1px solid white;
    padding: 0.5rem 0;
    box-sizing: border-box; }
  #header.prosestru .menu .content .item a {
    display: block;
    text-align: center;
    color: ; }
    #header.prosestru .menu .content .item a:hover {
      color: #db4a27; }
  #header.prosestru .menu .content .item:hover {
    color: #db4a27; }
  #header.prosestru .menu .content .item .active {
    background-color: #db4a27;
    color: white;
    padding: 0.3rem 0.5rem; }
    #header.prosestru .menu .content .item .active:hover {
      color: white; }
  @media (min-width: 40em) {
    #header.prosestru .menu .content {
      display: block; }
      #header.prosestru .menu .content .item {
        display: inline-block;
        padding: 0.25rem 0;
        max-width: initial;
        width: initial;
        border-bottom: none; }
        #header.prosestru .menu .content .item a {
          padding: 0.75rem 1.25rem;
          color: ; } }
  #header.prosestru .content {
    width: 100%;
    max-width: 75rem;
    box-sizing: border-box;
    padding: 0 0.5rem;
    margin: auto; }

#headerLogin.prosestru {
  display: flex;
  flex-direction: row; }
  #headerLogin.prosestru .avatar {
    width: 2.5rem;
    margin-right: 0.5rem; }
  #headerLogin.prosestru .register, #headerLogin.prosestru .login, #headerLogin.prosestru .logout {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    margin-right: 0;
    color: #db4a27; }
  @media (min-width: 40em) {
    #headerLogin.prosestru .register, #headerLogin.prosestru .login, #headerLogin.prosestru .logout {
      font-size: 1rem; } }
  #headerLogin.prosestru .register img, #headerLogin.prosestru .login img, #headerLogin.prosestru .logout img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.prosestru .register:hover, #headerLogin.prosestru .login:hover, #headerLogin.prosestru .logout:hover {
    filter: brightness(75%);
    color: #e00000; }
  #headerLogin.prosestru p {
    margin: 0 0.2rem 0 0.2rem; }

#breadcrumb.slagr {
  padding: 1rem 0 1rem 0;
  font-size: 0.9rem; }
  #breadcrumb.slagr a {
    color: black; }

#footer.slagr a {
  color: black; }

#header.slagr {
  box-sizing: border-box;
  width: 100%;
  height: 11.25rem;
  background-image: url("/static/img/services/slagr/bg-header.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  #header.slagr .content {
    box-sizing: border-box;
    max-width: 70rem;
    width: 100%;
    height: 11.25rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem; }
  #header.slagr .content .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
  #header.slagr .content .right .menu {
    margin-top: 1.875rem; }
  #header.slagr .content .right .menu a {
    box-sizing: border-box;
    color: white;
    font-weight: 600;
    font-size: 1.25rem;
    display: inline-block;
    margin-left: 1rem;
    padding-bottom: 0.5rem; }
    #header.slagr .content .right .menu a:hover, #header.slagr .content .right .menu a.active {
      padding-bottom: calc(.5rem - 2px);
      border-bottom: #054d89 solid 2px; }
  #header.slagr .content .right .control {
    margin-top: 1rem;
    font-size: 0.875rem;
    color: #ddd; }
  #header.slagr .content .right .control a {
    margin-left: 0.25rem; }

#headerLogin.slagr {
  margin-top: 1rem; }
  #headerLogin.slagr a[name="register"], #headerLogin.slagr a[name="login"], #headerLogin.slagr a[name="logout"] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: white;
    margin-right: 1rem; }
  #headerLogin.slagr a[name="register"] img, #headerLogin.slagr a[name="login"] img, #headerLogin.slagr a[name="logout"] img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.slagr a[name="register"]:hover, #headerLogin.slagr a[name="login"]:hover, #headerLogin.slagr a[name="logout"]:hover {
    filter: brightness(75%); }

#header.testujto, #header.testujtosk, #header.testujto-admin, #header.brandtestingclub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: #fff;
  padding: 0 1rem;
  margin: 0 auto;
  width: calc(100% - 2rem);
  max-width: 88rem;
  height: 3.5rem; }
  @media (min-width: 91em) {
  #header.testujto, #header.testujtosk, #header.testujto-admin, #header.brandtestingclub {
    padding: 0;
    max-width: 90rem;
    width: 100%; } }
  #header.testujto .left, #header.testujtosk .left, #header.testujto-admin .left, #header.brandtestingclub .left, #header.testujto .right, #header.testujtosk .right, #header.testujto-admin .right, #header.brandtestingclub .right {
    display: flex; }
  #header.testujto .left, #header.testujtosk .left, #header.testujto-admin .left, #header.brandtestingclub .left {
    justify-content: flex-start;
    align-items: center;
    flex: 1 0 20%; }
  #header.testujto .left a.logo, #header.testujtosk .left a.logo, #header.testujto-admin .left a.logo, #header.brandtestingclub .left a.logo {
    margin: 0 1rem 0 0; }
  #header.testujto .left a.logo img, #header.testujtosk .left a.logo img, #header.testujto-admin .left a.logo img, #header.brandtestingclub .left a.logo img {
    width: 152px; }
  #header.testujto .center, #header.testujtosk .center, #header.testujto-admin .center, #header.brandtestingclub .center {
    display: none;
    justify-content: center;
    align-items: center; }
  #header.testujto .center a, #header.testujtosk .center a, #header.testujto-admin .center a, #header.brandtestingclub .center a {
    margin-left: 0.25rem; }
  #header.testujto .center a:hover, #header.testujtosk .center a:hover, #header.testujto-admin .center a:hover, #header.brandtestingclub .center a:hover {
    text-decoration: underline; }
  #header.testujto .center a .black, #header.testujtosk .center a .black, #header.testujto-admin .center a .black, #header.brandtestingclub .center a .black {
    background-color: transparent;
    border-color: #db4a27;
    color: #db4a27;
    font-size: 1.25rem;
    font-weight: bold; }
  #header.testujto .center a .black:hover, #header.testujtosk .center a .black:hover, #header.testujto-admin .center a .black:hover, #header.brandtestingclub .center a .black:hover {
    background-color: #db4a27;
    color: black; }
  #header.testujto .center.admin, #header.testujtosk .center.admin, #header.testujto-admin .center.admin, #header.brandtestingclub .center.admin {
    font-size: 1.5rem; }
  @media (min-width: 50em) {
    #header.testujto .center, #header.testujtosk .center, #header.testujto-admin .center, #header.brandtestingclub .center {
      display: flex; } }
  #header.testujto .right, #header.testujtosk .right, #header.testujto-admin .right, #header.brandtestingclub .right {
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    flex: 1 0 20%; }
  #header.testujto .right .buttons, #header.testujtosk .right .buttons, #header.testujto-admin .right .buttons, #header.brandtestingclub .right .buttons {
    display: flex;
    justify-content: space-between;
    flex-grow: 0; }
  #header.testujto .right .buttons a, #header.testujtosk .right .buttons a, #header.testujto-admin .right .buttons a, #header.brandtestingclub .right .buttons a, #header.testujto .right .buttons input[type="button"], #header.testujtosk .right .buttons input[type="button"], #header.testujto-admin .right .buttons input[type="button"], #header.brandtestingclub .right .buttons input[type="button"] {
    text-transform: uppercase;
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    display: none;
    padding: 0 0.5rem 0 0;
    height: 2.4rem;
    color: #db4a27; }
  @media (min-width: 24em) {
        #header.testujto .right .buttons a[name="register"], #header.testujtosk .right .buttons a[name="register"], #header.testujto-admin .right .buttons a[name="register"], #header.brandtestingclub .right .buttons a[name="register"], #header.testujto .right .buttons input[type="button"][name="register"], #header.testujtosk .right .buttons input[type="button"][name="register"], #header.testujto-admin .right .buttons input[type="button"][name="register"], #header.brandtestingclub .right .buttons input[type="button"][name="register"] {
          display: block; } }
  @media (min-width: 30em) {
        #header.testujto .right .buttons a[name="login"], #header.testujtosk .right .buttons a[name="login"], #header.testujto-admin .right .buttons a[name="login"], #header.brandtestingclub .right .buttons a[name="login"], #header.testujto .right .buttons input[type="button"][name="login"], #header.testujtosk .right .buttons input[type="button"][name="login"], #header.testujto-admin .right .buttons input[type="button"][name="login"], #header.brandtestingclub .right .buttons input[type="button"][name="login"] {
          display: block; } }
  @media (min-width: 60em) {
        #header.testujto .right .buttons a[name="how-it-works"], #header.testujtosk .right .buttons a[name="how-it-works"], #header.testujto-admin .right .buttons a[name="how-it-works"], #header.brandtestingclub .right .buttons a[name="how-it-works"], #header.testujto .right .buttons input[type="button"][name="how-it-works"], #header.testujtosk .right .buttons input[type="button"][name="how-it-works"], #header.testujto-admin .right .buttons input[type="button"][name="how-it-works"], #header.brandtestingclub .right .buttons input[type="button"][name="how-it-works"] {
          display: block; } }
  #header.testujto .right .buttons input[type="button"], #header.testujtosk .right .buttons input[type="button"], #header.testujto-admin .right .buttons input[type="button"], #header.brandtestingclub .right .buttons input[type="button"] {
    background: none;
    border: none; }

.brandtestingclub #header .left a.logo img {
  width: 212px; }

#headerLogin.testujto, #headerLogin.testujtosk, #headerLogin.testujto-admin, #headerLogin.brandtestingclub {
  margin: 0 auto;
  padding: 0;
  max-width: 90rem;
  width: 100%;
  text-align: right; }
  #headerLogin.testujto .register, #headerLogin.testujtosk .register, #headerLogin.testujto-admin .register, #headerLogin.brandtestingclub .register, #headerLogin.testujto .login, #headerLogin.testujtosk .login, #headerLogin.testujto-admin .login, #headerLogin.brandtestingclub .login {
    margin-left: 18px; }

#menu.testujto, #menu.testujtosk, #menu.testujto-admin, #header.brandtestingclub {
  position: relative; }
  #menu.testujto .box, #menu.testujtosk .box, #menu.testujto-admin .box, #header.brandtestingclub .box {
    -webkit-box-shadow: 0 0 1.25rem 0.25rem #000;
    -moz-box-shadow: 0 0 1.25rem 0.25rem #000;
    box-shadow: 0 0 1.25rem 0.25rem #000;
    display: flex;
    position: absolute;
    background-color: #fff;
    padding-top: 3rem;
    width: 100vw;
    top: -1rem;
    right: 0;
    z-index: 20;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    -o-transition: -o-transform 0.1s ease-out;
    -ms-transition: -ms-transform 0.1s ease-out;
    transition: transform 0.1s ease-out; }
  #menu.testujto .box .items, #menu.testujtosk .box .items, #menu.testujto-admin .box .items, #header.brandtestingclub .box .items {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%; }
  #menu.testujto .box .items .item, #menu.testujtosk .box .items .item, #menu.testujto-admin .box .items .item, #header.brandtestingclub .box .items .item {
    text-transform: uppercase;
    background-color: #fff;
    font-family: Fira Sans Condensed, sans-serif;
    font-weight: 400;
    padding: 0.5rem 1.25rem;
    width: calc(100% - 2.5rem); }
  #menu.testujto .box .items .item:hover, #menu.testujtosk .box .items .item:hover, #menu.testujto-admin .box .items .item:hover, #header.brandtestingclub .box .items .item:hover {
    background-color: #db4a27;
    text-decoration: none;
    color: #fff; }
  @media (min-width: 24em) {
        #menu.testujto .box .items .item[name="register"], #menu.testujtosk .box .items .item[name="register"], #menu.testujto-admin .box .items .item[name="register"], #header.brandtestingclub .box .items .item[name="register"] {
          display: none; } }
  @media (min-width: 24rem) {
    #menu.testujto .box, #menu.testujtosk .box, #menu.testujto-admin .box, #header.brandtestingclub .box {
      width: initial;
      white-space: nowrap;
      left: initial; } }
  #menu.testujto .icon, #menu.testujtosk .icon, #menu.testujto-admin .icon, #header.brandtestingclub .icon {
    position: relative;
    width: 56px;
    height: 25px;
    z-index: 201; }
  #menu.testujto .icon img, #menu.testujtosk .icon img, #menu.testujto-admin .icon img, #header.brandtestingclub .icon img {
    position: absolute;
    width: 100%;
    cursor: pointer;
    top: 6px;
    right: 0;
    -o-transition: opacity 0.25s ease-in;
    -ms-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    -webkit-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
    opacity: 1;
    cursor: pointer; }
  #menu.testujto .icon .closer, #menu.testujtosk .icon .closer, #menu.testujto-admin .icon .closer, #header.brandtestingclub .icon .closer {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: absolute;
    background: transparent;
    border: none;
    margin-right: 1rem;
    width: 25px;
    height: 25px;
    top: 0;
    right: 0;
    -o-transition: opacity 0.25s ease-out;
    -ms-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    opacity: 0;
    cursor: pointer; }
  #menu.testujto .icon .closer:before, #menu.testujtosk .icon .closer:before, #menu.testujto-admin .icon .closer:before, #header.brandtestingclub .icon .closer:before, #menu.testujto .icon .closer:after, #menu.testujtosk .icon .closer:after, #menu.testujto-admin .icon .closer:after, #header.brandtestingclub .icon .closer:after {
    position: absolute;
    background-color: #000;
    top: 0;
    right: 8px;
    content: " ";
    height: 26px;
    width: 3px; }
  #menu.testujto .icon .closer:before, #menu.testujtosk .icon .closer:before, #menu.testujto-admin .icon .closer:before, #header.brandtestingclub .icon .closer:before {
    transform: rotate(45deg); }
  #menu.testujto .icon .closer:after, #menu.testujtosk .icon .closer:after, #menu.testujto-admin .icon .closer:after, #header.brandtestingclub .icon .closer:after {
    transform: rotate(-45deg); }
  #menu.testujto.opened .icon, #menu.testujtosk.opened .icon, #menu.testujto-admin.opened .icon, #header.brandtestingclub.opened .icon {
    margin-left: 31px;
    width: 25px; }
  #menu.testujto.opened .icon img, #menu.testujtosk.opened .icon img, #menu.testujto-admin.opened .icon img, #header.brandtestingclub.opened .icon img {
    -o-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    opacity: 0; }
  #menu.testujto.opened .icon .closer, #menu.testujtosk.opened .icon .closer, #menu.testujto-admin.opened .icon .closer, #header.brandtestingclub.opened .icon .closer {
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    opacity: 1; }
  #menu.testujto.opened .box, #menu.testujtosk.opened .box, #menu.testujto-admin.opened .box, #header.brandtestingclub.opened .box {
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 15rem; }

#footer.tncz {
  max-width: 60rem;
  background-color: white;
  font-family: Organica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }

#header.tncz {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  background-color: #f6f4f3; }
  #header.tncz .container {
    padding: 0 50px; }
  @media (max-width: 991.98px) {
    #header.tncz .container {
      padding: 0 16px; } }
  #header.tncz .header-wrapper {
    max-width: 1450px;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: auto;
    box-sizing: border-box;
    align-items: center; }
  #header.tncz .header-wrapper .logo {
    width: 105px; }
  #header.tncz .header-wrapper .logo img {
    display: block; }
  #header.tncz .header-wrapper .back {
    display: inline-flex;
    align-items: center;
    margin-left: 70px;
    padding-top: 4px; }
  #header.tncz .header-wrapper .back span {
    padding-top: 2px;
    margin-left: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #1a1919; }
  #header.tncz .header-wrapper div.login {
    flex: auto; }
  @media (max-width: 991.98px) {
    #header.tncz .header-wrapper {
      height: 64px; }
      #header.tncz .header-wrapper .logo {
        width: 90px; }
      #header.tncz .header-wrapper .back {
        margin-left: 5px; }
        #header.tncz .header-wrapper .back span {
          margin-left: 5px;
          font-size: 12px; } }
  @media (max-width: 380px) {
    #header.tncz .header-wrapper {
      height: 109px; }
      #header.tncz .header-wrapper .back {
        margin-left: auto; }
      #header.tncz .header-wrapper div.login {
        flex: 100%; } }
  #header.tncz .gradient {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #41a0e4 0%, #c6f1ff 100%, #c6f1ff 100%); }

#headerLogin.tncz {
  display: flex;
  width: 100%;
  height: 2.5rem;
  margin-left: auto;
  flex-wrap: wrap-reverse;
  justify-content: flex-end; }
  #headerLogin.tncz .login, #headerLogin.tncz .logout, #headerLogin.tncz .register, #headerLogin.tncz .editUser {
    background-color: #db4a27;
    color: #fff;
    font-family: Organica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    padding: 0.7rem;
    margin-left: 0.5rem;
    height: initial; }
  #headerLogin.tncz .login:hover, #headerLogin.tncz .logout:hover, #headerLogin.tncz .register:hover, #headerLogin.tncz .editUser:hover {
    color: white;
    background-color: #db4a27; }
  @media (max-width: 991.98px) {
    #headerLogin.tncz .login, #headerLogin.tncz .logout, #headerLogin.tncz .register, #headerLogin.tncz .editUser {
      padding: 0.6rem 0.6rem;
      font-size: 0.6rem; } }
  @media (max-width: 380px) {
    #headerLogin.tncz .login, #headerLogin.tncz .logout, #headerLogin.tncz .register, #headerLogin.tncz .editUser {
      padding: 0.6rem 0; }
      #headerLogin.tncz .login:first-child, #headerLogin.tncz .logout:first-child, #headerLogin.tncz .register:first-child, #headerLogin.tncz .editUser:first-child {
        margin-left: 0 !important; } }
  @media (max-width: 991.98px) {
  #headerLogin.tncz {
    height: 28px; } }
  @media (max-width: 380px) {
  #headerLogin.tncz {
    margin-top: -20px; }
    #headerLogin.tncz a {
      width: calc(50% - 0.25rem);
      text-align: center; } }

#hamburgerMenu.unuo {
  display: flex;
  margin-left: 1rem; }
  #hamburgerMenu.unuo .icon {
    position: absolute;
    top: 1rem;
    right: 0rem;
    margin-right: 1rem;
    width: 2.5rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.unuo .icon .line {
    width: 60%;
    height: 0.2rem;
    background-color: black;
    position: absolute;
    left: 0.65rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.unuo .icon .line:first-child {
    top: 0.75rem; }
  #hamburgerMenu.unuo .icon .line:nth-child(2) {
    top: calc(1.25rem - (.25rem / 2)); }
  #hamburgerMenu.unuo .icon .line:nth-child(3) {
    top: calc(1.5rem); }
  #hamburgerMenu.unuo .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.unuo .icon.active .line:first-child, #hamburgerMenu.unuo .icon.active .line:nth-child(3) {
    top: calc(1.25rem - (.25rem / 2)); }
  #hamburgerMenu.unuo .icon.active .line:nth-child(2), #hamburgerMenu.unuo .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.unuo .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.unuo .menu {
    transition: left 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    top: 0;
    right: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.unuo .menu .item {
    border-top: solid 1px #dedede;
    width: 100%;
    padding: 1.25rem; }
  #hamburgerMenu.unuo .menu .item a {
    text-transform: uppercase;
    color: #db4a27;
    font-size: 0.75rem;
    font-weight: 600; }
  #hamburgerMenu.unuo .menu .item a:hover {
    color: #db4a27; }
  #hamburgerMenu.unuo .menu .item a:first-child {
    border-top: none; }
  #hamburgerMenu.unuo .menu .item a .trMenu {
    color: #db4a27;
    font-style: italic;
    font-weight: 400;
    font-size: 90%; }
  #hamburgerMenu.unuo .menu .list {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    color: #666;
    flex-shrink: 1; }
  #hamburgerMenu.unuo .menu .list:first-child {
    border-top: 1px solid #e1e1e1; }
  #hamburgerMenu.unuo .menu.open {
    display: flex;
    width: 100%;
    border-left: solid 1px #dedede;
    z-index: 202; }
  #hamburgerMenu.unuo .menu.open + .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.65);
    content: "";
    width: 100vw;
    height: 100vh;
    z-index: 201; }
  @media (min-width: 65em) {
  #hamburgerMenu.unuo .icon, #hamburgerMenu.unuo .menu {
    display: none; } }

#header.unuo {
  width: 100%;
  max-width: 80rem;
  padding: 1rem 2rem;
  box-sizing: border-box;
  position: relative;
  margin: auto; }
  #header.unuo .header-top {
    display: flex;
    width: 100%;
    height: 2.5rem;
    align-items: center;
    justify-content: space-between; }
  #header.unuo .header-top .left {
    display: none; }
  #header.unuo .header-top .left a {
    color: #666;
    font-size: 0.875rem; }
  #header.unuo .header-top .left a:hover {
    color: #db4a27;
    text-decoration: none; }
  #header.unuo .header-top .left .phone {
    margin-right: 1rem; }
  #header.unuo .header-top .left .phone:before {
    font-family: ;
    content: '\e92d';
    font-size: 1.25rem;
    margin-right: 0.5rem;
    vertical-align: middle; }
  #header.unuo .header-top .left .mail:before {
    font-family: ;
    content: '\e924';
    font-size: 1.25rem;
    margin-right: 0.5rem;
    vertical-align: middle; }
  @media (min-width: 38em) {
      #header.unuo .header-top .left {
        display: flex; } }
  #header.unuo .logo {
    box-sizing: border-box;
    border: none;
    width: 12.75rem;
    margin: 2.5rem auto; }

@media (min-width: 48em) {
    .line {
      border-bottom: 1px solid #dedede; } }

#headerLogin.unuo {
  display: flex; }
  #headerLogin.unuo a {
    color: #666;
    font-weight: 600; }
  #headerLogin.unuo a:hover {
    color: #db4a27; }
  #headerLogin.unuo a:first-child {
    margin-right: 0.5rem; }

#menu.unuo {
  justify-content: space-between;
  color: #666;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  width: 87rem;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0.5rem;
  display: none;
  margin: auto;
  margin-bottom: 1.5rem; }
  #menu.unuo a {
    color: #db4a27;
    text-transform: uppercase; }
  #menu.unuo a:hover {
    color: #db4a27; }
  #menu.unuo a .trMenu {
    color: #db4a27;
    font-style: italic;
    font-weight: 400;
    font-size: 90%; }
  @media (min-width: 65em) {
  #menu.unuo {
    display: flex; } }

#footer.vareni .content .center {
  color: white; }
  #footer.vareni .content .center .links a {
    color: white; }

#hamburgerMenu.vareni {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.vareni .icon {
    position: absolute;
    right: 0rem;
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    background-color: #db4a27;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 203; }
  #hamburgerMenu.vareni .icon .line {
    width: 60%;
    height: 0.15rem;
    background-color: white;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.vareni .icon .line:first-child {
    top: 0.5rem; }
  #hamburgerMenu.vareni .icon .line:nth-child(2) {
    top: calc(1rem - (.25rem / 2)); }
  #hamburgerMenu.vareni .icon .line:nth-child(3) {
    top: calc(1.25rem); }
  #hamburgerMenu.vareni .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.vareni .icon.active .line:first-child, #hamburgerMenu.vareni .icon.active .line:nth-child(3) {
    top: calc(1rem - (.25rem / 2)); }
  #hamburgerMenu.vareni .icon.active .line:nth-child(2), #hamburgerMenu.vareni .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.vareni .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.vareni .menu {
    transition: left 0.2s linear;
    position: absolute;
    top: 5rem;
    right: 0;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: white; }
  #hamburgerMenu.vareni .menu .item {
    display: flex;
    flex-direction: column;
    width: 95%;
    padding-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: auto; }
  #hamburgerMenu.vareni .menu .item a {
    padding: 12px 10px 10px 10px;
    height: auto;
    font-size: 0.875rem;
    line-height: 24px;
    color: #313131;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700; }
  #hamburgerMenu.vareni .menu .item a:hover {
    color: #db4a27;
    text-decoration: none; }
  #hamburgerMenu.vareni .menu .item:first-child {
    border-top: none; }
  #hamburgerMenu.vareni .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 48em) {
  #hamburgerMenu.vareni .icon, #hamburgerMenu.vareni .menu, #hamburgerMenu.vareni #headerLogin {
    display: none; } }

#header.vareni {
  width: 100%;
  max-width: 67.5rem;
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
  margin: auto; }
  #header.vareni .header-top {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between; }
  #header.vareni .header-top .left .logo {
    box-sizing: border-box;
    border: none;
    width: 10rem;
    height: 2.5rem; }
  #header.vareni .header-top .left .logo .small {
    display: flex;
    width: 10rem;
    height: 2.5rem; }
    @media (min-width: 52em) {
        #header.vareni .header-top .left .logo .small {
          display: none; } }
  #header.vareni .header-top .left .logo .big {
    display: none;
    width: 10.625rem;
    height: 3.5rem; }
    @media (min-width: 52em) {
        #header.vareni .header-top .left .logo .big {
          display: flex; } }
  @media (min-width: 52em) {
        #header.vareni .header-top .left .logo {
          height: 3.5rem; } }
  #header.vareni .header-top .right {
    width: 100%; }

#headerLogin.vareni {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  #headerLogin.vareni .register, #headerLogin.vareni .login, #headerLogin.vareni .logout {
    font-size: 0.75rem;
    color: #db4a27;
    margin-right: 1rem;
    text-transform: uppercase; }
  #headerLogin.vareni .register:hover, #headerLogin.vareni .login:hover, #headerLogin.vareni .logout:hover {
    transition: 350ms;
    color: #db4a27; }
  @media (min-width: 30em) {
  #headerLogin.vareni {
    flex-direction: row; } }

#menu.vareni {
  display: none;
  justify-content: space-between;
  margin-left: 2rem; }
  #menu.vareni .item a {
    color: #db4a27;
    font-size: 0.9375rem;
    text-transform: uppercase;
    font-family: SourceSansPro, sans-serif;
    font-weight: 700; }
  #menu.vareni .item a:hover {
    text-decoration: none;
    color: #db4a27; }
  #menu.vareni .item a.actual {
    color: #db4a27; }
  @media (min-width: 52em) {
  #menu.vareni {
    display: flex; } }

#back-link.vitkovice {
  margin-top: 2.5rem;
  display: block; }

#hamburgerMenu.vitkovice .menu {
  display: block;
  background-color: #db4a27;
  height: 2.5rem; }
  #hamburgerMenu.vitkovice .menu .icon {
    width: 1.25rem;
    height: 2.25rem;
    position: relative;
    margin: auto;
    display: flex; }
  #hamburgerMenu.vitkovice .menu .icon .line {
    background-color: white;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0; }
  #hamburgerMenu.vitkovice .menu .icon .line.line-1 {
    top: 0.75rem; }
  #hamburgerMenu.vitkovice .menu .icon .line.line-2 {
    top: calc(1.25rem - 1px); }
  #hamburgerMenu.vitkovice .menu .icon .line.line-3 {
    top: calc(1.75rem - 2px); }
  #hamburgerMenu.vitkovice .menu .icon:hover .line {
    background-color: white; }
  #hamburgerMenu.vitkovice .menu .wrapper {
    display: none; }
  #hamburgerMenu.vitkovice .menu .wrapper.active {
    display: block; }
  #hamburgerMenu.vitkovice .menu .wrapper .menu {
    background-color: #db4a27;
    text-transform: uppercase;
    color: white;
    display: flex;
    flex-direction: column; }
  #hamburgerMenu.vitkovice .menu .wrapper .menu a {
    padding: 0.625em 10px;
    position: relative;
    width: 10rem; }
    #hamburgerMenu.vitkovice .menu .wrapper .menu a:hover {
      background-color: #ecedee;
      color: black; }
  @media (min-width: 48em) {
  #hamburgerMenu.vitkovice .icon, #hamburgerMenu.vitkovice .menu {
    display: none; } }

#header.vitkovice {
  width: 100%; }
  #header.vitkovice .icons {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    background: linear-gradient(180deg, #666 0, #2e2e2e 50%);
    border-bottom: 1px solid silver; }
  #header.vitkovice .icons .line {
    border-left: 1px solid silver;
    margin: 0 0.5rem;
    height: 80%; }
  #header.vitkovice .icons a .noFilter {
    filter: none; }
  #header.vitkovice .icons a img {
    margin: 5px 0.3rem;
    max-height: 30px;
    max-width: 40px;
    filter: grayscale(100%) drop-shadow(0px 0px 0.5px white);
    vertical-align: middle;
    transition-duration: 0.4s; }
  #header.vitkovice .icons a img:hover {
    filter: none; }
  @media (max-width: 63em) {
        #header.vitkovice .icons a img {
          max-height: 17px; } }
  @media (min-width: 46em) {
    #header.vitkovice .icons {
      display: flex; } }
  #header.vitkovice .logo {
    width: 75rem;
    margin: auto;
    text-align: right;
    display: none;
    justify-content: space-between; }
  #header.vitkovice .logo .login {
    width: 50%;
    text-align: left;
    display: flex;
    align-items: center; }
  @media (min-width: 63em) {
    #header.vitkovice .logo {
      display: flex; } }
  #header.vitkovice .logo-small {
    margin: auto;
    text-align: center;
    display: block; }
  #header.vitkovice .logo-small a img {
    width: 7rem; }
  @media (min-width: 63em) {
    #header.vitkovice .logo-small {
      display: none; } }

#menu.vitkovice {
  display: none; }
  #menu.vitkovice .menu {
    display: flex;
    background-color: #db4a27;
    height: 4.7rem;
    text-transform: uppercase;
    align-items: center;
    justify-content: space-around;
    width: 75rem; }
  #menu.vitkovice .menu a {
    padding: 0.625em 10px;
    position: relative;
    color: white; }
  #menu.vitkovice .menu a:hover {
    background-color: #ecedee;
    color: black; }
  #menu.vitkovice .menu a#logo {
    padding: 0; }
  #menu.vitkovice .menu a#logo:hover {
    background: none; }
  @media (min-width: 48em) {
  #menu.vitkovice {
    width: 75rem;
    margin: auto;
    max-width: 100%;
    display: flex; } }

.testCard.vitkovice {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0.5rem; }
  .testCard.vitkovice .image-wrapper {
    width: 16rem; }
  .testCard.vitkovice .title {
    box-sizing: border-box;
    padding: 0.25rem;
    width: 100%;
    font-size: 1rem; }
  @media (min-width: 50em) {
  .testCard.vitkovice {
    width: calc(33% - 1rem); } }

#hamburgerMenu.vsechnocomamrada {
  display: flex;
  margin-left: 1rem;
  margin-right: 1rem;
  align-items: center;
  justify-content: space-between; }
  #hamburgerMenu.vsechnocomamrada img {
    width: 5rem;
    padding: 0.5rem 0; }
  #hamburgerMenu.vsechnocomamrada .icon {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    margin-right: 1rem;
    z-index: 30; }
  #hamburgerMenu.vsechnocomamrada .icon .line {
    width: 100%;
    height: 0.075rem;
    background-color: black;
    position: absolute;
    left: 0;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.vsechnocomamrada .icon .line:first-child {
    top: 0; }
  #hamburgerMenu.vsechnocomamrada .icon .line:nth-child(2) {
    top: calc(.75rem - (.25rem / 2)); }
  #hamburgerMenu.vsechnocomamrada .icon .line:nth-child(3) {
    top: calc(1.25rem); }
  #hamburgerMenu.vsechnocomamrada .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.vsechnocomamrada .icon.active .line:first-child, #hamburgerMenu.vsechnocomamrada .icon.active .line:nth-child(3) {
    top: calc(.75rem - (.25rem / 2)); }
  #hamburgerMenu.vsechnocomamrada .icon.active .line:nth-child(2), #hamburgerMenu.vsechnocomamrada .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.vsechnocomamrada .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.vsechnocomamrada .menu {
    display: none;
    flex-direction: column;
    transition: left 0.2s linear;
    position: absolute;
    top: 9.5rem;
    width: 95%;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: white; }
  #hamburgerMenu.vsechnocomamrada .menu.open {
    display: flex;
    z-index: 20; }
  #hamburgerMenu.vsechnocomamrada .menu.open .item {
    border-bottom: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    width: 100%;
    box-sizing: border-box;
    display: block;
    flex-shrink: 1; }
  #hamburgerMenu.vsechnocomamrada .menu.open .item a {
    color: black; }
    #hamburgerMenu.vsechnocomamrada .menu.open .item a:hover {
      color: #db4a27;
      text-decoration: none; }
  #hamburgerMenu.vsechnocomamrada .menu.open .item .active {
    color: #db4a27; }
  @media (min-width: 55em) {
  #hamburgerMenu.vsechnocomamrada {
    display: none; } }

#header.vsechnocomamrada {
  width: 100%; }
  #header.vsechnocomamrada .header {
    padding: 0.75rem;
    background-color: ; }
  #header.vsechnocomamrada .header .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 68.75rem;
    margin: auto; }
  #header.vsechnocomamrada .header .content p {
    font-weight: 500;
    font-size: 0.7rem;
    margin-bottom: 0; }
  #header.vsechnocomamrada .header .content .right {
    display: flex;
    align-items: center; }
  #header.vsechnocomamrada .header .content .right .cztv-icon img {
    width: 5.8rem; }
  #header.vsechnocomamrada .header .content .right .soc-icon {
    display: inline-block;
    width: 1.5rem;
    margin: 0.125rem; }
  #headerLogin.vsechnocomamrada {
    text-align: right;
    display: flex;
    flex-direction: column; }
  #headerLogin.vsechnocomamrada .register, #headerLogin.vsechnocomamrada .login, #headerLogin.vsechnocomamrada .logout, #headerLogin.vsechnocomamrada .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: ;
    margin-right: 1rem; }
  #headerLogin.vsechnocomamrada .register img, #headerLogin.vsechnocomamrada .login img, #headerLogin.vsechnocomamrada .logout img, #headerLogin.vsechnocomamrada .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.vsechnocomamrada .register:hover, #headerLogin.vsechnocomamrada .login:hover, #headerLogin.vsechnocomamrada .logout:hover, #headerLogin.vsechnocomamrada .editUser:hover {
    filter: brightness(75%); }

#menu.vsechnocomamrada {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 74rem;
  margin: auto;
  padding: 0.3rem 0; }
  #menu.vsechnocomamrada img {
    width: 5rem; }
  #menu.vsechnocomamrada .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%; }
  #menu.vsechnocomamrada .content .item {
    display: block;
    max-width: 20rem;
    width: 100%;
    border-bottom: 1px solid white;
    padding: 0 0.5rem;
    box-sizing: border-box; }
  #menu.vsechnocomamrada .content .item a {
    display: block;
    text-align: center;
    color: black;
    font-weight: 600; }
  #menu.vsechnocomamrada .content .item a:hover {
    color: ;
    text-decoration: none; }
  #menu.vsechnocomamrada .content .item .active {
    color: ; }
  @media (min-width: 55em) {
  #menu.vsechnocomamrada {
    display: flex; } }

#hamburgerMenu.yookee {
  display: flex;
  justify-content: flex-end;
  margin-right: 2rem; }
  #hamburgerMenu.yookee .icon {
    position: absolute;
    right: 2rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0.8rem;
    z-index: 203; }
  #hamburgerMenu.yookee .icon .line {
    width: 80%;
    height: 0.1rem;
    background-color: white;
    position: absolute;
    left: 0.45rem;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.yookee .icon .line:first-child {
    top: 0.85rem; }
  #hamburgerMenu.yookee .icon .line:nth-child(2) {
    top: calc(1.6rem - (.25rem / 2)); }
  #hamburgerMenu.yookee .icon .line:nth-child(3) {
    top: calc(2.1rem); }
  #hamburgerMenu.yookee .icon.active .line {
    background-color: white;
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.yookee .icon.active .line:first-child, #hamburgerMenu.yookee .icon.active .line:nth-child(3) {
    top: calc(1.6rem - (.25rem / 2)); }
  #hamburgerMenu.yookee .icon.active .line:nth-child(2), #hamburgerMenu.yookee .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.yookee .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.yookee .menu {
    transition: right 0.2s linear;
    position: absolute;
    padding-top: 5rem;
    right: 0;
    top: 0;
    width: 20rem;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    box-sizing: border-box;
    height: 100vh;
    max-width: 100%; }
  #hamburgerMenu.yookee .menu .item {
    box-sizing: border-box;
    display: block;
    width: 90%;
    padding-bottom: 0.75rem;
    flex-shrink: 1;
    margin: 0 auto;
    text-align: left;
    height: 2.5rem; }
  #hamburgerMenu.yookee .menu .item a {
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    text-decoration: none;
    text-transform: uppercase; }
  #hamburgerMenu.yookee .menu .item.login a {
    font-size: 0.8rem; }
  #hamburgerMenu.yookee .menu.open {
    display: flex;
    z-index: 202;
    background: linear-gradient(45deg, #5f2fa6 40%, #a6549e 100%); }
  @media (min-width: 65em) {
  #hamburgerMenu.yookee {
    display: none; } }

#header.yookee {
  margin: 0 auto;
  background: linear-gradient(45deg, #5f2fa6 40%, #a6549e 100%);
  height: 4.375rem;
  top: 0;
  left: 0;
  content: "";
  width: 100vw;
  z-index: 201; }
  #header.yookee .container {
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    height: 100%;
    max-width: 66rem;
    margin: auto; }
  #header.yookee .container .logo img {
    width: 6rem; }
  @media (min-width: 65em) {
        #header.yookee .container .logo img {
          width: 8rem; } }
  #header.yookee .container .headerMenu {
    display: flex;
    flex-direction: row;
    width: 66rem;
    text-align: center;
    align-items: center; }
  #header.yookee .container .headerMenu .block {
    width: 100%;
    justify-content: space-between;
    display: none; }
  #header.yookee .container .headerMenu .block ul {
    margin: 0;
    height: 100%;
    display: flex; }
    #header.yookee .container .headerMenu .block ul li {
      display: flex;
      align-items: center;
      height: 2rem;
      padding: 1rem 0;
      position: relative; }
    #header.yookee .container .headerMenu .block ul li a {
      padding: 0 1rem;
      text-decoration: none;
      color: white;
      font-size: 0.875rem;
      box-sizing: border-box;
      font-weight: 700;
      text-transform: uppercase; }
    #header.yookee .container .headerMenu .block ul li:hover, #header.yookee .container .headerMenu .block ul li.active {
      border-bottom: 3px solid #db4a27; }
  @media (min-width: 65em) {
        #header.yookee .container .headerMenu .block {
          display: flex; } }

#headerLogin.yookee {
  display: flex;
  flex-wrap: wrap-reverse;
  height: 1.8rem;
  padding-top: 0.25rem;
  justify-content: center; }
  #headerLogin.yookee .login, #headerLogin.yookee .logout, #headerLogin.yookee .register, #headerLogin.yookee .editUser {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    margin-right: 1rem;
    color: white; }
  #headerLogin.yookee .login img, #headerLogin.yookee .logout img, #headerLogin.yookee .register img, #headerLogin.yookee .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  @media (min-width: 65em) {
    #headerLogin.yookee .login, #headerLogin.yookee .logout, #headerLogin.yookee .register, #headerLogin.yookee .editUser {
      color: white; }
      #headerLogin.yookee .login:hover, #headerLogin.yookee .logout:hover, #headerLogin.yookee .register:hover, #headerLogin.yookee .editUser:hover {
        text-decoration: none;
        color: #db4a27; } }
  @media (min-width: 65em) {
  #headerLogin.yookee {
    margin: 1rem;
    justify-content: flex-end; } }

#footer.zenavaute {
  max-width: 60rem;
  background-color: white; }

#header.zenavaute {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  background-color: black; }
  #header.zenavaute .container {
    background-color: black;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    padding: 0 1rem;
    box-sizing: border-box;
    align-items: center; }

#headerLogin.zenavaute {
  display: flex;
  width: 100%; }
  #headerLogin.zenavaute .login, #headerLogin.zenavaute .logout, #headerLogin.zenavaute .register, #headerLogin.zenavaute .editUser {
    background-color: #db4a27;
    color: #fff;
    font-family: SourceSansPro, sans-serif;
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin-left: 0.5rem;
    height: initial; }
  #headerLogin.zenavaute .login:hover, #headerLogin.zenavaute .logout:hover, #headerLogin.zenavaute .register:hover, #headerLogin.zenavaute .editUser:hover {
    color: white;
    background-color: #db4a27; }
  @media (min-width: 55em) {
    #headerLogin.zenavaute .login, #headerLogin.zenavaute .logout, #headerLogin.zenavaute .register, #headerLogin.zenavaute .editUser {
      padding: 0.5rem 2rem; } }
  @media (min-width: 70em) {
  #headerLogin.zenavaute {
    height: 2.5rem;
    margin-left: auto;
    flex-wrap: wrap-reverse;
    justify-content: flex-end; } }

#header.zenysk {
  background-color: #fff;
  width: 100%;
  border-bottom: solid 1px #e1e1e1; }
  #header.zenysk > .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    box-sizing: border-box;
    width: 100%;
    max-width: 75rem;
    min-height: 4rem; }
  #header.zenysk > .content .left {
    display: flex;
    align-items: flex-end; }
  #header.zenysk > .content .left .logo {
    width: 10rem;
    margin-right: 2rem;
    margin-left: 1rem; }
  #header.zenysk > .content .left .headline-text {
    display: none;
    color: #db4a27;
    margin-bottom: 0.5rem;
    font-family: OpenSansExtraBold;
    font-size: 0.875rem; }
  @media (min-width: 60em) {
        #header.zenysk > .content .left .headline-text {
          display: block; } }
  #header.zenysk > .content .left .five-years {
    display: none;
    width: 6rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem; }
  @media (min-width: 60em) {
        #header.zenysk > .content .left .five-years {
          display: block; } }
  #header.zenysk > .content .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1; }

.testCard.zenysk {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -webkit-box-shadow: 0px 0.125rem 0.125rem #aaa;
  -moz-box-shadow: 0px 0.125rem 0.125rem #aaa;
  box-shadow: 0px 0.125rem 0.125rem #aaa;
  border: 1px solid #e1e1e1;
  margin: 0.5rem 0.5rem 0.5rem 0; }
  .testCard.zenysk .image-wrapper {
    width: 100%;
    padding-top: calc(100% / (740 / 480));
    position: relative; }
  .testCard.zenysk .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-top-right-radius: 0.5rem;
    -moz-border-top-left-radius: 0.5rem; }
  .testCard.zenysk .title {
    box-sizing: border-box;
    padding: 0.25rem;
    width: 100%;
    font-size: 0.875rem; }
  @media (min-width: 50em) {
  .testCard.zenysk {
    width: calc(33% - 1rem); } }

#hamburgerMenu.zenysro {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 2px; }
  @media (max-width: 992px) {
  #hamburgerMenu.zenysro {
    flex-grow: 1;
    padding: 0 11px; } }
  #hamburgerMenu.zenysro .icon {
    width: 22px;
    height: 14px;
    position: relative; }
  #hamburgerMenu.zenysro .icon .line {
    width: 22px;
    height: 2px;
    background-color: ;
    position: absolute;
    left: 0;
    border-radius: 1px;
    transition: top 0.15s linear 0.15s, transform 0.15s linear 0s; }
  #hamburgerMenu.zenysro .icon .line:first-child {
    top: 0; }
  #hamburgerMenu.zenysro .icon .line:nth-child(2) {
    top: 6px; }
  #hamburgerMenu.zenysro .icon .line:nth-child(3) {
    top: 12px; }
  #hamburgerMenu.zenysro .icon.active .line {
    transition: top 0.15s linear 0s, transform 0.15s linear 0.15s; }
  #hamburgerMenu.zenysro .icon.active .line:first-child, #hamburgerMenu.zenysro .icon.active .line:nth-child(3) {
    top: 6px; }
  #hamburgerMenu.zenysro .icon.active .line:nth-child(2), #hamburgerMenu.zenysro .icon.active .line:nth-child(3) {
    transform: rotate(45deg); }
  #hamburgerMenu.zenysro .icon.active .line:first-child {
    transform: rotate(-45deg); }
  #hamburgerMenu.zenysro .menu {
    line-height: initial;
    text-align: left;
    padding: 0 30px 30px 30px;
    transition: left 0.2s linear;
    position: absolute;
    top: 101px;
    right: 0;
    width: calc(100% - 60px);
    z-index: 10;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    background-color: white;
    border-bottom: 1px solid #e1e1e1; }
  #hamburgerMenu.zenysro .menu a {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
    color: ; }
  #hamburgerMenu.zenysro .menu a:hover {
    color: #db4a27; }
  #hamburgerMenu.zenysro .menu.open {
    display: flex;
    z-index: 20; }
  @media (min-width: 992px) {
      #hamburgerMenu.zenysro .menu.open {
        display: none; } }
  @media (min-width: 992px) {
  #hamburgerMenu.zenysro .icon, #hamburgerMenu.zenysro .menu {
    display: none; } }

#header.zenysro {
  margin: 0 auto; }
  #header.zenysro .container {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-right: 30px;
    padding-left: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  #header.zenysro .container.container-top {
    justify-content: flex-end;
    align-items: flex-end; }
  #header.zenysro .container.container-bottom {
    line-height: 68px; }
  #header.zenysro .container .logo-login-wrapper {
    height: 68px; }
  #header.zenysro .container .logo-login-wrapper a.logo {
    font-size: 22px; }
  #header.zenysro .container .logo-login-wrapper a.logo img {
    margin-top: -6px;
    vertical-align: middle; }
  #header.zenysro .container .headerMenu {
    justify-content: center;
    flex-grow: 1;
    clear: both;
    display: none;
    align-items: center;
    flex-direction: column; }
  #header.zenysro .container .headerMenu ul {
    align-items: center;
    display: flex;
    list-style: none;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0; }
  #header.zenysro .container .headerMenu ul li {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    float: left;
    box-sizing: border-box; }
    #header.zenysro .container .headerMenu ul li a {
      line-height: 68px;
      font-size: 16px;
      font-weight: 400;
      display: block;
      width: 100%;
      height: 100%;
      margin: 0 12px;
      letter-spacing: 1px;
      text-decoration: none;
      color: ; }
    #header.zenysro .container .headerMenu ul li a:hover {
      color: #db4a27; }
    #header.zenysro .container .headerMenu ul li .caret {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 2px;
      padding-left: 3px;
      vertical-align: middle;
      border: none;
      content: ""; }
    #header.zenysro .container .headerMenu ul li .caret:after {
      font-family: "fontello";
      content: "\e8a1";
      position: absolute;
      top: 0;
      color: rgba(50, 51, 50, 0.5); }
    #header.zenysro .container .headerMenu ul li.search-placeholder {
      width: 38px; }
  @media (min-width: 992px) {
      #header.zenysro .container .headerMenu {
        display: flex; } }

#headerLogin.zenysro {
  display: inline-block;
  float: right;
  line-height: 33px; }
  #headerLogin.zenysro .login, #headerLogin.zenysro .logout, #headerLogin.zenysro .register, #headerLogin.zenysro .editUser {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    color: ; }
  #headerLogin.zenysro .login img, #headerLogin.zenysro .logout img, #headerLogin.zenysro .register img, #headerLogin.zenysro .editUser img {
    height: 1.25rem;
    margin-bottom: 0.75rem; }
  #headerLogin.zenysro .login:hover, #headerLogin.zenysro .logout:hover, #headerLogin.zenysro .register:hover, #headerLogin.zenysro .editUser:hover {
    text-decoration: none;
    color: #db4a27; }

.testCard.zenysro {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -webkit-box-shadow: 0px 0.125rem 0.125rem #aaa;
  -moz-box-shadow: 0px 0.125rem 0.125rem #aaa;
  box-shadow: 0px 0.125rem 0.125rem #aaa;
  border: 1px solid #e1e1e1;
  margin: 0.5rem 0.5rem 0.5rem 0; }
  .testCard.zenysro .image-wrapper {
    display: block;
    width: 100%;
    padding-top: calc(100% / (740 / 480));
    position: relative; }
  .testCard.zenysro .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-top-right-radius: 0.5rem;
    -moz-border-top-left-radius: 0.5rem; }
  .testCard.zenysro .title {
    box-sizing: border-box;
    padding: 0.25rem;
    width: 100%;
    font-size: 0.875rem; }
  @media (min-width: 50em) {
  .testCard.zenysro {
    width: calc(33% - 1rem); } }

#ssp-zone-76023-branding {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto; }

#ssp-zone-76023-branding.adFull {
  width: 2000px;
  height: 1400px;
  max-width: none; }

#ssp-zone-76023-branding.adFull ~ .page {
  margin: auto;
  position: relative;
  top: 226px;
  width: 1030px;
  padding: 15px 15px 0px 15px;
  background-color: white;
  box-shadow: 0 0 10px #444;
  border-radius: 1rem; }
  #mLeadForm .modalWrapper {
    max-width: 40rem; }
  #mLeadForm .modalWrapper .container {
    margin: auto; }
  #mLeadForm .modalWrapper .container form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box; }
  #mLeadForm .modalWrapper .container form .row {
    width: 20rem;
    margin-bottom: 1rem; }
    #mLeadForm .modalWrapper .container form .row input:not([type='checkbox']):not([type='radio']) {
      width: 100%;
      margin-bottom: 0; }
    #mLeadForm .modalWrapper .container form .row .label {
      font-weight: bold;
      margin-bottom: 0.25rem; }
    #mLeadForm .modalWrapper .container form .row .label:first-letter {
      text-transform: uppercase; }
    #mLeadForm .modalWrapper .container form .row.styledCheckbox {
      display: flex; }
    #mLeadForm .modalWrapper .container form .row.styledCheckbox input[name="othersText"] {
      margin-left: 1rem;
      width: 70%; }
    #mLeadForm .modalWrapper .container form .row.styledCheckbox .label {
      text-align: left; }
  #mLeadForm .modalWrapper .container .loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  #mLeadForm .modalWrapper .container .loader img {
    width: 5rem;
    margin: auto; }
  #mLeadForm .modalWrapper .container button[name='fb-login'] {
    width: 100%;
    background-color: #4267b2; }
  #mLeadForm .modalWrapper .container .error-message {
    color: red; }

@media screen and (min-width: 620px) {
      #mLeadFormDone .modalWrapper {
        padding-bottom: 40px;
        width: 50rem; } }
  #mLeadFormDone .modalWrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    width: 100%; }
  #mLeadFormDone .modalWrapper .container .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
    flex-wrap: wrap; }
  #mLeadFormDone .modalWrapper .container .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    margin-bottom: 1rem; }

#internetExplorerRecommend h2 {
  color: black; }
  @media print {
  #internetExplorerRecommend {
    display: none; } }

#mEditDictionary .modalWrapper .container form .row .notice {
  font-size: 0.75rem;
  color: #9f9f9f; }

.modal {
  display: flex;
  justify-content: center;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  width: 100vw;
  height: 100vh;
  color: #333;
  z-index: calc(20 + 1000);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  top: 0;
  left: 0; }
  .modal .modalWrapper {
    width: 100%;
    max-width: 60rem;
    max-height: calc(100vh - 2rem);
    color: #333; }
  .modal .modalWrapper * {
    flex-shrink: 0; }
  .modal .modalWrapper .container {
    position: relative;
    width: calc(100% - 2rem);
    height: 100%;
    margin: 1rem auto; }
  .modal .modalWrapper .container .content {
    background: #fff;
    border: solid 1px #a9a9a9;
    width: 100%;
    padding: 2rem 1rem 1rem;
    box-sizing: border-box;
    text-align: center; }
  .modal .modalWrapper .container .content .title {
    font-size: 2rem;
    margin: 0.5rem auto 1rem; }
  .modal .modalWrapper .container .content .logo {
    margin: 2.5rem 0 2rem;
    width: 152px;
    height: 20px; }
  .modal .modalWrapper .container .content form {
    margin-bottom: 1rem;
    width: 100%; }
    .modal .modalWrapper .container .content form .row {
      margin-bottom: 1rem; }
    .modal .modalWrapper .container .content form .row input[type='submit'], .modal .modalWrapper .container .content form .row button {
      margin: auto; }
    .modal .modalWrapper .container .content form .error-message {
      text-align: center;
      font-size: 1rem;
      padding: 1rem 2rem;
      width: 100%;
      box-sizing: border-box;
      color: #f00; }
  .modal .modalWrapper .container .closer {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: absolute;
    background: transparent;
    border: none;
    padding: 0;
    width: 28px;
    height: 28px;
    min-width: 0rem;
    right: 0.5rem;
    top: 0.5rem; }
  .modal .modalWrapper .container .closer:before, .modal .modalWrapper .container .closer:after {
    position: absolute;
    background-color: #000;
    top: 0;
    left: 10px;
    content: " ";
    height: 29px;
    width: 5px; }
  .modal .modalWrapper .container .closer:before {
    transform: rotate(45deg); }
  .modal .modalWrapper .container .closer:after {
    transform: rotate(-45deg); }
  .modal .modalWrapper .container .closer:hover {
    opacity: 0.7;
    cursor: pointer; }
  .modal .modalWrapper .modal-margin {
    padding-bottom: 1rem; }
  @media (min-width: 30rem) {
  .modal {
    padding-top: 1rem; }
    .modal .modalWrapper {
      margin-top: 1rem;
      width: calc(100vw - 2rem); } }

#newTermsAndCoditions .container .content {
  padding-bottom: 80px; }
  #newTermsAndCoditions .container h2 {
    color: black;
    text-align: center;
    margin: 1rem; }
  #newTermsAndCoditions .container label {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem; }
  #newTermsAndCoditions .container label .label {
    font-weight: bold;
    text-align: center; }
  #newTermsAndCoditions .container label .label:first-letter {
    text-transform: uppercase; }
  @media print {
  #newTermsAndCoditions {
    display: none; } }

#mFbRegister form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30rem;
  padding: 1rem;
  box-sizing: border-box;
  margin: auto; }
  #mFbRegister form .row {
    width: 20rem;
    margin-bottom: 1rem; }
  #mFbRegister form .row label {
    justify-content: center; }
  #mFbRegister form .row.styledCheckbox {
    width: 100%; }
  #mFbRegister form .row input:not([type='checkbox']):not([type='radio']) {
    width: 100%;
    margin-bottom: 0; }
  #mFbRegister form .row.gender .radios {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    #mFbRegister form .row.gender .radios input {
      margin: 0 0.25rem; }
  #mFbRegister form .row.buttons {
    display: flex;
    justify-content: center;
    align-items: center; }
  #mFbRegister form .row.buttons input {
    width: max-content;
    margin-right: 1rem; }
  #mFbRegister form .row .label {
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #mFbRegister form .row .label:first-letter {
    text-transform: uppercase; }
  #mFbRegister form .agreements {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
  #mFbRegister form .agreements .row {
    display: flex;
    justify-content: flex-start; }

#mForgottenPassword .modalWrapper .container .confirmation {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: 45px auto;
  padding: 0 20px; }
  #mForgottenPassword .modalWrapper .container .confirmation .checkmark {
    flex-shrink: 0;
    background-image: url("/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin-right: 20px;
    width: 50px;
    height: 50px; }
  #mForgottenPassword .modalWrapper .container .confirmation .announcement {
    flex-shrink: 1;
    text-align: left;
    font-size: 20px;
    font-weight: 200; }

#mLogin .modalWrapper, #mRegister .modalWrapper, #mForgottenPassword .modalWrapper {
  max-width: 40rem; }
  #mLogin .modalWrapper .container #userRegister form, #mRegister .modalWrapper .container #userRegister form, #mForgottenPassword .modalWrapper .container #userRegister form {
    margin: auto; }
    #mLogin .modalWrapper .container #userRegister form label, #mRegister .modalWrapper .container #userRegister form label, #mForgottenPassword .modalWrapper .container #userRegister form label {
      justify-content: center; }
  #mLogin .modalWrapper .container .register, #mRegister .modalWrapper .container .register, #mForgottenPassword .modalWrapper .container .register, #mLogin .modalWrapper .container .forgotten-password, #mRegister .modalWrapper .container .forgotten-password, #mForgottenPassword .modalWrapper .container .forgotten-password, #mLogin .modalWrapper .container .login, #mRegister .modalWrapper .container .login, #mForgottenPassword .modalWrapper .container .login {
    margin-bottom: 5px;
    cursor: pointer;
    color: #db4a27; }

#mPreRegistration .modalWrapper {
  max-width: 40rem; }
  #mPreRegistration .modalWrapper .container {
    margin: auto; }
  #mPreRegistration .modalWrapper .container form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box; }
  #mPreRegistration .modalWrapper .container form .row {
    width: 20rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
    #mPreRegistration .modalWrapper .container form .row.styledCheckbox {
      display: flex;
      justify-content: center; }
    #mPreRegistration .modalWrapper .container form .row input:not([type='checkbox']):not([type='radio']) {
      width: 100%;
      margin-bottom: 0; }
    #mPreRegistration .modalWrapper .container form .row .label {
      font-weight: bold;
      margin-bottom: 0.5rem; }
    #mPreRegistration .modalWrapper .container form .row .label:first-letter {
      text-transform: uppercase; }
    #mPreRegistration .modalWrapper .container form .row textarea {
      height: 80px;
      width: 20rem;
      resize: both; }
  #mPreRegistration .modalWrapper .container .loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  #mPreRegistration .modalWrapper .container .loader img {
    width: 5rem;
    margin: auto; }
  #mPreRegistration .modalWrapper .container button[name='fb-login'] {
    width: 100%;
    background-color: #4267b2; }
  #mPreRegistration .modalWrapper .container .error-message {
    color: red; }

@media screen and (min-width: 620px) {
      #mPreRegistrationDone .modalWrapper {
        padding-bottom: 40px;
        width: 50rem; } }
  #mPreRegistrationDone .modalWrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    width: 100%; }
  #mPreRegistrationDone .modalWrapper .container .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
    flex-wrap: wrap; }
  #mPreRegistrationDone .modalWrapper .container .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    margin-bottom: 1rem; }

@media screen and (min-width: 620px) {
      #mRegistrationDone .modalWrapper {
        padding-bottom: 40px;
        width: 50rem; } }
  #mRegistrationDone .modalWrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    width: 100%; }
  #mRegistrationDone .modalWrapper .container .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
    flex-wrap: wrap; }
  #mRegistrationDone .modalWrapper .container .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    margin-bottom: 1rem; }
  #mRegistrationDone .modalWrapper .container .title .label {
    flex-shrink: 0;
    font-size: 20px; }
  #mRegistrationDone .modalWrapper .container .announcement {
    text-align: center;
    font-size: 16px; }

#mUserActivated .modalWrapper .container .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2.5rem auto; }
  #mUserActivated .modalWrapper .container .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin: 0 0 1rem;
    width: 50px;
    height: 50px; }
  #mUserActivated .modalWrapper .container .title .label {
    text-align: center;
    flex-shrink: 0;
    font-size: 1.25rem; }
  #mUserActivated .modalWrapper .container .announcement {
    text-align: center; }
  @media only screen and (min-width: 30rem) {
      #mUserActivated .modalWrapper .container .title {
        flex-direction: row; }
        #mUserActivated .modalWrapper .container .title .checkmark {
          margin: 0 1rem 0 0; } }

#mUserHistory .modalWrapper {
  max-width: 100%; }
  #mUserHistory .modalWrapper .container {
    height: initial; }
  #mUserHistory .modalWrapper .container .content {
    padding: initial;
    border: 1px solid #e1e1e1; }
  #mUserHistory .modalWrapper .container .content a, #mUserHistory .modalWrapper .container .content .spacer {
    border-bottom: 0; }
  #mUserHistory #adminTable {
    overflow-x: scroll;
    padding: 2rem 0; }
  #mUserHistory #adminTable table {
    display: none; }
  #mUserHistory #adminTable table th, #mUserHistory #adminTable table td {
    padding: 0.125rem 0.75rem; }
  #mUserHistory #adminTable table.active {
    display: initial; }
  #mUserHistory #adminTable table th.date {
    width: 90px; }
  #mUserHistory #adminTable table .review .info {
    text-align: left; }
  #mUserHistory #adminTable table textarea {
    width: 100%;
    margin: 0;
    resize: auto; }
  #mUserHistory #adminTable table .service-logo {
    max-height: 20px;
    mix-blend-mode: darken; }
  #mUserHistory #adminTable table .important {
    color: red; }
  #mUserHistory #adminTable table .icon {
    background-image: url("/static/img/button-images/test-enrollment-states.png");
    background-repeat: no-repeat;
    background-size: 8rem 4rem;
    background-position-y: 0rem;
    width: 2rem;
    height: 2rem;
    margin: auto;
    display: inline-block; }
  #mUserHistory #adminTable table .icon.not-chosen {
    background-position-x: -2rem; }
  #mUserHistory #adminTable table .icon.chosen {
    background-position-x: -4rem; }
  #mUserHistory #adminTable table .icon.alternate {
    background-position-x: -2rem;
    transform: rotate(45deg); }
  #mUserHistory #adminTable table .icon.removed {
    background: none;
    height: initial; }
    #mUserHistory #adminTable table .icon.removed div {
      display: block;
      height: 6px;
      width: 100%;
      background-color: black; }
  #mUserHistory #adminTable table .icon.unprocessed {
    background-image: url("/static/img/button-images/product-registration-states.png"); }
  #mUserHistory #adminTable table .icon.censored {
    background-position-x: -6rem; }

#mAddProduct .modalWrapper {
  max-width: 40rem; }
  #mAddProduct .modalWrapper .container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem; }
  #mAddProduct .modalWrapper .container .content select {
    width: 40%; }
  #mAddProduct .modalWrapper .container .content .categories-items .list {
    width: max-content;
    margin: auto; }
    #mAddProduct .modalWrapper .container .content .categories-items .list .category, #mAddProduct .modalWrapper .container .content .categories-items .list .subcategory {
      display: flex;
      justify-content: space-between; }
    #mAddProduct .modalWrapper .container .content .categories-items .list .category .cross, #mAddProduct .modalWrapper .container .content .categories-items .list .subcategory .cross {
      color: red;
      margin-left: 2rem;
      font-weight: bold; }
    #mAddProduct .modalWrapper .container .content .categories-items .list .category {
      font-weight: bold; }
    #mAddProduct .modalWrapper .container .content .categories-items .list .subcategory {
      margin-left: 1rem; }
  #mAddProduct .modalWrapper .container .content .upload-head-image .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .file .upload-progress {
      width: calc(100% - 2px);
      border-radius: 0.125rem;
      overflow: hidden; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .file .upload-progress .value {
      height: 0.5rem;
      background-color: #db4a27; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .file > div {
      display: flex;
      width: 100%; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      width: 1.25rem;
      height: 1.25rem; }
      #mAddProduct .modalWrapper .container .content .upload-head-image .file > div button[name="remove"]:before, #mAddProduct .modalWrapper .container .content .upload-head-image .file > div button[name="remove"]:after {
        position: absolute;
        background-color: #000;
        top: 0;
        left: 0.5rem;
        content: " ";
        height: 1.25rem;
        width: 0.125rem; }
      #mAddProduct .modalWrapper .container .content .upload-head-image .file > div button[name="remove"]:before {
        transform: rotate(45deg); }
      #mAddProduct .modalWrapper .container .content .upload-head-image .file > div button[name="remove"]:after {
        transform: rotate(-45deg); }
      #mAddProduct .modalWrapper .container .content .upload-head-image .file > div button[name="remove"]:hover {
        opacity: 0.7;
        cursor: pointer; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .drop-zone {
      border-radius: 0.25rem;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: solid 1px #d1d1d1;
      padding: 0.25rem;
      width: 20rem;
      min-height: 4rem;
      margin: auto; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .drop-zone input[name="file"] {
      display: none; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .drop-zone div {
      text-align: center;
      font-family: Fira Sans Condensed, sans-serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .drop-zone div a:hover {
      text-decoration: underline; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .drop-zone:hover {
      cursor: pointer; }
    #mAddProduct .modalWrapper .container .content .upload-head-image .drop-zone:hover a {
      text-decoration: underline; }

#mAdminAddUser .modalWrapper {
  max-width: 40rem; }
  #mAdminAddUser .modalWrapper .container #userRegister form {
    margin: auto; }
    #mAdminAddUser .modalWrapper .container #userRegister form label {
      justify-content: center; }
  #mAdminAddUser .modalWrapper .container .register, #mAdminAddUser .modalWrapper .container .forgotten-password, #mAdminAddUser .modalWrapper .container .login {
    margin-bottom: 5px;
    cursor: pointer;
    color: #db4a27; }

#mProductReviewAccept .modalWrapper {
  max-width: 40rem; }
  #mProductReviewAccept .modalWrapper .container .content {
    display : flex;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem; }
  #mProductReviewAccept .modalWrapper .container .content form {
    padding: 0 1rem;
    width: calc(100% - 2rem);
    max-width: 30rem; }
    #mProductReviewAccept .modalWrapper .container .content form .row {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    #mProductReviewAccept .modalWrapper .container .content form .row .cbx-group .styledCheckbox label .label {
      white-space: nowrap; }
    #mProductReviewAccept .modalWrapper .container .content form .row input[name="submit"] {
      width: calc(100%);
      max-width: 14rem; }

#mProductReviewRefuse .modalWrapper {
  max-width: 40rem; }
  #mProductReviewRefuse .modalWrapper .container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem; }
  #mProductReviewRefuse .modalWrapper .container .content form {
    padding: 0 1rem;
    width: calc(100% - 2rem);
    max-width: 30rem; }
    #mProductReviewRefuse .modalWrapper .container .content form .row {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    #mProductReviewRefuse .modalWrapper .container .content form .row label {
      margin-bottom: 0.25rem;
      width: 100%; }
    #mProductReviewRefuse .modalWrapper .container .content form .row textarea[name="reason"] {
      resize: none;
      margin-bottom: 1rem;
      width: calc(100% - .5rem - 2px);
      height: 5rem; }
    #mProductReviewRefuse .modalWrapper .container .content form .row input[name="submit"] {
      width: calc(100%);
      max-width: 14rem; }
    #mProductReviewRefuse .modalWrapper .container .content form .row .error-message {
      margin-top: 1rem;
      color: #ff181e; }

#mTestEnrollmentTurnOffEmails .checkboxs {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 1rem; }
  #mTestEnrollmentTurnOffEmails .checkboxs label {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    height: 2rem; }
  #mTestEnrollmentTurnOffEmails .checkboxs label .icon {
    background-image: url("/static/img/button-images/test-enrollment-states.png");
    background-repeat: no-repeat;
    background-size: 8rem 4rem;
    background-position-y: 0rem;
    width: 2rem;
    height: 2rem;
    margin-left: 0.5rem; }
  #mTestEnrollmentTurnOffEmails .checkboxs label .icon.not-chosen {
    background-position-x: -2rem; }
  #mTestEnrollmentTurnOffEmails .checkboxs label .icon.chosen {
    background-position-x: -4rem; }
  #mTestEnrollmentTurnOffEmails .checkboxs label .icon.alternate {
    background-position-x: -2rem;
    transform: rotate(45deg); }
  #mTestEnrollmentTurnOffEmails .checkboxs label .icon.review-notice, #mTestEnrollmentTurnOffEmails .checkboxs label .icon.blacklist-notice {
    background-image: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem; }
  #mTestEnrollmentTurnOffEmails .checkboxs label .icon.review-notice {
    background-color: red; }
  #mTestEnrollmentTurnOffEmails .checkboxs label .icon.blacklist-notice {
    background-color: black; }

#mEditUserRoles .modalWrapper .container .user-roles table {
  margin: auto;
  text-align: left; }
  #mEditUserRoles .modalWrapper .container .user-roles table td, #mEditUserRoles .modalWrapper .container .user-roles table th {
    padding: 0.25rem; }

#mGallery {
  background-color: rgba(0, 0, 0, .9);
  padding: 0;
  height: 100vh; }
  #mGallery .modalWrapper {
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    max-height: 100vh;
    margin-top: 0; }
  #mGallery .modalWrapper .container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100vw; }
  #mGallery .modalWrapper .container .closer {
    top: 0;
    right: 1rem; }
  #mGallery .modalWrapper .container .closer:before, #mGallery .modalWrapper .container .closer:after {
    background-color: #fff; }
  #mGallery .modalWrapper .container .content {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin: 1rem auto;
    margin-top: 1rem;
    padding: 0;
    height: 100%;
    flex-direction: column; }
  #mGallery .modalWrapper .container .content .actions {
    margin-bottom: 0.5rem;
    z-index: 201; }
  #mGallery .modalWrapper .container .content .actions .rotate, #mGallery .modalWrapper .container .content .actions .download, #mGallery .modalWrapper .container .content .actions .fullsize {
    padding: 0;
    width: 1.625rem;
    height: 1.625rem;
    background: none;
    margin: 0 0.5rem; }
  #mGallery .modalWrapper .container .content .actions .rotate img, #mGallery .modalWrapper .container .content .actions .download img, #mGallery .modalWrapper .container .content .actions .fullsize img {
    width: 1.5rem; }
  #mGallery .modalWrapper .container .content .actions > .fullsize {
    display: none; }
  @media (min-width: 40em) {
            #mGallery .modalWrapper .container .content .actions > .fullsize {
              display: initial; } }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: calc(100% - 2rem);
    flex-direction: column;
    height: 80vh; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo .attachment {
    margin: auto; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo .attachment img, #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo .attachment video {
    max-width: 100%;
    max-height: calc(100vh - 14rem); }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow {
    text-decoration: none;
    display: flex;
    align-items: center;
    min-width: 3rem;
    position: fixed;
    z-index: 201;
    top: 50%; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow img {
    height: 3rem; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow span {
    text-transform: uppercase;
    color: #fff; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow.hidden {
    visibility: hidden; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow.left {
    left: 1rem; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow.left span {
    margin-left: 0.5rem; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow.right {
    right: 2rem; }
  #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow.right span {
    margin-right: 0.5rem; }
  @media (min-width: 50em) {
            #mGallery .modalWrapper .container .content #modalGalleryImageAndVideo a.arrow {
              top: 50%; } }
  #mGallery .modalWrapper .container .content #carousel {
    overflow: auto;
    display: flex;
    margin-top: 1rem;
    position: fixed;
    max-height: 6rem;
    bottom: 1rem;
    max-width: calc(100% - 4rem); }
  #mGallery .modalWrapper .container .content #carousel img, #mGallery .modalWrapper .container .content #carousel video {
    padding: 0.5rem;
    max-height: 4.5rem;
    flex-shrink: 0; }
  #mGallery .modalWrapper .container .content #carousel .show-more-attachments {
    border: 1px solid #db4a27;
    font-family: OpenSans, sans-serif;
    font-size: 1rem;
    align-items: center;
    display: flex;
    padding: 0.8rem;
    margin: auto 0;
    text-align: center;
    color: white; }

#mImage .modalWrapper .container .content {
  box-sizing: border-box;
  margin: 2.5rem auto 1rem;
  width: 100%;
  max-width: 60rem;
  padding: 1rem 1.25rem; }
  #mImage .modalWrapper .container .content img {
    width: 100%;
    height: 100%; }

#mSampleReview img {
  width: 80%; }

#mTestPopUp .modalWrapper .container .closer {
  display: none; }

#mTestTop form {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #mTestTop form .row {
    display: flex;
    align-items: center; }
  #mTestTop form .row label {
    margin-right: 0.5rem; }
  #mTestTop form .row .inlineDateTimePicker {
    margin-bottom: 0; }
  #mTestTop form .row input[type="submit"] {
    min-width: 10rem; }

#mReviewAdded .modalWrapper, #mTestEnrollmentAlreadyAccepted .modalWrapper, #mActionCantPerformed .modalWrapper {
  max-width: 40rem; }
  #mReviewAdded .modalWrapper .container .content, #mTestEnrollmentAlreadyAccepted .modalWrapper .container .content, #mActionCantPerformed .modalWrapper .container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box; }
  #mReviewAdded .modalWrapper .container .content img, #mTestEnrollmentAlreadyAccepted .modalWrapper .container .content img, #mActionCantPerformed .modalWrapper .container .content img {
    margin-bottom: 1rem;
    width: 30px;
    height: 30px; }
  #mReviewAdded .modalWrapper .container .content p, #mTestEnrollmentAlreadyAccepted .modalWrapper .container .content p, #mActionCantPerformed .modalWrapper .container .content p {
    text-align: center; }
  #mReviewAdded .modalWrapper .container .content button[name="ok"], #mTestEnrollmentAlreadyAccepted .modalWrapper .container .content button[name="ok"], #mActionCantPerformed .modalWrapper .container .content button[name="ok"] {
    width: calc(100% - 2rem);
    max-width: 15rem; }

#mSsoUpdateUserData .description {
  margin-bottom: 1rem; }
  #mSsoUpdateUserData form {
    max-width: 20rem;
    width: 100%;
    margin: auto; }
  #mSsoUpdateUserData form .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
  #mSsoUpdateUserData form .row .title {
    font-size: 1rem;
    margin: initial;
    margin-right: 0.5rem;
    font-weight: bold; }
  #mSsoUpdateUserData form .row .value {
    font-style: italic; }
  #mSsoUpdateUserData form .row.buttons {
    display: flex;
    justify-content: center;
    align-items: center; }
  #mSsoUpdateUserData form .row.buttons input {
    width: max-content;
    margin-right: 1rem; }

#mAddReviewConfirmCons .buttons {
  display: flex;
  justify-content: center; }
  #mAddReviewConfirmCons .buttons .save {
    margin-right: 0.5rem; }

#mRegister.fitsrozumem .modalWrapper .container .content #userRegister a {
  color: ; }

#mLogin.ireceptar .modalWrapper .container .content #userRegister form .row .label, #mRegister.ireceptar .modalWrapper .container .content #userRegister form .row .label, #mForgottenPassword.ireceptar .modalWrapper .container .content #userRegister form .row .label, #mLogin.ireceptar .modalWrapper .container .content #forgottenPassword form .row .label, #mRegister.ireceptar .modalWrapper .container .content #forgottenPassword form .row .label, #mForgottenPassword.ireceptar .modalWrapper .container .content #forgottenPassword form .row .label {
  font-family: SourceSansPro, sans-serif;
  font-weight: normal; }
  #mLogin.ireceptar .modalWrapper .container .content #userRegister form .row input, #mRegister.ireceptar .modalWrapper .container .content #userRegister form .row input, #mForgottenPassword.ireceptar .modalWrapper .container .content #userRegister form .row input, #mLogin.ireceptar .modalWrapper .container .content #forgottenPassword form .row input, #mRegister.ireceptar .modalWrapper .container .content #forgottenPassword form .row input, #mForgottenPassword.ireceptar .modalWrapper .container .content #forgottenPassword form .row input {
    font-family: SourceSansPro, sans-serif; }
  #mLogin.ireceptar .modalWrapper .container .content .userLogin .row .label, #mRegister.ireceptar .modalWrapper .container .content .userLogin .row .label, #mForgottenPassword.ireceptar .modalWrapper .container .content .userLogin .row .label {
    font-family: SourceSansPro, sans-serif;
    font-weight: normal; }
  #mLogin.ireceptar .modalWrapper .container .content .userLogin .row input, #mRegister.ireceptar .modalWrapper .container .content .userLogin .row input, #mForgottenPassword.ireceptar .modalWrapper .container .content .userLogin .row input {
    font-family: SourceSansPro, sans-serif; }

#adminDictionary table td {
  padding: 0.25rem;
  min-width: 5rem;
  cursor: pointer; }
  #adminDictionary table td:hover {
    background-color: #db4a2720; }
  #adminDictionary table tr:hover {
    background-color: #db4a2710; }

#console {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #000;
  background-image: url("/static/img/1/debugger/console/bg.jpg");
  background-position: 50% 50%;
  background-attachment: fixed;
  width: 100%;
  height: 100vh; }
  #console .results {
    background: rgba(0, 0, 0, 0.6);
    height: calc(100vh - 65px);
    overflow-y: scroll;
    word-wrap: break-word;
    color: #fff; }
  #console .results li:last-child {
    margin-bottom: 30px; }
  #console .input {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    bottom: 0; }
  #console .input .tools {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    align-items: center;
    background: #fff;
    padding: 0 5px;
    width: calc(100% - 10px);
    height: 30px; }
  #console .input .tools .left, #console .input .tools .right {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  #console .input .tools .left button, #console .input .tools .right button {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: transparent;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    box-shadow: none;
    padding: 2px 5px;
    min-width: initial;
    cursor: pointer;
    color: #157efb; }
  #console .input .tools .left button:active, #console .input .tools .right button:active {
    color: #60c9f9; }
  #console .input .tools .left button[name="switch-layout"], #console .input .tools .right button[name="switch-layout"] {
    background-repeat: no-repeat;
    background-size: 18px 36px;
    background-position: 50% 0%;
    padding: 0;
    width: 18px;
    height: 18px; }
  #console .input .tools .left button[name="switch-layout"]:active, #console .input .tools .right button[name="switch-layout"]:active {
    background-position: 50% 100%; }
  #console .input .tools .left button.arrow, #console .input .tools .right button.arrow {
    align-self: flex-end;
    position: relative;
    border: solid #157efb;
    border-width: 0 2px 2px 0;
    padding: 0;
    width: 10px;
    height: 10px; }
  #console .input .tools .left button.arrow:active, #console .input .tools .right button.arrow:active {
    border-color: #60c9f9; }
  #console .input .tools .left button.arrow[name="previous-command"], #console .input .tools .right button.arrow[name="previous-command"] {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    bottom: 3px; }
  #console .input .tools .left button.arrow[name="next-command"], #console .input .tools .right button.arrow[name="next-command"] {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: 9px; }
  #console .input .tools .left {
    justify-content: flex-start; }
  #console .input .tools .right {
    justify-content: flex-end; }
  #console .input .area {
    flex-grow: 1;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px;
    height: 15px; }
  #console .input .area textarea[name="input"] {
    background: transparent;
    resize: none;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    border: none;
    width: 100%;
    height: 100%;
    line-height: 15px;
    color: #fff; }
  #console .input .area textarea[name="input"]:focus {
    outline: 0; }
  #console pre {
    background: transparent !important;
    font-size: 13px !important;
    border: none !important;
    color: #fff !important; }
  #console pre .name {
    font-weight: bold !important;
    color: #c05 !important; }
  #console pre .type {
    color: #cdd !important; }
  #console.horizontal .input .tools button[name="switch-layout"] {
    background-image: url("/static/img/debugger/console/vertical.png"); }
  #console.vertical {
    justify-content: space-between;
    flex-direction: row; }
  #console.vertical .results {
    padding-right: 25%;
    width: 75%;
    height: 100vh; }
  #console.vertical .input {
    width: 25%;
    height: 100%;
    top: 0;
    right: 0; }
  #console.vertical .input .tools button[name="switch-layout"] {
    background-image: url("/static/img/debugger/console/horizontal.png"); }
  #console.vertical .input .area {
    flex-shrink: 1;
    height: calc(100% - 30px - 20px); }
  #console.vertical .input .area textarea[name="input"] {
    white-space: pre;
    overflow-y: auto;
    height: 100%; }

* {
  margin: 0;
  padding: 0; }

#log .head {
  position: fixed;
  background: #000;
  width: 100%;
  height: 80px;
  top: 0; }

#log .head h1 {
  color: #fff;
  float: left; }

#log .head button[name="clear-log"] {
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  margin: 25px;
  width: 100px;
  height: 30px;
  color: #000;
  float: right; }

#log ul {
  padding-top: 80px; }

#log ul li {
  white-space: pre; }

* {
  margin: 0;
  padding: 0; }

#log .head {
  position: fixed;
  background: #000;
  width: 100%;
  height: 80px;
  top: 0; }

#log .head h1 {
  color: #fff;
  float: left; }

#log .head button[name="clear-log"] {
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  margin: 25px;
  width: 100px;
  height: 30px;
  color: #000;
  float: right; }

#log ul {
  padding-top: 80px; }

#log ul li {
  white-space: pre; }

#error #container > .content {
  text-align: center;
  padding: 3rem 1rem; }

#styles #container {
  display: flex;
  justify-content: center; }
  #styles #container > div > .content {
    margin-bottom: 20px;
    padding: 4rem 2rem;
    width: calc(100% - 4rem);
    max-width: 60rem; }
  #styles #container > div > .content .title, #styles #container > div > .content .subtitle {
    text-transform: uppercase; }
  #styles #container > div > .content .title {
    font-size: 1.5rem;
    margin-bottom: 0.75rem; }
  #styles #container > div > .content .subtitle {
    font-size: 1.25rem;
    margin-bottom: 0.5rem; }
  #styles #container > div > .content .block {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2rem; }
  #styles #container > div > .content .block.typography {
    display: flex;
    justify-content: flex-start;
    align-items: baseline; }
  #styles #container > div > .content .block.typography.image {
    align-items: flex-start;
    width: 100%; }
  #styles #container > div > .content .block.typography.image img {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    max-width: 100%; }
  #styles #container > div > .content .block.typography .label {
    margin-right: 1rem;
    min-width: calc(9rem); }
  #styles #container > div > .content .block > .subblock {
    margin-right: 1rem; }

#passwordRecovery {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  overflow: scroll;
  width: 100%;
  height: 100vh; }
  #passwordRecovery .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff;
    border: solid 1px #000;
    padding: 20px 40px 40px;
    font-size: 14px;
    width: 400px; }
  #passwordRecovery .container .title {
    text-align: center;
    font-size: 40px;
    font-weight: 200;
    margin: 20px auto; }
  #passwordRecovery .container .email {
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 20px; }
  @media (max-width: 620px) {
    #passwordRecovery .container {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      overflow: scroll;
      width: 100%;
      height: 100vh; }
      #passwordRecovery .container .title {
        font-size: 40px;
        margin: 10px auto; }
      #passwordRecovery .container .email {
        margin-bottom: 10px; } }
  #passwordRecovery .container form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px; }
  #passwordRecovery .container form .row {
    display: flex;
    justify-content: center;
    align-items: center; }
  #passwordRecovery .container form .row .styled-input {
    width: calc(200px - 12px); }
  @media (max-width: 400px) {
          #passwordRecovery .container form .row .styled-input {
            width: 170px; } }
  #passwordRecovery .container form .row .styled-button {
    width: 200px; }
  #passwordRecovery .container form .row.send {
    display: flex;
    justify-content: center; }
  #passwordRecovery .container .error-message {
    width: 100%;
    height: 20px;
    color: #f00; }
  #passwordRecovery .container .confirmation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #passwordRecovery .container .confirmation > div {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 40px; }
  #passwordRecovery .container .confirmation > div .checkmark {
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin-right: 20px;
    width: 50px;
    height: 50px; }
  #passwordRecovery .container .confirmation > div .announcement {
    text-align: center;
    font-size: 20px;
    font-weight: 200; }
  #passwordRecovery .container .confirmation button {
    min-width: 200px; }

.page.admin > .content h1 {
  text-align: center; }
  .page.admin > .content .buttons {
    text-align: center;
    margin-bottom: 1rem; }

#adminClient #container > .content {
  max-width: 55rem; }
  #adminClient #container > .content .products, #adminClient #container > .content .users {
    width: 100%;
    border-radius: 0.5rem;
    border: 1px solid ;
    box-sizing: border-box;
    padding: 0.5rem;
    margin-bottom: 0.5rem; }
  #adminClient #container > .content .products .assigned-products, #adminClient #container > .content .users .assigned-products, #adminClient #container > .content .products .assigned-users, #adminClient #container > .content .users .assigned-users {
    margin-bottom: 0.5rem; }
  #adminClient #container > .content .products .assigned-products .product, #adminClient #container > .content .users .assigned-products .product, #adminClient #container > .content .products .assigned-users .product, #adminClient #container > .content .users .assigned-users .product, #adminClient #container > .content .products .assigned-products .user, #adminClient #container > .content .users .assigned-products .user, #adminClient #container > .content .products .assigned-users .user, #adminClient #container > .content .users .assigned-users .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5rem;
    padding: 0.5rem; }
  #adminClient #container > .content .products .assigned-products .product:nth-child(2n), #adminClient #container > .content .users .assigned-products .product:nth-child(2n), #adminClient #container > .content .products .assigned-users .product:nth-child(2n), #adminClient #container > .content .users .assigned-users .product:nth-child(2n), #adminClient #container > .content .products .assigned-products .user:nth-child(2n), #adminClient #container > .content .users .assigned-products .user:nth-child(2n), #adminClient #container > .content .products .assigned-users .user:nth-child(2n), #adminClient #container > .content .users .assigned-users .user:nth-child(2n) {
    background-color: #db4a2740; }
  #adminClient #container > .content .products .assigned-products .product .product-name, #adminClient #container > .content .users .assigned-products .product .product-name, #adminClient #container > .content .products .assigned-users .product .product-name, #adminClient #container > .content .users .assigned-users .product .product-name, #adminClient #container > .content .products .assigned-products .user .product-name, #adminClient #container > .content .users .assigned-products .user .product-name, #adminClient #container > .content .products .assigned-users .user .product-name, #adminClient #container > .content .users .assigned-users .user .product-name, #adminClient #container > .content .products .assigned-products .product .user-name, #adminClient #container > .content .users .assigned-products .product .user-name, #adminClient #container > .content .products .assigned-users .product .user-name, #adminClient #container > .content .users .assigned-users .product .user-name, #adminClient #container > .content .products .assigned-products .user .user-name, #adminClient #container > .content .users .assigned-products .user .user-name, #adminClient #container > .content .products .assigned-users .user .user-name, #adminClient #container > .content .users .assigned-users .user .user-name {
    margin-right: 1rem;
    flex: 1 0 auto;
    max-width: calc(100% - 2.5rem); }
  #adminConsBlacklist .block {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 60rem;
    margin: auto; }
  #adminConsBlacklist .block h2 {
    margin-top: 1rem; }
  #adminConsBlacklist .block .overview {
    width: 100%; }
  #adminConsBlacklist .block .overview span {
    display: inline-flex;
    background-color: #efefef;
    border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    -moz-border-radius: 0.125rem;
    border: 1px solid #ababab;
    padding: 0.125rem;
    align-items: center;
    margin-bottom: 0.125rem; }
  #adminConsBlacklist .block .overview span a {
    color: red;
    margin-left: 0.125rem; }

#adminDashboard .content {
  max-width: 98vw;
  width: 100%;
  margin: auto;
  color: #242424; }
  #adminDashboard .content h1 {
    text-align: center; }
  #adminDashboard .content .filter {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold; }
  #adminDashboard .content .filter .styledSelect {
    margin-right: 0.5rem;
    font-size: initial;
    font-weight: initial; }
  #adminDashboard .content .box {
    width: 100%;
    padding: 1rem;
    padding-top: 2rem;
    background-color: #efefef;
    border: 1px solid #dedede;
    box-sizing: border-box;
    margin: 1rem auto;
    display: flex;
    flex-wrap: wrap; }
  #adminDashboard .content .box .title {
    width: 100%;
    font-weight: bold;
    font-size: 1.25rem;
    text-transform: uppercase;
    text-align: center; }
  #adminDashboard .content .box .suma {
    font-size: 3rem;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 1rem;
    width: 100%;
    color: #db4a27;
    text-align: center; }
  #adminDashboard .content .box .dashboardChart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%; }
  #adminDashboard .content .box .dashboardChart canvas {
    margin: 1rem; }
  #adminDashboard .content .box .dashboardChart .legend, #adminDashboard .content .box .dashboardChart .placeholder {
    flex: 1 0 auto; }
  #adminDashboard .content .box .dashboardChart .legend .row {
    display: flex;
    margin: 0.25rem 0; }
  #adminDashboard .content .box .dashboardChart .legend .color {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem; }
  #adminDashboard .content .box .services {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap; }
  #adminDashboard .content .box .services .service-stat {
    min-width: 8rem;
    margin: 0.5rem; }
  #adminDashboard .content .box .services .service-stat .name, #adminDashboard .content .box .services .service-stat .value {
    text-align: center; }
  #adminDashboard .content .box .services .service-stat .name {
    margin-bottom: 0.25rem; }
  #adminDashboard .content .box .services .service-stat .logo {
    max-width: 5rem;
    margin: auto; }
  #adminDashboard .content .box .services .service-stat .value {
    font-size: 1.5rem;
    font-weight: bold; }

#adminEmails h1 {
  text-align: center; }
  #adminEmails .admin-email-action {
    text-transform: initial;
    width: 514px;
    margin: 1rem auto;
    text-align: center; }
  #adminEmails .admin-email-action button {
    text-transform: initial; }
  #adminEmails .admin-email-action sub {
    font-family: initial;
    color: #ccc; }
  #adminEmails .filters {
    margin: 3rem 0; }
  #adminEmails .filters .label-and-input {
    display: flex;
    margin: 1rem 0; }
  #adminEmails .filters .label-and-input select {
    margin: auto;
    max-width: 40rem;
    display: block; }
  #adminEmails .filters .label-and-input button {
    margin: auto;
    text-transform: initial; }
  #adminEmails .emails .email {
    margin-bottom: 2rem;
    font-family: initial; }
  #adminEmails .emails .email .services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #adminEmails .emails .email .services .mailBody {
    margin: 0.5rem; }

#adminInquiries #container > .content {
  max-width: 40rem; }
  #adminInquiries #container > .content .buttons {
    display: flex;
    justify-content: center; }

#adminInquiry #container > .content {
  max-width: 40rem;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #adminInquiry #container > .content .name {
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
  #adminInquiry #container > .content .name h2 {
    margin-right: 1rem; }
  #adminInquiry #container > .content .name input {
    margin-bottom: 0;
    margin-right: 1rem; }
  #adminInquiry #container > .content .questions .question {
    margin-bottom: 1rem;
    border: 1px solid #000;
    border-radius: 1rem;
    padding: 2rem; }
  #adminInquiry #container > .content .questions .question .question-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
  #adminInquiry #container > .content .questions .question .question-control {
    display: flex; }
  #adminInquiry #container > .content .questions .question .question-control .edit {
    margin-right: 0.25rem; }
  #adminInquiry #container > .content .questions .question select {
    width: 100%; }
  #adminInquiry #container > .content .questions .question label {
    margin-bottom: 0.5rem; }

#adminInterfaceAccess #container > .content {
  max-width: 60rem; }

#adminProduct #container > .content .row {
  margin-bottom: 1rem; }
  #adminProduct #container > .content .row textarea {
    width: 50%; }
  #adminProduct #container > .content .row select {
    width: 17%; }
  #adminProduct #container > .content .upload-head-image .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
  #adminProduct #container > .content .upload-head-image .file .upload-progress {
    width: calc(100% - 2px);
    border-radius: 0.125rem;
    overflow: hidden; }
  #adminProduct #container > .content .upload-head-image .file .upload-progress .value {
    height: 0.5rem;
    background-color: #db4a27; }
  #adminProduct #container > .content .upload-head-image .file > div {
    display: flex;
    width: 100%; }
  #adminProduct #container > .content .upload-head-image .file > div .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1; }
  #adminProduct #container > .content .upload-head-image .file > div button[name="remove"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    background: transparent;
    margin-right: 0.25rem;
    border: none;
    width: 1.25rem;
    height: 1.25rem; }
  #adminProduct #container > .content .upload-head-image .file > div button[name="remove"]:before, #adminProduct #container > .content .upload-head-image .file > div button[name="remove"]:after {
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0.5rem;
    content: " ";
    height: 1.25rem;
    width: 0.125rem; }
  #adminProduct #container > .content .upload-head-image .file > div button[name="remove"]:before {
    transform: rotate(45deg); }
  #adminProduct #container > .content .upload-head-image .file > div button[name="remove"]:after {
    transform: rotate(-45deg); }
  #adminProduct #container > .content .upload-head-image .file > div button[name="remove"]:hover {
    opacity: 0.7;
    cursor: pointer; }
  #adminProduct #container > .content .upload-head-image .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
  #adminProduct #container > .content .upload-head-image .drop-zone input[name="file"] {
    display: none; }
  #adminProduct #container > .content .upload-head-image .drop-zone div {
    text-align: center;
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #d1d1d1; }
  #adminProduct #container > .content .upload-head-image .drop-zone div a:hover {
    text-decoration: underline; }
  #adminProduct #container > .content .upload-head-image .drop-zone:hover {
    cursor: pointer; }
  #adminProduct #container > .content .upload-head-image .drop-zone:hover a {
    text-decoration: underline; }
  #adminProduct #container > .content .categories-items .list {
    width: max-content; }
  #adminProduct #container > .content .categories-items .list .category, #adminProduct #container > .content .categories-items .list .subcategory {
    display: flex;
    justify-content: space-between; }
  #adminProduct #container > .content .categories-items .list .category .cross, #adminProduct #container > .content .categories-items .list .subcategory .cross {
    color: red;
    margin-left: 2rem;
    font-weight: bold; }
  #adminProduct #container > .content .categories-items .list .category {
    font-weight: bold; }
  #adminProduct #container > .content .categories-items .list .subcategory {
    margin-left: 1rem; }
  #adminProduct #container > .content .clients {
    width: 40rem;
    border-radius: 0.5rem;
    border: 1px solid ;
    box-sizing: border-box;
    padding: 0.5rem;
    margin-bottom: 0.5rem; }
  #adminProduct #container > .content .clients .assigned-clients {
    margin-bottom: 0.5rem; }
  #adminProduct #container > .content .clients .assigned-clients .client {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5rem;
    padding: 0.5rem; }
  #adminProduct #container > .content .clients .assigned-clients .client:nth-child(2n) {
    background-color: #db4a2740; }
  #adminProduct #container > .content .clients .assigned-clients .client .client-name {
    margin-right: 1rem;
    flex: 1 0 auto;
    max-width: calc(100% - 2.5rem); }
  #adminProductReviews #container > .head {
    padding-top: 1rem; }
  #adminProductReviews #container > .content {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    width: calc(100% - 1rem); }
  #adminProductReviews #container > .content .no-reviews {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1rem;
    padding: 1rem;
    flex-grow: 1; }
  #adminProductReviews #container > .content .reviews .block {
    width: 100%; }
  #adminProductReviews #container > .content .reviews .block .placeholder {
    background-image: url("/static/img/loader.gif");
    background-size: 50px 50px;
    background-repeat: no-repeat;
    margin: 10px auto;
    width: 50px;
    height: 50px; }
  #adminProductReviews #container > .content .reviews .group h3 {
    text-transform: uppercase;
    margin-top: 1rem;
    color: #db4a27; }
  #adminProductReviews #container > .content .reviews .group .container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #adminProductReviews #container > .content .reviews .group .container .review {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0.5rem;
    width: calc(100% - 1rem); }
  #adminProductReviews #container > .content .reviews .group .container .review h4 {
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
    color: #000; }
  #adminProductReviews #container > .content .reviews .group .container .review .head, #adminProductReviews #container > .content .reviews .group .container .review .body, #adminProductReviews #container > .content .reviews .group .container .review .footer {
    padding: 1rem;
    width: calc(100% - 2rem - 2px); }
  #adminProductReviews #container > .content .reviews .group .container .review .head {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    -webkit-border-top-right-radius: 1rem;
    -webkit-border-top-left-radius: 1rem;
    -moz-border-top-right-radius: 1rem;
    -moz-border-top-left-radius: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    border-top: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1; }
    #adminProductReviews #container > .content .reviews .group .container .review .head .user {
      border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      display: flex;
      align-items: center;
      background-color: rgba(0, 0, 0, 0.7);
      padding: 0.5rem;
      width: calc(100% - 1rem);
      color: #fff; }
      #adminProductReviews #container > .content .reviews .group .container .review .head .user img {
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border: solid 1px #000;
        margin-right: 0.5rem;
        width: 4rem;
        height: 4rem; }
      #adminProductReviews #container > .content .reviews .group .container .review .head .user .info {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
        font-size: 0.75rem;
        line-height: 1.25; }
        #adminProductReviews #container > .content .reviews .group .container .review .head .user .info .name {
          font-size: 1rem;
          margin-bottom: 0.25rem;
          color: #db4a27;
          display: flex; }
          #adminProductReviews #container > .content .reviews .group .container .review .head .user .info .name .blacklisted {
            background-color: black;
            width: 1rem;
            height: 1rem;
            border-radius: 1rem;
            margin-right: 0.5rem; }
      #adminProductReviews #container > .content .reviews .group .container .review .head .user .stigma {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border: none;
        width: 2rem;
        height: 2rem; }
  #adminProductReviews #container > .content .reviews .group .container .review .body {
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    flex-grow: 1;
    font-size: 0.8rem; }
    #adminProductReviews #container > .content .reviews .group .container .review .body .content {
      margin-bottom: 1rem;
      word-break: break-all;
      word-break: break-word;
      width: 100%;
      color: black; }
    #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
      #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .pros, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .pros, #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .cons, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .cons, #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .rating, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .rating, #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .attachments, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .attachments {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1rem;
        width: 100%; }
      @media (min-width: 50em) {
              #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments {
                flex-direction: row;
                justify-content: space-between;
                align-items: flex-start; }
                #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .pros, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .pros, #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .cons, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .cons, #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .rating, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .rating, #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .attachments, #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .attachments {
                  width: calc(50% - .5rem); } }
    #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .pros .item, #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .cons .item {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: 0.5rem;
      word-break: break-word; }
      #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .pros .item img, #adminProductReviews #container > .content .reviews .group .container .review .body .pros-and-cons .cons .item img {
        flex-shrink: 0;
        margin: 0.125rem 0.5rem 0 0;
        width: 1rem;
        height: 1rem; }
    #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .attachments {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 0.25rem;
      color: #db4a27; }
      #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .attachments .attachment-body {
        display: flex;
        flex-wrap: wrap; }
      #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .attachments .attachment-body .attachment {
        display: flex;
        flex-direction: column;
        margin-right: 0.5rem; }
        #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .attachments .attachment-body .attachment .filename {
          font-weight: normal; }
          #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .attachments .attachment-body .attachment .filename:hover {
            text-decoration: underline; }
          #adminProductReviews #container > .content .reviews .group .container .review .body .rating-and-attachments .attachments .attachment-body .attachment .filename .modal-image {
            width: 6.25rem; }
  #adminProductReviews #container > .content .reviews .group .container .review .footer {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    -webkit-border-bottom-right-radius: 1rem;
    -webkit-border-bottom-left-radius: 1rem;
    -moz-border-bottom-right-radius: 1rem;
    -moz-border-bottom-left-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    background-color: #d1d1d1;
    padding: 0.5rem 1rem; }
    #adminProductReviews #container > .content .reviews .group .container .review .footer button {
      border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
      text-transform: lowercase;
      background-color: transparent;
      font-size: 0.65rem;
      border: solid 1px transparent;
      margin: 0 0.25rem;
      padding: 0;
      width: 30%;
      max-width: 5rem;
      height: initial;
      color: #000; }
      #adminProductReviews #container > .content .reviews .group .container .review .footer button .icon {
        background-image: url("/static/img/button-images/product-registration-states.png");
        background-repeat: no-repeat;
        background-size: 8rem 4rem;
        background-position-y: 0rem;
        margin-bottom: 0.25rem;
        width: 2rem;
        height: 2rem; }
      #adminProductReviews #container > .content .reviews .group .container .review .footer button[name="refuse"] .icon {
        background-position-x: -2rem; }
      #adminProductReviews #container > .content .reviews .group .container .review .footer button[name="accept"] .icon {
        background-position-x: -4rem; }
      #adminProductReviews #container > .content .reviews .group .container .review .footer button[name="censure"] .icon {
        background-position-x: -6rem; }
      #adminProductReviews #container > .content .reviews .group .container .review .footer button:hover {
        border-color: #000;
        cursor: pointer; }
      #adminProductReviews #container > .content .reviews .group .container .review .footer button.selected {
        background-color: #fff; }
      #adminProductReviews #container > .content .reviews .group .container .review .footer button.selected .icon {
        color: #db4a27; }
      #adminProductReviews #container > .content .reviews .group .container .review .footer button.selected:hover {
        border-color: transparent; }
  @media (min-width: 80em) {
              #adminProductReviews #container > .content .reviews .group .container .review {
                width: calc(50% - 3rem - 2px); } }

#adminReview .review {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0.5rem;
  width: calc(100% - 1rem); }
  #adminReview .review h4 {
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
    color: #000; }
  #adminReview .review .head, #adminReview .review .body, #adminReview .review .footer {
    padding: 1rem;
    width: calc(100% - 2rem - 2px); }
  #adminReview .review .head {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    -webkit-border-top-right-radius: 1rem;
    -webkit-border-top-left-radius: 1rem;
    -moz-border-top-right-radius: 1rem;
    -moz-border-top-left-radius: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    border-top: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1; }
  #adminReview .review .head .user {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0.5rem;
    width: calc(100% - 1rem);
    color: #fff; }
  #adminReview .review .head .user img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: solid 1px #000;
    margin-right: 0.5rem;
    width: 4rem;
    height: 4rem; }
  #adminReview .review .head .user .info {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    font-size: 0.75rem;
    line-height: 1.25; }
  #adminReview .review .head .user .info .name {
    font-size: 1rem;
    margin-bottom: 0.25rem;
    color: #db4a27;
    display: flex; }
  #adminReview .review .head .user .info .name .blacklisted {
    background-color: black;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    margin-right: 0.5rem; }
  #adminReview .review .head .user .stigma {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    width: 2rem;
    height: 2rem; }
  #adminReview .review .body {
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    flex-grow: 1;
    font-size: 0.8rem; }
  #adminReview .review .body .content {
    margin-bottom: 1rem;
    word-break: break-all;
    word-break: break-word;
    width: 100%;
    color: black; }
  #adminReview .review .body .pros-and-cons, #adminReview .review .body .rating-and-attachments {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #adminReview .review .body .pros-and-cons .pros, #adminReview .review .body .rating-and-attachments .pros, #adminReview .review .body .pros-and-cons .cons, #adminReview .review .body .rating-and-attachments .cons, #adminReview .review .body .pros-and-cons .rating, #adminReview .review .body .rating-and-attachments .rating, #adminReview .review .body .pros-and-cons .attachments, #adminReview .review .body .rating-and-attachments .attachments {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
    width: 100%; }
  @media (min-width: 50em) {
        #adminReview .review .body .pros-and-cons, #adminReview .review .body .rating-and-attachments {
          flex-direction: row;
          justify-content: space-between;
          align-items: flex-start; }
          #adminReview .review .body .pros-and-cons .pros, #adminReview .review .body .rating-and-attachments .pros, #adminReview .review .body .pros-and-cons .cons, #adminReview .review .body .rating-and-attachments .cons, #adminReview .review .body .pros-and-cons .rating, #adminReview .review .body .rating-and-attachments .rating, #adminReview .review .body .pros-and-cons .attachments, #adminReview .review .body .rating-and-attachments .attachments {
            width: calc(50% - .5rem); } }
  #adminReview .review .body .pros-and-cons .pros .item, #adminReview .review .body .pros-and-cons .cons .item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    word-break: break-word; }
  #adminReview .review .body .pros-and-cons .pros .item img, #adminReview .review .body .pros-and-cons .cons .item img {
    flex-shrink: 0;
    margin: 0.125rem 0.5rem 0 0;
    width: 1rem;
    height: 1rem; }
  #adminReview .review .body .rating-and-attachments .attachments {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.25rem;
    color: #db4a27; }
  #adminReview .review .body .rating-and-attachments .attachments .attachment-body {
    display: flex;
    flex-wrap: wrap; }
  #adminReview .review .body .rating-and-attachments .attachments .attachment-body .attachment {
    display: flex;
    flex-direction: column;
    margin-right: 0.5rem; }
  #adminReview .review .body .rating-and-attachments .attachments .attachment-body .attachment .filename {
    font-weight: normal; }
    #adminReview .review .body .rating-and-attachments .attachments .attachment-body .attachment .filename:hover {
      text-decoration: underline; }
    #adminReview .review .body .rating-and-attachments .attachments .attachment-body .attachment .filename .modal-image {
      width: 6.25rem; }
  #adminReview .review .footer {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    -webkit-border-bottom-right-radius: 1rem;
    -webkit-border-bottom-left-radius: 1rem;
    -moz-border-bottom-right-radius: 1rem;
    -moz-border-bottom-left-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    background-color: #d1d1d1;
    padding: 0.5rem 1rem; }
  #adminReview .review .footer button {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    text-transform: lowercase;
    background-color: transparent;
    font-size: 0.65rem;
    border: solid 1px transparent;
    margin: 0 0.25rem;
    padding: 0;
    width: 30%;
    max-width: 5rem;
    height: initial;
    color: #000; }
  #adminReview .review .footer button .icon {
    background-image: url("/static/img/button-images/product-registration-states.png");
    background-repeat: no-repeat;
    background-size: 8rem 4rem;
    background-position-y: 0rem;
    margin-bottom: 0.25rem;
    width: 2rem;
    height: 2rem; }
  #adminReview .review .footer button[name="refuse"] .icon {
    background-position-x: -2rem; }
  #adminReview .review .footer button[name="accept"] .icon {
    background-position-x: -4rem; }
  #adminReview .review .footer button[name="censure"] .icon {
    background-position-x: -6rem; }
  #adminReview .review .footer button:hover {
    border-color: #000;
    cursor: pointer; }
  #adminReview .review .footer button.selected {
    background-color: #fff; }
  #adminReview .review .footer button.selected .icon {
    color: #db4a27; }
  #adminReview .review .footer button.selected:hover {
    border-color: transparent; }
  #adminReview .review .footer button.active {
    background-color: #fff;
    border-color: transparent; }
  #adminReview .review .footer button.active .icon {
    color: #db4a27; }
  #adminReview .review .footer button.active:hover {
    cursor: auto; }
  #adminReview .block {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    padding: 2rem 1rem;
    border: 1px solid #999;
    margin: 0.5rem; }
  #adminReview .block h2 {
    color: #db4a27; }

#adminReviews #container > .content {
  max-width: 95rem; }

#adminTestEnrollments .filters label {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column; }
  #adminTestEnrollments .service-logo {
    max-height: 20px; }
  #adminTestEnrollments .toolbar {
    background-color: #000;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    color: #fff; }
  #adminTestEnrollments .toolbar .item {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-family: RobotoSlab;
    font-size: 0.75rem; }
  #adminTestEnrollments .toolbar .item .label {
    margin-right: 0.5rem; }
  #adminTestEnrollments .toolbar .item .label:after {
    content: ": "; }
  #adminTestEnrollments .toolbar .item .value {
    font-weight: bold; }
  #adminTestEnrollments .toolbar .item button {
    margin-top: 1rem; }
  @media (min-width: 45em) {
    #adminTestEnrollments .toolbar {
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      #adminTestEnrollments .toolbar .item {
        justify-content: flex-start; }
        #adminTestEnrollments .toolbar .item + .item:before {
          content: "|";
          margin: 0 0.5rem; }
        #adminTestEnrollments .toolbar .item button {
          margin-top: 0; } }
  #adminTestEnrollments .csv-exports-wrap, #adminTestEnrollments .test-links {
    display: flex;
    justify-content: center; }
  #adminTestEnrollments .csv-exports-wrap a.testers-export, #adminTestEnrollments .test-links a.testers-export, #adminTestEnrollments .csv-exports-wrap a.test-link, #adminTestEnrollments .test-links a.test-link {
    display: flex;
    align-items: center;
    margin: 0.5rem; }
  #adminTestEnrollments .csv-exports-wrap a.testers-export.disabled, #adminTestEnrollments .test-links a.testers-export.disabled, #adminTestEnrollments .csv-exports-wrap a.test-link.disabled, #adminTestEnrollments .test-links a.test-link.disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  #adminTestEnrollments .csv-exports-wrap a.testers-export img, #adminTestEnrollments .test-links a.testers-export img, #adminTestEnrollments .csv-exports-wrap a.test-link img, #adminTestEnrollments .test-links a.test-link img {
    border-radius: 1rem;
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #adminTestEnrollments .csv-exports-wrap a.testers-export .icon, #adminTestEnrollments .test-links a.testers-export .icon, #adminTestEnrollments .csv-exports-wrap a.test-link .icon, #adminTestEnrollments .test-links a.test-link .icon {
    color: white;
    background-color: #b30802;
    height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px;
    border-radius: 50%;
    margin-right: 0.5rem; }
  #adminTestEnrollments .csv-exports-wrap a.testers-export .icon .bi.bi-box-arrow-up-right, #adminTestEnrollments .test-links a.testers-export .icon .bi.bi-box-arrow-up-right, #adminTestEnrollments .csv-exports-wrap a.test-link .icon .bi.bi-box-arrow-up-right, #adminTestEnrollments .test-links a.test-link .icon .bi.bi-box-arrow-up-right {
    margin: 8px; }
  #adminTestEnrollments .csv-exports-wrap a.testers-export:hover span, #adminTestEnrollments .test-links a.testers-export:hover span, #adminTestEnrollments .csv-exports-wrap a.test-link:hover span, #adminTestEnrollments .test-links a.test-link:hover span {
    text-decoration: underline; }
  #adminTestEnrollments .enrollments {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.5rem;
    width: calc(100% - 1rem); }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #d0d1d2;
    margin: 0.5rem;
    padding: 0.5rem;
    width: calc(100% - 2rem);
    max-width: 22rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard.disabled {
    opacity: 0.5; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard.disabled.error {
    background-color: red; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard.disabled .buttons button:disabled > * {
    opacity: 1; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
    width: 100%; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons .flex-space {
    flex-grow: 1; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    text-transform: lowercase;
    background-color: transparent;
    font-size: 0.55rem;
    border: solid 1px transparent;
    padding: 0;
    width: calc(100% / 6);
    height: initial;
    line-height: 1.15;
    color: #000; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button .icon {
    background-image: url("/static/img/button-images/test-enrollment-states.png");
    background-repeat: no-repeat;
    background-size: 8rem 4rem;
    background-position-y: 0rem;
    width: 2rem;
    height: 2rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="not-selected"] .icon {
    background-position-x: -2rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="chosen"] .icon {
    background-position-x: -4rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="alternate"] .icon {
    background-position-x: -2rem;
    transform: rotate(45deg); }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="removed"] .icon {
    background: none; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="removed"] .icon span {
    display: block;
    height: 6px;
    width: 100%;
    margin-top: 13px;
    background-color: black; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="censored"] .icon {
    background-position-x: -6rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button:hover {
    border-color: #000; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button:disabled {
    color: black !important;
    cursor: not-allowed; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button:disabled > * {
    opacity: 0.4; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button.selected {
    background-color: #fff; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button.selected .icon {
    background-position-y: -2rem;
    color: #db4a27; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button.selected .icon span {
    background-color: #db4a27; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button.selected:hover {
    border-color: transparent; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="not-selected"] .important, #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="chosen"] .important, #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button[name="alternate"] .important {
    color: red; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .buttons button .sent-notification-icon {
    background-image: url("/static/img/button-images/test-enrollment-states.png");
    background-repeat: no-repeat;
    background-size: 4rem 2rem;
    width: 1rem;
    height: 1rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper {
    margin: 1px; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper .icon {
    background-image: url("/static/img/button-images/test-enrollment-states.png");
    background-repeat: no-repeat;
    background-size: 4rem 2rem;
    background-position-y: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    background-color: white; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper .icon.not-chosen {
    background-position-x: -1rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper .icon.chosen {
    background-position-x: -2rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper .icon.alternate {
    background-position-x: -1rem;
    transform: rotate(45deg); }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper .icon.review-notice, #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper .icon.blacklist-notice {
    background-image: none; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper .icon.review-notice {
    background-color: red; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user-turn-off-emails .icon-wrapper .icon.blacklist-notice {
    background-color: black; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .lastChosen {
    text-align: center;
    font-size: 0.75rem;
    margin: 0 0 0.5rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .lastChosen .info {
    font-size: 0.9rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .lastChosen .block {
    display: flex;
    justify-content: center; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .lastChosen .block .date {
    font-weight: bold;
    margin-right: 0.5rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .hr {
    background-color: #949596;
    margin: 0 0 0.5rem;
    height: 0.125rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    object-fit: cover;
    margin-right: 0.5rem;
    width: 4rem;
    height: 4rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user .info {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user .info .name {
    font-size: 1rem;
    margin-bottom: 0.25rem;
    color: #db4a27;
    display: flex; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .user .info .name .blacklisted {
    background-color: black;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    margin-right: 0.5rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .attachment {
    margin-bottom: 1rem;
    max-width: 100%; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .attachment img {
    width: 100%; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .attachment.other {
    text-decoration: underline;
    font-weight: normal; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .attachment.other:hover {
    color: #db4a27; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .motivational-text {
    width: calc(100% - 1rem); }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .invited-testers {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 1rem); }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .invited-testers h3 {
    margin-top: 1rem;
    font-size: 1rem; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .invited-testers .invite {
    display: flex;
    width: 100%;
    justify-content: space-between; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .invited-testers .invite a {
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: #db4a27; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .invited-testers .invite a:hover {
    text-decoration: underline; }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .variant {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.5rem;
    width: calc(100% - 1rem); }
  #adminTestEnrollments .enrollments .adminTestEnrollmentCard .variant label:after {
    content: ":";
    margin-right: 0.5rem; }

#adminTests #container > .content {
  max-width: 85rem; }
  #adminTests #container > .content .buttons {
    text-align: center;
    margin-bottom: 1rem; }

#adminUser #container .content .row {
  display: flex;
  align-items: center;
  flex-direction: column; }
  #adminUser #container .content .row.submit {
    margin-top: 1rem; }

#adminUsers .addUser {
  text-align: center; }
  #adminUsers .csv-exports-wrap {
    display: flex;
    justify-content: center; }
  #adminUsers .csv-exports-wrap a.user-export {
    display: flex;
    align-items: center;
    margin: 0.5rem; }
  #adminUsers .csv-exports-wrap a.user-export img {
    border-radius: 1rem;
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #adminUsers .csv-exports-wrap a.user-export:hover span {
    text-decoration: underline; }

#adminWordcloud .block {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 60rem;
  margin: auto; }
  #adminWordcloud .block h2 {
    margin-top: 1rem; }
  #adminWordcloud .block .overview {
    width: 100%; }
  #adminWordcloud .block .overview span {
    display: inline-flex;
    background-color: #efefef;
    border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    -moz-border-radius: 0.125rem;
    border: 1px solid #ababab;
    padding: 0.125rem;
    align-items: center;
    margin-bottom: 0.125rem; }
  #adminWordcloud .block .overview span a {
    color: red;
    margin-left: 0.125rem; }

#documentsForInvestor table {
  overflow: scroll;
  display: flex; }

#adminProductReviews #container .review .body hr, #adminReview #container .review .body hr {
  border-style: inset; }
  #adminProductReviews #container .review .body span.duplicity-buttons, #adminReview #container .review .body span.duplicity-buttons {
    position: relative;
    float: right;
    top: -20px; }
  #adminProductReviews #container .review .body span.duplicity-buttons button, #adminReview #container .review .body span.duplicity-buttons button {
    margin-bottom: 5px;
    float: right;
    font-size: 0.6rem;
    line-height: 0.75rem;
    padding: 0.3rem 0.5rem; }
  #adminProductReviews #container .review .body span.similarities, #adminReview #container .review .body span.similarities {
    color: grey;
    font-size: 0.6rem; }
  #adminProductReviews #container .review .body span.similarities span.similarity, #adminReview #container .review .body span.similarities span.similarity {
    position: relative;
    float: right; }
  #adminProductReviews #container .review .body span.similarities span.similarity span.similarity-low, #adminReview #container .review .body span.similarities span.similarity span.similarity-low, #adminProductReviews #container .review .body span.similarities span.similarity span.similarity-medium, #adminReview #container .review .body span.similarities span.similarity span.similarity-medium, #adminProductReviews #container .review .body span.similarities span.similarity span.similarity-high, #adminReview #container .review .body span.similarities span.similarity span.similarity-high {
    font-weight: bold;
    font-size: 0.91rem; }
  #adminProductReviews #container .review .body span.review-community, #adminReview #container .review .body span.review-community {
    color: #267d93;
    background: #d9eff7;
    text-decoration: none; }
  #adminProductReviews #container .review .body span.review-heureka, #adminReview #container .review .body span.review-heureka, #adminProductReviews #container .review .body span.similarity-medium, #adminReview #container .review .body span.similarity-medium {
    color: darkorange;
    background: #ffedcc;
    text-decoration: none; }
  #adminProductReviews #container .review .body span.review-mall, #adminReview #container .review .body span.review-mall, #adminProductReviews #container .review .body span.similarity-low, #adminReview #container .review .body span.similarity-low {
    color: green;
    background: #b3ffb3;
    text-decoration: none; }
  #adminProductReviews #container .review .body span.review-community.review-heureka, #adminReview #container .review .body span.review-community.review-heureka, #adminProductReviews #container .review .body span.review-community.review-mall, #adminReview #container .review .body span.review-community.review-mall, #adminProductReviews #container .review .body span.review-heureka.review-community, #adminReview #container .review .body span.review-heureka.review-community, #adminProductReviews #container .review .body span.review-heureka.review-mall, #adminReview #container .review .body span.review-heureka.review-mall, #adminProductReviews #container .review .body span.review-mall.review-community, #adminReview #container .review .body span.review-mall.review-community, #adminProductReviews #container .review .body span.review-mall.review-heureka, #adminReview #container .review .body span.review-mall.review-heureka, #adminProductReviews #container .review .body span.similarity-high, #adminReview #container .review .body span.similarity-high {
    color: #c00;
    background: #fcc;
    text-decoration: none; }
  #adminProductReviews #container .review .body h4 span.highlight-switch, #adminReview #container .review .body h4 span.highlight-switch {
    cursor: pointer; }

#clearCookies #container > .content .claim {
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 1rem; }
  #clearCookies #container > .content a {
    text-align: center;
    margin: auto;
    display: block;
    padding: 0.25rem 4rem;
    width: max-content; }

#clientOverview {
  background-color: #efefef; }
  #clientOverview .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #clientOverview .container .gallery {
    width: calc(100% - 2rem);
    max-width: 62.5rem;
    margin: auto;
    margin-top: 0.5rem; }
  #clientOverview .container button {
    display: block;
    margin: 1rem auto; }
  #clientOverview .container .placeholder {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 1rem auto;
    width: 4rem;
    height: 4rem; }
  #clientOverview .container .search {
    display: flex;
    justify-content: flex-end;
    padding: 0.5rem; }
  #clientOverview .container .search input {
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    margin-bottom: 0;
    border-right: none;
    height: 2rem;
    box-sizing: border-box;
    background-color: white; }
  #clientOverview .container .search input:focus {
    box-shadow: none; }
  #clientOverview .container .search button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    margin: 0;
    height: calc(2rem + 2px);
    border: solid 1px #db4a27;
    padding: 0 0.75rem 0 0.5rem; }
  #clientOverview .container .search button:focus {
    box-shadow: none; }

#clientProduct {
  background-color: #efefef;
  font-family: Montserrat; }
  #clientProduct .pdf-export {
    text-align: center;
    margin-top: 0.5rem; }
  @media print {
    #clientProduct .pdf-export {
      display: none; } }
  #clientProduct .csv-exports-wrap, #clientProduct .pdf-export {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem; }
  #clientProduct .csv-exports-wrap a.testers-export, #clientProduct .pdf-export a.testers-export {
    display: flex;
    align-items: center;
    margin: 0.5rem; }
  #clientProduct .csv-exports-wrap a.testers-export img, #clientProduct .pdf-export a.testers-export img {
    border-radius: 1rem;
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #clientProduct .csv-exports-wrap a.testers-export:hover span, #clientProduct .pdf-export a.testers-export:hover span {
    text-decoration: underline; }
  #clientProduct .blocks {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 2rem);
    max-width: 75rem;
    margin: auto;
    flex-wrap: wrap; }
  #clientProduct .blocks .block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-width: 14rem;
    width: 100%;
    min-height: 10rem;
    padding: 2rem 1rem;
    background-color: #fff;
    border: 1px solid #999;
    margin: 0.5rem; }
  #clientProduct .blocks .block .title {
    font-size: 1rem;
    margin-bottom: 1.5rem; }
  #clientProduct .blocks .block .value {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1.5rem; }
  #clientProduct .blocks .block:first-child {
    margin: 0.5rem; }
  @media (min-width: 50em) {
        #clientProduct .blocks .block:first-child {
          margin-left: 0; } }
  #clientProduct .blocks .block:last-child {
    margin: 0.5rem; }
  @media (min-width: 50em) {
        #clientProduct .blocks .block:last-child {
          margin-right: 0; } }
  #clientProduct .blocks .block.nps-groups .chart {
    display: flex;
    align-items: stretch; }
  #clientProduct .blocks .block.nps-groups .chart svg {
    width: 116px;
    height: 116px;
    margin-right: 2rem;
    margin-left: 2rem; }
  #clientProduct .blocks .block.nps-groups .chart .legend {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem 0;
    margin-right: 2rem; }
  #clientProduct .blocks .block.nps-groups .chart .legend .item.positive:before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #01cd6c;
    content: "\A";
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    margin-right: 0.5rem; }
  #clientProduct .blocks .block.nps-groups .chart .legend .item.negative:before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #ff6762;
    content: "\A";
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    margin-right: 0.5rem; }
  #clientProduct .blocks .block.nps-groups .chart .legend .item.neutral:before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #ffba52;
    content: "\A";
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    margin-right: 0.5rem; }
  #clientProduct .blocks .block.nps-groups a {
    width: 100%;
    text-align: center;
    color: #db4a27;
    text-decoration: underline;
    margin-top: 1rem; }
  #clientProduct .blocks .block.nps-score .chart {
    display: flex;
    align-items: stretch;
    flex-direction: column; }
  #clientProduct .blocks .block.nps-score .chart svg {
    width: 180px;
    height: 90px; }
  #clientProduct .blocks .block.nps-score .chart .values {
    display: flex;
    justify-content: space-between;
    width: 180px; }
  #clientProduct .blocks .block.nps-score .chart .values .edge {
    font-size: 0.75rem;
    color: #4c4d4d; }
  #clientProduct .blocks .block.nps-score .chart .values .value {
    font-size: 1.5rem;
    font-weight: bold; }
  #clientProduct .blocks .block#positive, #clientProduct .blocks .block#negative {
    width: 100%; }
  @media (min-width: 50em) {
        #clientProduct .blocks .block#positive, #clientProduct .blocks .block#negative {
          width: calc(50% - 3rem); } }
  #clientProduct .blocks .block.gallery, #clientProduct .blocks .block.videogallery {
    width: 100%;
    padding: 1rem;
    min-height: auto; }
  @media (min-width: 50em) {
      #clientProduct .blocks .block {
        width: auto; } }
  #clientProduct #reviews {
    margin: auto;
    margin-bottom: 2rem;
    max-width: 75rem; }
  #clientProduct #reviews .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #000;
    padding: 0.75rem 1rem;
    width: calc(100% - 2rem); }
  #clientProduct #reviews .head .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: Fira Sans Condensed, sans-serif;
    font-size: 0.8rem;
    color: #fff; }
  #clientProduct #reviews .head .left .label {
    text-transform: uppercase;
    margin-right: 0.5rem; }
  #clientProduct #reviews .head .left .count {
    margin-right: 0.5rem;
    color: #db4a27; }
  #clientProduct #reviews .body .review {
    flex-direction: column;
    justify-content: space-between;
    border-bottom: solid 1px #d1d1d1;
    padding: 1rem; }
  #clientProduct #reviews .body .review:last-child {
    border-bottom: none; }
  #clientProduct #reviews .body .review .left {
    flex-shrink: 0;
    margin-right: 1rem; }
  #clientProduct #reviews .body .review .left .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0.5rem; }
  #clientProduct #reviews .body .review .left .user img {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    margin: 0 0.25rem 0 0;
    width: 2rem;
    height: 2rem; }
  #clientProduct #reviews .body .review .left .user .name {
    font-family: Fira Sans Condensed, sans-serif;
    margin: 0 0.25rem 0 0;
    color: #db4a27; }
  #clientProduct #reviews .body .review .right .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #clientProduct #reviews .body .review .right .content .text {
    margin-bottom: 0.5rem; }
  #clientProduct #reviews .body .review .right .download-image {
    margin-bottom: 0.5rem;
    width: 200px;
    display: inline-block; }
  #clientProduct #reviews .body .review .right .attachments {
    margin-bottom: 0.5rem; }
  #clientProduct #reviews .body .review .right .attachments h3 {
    text-align: left; }
  #clientProduct #reviews .body .review .right .attachments a {
    text-decoration: underline;
    color: #db4a27; }
  #clientProduct #reviews .body .review .right .pros-cons {
    display: flex;
    flex-direction: column; }
  #clientProduct #reviews .body .review .right .pros-cons .pros, #clientProduct #reviews .body .review .right .pros-cons .cons {
    margin-bottom: 0.5rem; }
  #clientProduct #reviews .body .review .right .pros-cons .pros .item, #clientProduct #reviews .body .review .right .pros-cons .cons .item {
    display: flex;
    margin-bottom: 0.5rem; }
    #clientProduct #reviews .body .review .right .pros-cons .pros .item img, #clientProduct #reviews .body .review .right .pros-cons .cons .item img {
      flex-shrink: 0;
      margin: 0 0.5rem 0.5rem 0;
      width: 1rem;
      height: 1rem; }
      @media print {
              #clientProduct #reviews .body .review .right .pros-cons .pros .item img, #clientProduct #reviews .body .review .right .pros-cons .cons .item img {
                page-break-inside: avoid; } }
  @media (min-width: 60rem) {
        #clientProduct #reviews .body .review .right .pros-cons {
          flex-direction: row;
          justify-content: space-between; }
          #clientProduct #reviews .body .review .right .pros-cons .pros, #clientProduct #reviews .body .review .right .pros-cons .cons {
            width: calc(50% - .5rem); } }
  @media print {
        #clientProduct #reviews .body .review {
          page-break-inside: avoid; } }

@media print {
  body {
    margin: 1rem; } }

#clientReport .unlimited-page {
  width: 210mm;
  margin: auto;
  box-sizing: border-box;
  padding: 5mm; }
  @media {
    #clientReport .unlimited-page {
      border: 1px solid black;
      margin: 1rem auto; } }
  #clientReport .page {
    width: 210mm;
    height: 297mm;
    margin: auto;
    box-sizing: border-box;
    padding: 5mm; }
  @media {
    #clientReport .page {
      border: 1px solid black;
      margin: 1rem auto; } }
  #clientReport .page h3 {
    margin-top: 1rem;
    width: 100%;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5rem; }
  #clientReport .page h3:first-letter {
    text-transform: uppercase; }
  #clientReport .page.intro h1 {
    text-align: center; }
  #clientReport .page.intro .imageWrapper {
    width: 35rem;
    padding-top: calc(35rem / (740 / 480));
    position: relative;
    overflow: hidden; }
  #clientReport .page.intro .imageWrapper img {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute; }
  #clientReport .page.intro .info {
    width: 100%;
    display: flex;
    justify-content: center; }
  #clientReport .page.intro .info .services {
    margin: 1rem; }
  #clientReport .page.intro .info .services img {
    max-width: 10rem;
    margin: auto; }
  #clientReport .page.intro .info .test-date {
    margin: 1rem;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center; }
  #clientReport .page.intro .info .test-date span {
    font-size: 0.75rem;
    font-weight: normal; }
  #clientReport .page.intro .info .numbers {
    margin: 1rem; }
  #clientReport .page.intro .info .numbers table {
    margin: 0; }
  #clientReport .page.intro .info .numbers table .value, #clientReport .page.intro .info .numbers table .name {
    padding: 0 0.25rem; }
  #clientReport .page.intro .info .numbers table .value {
    font-weight: bold; }
  #clientReport .page.intro .wordCloud {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    max-width: 75rem;
    margin: auto; }
  #clientReport .page.intro .wordCloud h2 {
    width: 100%;
    text-align: center; }
  #clientReport .page.intro .wordCloud #negative, #clientReport .page.intro .wordCloud #positive {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 10rem;
    padding: 2rem 1rem;
    background-color: #fff;
    border: 1px solid #999;
    box-sizing: border-box;
    margin: 0.5rem;
    width: calc(50% - 1rem); }
  #clientReport .page.intro .nps-score .chart {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
  #clientReport .page.intro .nps-score .chart svg {
    width: 180px;
    height: 90px; }
  #clientReport .page.intro .nps-score .chart .values {
    display: flex;
    justify-content: space-between;
    width: 180px; }
  #clientReport .page.intro .nps-score .chart .values .edge {
    font-size: 0.75rem;
    color: #4c4d4d; }
  #clientReport .page.intro .nps-score .chart .values .value {
    font-size: 1.5rem;
    font-weight: bold; }
  #clientReport .page.rating-recommendation .rating, #clientReport .page.rating-recommendation .recommendation {
    width: 100%;
    height: 50%; }
  #clientReport .page.rating-recommendation .rating .title, #clientReport .page.rating-recommendation .recommendation .title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem; }
  #clientReport .page.rating-recommendation .rating .histogram .chart .item, #clientReport .page.rating-recommendation .recommendation .histogram .chart .item {
    width: 2.5rem; }
  #clientReport .page.rating-recommendation .rating .histogram .chart .item.negative, #clientReport .page.rating-recommendation .recommendation .histogram .chart .item.negative {
    background-color: #ff6762;
    border: #ff6762; }
  #clientReport .page.rating-recommendation .rating .histogram .chart .item.neutral, #clientReport .page.rating-recommendation .recommendation .histogram .chart .item.neutral {
    background-color: #ffba52;
    border: #ffba52; }
  #clientReport .page.rating-recommendation .rating .histogram .chart .item.positive, #clientReport .page.rating-recommendation .recommendation .histogram .chart .item.positive {
    background-color: #01cd6c;
    border: #01cd6c; }
  #clientReport .page.users .histogram .chart .item {
    width: 1.5rem; }
  #clientReport .page.users .gender .wrapper {
    width: 20rem;
    height: 2rem;
    margin: auto;
    display: flex;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    overflow: hidden; }
  #clientReport .page.users .gender .wrapper .male {
    background-color: #db4a27; }
  #clientReport .page.users .gender .wrapper .female {
    background-color: #ff6762; }
  #clientReport .page.users .gender .wrapper .unknown {
    background-color: #aaa; }
  #clientReport .histogram {
    height: 12rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin: auto; }
  #clientReport .histogram .chart {
    margin: 0 0.25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #clientReport .histogram .chart .item {
    border: 1px solid #db4a27;
    background-color: #db4a27; }
  #clientReport .histogram .chart .key {
    font-size: 0.625rem; }

.clientReportReview {
  page-break-inside: avoid;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: solid 1px #d1d1d1;
  padding: 0.5rem 0;
  width: 100%; }
  .clientReportReview:last-child {
    border-bottom: none; }
  .clientReportReview .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0.5rem; }
  .clientReportReview .user img {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    margin: 0 0.25rem 0 0;
    width: 2rem;
    height: 2rem; }
  .clientReportReview .user .name {
    font-family: Fira Sans Condensed, sans-serif;
    margin: 0 0.25rem 0 0;
    color: #db4a27; }
  .clientReportReview .content {
    display: flex;
    margin-bottom: 0.5rem;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap; }
  .clientReportReview .content .text {
    margin-bottom: 0.5rem; }
  .clientReportReview .pros-cons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.75rem; }
  .clientReportReview .pros-cons .pros, .clientReportReview .pros-cons .cons {
    display: flex;
    margin-bottom: 0.25rem; }
  .clientReportReview .pros-cons .pros img, .clientReportReview .pros-cons .cons img {
    flex-shrink: 0;
    margin: 0 0.5rem 0.5rem 0;
    width: 0.75rem;
    height: 0.75rem; }
  .clientReportReview .pros-cons .pros .items, .clientReportReview .pros-cons .cons .items {
    display: flex;
    flex-wrap: wrap; }
  .clientReportReview .pros-cons .pros .items .item, .clientReportReview .pros-cons .cons .items .item {
    display: flex;
    margin-bottom: 0.25rem; }
  .clientReportReview .pros-cons .pros .items .item + .item:before, .clientReportReview .pros-cons .cons .items .item + .item:before {
    content: "-";
    margin: 0 0.5rem; }

.clientTestEnrollment {
  page-break-inside: avoid;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: solid 1px #d1d1d1;
  padding: 0.5rem 0;
  width: 100%; }
  .clientTestEnrollment:last-child {
    border-bottom: none; }
  .clientTestEnrollment .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0.5rem; }
  .clientTestEnrollment .user img {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    margin: 0 0.25rem 0 0;
    width: 2rem;
    height: 2rem; }
  .clientTestEnrollment .user .name {
    font-family: Fira Sans Condensed, sans-serif;
    margin: 0 0.25rem 0 0;
    color: #db4a27; }
  .clientTestEnrollment .content {
    display: flex;
    margin-bottom: 0.5rem;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap; }
  .clientTestEnrollment .content .text {
    margin-bottom: 0.5rem; }

#contact > .content {
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  width: 100%; }
  #contact > .content .body {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(255, 255, 255, .9);
    flex-grow: 1;
    padding: 2rem 1rem 1rem; }
  #contact > .content .body .address {
    text-align: center;
    margin-bottom: 1rem;
    line-height: 1.5rem; }
  #contact > .content .body .zeny-sro {
    margin-bottom: 2rem; }
  #contact > .content .body .person {
    text-align: center;
    margin-bottom: 2rem; }
  #contact > .content .body .person img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin-bottom: 0.5rem;
    width: 8rem;
    height: 8rem; }
  #contact > .content .body .person .email, #contact > .content .body .person .phone {
    font-weight: normal;
    display: block; }
  #contact > .content .body .person .email:hover, #contact > .content .body .person .phone:hover {
    text-decoration: underline; }
  #contact > .content .body .team {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem; }
  @media (min-width: 35em) {
        #contact > .content .body .team {
          flex-direction: row;
          justify-content: space-between;
          width: calc(100% - 2rem);
          max-width: 25rem;
          margin-bottom: 1rem; }
          #contact > .content .body .team img {
            margin-bottom: 1rem; } }

#edit #container .content h1 {
  text-align: center; }
  #edit #container .content .login-logo {
    width: 10rem;
    margin-bottom: 1rem; }

#facebookLogin .content {
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1 0 auto; }
  #facebookLogin .content .logos {
    display: flex;
    flex-direction: column;
    max-width: 15rem;
    flex-wrap: wrap; }
  #facebookLogin .content .logos .with {
    text-align: center;
    margin: 0.25rem; }
  #facebookLogin .content .logos a {
    margin: 0.5rem;
    display: block; }
  #facebookLogin .content .logos a.tt-logo {
    max-width: 10rem;
    margin: 0.5rem auto; }
  #facebookLogin .content button.styled-button {
    background-image: none;
    text-shadow: none;
    background-color: #2653b2;
    border-color: #2653b2; }
  #facebookLogin .content .claim {
    margin: 0.5rem; }

#googleLogin .content {
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1 0 auto; }
  #googleLogin .content .logos {
    display: flex;
    flex-direction: column;
    max-width: 15rem;
    flex-wrap: wrap; }
  #googleLogin .content .logos .with {
    text-align: center;
    margin: 0.25rem; }
  #googleLogin .content .logos a {
    margin: 0.5rem;
    display: block; }
  #googleLogin .content .logos a.tt-logo {
    max-width: 10rem;
    margin: 0.5rem auto; }
  #googleLogin .content button[name='google-login'] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 20rem;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #1a73e8; }
  #googleLogin .content button[name='google-login'] .icon {
    width: 1.5rem;
    height: 1.5rem; }
  #googleLogin .content button[name='google-login'] .icon img {
    width: 1.5rem; }
  #googleLogin .content button[name='google-login'] .title {
    font-size: 0.875rem;
    margin: 0;
    flex: 1 0 auto;
    text-align: center;
    color: #1a73e8; }
  #googleLogin .content .claim {
    margin: 0.5rem; }

#heureka > .content, #heurekaSk > .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 80rem; }
  #heureka > .content .head, #heurekaSk > .content .head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 40% 50%;
    padding: 1rem;
    width: calc(100% - 2rem);
    min-height: calc(100vw / 6); }
  #heureka > .content .head .box, #heurekaSk > .content .head .box {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    background: #db4a27;
    padding: 2rem;
    width: calc(100% - 4rem);
    max-width: 45rem; }
  #heureka > .content .head .box h1, #heurekaSk > .content .head .box h1 {
    font-size: 2rem;
    text-align: center;
    color: #fff; }
  #heureka > .content .block, #heurekaSk > .content .block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 2rem 0;
    margin: auto;
    width: calc(100% - 2rem); }
  #heureka > .content .block.center, #heurekaSk > .content .block.center {
    flex-direction: column; }
  #heureka > .content .block.center .text, #heurekaSk > .content .block.center .text {
    text-align: center; }
  #heureka > .content .block.center .buttons, #heurekaSk > .content .block.center .buttons {
    padding: 0; }
  #heureka > .content .block.center .buttons .right, #heurekaSk > .content .block.center .buttons .right, #heureka > .content .block.center .buttons .left, #heurekaSk > .content .block.center .buttons .left {
    justify-content: center; }
  #heureka > .content .block.center .buttons .right a, #heurekaSk > .content .block.center .buttons .right a, #heureka > .content .block.center .buttons .left a, #heurekaSk > .content .block.center .buttons .left a {
    padding: 0.5rem 2rem;
    margin: 0 1rem; }
  #heureka > .content .block.center .buttons .right, #heurekaSk > .content .block.center .buttons .right {
    flex-direction: column-reverse; }
  @media (min-width: 40em) {
            #heureka > .content .block.center .buttons .right, #heurekaSk > .content .block.center .buttons .right {
              flex-direction: row; } }
  @media (min-width: 40em) {
          #heureka > .content .block.center .buttons, #heurekaSk > .content .block.center .buttons {
            flex-wrap: nowrap; } }
  #heureka > .content .block.right, #heurekaSk > .content .block.right {
    justify-content: flex-start; }
  #heureka > .content .block.left, #heurekaSk > .content .block.left {
    justify-content: flex-end; }
  #heureka > .content .block.left .text, #heurekaSk > .content .block.left .text {
    text-align: right;
    padding-right: 0.5rem; }
  #heureka > .content .block.blue, #heurekaSk > .content .block.blue {
    background-color: #f1f9ff; }
  #heureka > .content .block img, #heurekaSk > .content .block img {
    max-width: 9rem;
    margin: 1rem; }
  #heureka > .content .block .text, #heurekaSk > .content .block .text {
    width: 70%; }
  #heureka > .content .block .text h3, #heurekaSk > .content .block .text h3 {
    font-weight: bold; }

#home {
  box-sizing: border-box;
  background: none;
  width: 100%; }
  #home #container {
    width: 100%;
    flex: 1 0 auto; }
  #home #container > .content {
    max-width: 75rem;
    width: 100%;
    display: flex; }
  #home #container > .content .notice {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #aaa; }
  #home #container > .content .notice:first-letter {
    text-transform: uppercase; }
  #home #container > .content .left {
    display: none;
    box-sizing: border-box;
    width: 18rem; }
  #home #container > .content .left .categories {
    background-color: #00044;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    font-size: 0.875rem;
    display: flex;
    flex-direction: column; }
  #home #container > .content .left .categories .item {
    padding: 0.25rem 1rem;
    border-top: 1px solid #000; }
  #home #container > .content .left .categories .item:first-child {
    border-top: none; }
  #home #container > .content .left .categories .item:before {
    content: "\276F";
    margin-right: 1rem; }
  #home #container > .content .left .categories .item:hover {
    background-color: #00055; }
  #home #container > .content .left .categories .item:hover:first-child {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-top-right-radius: 0.5rem;
    -moz-border-top-left-radius: 0.5rem; }
  #home #container > .content .left .categories .item:hover:last-child {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-bottom-right-radius: 0.5rem;
    -moz-border-bottom-left-radius: 0.5rem; }
  #home #container > .content .left .categories .item.sub {
    border-top: none;
    padding: 0.25rem 2rem; }
  @media (min-width: 40em) {
        #home #container > .content .left {
          display: block; } }
  #home #container > .content .right {
    box-sizing: border-box;
    padding: 0 1rem; }
  #home #container > .content .right .products {
    display: flex;
    flex-wrap: wrap;
    max-width: 75rem; }
  #home #container > .content .right .products .testCard:nth-child(1) {
    order: 1; }
  #home #container > .content .right .products .testCard:nth-child(2) {
    order: 2; }
  #home #container > .content .right .products .testCard:nth-child(3) {
    order: 3; }
  #home #container > .content .right .products .testCard:nth-child(4) {
    order: 4; }
  #home #container > .content .right .products .testCard:nth-child(5) {
    order: 5; }
  #home #container > .content .right .products .testCard:nth-child(6) {
    order: 6; }
  #home #container > .content .right .products .testCard:nth-child(n+7) {
    order: 7; }
  #home #container > .content .right .products .row {
    width: 100%; }
  #home #container > .content .right .products .row.first {
    order: 2; }
  #home #container > .content .right .products .row.second {
    order: 4; }
  @media (min-width: 60rem) {
            #home #container > .content .right .products .row.first {
              order: 3; }
            #home #container > .content .right .products .row.second {
              order: 6; } }
  @media (min-width: 40em) {
        #home #container > .content .right {
          width: calc(100% - 18rem);
          flex: 1 0 auto; } }

#howDoesItWork > .content {
  max-width: 90rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% - 2rem); }
  #howDoesItWork > .content .body {
    padding-top: 2rem;
    width: calc(100% - 2rem);
    max-width: 70rem; }
  #howDoesItWork > .content .body h2 {
    margin-top: 2rem; }

#login #container {
  display: flex;
  align-items: center;
  flex-direction: column; }
  #login #container .login-logo {
    width: 10rem;
    margin-bottom: 1rem; }

#prazskyVoucher > .content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: auto;
  padding-top: 2rem;
  width: calc(100% - 4rem);
  max-width: 60rem; }
  #prazskyVoucher > .content h1 {
    margin-bottom: 2rem; }
  #prazskyVoucher > .content p.small {
    font-size: 0.9rem; }

#product > #container > .content {
  max-width: 60rem; }
  #product h1 {
    text-align: center; }

#ssoRegister {
  margin: auto; }
  #ssoRegister form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30rem;
    padding: 1rem;
    box-sizing: border-box;
    margin: auto; }
  #ssoRegister form .row {
    width: 20rem;
    margin-bottom: 1rem; }
  #ssoRegister form .row label {
    justify-content: center; }
  #ssoRegister form .row.styledCheckbox {
    width: 100%; }
  #ssoRegister form .row input:not([type='checkbox']):not([type='radio']) {
    width: 100%;
    margin-bottom: 0; }
  #ssoRegister form .row.gender .radios {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
  #ssoRegister form .row.gender .radios input {
    margin: 0 0.25rem; }
  #ssoRegister form .row.buttons {
    display: flex;
    justify-content: center;
    align-items: center; }
  #ssoRegister form .row.buttons input {
    width: max-content;
    margin-right: 1rem; }
  #ssoRegister form .row .label {
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #ssoRegister form .row .label:first-letter {
    text-transform: uppercase; }
  #ssoRegister form .agreements {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
  #ssoRegister form .agreements .row {
    display: flex;
    justify-content: flex-start; }
  #ssoRegister .loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  #ssoRegister .loader img {
    width: 5rem;
    margin: auto; }
  #ssoRegister button[name='fb-login'] {
    width: 100%;
    background-color: #4267b2; }
  #ssoRegister .error-message {
    color: red; }

#testInterest > #container > .content {
  text-align: center; }
  #testInterest > #container > .content .path {
    display: flex;
    justify-content: center;
    margin: 0.5rem auto; }

#testInvitations #container .content h2 {
  text-align: center; }
  #testInvitations #container .content .new-invitation {
    width: 100%;
    margin: auto;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
  #testInvitations #container .content .new-invitation input[type='text'] {
    margin-right: 0.25rem;
    margin-bottom: 0; }
  #testInvitations #container .content .new-invitation .error-message {
    width: 100%;
    color: #f00;
    text-align: center; }
  #testInvitations #container .content .invitations {
    max-width: 20rem;
    width: 100%;
    margin: auto; }
  #testInvitations #container .content .invitations .invitation {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #testInvitations #container .content .invitations .invitation:before {
    display: block;
    content: " ";
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1rem;
    margin-right: 0.25rem;
    height: 1rem;
    width: 1rem; }
  #testInvitations #container .content .invitations .invitation.non-accepted:before {
    background-image: url("/static/img/icons/questionmark_red.png"); }
  #testInvitations #container .content .invitations .invitation.accepted:before {
    background-image: url("/static/img/icons/correctmark_green.png"); }

#testReviewRepair > #container > .content .selector {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  #testReviewRepair > #container > .content .selector .item {
    margin: 0.5rem;
    padding: 0.5rem;
    box-sizing: border-box;
    border: 1px solid #db4a27;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 1rem); }
  @media (min-width: 30em) {
          #testReviewRepair > #container > .content .selector .item {
            width: calc(50% - 1rem); } }
  @media (min-width: 40em) {
          #testReviewRepair > #container > .content .selector .item {
            width: calc(33% - 1rem); } }
  @media (min-width: 50em) {
          #testReviewRepair > #container > .content .selector .item {
            width: calc(25% - 1rem); } }
  @media (min-width: 60em) {
          #testReviewRepair > #container > .content .selector .item {
            width: calc(20% - 1rem); } }
  #testReviewRepair > #container > .content .selector .item.single {
    border: none; }
  #testReviewRepair > #container > .content .selector .item .title {
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    color: #db4a27; }
  #testReviewRepair > #container > .content .selector .item .image-wrapper {
    width: 100%;
    position: relative;
    flex: 0 0 auto; }
  #testReviewRepair > #container > .content .selector .item .image-wrapper img {
    width: 100%;
    display: block;
    margin: auto; }
  #testReviewRepair > #container > .content .selector .item button {
    margin: 0 auto;
    display: block;
    background-color: #e84118; }
  #testReviewRepair > #container > .content .selector .item .inserted, #testReviewRepair > #container > .content .selector .item .accepted, #testReviewRepair > #container > .content .selector .item .repair {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 1.25rem;
    margin: 0.25rem 0; }
  #testReviewRepair > #container > .content .selector .item .inserted {
    color: #e1b12c; }
  #testReviewRepair > #container > .content .selector .item .repair {
    color: #e84118; }
  #testReviewRepair > #container > .content .selector .item .accepted {
    color: #44bd32; }
  #testReviewRepair > #container > .content .selector .item .reason {
    text-align: center;
    font-size: 0.875rem; }
  #testReviewRepair > #container > .content .selector .item .claim {
    font-style: italic;
    width: 100%;
    text-align: center; }

#testReviews > #container > .content h1 {
  text-align: center; }
  #testReviews > #container > .content .selector {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #testReviews > #container > .content .selector .item {
    margin: 0.5rem;
    padding: 0.5rem;
    box-sizing: border-box;
    border: 1px solid #db4a27;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 1rem); }
  @media (min-width: 30em) {
          #testReviews > #container > .content .selector .item {
            width: calc(50% - 1rem); } }
  @media (min-width: 40em) {
          #testReviews > #container > .content .selector .item {
            width: calc(33% - 1rem); } }
  @media (min-width: 50em) {
          #testReviews > #container > .content .selector .item {
            width: calc(25% - 1rem); } }
  @media (min-width: 60em) {
          #testReviews > #container > .content .selector .item {
            width: calc(20% - 1rem); } }
  #testReviews > #container > .content .selector .item.single {
    border: none; }
  #testReviews > #container > .content .selector .item .title {
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    color: #db4a27; }
  #testReviews > #container > .content .selector .item .image-wrapper {
    width: 100%;
    position: relative;
    flex: 0 0 auto; }
  #testReviews > #container > .content .selector .item .image-wrapper img {
    width: 100%;
    display: block;
    margin: auto; }
  #testReviews > #container > .content .selector .item button {
    margin: 0 auto;
    display: block;
    background-color: #e84118; }
  #testReviews > #container > .content .selector .item .inserted, #testReviews > #container > .content .selector .item .accepted, #testReviews > #container > .content .selector .item .repair {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 1.25rem;
    margin: 0.25rem 0; }
  #testReviews > #container > .content .selector .item .inserted {
    color: #e1b12c; }
  #testReviews > #container > .content .selector .item .repair {
    color: #e84118; }
  #testReviews > #container > .content .selector .item .accepted {
    color: #44bd32; }
  #testReviews > #container > .content .selector .item .reason {
    text-align: center;
    font-size: 0.875rem; }
  #testReviews > #container > .content .selector .item .claim {
    font-style: italic;
    width: 100%;
    text-align: center; }

#test h1 {
  text-align: center; }
  #test .blacklisted {
    color: red;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.25rem; }
  #test .info {
    text-transform: none;
    font-size: 1rem; }
  #test .inserted, #test .repair, #test .accepted {
    font-size: 1.5rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
    text-transform: uppercase; }
  #test .inserted {
    color: #e1b12c; }
  #test .repair {
    color: #e84118;
    margin-bottom: 0.5rem; }
  #test .accepted {
    color: #44bd32; }
  #test .gallery {
    margin-top: 2.5rem; }
  @media print {
  #test h1, #test h2, #test h3, #test h4, #test h5, #test h6 {
    page-break-after: avoid; }
  #test h1 {
    font-size: 2rem; }
    #test h1.main {
      display: none; }
  #test img {
    height: auto; } }

#testEnrollment h1, #testEnrollment .center {
  text-align: center; }

#zboziAllForm .content form {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #zboziAllForm .content form .row {
    display: flex;
    justify-content: center;
    align-items: center; }
  #zboziAllForm .content form .row .separator {
    margin: 0 0.5rem; }
  #zboziAllForm .content form .row .inlineDatePicker {
    margin: 0; }
  #zboziAllForm .content form .row .separator + .inlineDatePicker {
    margin: 0 1rem 0 0; }

.brandtestingclub *, .brandtestingclub button, .brandtestingclub input, .brandtestingclub a.button {
  font-family: 'Barlow', sans-serif; }
  .brandtestingclub #footer .content .center .copy {
    font-family: 'Barlow', sans-serif; }
  .brandtestingclub input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
    font-family: 'Barlow', sans-serif; }

#facebookLogin.frekvence1 .content {
  width: 60rem;
  background-color: white; }

#googleLogin.frekvence1 .content {
  width: 60rem;
  background-color: white; }

#home.testujto > .content {
  display: flex;
  flex-direction: column;
  max-width: 90rem;
  width: calc(100% - 2rem); }
  #home.testujto > .content .easter-egg {
    width: 40rem;
    max-width: 100%;
    margin: auto; }
  #home.testujto > .content h2 {
    margin: 1rem 0 0.25rem;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase; }
  #home.testujto > .content p.subtitle {
    text-align: center;
    font-size: 1.25rem; }
  #home.testujto > .content .tests {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
  #home.testujto > .content .line {
    max-width: 90rem;
    height: 2px;
    background-color: #db4a27;
    margin: 1rem; }
  #home.testujto > .content .no-result, #home.testujto > .content .claim {
    font-size: 1.5rem;
    font-weight: bold;
    color: #cdcdcd;
    text-align: center;
    margin: 1rem 0.5rem; }
  #home.testujto > .content .buttons {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between; }
  #home.testujto > .content .buttons .search {
    display: flex;
    justify-content: flex-end;
    padding: 0.5rem; }
  #home.testujto > .content .buttons .search input {
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    margin-bottom: 0;
    border-right: none;
    height: 2rem;
    box-sizing: border-box;
    background-color: white;
    width: 100%; }
  #home.testujto > .content .buttons .search input:focus {
    box-shadow: none; }
  #home.testujto > .content .buttons .search button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    margin: 0;
    height: calc(2rem + 2px);
    border: solid 1px #db4a27;
    width: 40%;
    padding: 0 0.75rem 0 0.5rem; }
  #home.testujto > .content .buttons .search button:focus {
    box-shadow: none; }
  #home.testujto #loadAnotherButton {
    text-align: center; }
  #home.testujto .placeholder {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 1rem auto;
    width: 4rem;
    height: 4rem; }
  #home.testujto button {
    margin: 1rem auto; }