/* =========================================================
   Block: [data-b-id="1"] — header/top line
   ========================================================= */
[data-b-id="1"] .indent {
  padding: 35px 0;
}

[data-b-id="1"] .container {
  color: #222;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[data-b-id="1"] .container .logo-holder { margin-right: 50px; }

[data-b-id="1"] .container .text-holder {
  margin-right: auto;
  margin-left: 0;
  font-size: 1.286em;
  line-height: 1.444;
}

[data-b-id="1"] .container .desc           { min-width: 50px; }
[data-b-id="1"] .container .contact-holder { margin-left: 30px; }
[data-b-id="1"] .container .contact-desc   { line-height: 1.5; }

/* Mobile */
@media (max-width: 767px) {
  body.adaptive [data-b-id="1"] .container {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  body.adaptive [data-b-id="1"] .container .logo-holder { margin: 0 auto; }

  body.adaptive [data-b-id="1"] .container .logo-holder .component-logo {
    background-position: 50%;
    margin: 0 auto;
    text-align: center;
  }

  body.adaptive [data-b-id="1"] .container .text-holder {
    margin: 10px auto 20px;
    text-align: center;
  }

  body.adaptive [data-b-id="1"] .container .contact-holder {
    margin: 0 auto;
    word-break: break-word;
  }

  body.adaptive [data-b-id="1"] .container .contact-holder .contact-wrap {
    -ms-flex-pack: center;
    justify-content: center;
  }

  body.adaptive [data-b-id="1"] .container .contact-holder .contact-desc {
    text-align: center;
  }
}

/* Variant: [data-b-id="1"][data-id="633130"] */
[data-b-id="1"][data-id="633130"] .component-bg .image    { background-position: 50% 50%; }
[data-b-id="1"][data-id="633130"] .component-bg .overlay  { background: #fff; opacity: .95; }

[data-b-id="1"][data-id="633130"] .indent {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 570px) {
  [data-b-id="1"][data-id="633130"] .indent {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

[data-b-id="1"][data-id="633130"] .container { color: #1b1b1c; }

/* =========================================================
   Block: [data-b-id="13"] — quiz/hero section
   ========================================================= */
[data-b-id="13"] .indent       { padding: 200px 0; }
[data-b-id="13"] .container-fluid { overflow: hidden; }

[data-b-id="13"] .container {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}

[data-b-id="13"] .cover,
[data-b-id="13"] .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

[data-b-id="13"] .content {
  position: relative;
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 40px 0;
}

[data-b-id="13"] .component-logo { margin: 0 auto 30px; text-align: center; }

[data-b-id="13"] .btn-note { max-width: 580px; margin: 30px auto 0; }

[data-b-id="13"] .btn-wrap {
  width: 340px;
  max-width: 100%;
  position: relative;
  margin: 50px auto 0;
}

[data-b-id="13"] .btn-wrap.arrow { margin-top: 75px; }
[data-b-id="13"] .btn-wrap .component-button { width: 100%; max-width: 100%; }

[data-b-id="13"] .btn-wrap .arrow {
  display: none;
  position: absolute;
  right: 100%;
  bottom: 5px;
  margin-right: 20px;
  width: 60px;
  height: 78px;
}

[data-b-id="13"] .btn-wrap.arrow .arrow { display: block; }

[data-b-id="13"] .btn-wrap .arrow svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  fill-rule: evenodd;
}

/* Quiz progress / states */
[data-b-id="13"] .quiz-progress {
  position: absolute;
  left: 0;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 0 50px;
  transition: all .35s ease;
  transition-property: transform, opacity, visibility;
}

[data-b-id="13"] .quiz-progress[data-current="0"],
[data-b-id="13"] .quiz-progress[data-current=done] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

[data-b-id="13"] .quiz-progress[data-current="0"][data-text-style=percent],
[data-b-id="13"] .quiz-progress[data-current=done][data-text-style=percent] {
  transform: scale(.85);
}

[data-b-id="13"] .quiz-progress ~ .quiz-state-started { padding-top: 110px; }

[data-b-id="13"] [data-quiz-part=wellcome],
[data-b-id="13"] [data-quiz-part=quiz],
[data-b-id="13"] [data-quiz-part=done] {
  display: block !important;
  width: 100%;
  margin: auto;
  left: 0;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: visibility, opacity, transform;
}

[data-b-id="13"] [data-quiz-part=wellcome] { z-index: 1; position: relative; transform: translateZ(0); }
[data-b-id="13"] [data-quiz-part=quiz],
[data-b-id="13"] [data-quiz-part=done] { transform: scale(.95); }

[data-b-id="13"] .quiz-state-started [data-quiz-part=wellcome],
[data-b-id="13"] [data-quiz-part=quiz],
[data-b-id="13"] [data-quiz-part=done] {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

[data-b-id="13"] .quiz-state-started [data-quiz-part=wellcome] { transform: translateY(-30px); }

[data-b-id="13"] .quiz-state-started [data-quiz-part=quiz] {
  position: relative;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateZ(0);
}

[data-b-id="13"] .quiz-state-done [data-quiz-part=wellcome],
[data-b-id="13"] .quiz-state-done [data-quiz-part=quiz] {
  z-index: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-30px);
}

[data-b-id="13"] .quiz-state-done [data-quiz-part=done] {
  z-index: 1;
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateZ(0);
}

/* Mobile tweaks */
@media (max-width: 767px) {
  body.adaptive [data-b-id="13"] .container .btn-wrap { margin-top: 50px; }
  body.adaptive [data-b-id="13"] .container .btn-wrap .arrow { display: none; }
  body.adaptive [data-b-id="13"] .container .btn-wrap .component-button { width: auto; }
  body.adaptive [data-b-id="13"] .container .btn-wrap .component-button .btn-content {
    padding-right: 25px;
    padding-left: 25px;
  }
  body.adaptive [data-b-id="13"] .content       { padding: 20px 0 0; }
  body.adaptive [data-b-id="13"] .quiz-progress { position: relative; margin-bottom: 0; }
}

/* Variant: [data-b-id="13"][data-id="38704"] — themed */
[data-b-id="13"][data-id="38704"] .component-bg .image {
  background-position: 64.43% 23.64%;
  background-image: url('/img/9222419_2560/image.jpg');
}

[data-b-id="13"][data-id="38704"] .component-bg .overlay {
  background: linear-gradient(to top, #000 0%, rgba(0,0,0,0.3) 99%, transparent 140%);
  opacity: 1;
  transition: none;
}

[data-b-id="13"][data-id="38704"] .indent {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 570px) {
  [data-b-id="13"][data-id="38704"] .indent {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

[data-b-id="13"][data-id="38704"] .container { color: #fff; }

/* Buttons — welcome screen */
[data-b-id="13"][data-id="38704"] .wellcome-screen .component-button.bordered .btn-content { color: #ae7e4b; }
[data-b-id="13"][data-id="38704"] .wellcome-screen .component-button.bordered .btn-content:hover { color: #795734; }

[data-b-id="13"][data-id="38704"] .wellcome-screen .component-button.filled .btn-content {
  border: 1px solid #ae7e4b;
  background-color: #ae7e4b;
  color: #fff;
}

[data-b-id="13"][data-id="38704"] .wellcome-screen .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover { background-color: #9c7143; }

[data-b-id="13"][data-id="38704"] .wellcome-screen .component-button.shadow .btn-content { box-shadow: 0 15px 40px rgba(174,126,75,0.2); }
[data-b-id="13"][data-id="38704"] .wellcome-screen .component-button.shadow .btn-content:hover { box-shadow: 0 15px 40px rgba(174,126,75,0.25); }

/* Buttons — quiz */
[data-b-id="13"][data-id="38704"] .component-quiz .component-button.bordered .btn-content { color: #f5e5d0; }
[data-b-id="13"][data-id="38704"] .component-quiz .component-button.bordered .btn-content:hover { color: #e8c291; }

[data-b-id="13"][data-id="38704"] .component-quiz .component-button.filled .btn-content {
  border: 1px solid #f5e5d0;
  background-color: #f5e5d0;
  color: #222;
}

[data-b-id="13"][data-id="38704"] .component-quiz .component-button.filled:not(.shadow):not(.zoom) .btn-content:hover { background-color: #f1d9bb; }

[data-b-id="13"][data-id="38704"] .component-quiz .component-button.shadow .btn-content { box-shadow: 0 15px 40px rgba(245,229,208,0.2); }
[data-b-id="13"][data-id="38704"] .component-quiz .component-button.shadow .btn-content:hover { box-shadow: 0 15px 40px rgba(245,229,208,0.25); }

[data-b-id="13"][data-id="38704"] .component-quiz .form-field-image-check #bg    { fill: #f5e5d0; }
[data-b-id="13"][data-id="38704"] .component-quiz .form-field-image-check #arrow { fill: #000; }

/* =========================================================
   Modals — theme variants by id
   ========================================================= */

/* [data-m-id="12"][data-id="done36378"] */
[data-m-id="12"][data-id="done36378"] .component-bg .overlay { background: #000; opacity: .9; }
[data-m-id="12"][data-id="done36378"] .modal-data { color: #fff; }

[data-m-id="12"][data-id="done36378"] .component-button.bordered .btn-content { color: #222; }
[data-m-id="12"][data-id="done36378"] .component-button.bordered .btn-content:hover { color: #000; }

[data-m-id="12"][data-id="done36378"] .component-button.filled .btn-content {
  border: 1px solid #222;
  background-color: #222;
  color: #fff;
}

[data-m-id="12"][data-id="done36378"]
.component-button.filled:not(.shadow):not(.zoom) .btn-content:hover { background-color: #151515; }

[data-m-id="12"][data-id="done36378"] .component-button.shadow .btn-content { box-shadow: 0 15px 40px rgba(34,34,34,0.2); }
[data-m-id="12"][data-id="done36378"] .component-button.shadow .btn-content:hover { box-shadow: 0 15px 40px rgba(34,34,34,0.25); }

/* [data-m-id="3"][data-id="form18968"] */
[data-m-id="3"][data-id="form18968"] .component-bg .image   { background-position: 50% 50%; }
[data-m-id="3"][data-id="form18968"] .component-bg .overlay { background: #000; opacity: .9; }
[data-m-id="3"][data-id="form18968"] .modal-data            { color: #fff; }

[data-m-id="3"][data-id="form18968"] .component-button.bordered .btn-content { color: #222; }
[data-m-id="3"][data-id="form18968"] .component-button.bordered .btn-content:hover { color: #000; }

[data-m-id="3"][data-id="form18968"] .component-button.filled .btn-content {
  border: 1px solid #222;
  background-color: #222;
  color: #fff;
}

[data-m-id="3"][data-id="form18968"]
.component-button.filled:not(.shadow):not(.zoom) .btn-content:hover { background-color: #151515; }

[data-m-id="3"][data-id="form18968"] .component-button.shadow .btn-content { box-shadow: 0 15px 40px rgba(34,34,34,0.2); }
[data-m-id="3"][data-id="form18968"] .component-button.shadow .btn-content:hover { box-shadow: 0 15px 40px rgba(34,34,34,0.25); }

/* =========================================================
   Widget: [data-w-id="2"] — anchors list
   ========================================================= */
[data-w-id="2"] .anchors-list {
  position: fixed !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  padding: 20px 15px;
  min-width: 48px;
  min-height: 64px;
  top: 50%;
  right: 20px;
  transform: translate3d(0, -50%, 0);
  color: #fff;
  line-height: 0;
  letter-spacing: -4px;
  border-radius: 3px;
}

@media (max-width: 1199px) {
  [data-w-id="2"] .anchors-list { right: 5px; }
}

[data-w-id="2"] .anchors-list.hide { display: none; }

[data-w-id="2"] .anchors-list ul {
  margin: 0;
  padding: 0;
  position: relative;
}

[data-w-id="2"] .anchors-list ul > svg path,
[data-w-id="2"] .anchors-list ul > svg circle { fill: currentColor; }

[data-w-id="2"] .anchors-list li {
  letter-spacing: 0;
  display: block;
  cursor: pointer;
}

[data-w-id="2"] .anchors-list li a {
  display: block;
  color: inherit;
  width: 100%;
  height: 100%;
}

[data-w-id="2"] .anchors-list li[data-title] { position: relative; }

[data-w-id="2"] .anchors-list li[data-title]:before,
[data-w-id="2"] .anchors-list li[data-title]:after {
  position: absolute;
  top: 50%;
  right: 100%;
  display: block;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(10px, -50%, 0);
  transition: transform .15s ease, opacity .2s;
  transition-delay: .3s;
}

[data-w-id="2"] .anchors-list li[data-title]:hover:before,
[data-w-id="2"] .anchors-list li[data-title]:hover:after {
  transform: translate3d(0, -50%, 0);
  opacity: 1;
  pointer-events: all;
}

[data-w-id="2"] .anchors-list li[data-title]:before {
  content: attr(data-title);
  margin-right: 10px;
  background: #222;
  color: #fff;
  white-space: nowrap;
  line-height: 12px;
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 3px;
}

[data-w-id="2"] .anchors-list li[data-title]:after {
  content: "";
  width: 0;
  height: 0;
  margin-right: -2px;
  border: 6px solid #222;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

[data-w-id="2"] .anchors-list li.helper {
  display: none;
  opacity: 0;
  pointer-events: none;
}

/* Styles 1–3 */
[data-w-id="2"] .anchors-list[data-style="1"],
[data-w-id="2"] .anchors-list[data-style="2"] { transition: color .2s; }

[data-w-id="2"] .anchors-list[data-style="1"] li,
[data-w-id="2"] .anchors-list[data-style="2"] li { padding: 6px 3px; }

[data-w-id="2"] .anchors-list[data-style="1"] li a,
[data-w-id="2"] .anchors-list[data-style="2"] li a {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

[data-w-id="2"] .anchors-list[data-style="1"] li a {
  box-shadow: inset 0 0 0 2px currentColor;
  transition: background .1s linear;
  transition-delay: .15s;
}

[data-w-id="2"] .anchors-list[data-style="1"] li.active a {
  background: currentColor;
  transition-delay: 0s;
}

[data-w-id="2"] .anchors-list[data-style="1"] li.helper {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  margin: 0;
}

[data-w-id="2"] .anchors-list[data-style="1"] li.helper a {
  background: currentColor;
  transition: background .2s;
}

[data-w-id="2"] .anchors-list[data-style="2"] { transition: color .2s linear; }
[data-w-id="2"] .anchors-list[data-style="2"] li a {
  background: currentColor;
  transition: background .4s, opacity .3s;
  opacity: .35;
}

[data-w-id="2"] .anchors-list[data-style="2"] li.active a { opacity: 1; }

[data-w-id="2"] .anchors-list[data-style="3"] li { margin: 18px 0; }
[data-w-id="2"] .anchors-list[data-style="3"] li a {
  position: relative;
  width: 16px;
  height: 3px;
  opacity: .35;
  background: currentColor;
  transition: background .4s, opacity .35s;
}

[data-w-id="2"] .anchors-list[data-style="3"] li.active a { opacity: 1; }

/* Hide on small / portrait */
@media (max-width: 570px) { body.adaptive [data-w-id="2"] { display: none; } }
@media (orientation: portrait) { body.adaptive [data-w-id="2"] { display: none; } }