@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url("https://fonts.googleapis.com/css?family=Merriweather:300,400,700,700i&display=swap&subset=latin-ext");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* Webfont: Lato-Black */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Black.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Black.woff2") format("woff2"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BlackItalic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-BlackItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-BlackItalic.woff2") format("woff2"), url("../fonts/Lato-BlackItalic.woff") format("woff"), url("../fonts/Lato-BlackItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Heavy */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Heavy.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Heavy.woff2") format("woff2"), url("../fonts/Lato-Heavy.woff") format("woff"), url("../fonts/Lato-Heavy.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-HeavyItalic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-HeavyItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-HeavyItalic.woff2") format("woff2"), url("../fonts/Lato-HeavyItalic.woff") format("woff"), url("../fonts/Lato-HeavyItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Bold */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-BoldItalic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-BoldItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-BoldItalic.woff2") format("woff2"), url("../fonts/Lato-BoldItalic.woff") format("woff"), url("../fonts/Lato-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Semibold */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Semibold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato-Semibold.woff") format("woff"), url("../fonts/Lato-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-SemiboldItalic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-SemiboldItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-SemiboldItalic.woff2") format("woff2"), url("../fonts/Lato-SemiboldItalic.woff") format("woff"), url("../fonts/Lato-SemiboldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Medium */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato-Medium.woff") format("woff"), url("../fonts/Lato-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-MediumItalic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-MediumItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-MediumItalic.woff2") format("woff2"), url("../fonts/Lato-MediumItalic.woff") format("woff"), url("../fonts/Lato-MediumItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Regular */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Italic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Italic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Italic.woff2") format("woff2"), url("../fonts/Lato-Italic.woff") format("woff"), url("../fonts/Lato-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Light */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Light.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-LightItalic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-LightItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-LightItalic.woff2") format("woff2"), url("../fonts/Lato-LightItalic.woff") format("woff"), url("../fonts/Lato-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Thin */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Thin.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Thin.woff2") format("woff2"), url("../fonts/Lato-Thin.woff") format("woff"), url("../fonts/Lato-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-ThinItalic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-ThinItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-ThinItalic.woff2") format("woff2"), url("../fonts/Lato-ThinItalic.woff") format("woff"), url("../fonts/Lato-ThinItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Hairline */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Hairline.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-Hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Hairline.woff2") format("woff2"), url("../fonts/Lato-Hairline.woff") format("woff"), url("../fonts/Lato-Hairline.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
/* Webfont: Lato-HairlineItalic */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-HairlineItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Lato-HairlineItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-HairlineItalic.woff2") format("woff2"), url("../fonts/Lato-HairlineItalic.woff") format("woff"), url("../fonts/Lato-HairlineItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
section.info h1, #article-header h1, article > h1 {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 800;
}

.kiadvany-article h1, #legfrissebkiadvanyunk h2, #hirlevelre-feliratkozas h1, #quiz.start h1, #legnehezebb-kvizek h2, .allthestuff h2, #osszestema h2, #aktualistema h1, #category-main h1, #topcucc h2, #searchresults h1, #kategoriak h2, #legfrissebbtemaink h2, #szavakaszotarbol h2, #kiadvanyaink h2, #napszava h2, #top-search-box.dictionary h2 {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 800;
}

#message h3, section.info + section h2, #quiz-finish-container .w-5 h2, #evaluate h2, #questions h2, .quiz .box h3, #searchextra h2, article > h2, .tema .box h3, .kiadvany .box h3, #faq h2, #kapcsolodokviz h2, #kelltennem h2 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 800;
}

#quiz-finish-container .w-5 h3, #evaluate .word h3, #legnehezebb-kvizek .quiz .box h3, #quiz-popup h3, #hirlevel-popup h3, .allthestuff .title, #topcucc .inner > div > h3, #linked .tema .box h3, .likebox h3, article h2.details, #megtobbszo h3, .faq dt, #kelltennem ol li::before, #kelltennem h3, .important, article .author .name, article > h3, #temak .tema .box h3, .word .box h3, #modal-title {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 800;
}

#kiadvanyaink .kiadvany h3, #topcucc .quiz .box h3, #topcucc label, .quote .author-name, article > h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 800;
}

#message p, #quiz.start p, #category-main h1 small, .accordion h3, .accordion p, #top-search-box p {
  font-size: 1.125rem;
  line-height: 1.7;
}

#message a, section.info + section li, section.info + section p, section.info p, #hirlevelre-feliratkozas p, #quiz-finish-container .helyesek, #legnehezebb-kvizek h2 + p, #searchextra h2 + p, .likebox > p, #faq p, #kapcsolodokviz .inner > p, #kelltennem p, #kelltennem ul, article > p, article li {
  font-size: 1.25rem;
  line-height: 1.7;
}

#article-header p {
  font-size: 1.75rem;
  line-height: 1.7;
  font-weight: 300;
}

.likebox > p, #faq p, #kapcsolodokviz .inner > p, #kelltennem p, #kelltennem ul, article > p, article li {
  margin-bottom: 1em;
}

#faq h2, #kapcsolodokviz h2, #kelltennem h2 {
  margin-bottom: 1em;
}

.quizleiras, #legfrissebbtemaink .inner > p, #szavakaszotarbol .inner > p, #kiadvanyaink .inner > p {
  font-size: 1.3125rem;
}

#message p, section.info + section li, section.info + section p, section.info p, #quiz-finish-container .helyesek, #evaluate .word, #quiz.start p, #searchextra h2 + p, #article-header p, .faq dd, .accordion p, .important, .tema .box h3, .kiadvany .box h3, .word .box, #top-search-box p, #js-modal-content, #modal-title.blue-modal-title, #fixed-mobile-header h1, article h2.details, ul.chips li a, .suggester a, .likebox > p, #faq p, #kapcsolodokviz .inner > p, #kelltennem p, #kelltennem ul, article > p, article li {
  font-family: "Merriweather", serif;
}

#fixed-mobile-header h1, article h2.details, ul.chips li a, .suggester a {
  font-weight: 700;
}

#page-footer ul, .category, #linked .inner > .box ul, #kelltennem ol, article .meta, .breadcrumb ol, ul.chips, nav ul {
  list-style-type: none;
  padding: 0;
}

section.info + section li::before, #page-footer .others li::after, #evaluate .word button::after, #evaluate .word button::before, .quiz .box::after, #linked::before, .accordion .icon::after, .accordion .icon::before, #szavak .slick-dots::after, #top-search-box form.with-suggester::before, .main-logo::before, #header-search-form label[for=header-search]::before {
  content: "";
  position: absolute;
  speak: none;
}

#fixed-mobile-header .goback span, #newsletter label[for=e-mail], #close-quiz-popup span, #close-hirlevel-popup span, #list-order input, .accordion input, #top-search-box label, .modal-close span, #js-modal-close span {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

#top-search-box button {
  background-color: transparent;
  position: absolute;
  width: 1.375rem;
  height: 1.375rem;
  border: 0;
  text-indent: -666rem;
  transition: all 0.666s;
}

ul.chips li a {
  padding: 0.6rem 1.2rem;
  border-radius: 1.8rem;
}

#linked .word .box, .faq div {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}

#page-footer .megosztas, section.info + section .button, #newsletter button, #quiz-finish-container .w-5.black button, #buttons button, #quiz.start button, #searchextra button, .buttons .button {
  background: #707cdc;
  color: #fff;
  border: 0;
  padding: 0.6rem 1.2rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  border-radius: 1ex;
  transition: background 0.666s;
}
#page-footer .megosztas:hover, section.info + section .button:hover, #newsletter button:hover, #quiz-finish-container .w-5.black button:hover, #buttons button:hover, #quiz.start button:hover, #searchextra button:hover, .buttons .button:hover {
  background: #2f345b;
}

#topcucc .inner, #kelltennem .inner {
  background: #000;
  border-radius: 1.8rem;
  color: #fff;
  padding: 4.5rem 5.75rem;
}

.quiz .box, .word .box {
  border-radius: 0.4rem;
  display: block;
  position: relative;
  color: #fff;
  padding: 2rem;
  transition: all 0.666s;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1.2rem;
}

#top-search-box form.with-suggester input:focus {
  background: #fff;
  color: #1b1b1d;
  text-shadow: 0 0 0.5px rgba(0, 0, 0, 0.1);
  font-size: 1.25rem;
  font-weight: 500;
  filter: none;
  box-shadow: none;
  outline: none;
}

#impresszum a, #page-footer .others li a span, #linked .inner > .box li a, #article-header .deprecated a, #kelltennem .software-list a span, article a:not(.button), .breadcrumb li a, .box .pseudobutton span, .main-menu a, .main-logo, .suggester a span, .more {
  background: linear-gradient(currentColor, currentColor);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: bottom;
  transition: all 0.666s;
}

.main-logo::before, #header-search-form label[for=header-search]::before,
#moblisearch-opener,
#top-search-box button,
#page-footer .others li::after,
.likebox .like,
#quiz-finish-container .w-5 h2.nice::before,
#fixed-mobile-header .share,
.likebox .share,
#linked::before,
#category-main h1.cat-jel::before,
.category li.cat-jel a::before, #category-main h1.cat-szleng::before, .category li.cat-szleng a::before, #category-main h1.cat-fogalom::before, .category li.cat-fogalom a::before, #category-main h1.cat-platform::before, .category li.cat-platform a::before, #category-main h1.cat-technikai::before, .category li.cat-technikai a::before, #category-main h1.cat-viselkedes::before, .category li.cat-viselkedes a::before,
#list-order legend,
.firstquiz::before, section.info h1.fel::before, #quiz-finish-container .w-5.black h3, #evaluate h2, section.info h1.f0f::before, #quiz-finish-container .w-5.black h3.wrong, #evaluate h2.wrong,
.quiz .box::after, .quiz .box.icon-1::after, .quiz .box.icon-2::after, .quiz .box.icon-3::after, .quiz .box.icon-4::after, .quiz .box.icon-5::after, .quiz .box.icon-6::after, .quiz .box.icon-7::after, .quiz .box.icon-8::after, #quiz-finish-container .w-5 h2.perfect::before, section.info h1.le::before {
  background-repeat: no-repeat;
  background-position: center;
}

/* Leagilizálódott:
%logoka {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30' style='enable-background:new 0 0 32 30;version:1'%3E%3Cstyle%3E.q%7Bfill:none;stroke-linecap:round;stroke-miterlimit:10;stroke-width:3;%7D%3C/style%3E%3Cpath d='M30.5 9c0 0-4-7.5-14.5-7.5S1.5 9 1.5 9' class='q' style='stroke:%23707CDC'/%3E%3Cpath d='M25 13c0 0-2.5-4.5-9-4.5 -5.5 0-9 4.5-9 4.5' class='q' style='stroke:%235E68B8'/%3E%3Cpath d='M21 18c0 0-1.5-2.5-5-2.5S11 18 11 18' class='q' style='stroke:%234E5799'/%3E%3Cpath d='M13.5 28c0 0 1.1 1 2.5 1s2.5-1 2.5-1' class='q' style='stroke-width:2;stroke:%235E68B8'/%3E%3Ccircle cx='14' cy='23' r='1.5' fill='%2340477D'/%3E%3Ccircle cx='18' cy='23' r='1.5' fill='%2340477D'/%3E%3C/svg%3E");
}
*/
.main-logo::before, #header-search-form label[for=header-search]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23'%3E%3Cstyle%3E.a%7Bfill:%23707cdc;%7D%3C/style%3E%3Cstyle type='text/css'%3E .q%7Bfill:none;stroke:%23707cdc;stroke-linecap:round;stroke-miterlimit:10;%7D .q0%7Bstroke-width:3;%7D .q1%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath class='q q0' d='M20 6c0 0-2.5-4.5-9-4.5C5.5 1.5 2 6 2 6'/%3E%3Cpath class='q q0' d='M16 11c0 0-1.5-2.5-5-2.5S6 11 6 11'/%3E%3Cpath class='q q1' d='M8.5 21c0 0 1.1 1 2.5 1s2.5-1 2.5-1'/%3E%3Ccircle cx='9' cy='16' r='1.5' class='a'/%3E%3Ccircle cx='13' cy='16' r='1.5' class='a'/%3E%3C/svg%3E");
}

#moblisearch-opener, #top-search-box button {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E");
}

#page-footer .others li::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpolygon points='2 0 2 1.2 6 1 0 7 0 8 1 8 7 2 6.8 6 8 6 8 0 '/%3E%3C/svg%3E");
}

.likebox .like, #quiz-finish-container .w-5 h2.nice::before, #quiz-finish-container .w-5 h2.perfect::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' viewBox='0 0 64 57' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17L11 57 5 57C2 57 0 55 0 53L0 21C0 19 2 17 5 17L11 17ZM57 17L43 17 45 8C46 5 44 1 41 0L41 0C38-1 35 0 33 3L29 10 18 21 18 53 31 57 49 57C55 57 60 52 61 46L64 25C64 23 64 21 62 19 61 18 59 17 57 17Z'/%3E%3C/svg%3E");
}

#fixed-mobile-header .share, .likebox .share {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath d='M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z'%3E%3C/path%3E%3C/svg%3E");
}

/*
%app-google {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 192'%3E%3Cpath fill='none' d='M0 0h192v192H0z'%3E%3C/path%3E%3Cpath fill='%23BDC1C6' d='M108.93 128.87L66.85 184h21.63c3.65.03 7.12-1.59 9.37-4.52l38.51-50.34-27.42-.25-.01-.02zM18.97 144c-3.59-.03-6.98 1.58-9.2 4.58L8 150.97l11.48 2.82 6.64 9.36L40.23 144H18.97z'%3E%3C/path%3E%3Cpath fill='%23DADCE0' d='M88.38 184c-3.64-.03-7.05-1.65-9.24-4.59l-22.62-30.53c-2.19-2.95-5.6-4.84-9.24-4.88H20c3.64.03 7.05 1.68 9.24 4.62l22.62 30.53c2.19 2.95 5.6 4.81 9.24 4.85h27.28z'%3E%3C/path%3E%3Cpath fill='%234285F4' d='M20.01 77.97c.08-1.36.39-2.71.94-3.98.65-1.5 1.61-2.89 2.89-4.06l64.14-58.81A11.79 11.79 0 0 1 95.99 8l3.98 36.03L95.99 72l-31.96 8.07-44.02-2.1z'%3E%3C/path%3E%3Cpath fill='%23669DF6' d='M171.97 77.97a11.75 11.75 0 0 0-.94-3.98c-.65-1.5-1.61-2.89-2.89-4.06L104 11.12A11.784 11.784 0 0 0 96 8v64l36.16 8.07 39.81-2.1z'%3E%3C/path%3E%3Cpath fill='%235BB974' d='M171.98 77.97l-36.77-3.22L96 72l-4 24s4 23.27 4 24c0 .54 15.98 3.9 15.98 3.9l29.3-1.14 6.08-7.92 22.19-28.94c1.81-2.34 2.6-5.17 2.43-7.93z'%3E%3C/path%3E%3Cpath fill='%2334A853' d='M20.02 77.97c-.17 2.76.62 5.59 2.43 7.94l22.19 28.94 6.08 7.92 25.23 1.33L96 120V72l-75.98 5.97z'%3E%3C/path%3E%3Cpath fill='%23FBBC04' d='M96 120c-2.29 0-45.29 2.77-45.29 2.77l35.88 46.78c2.37 3.1 5.89 4.64 9.41 4.64l4.06-34.15c0 .01-3.11-20.04-4.06-20.04z'%3E%3C/path%3E%3Cpath fill='%23FCC934' d='M96 174.19c3.52 0 7.04-1.55 9.41-4.64l35.88-46.78L96 120v54.19z'%3E%3C/path%3E%3C/svg%3E");
}
%app-ms {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cpath d='M 105,105 0,105 0,0 l 105,0 0,105 z' fill='%23F35325'/%3E%3Cpath d='m 221,105 -105,0 0,-105 105,0 0,105 z' fill='%2381BC06'/%3E%3Cpath d='m 105,220.695 -105,0 0,-105 105,0 0,105 z' fill='%2305A6F0'/%3E%3Cpath d='m 221,220.695 -105,0 0,-105 105,0 0,105 z' fill='%23FFBA08'/%3E%3C/svg%3E");
}
%app-netszuro {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 96'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23path-3_2_);%7D .st1%7Bfill:url(%23path-3_4_);fill-opacity:0.9;%7D .st2%7Bopacity:0.2;fill:%2316202C;enable-background:new;%7D%0A%3C/style%3E%3ClinearGradient id='path-3_2_' gradientUnits='userSpaceOnUse' x1='-429.6' y1='520.1' x2='-428.6' y2='520.1' gradientTransform='matrix(80 0 0 -96.0001 34365 49973.0273)'%3E%3Cstop offset='0' stop-color='%234320A2'/%3E%3Cstop offset='1' stop-color='%23821656'/%3E%3C/linearGradient%3E%3Cpath id='path-3' class='st0' d='M40 96c-0.2 0-0.4 0-0.6-0.1C12.5 86.9 0 68.6 0 38.1v-24c0-0.9 0.5-1.7 1.4-2l38-12c0.4-0.1 0.8-0.1 1.2 0l38 12c0.9 0.3 1.4 1.1 1.4 2v24c0 30.5-12.5 48.9-39.4 57.8C40.4 96 40.2 96 40 96z'/%3E%3CradialGradient id='path-3_4_' cx='-430.7' cy='531.7' r='1.1' gradientTransform='matrix(-22.1625 76.8689 76.8689 22.1625 -50368.8086 21321.2402)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%23FFF;stop-opacity:0.5'/%3E%3Cstop offset='1' style='stop-color:%23FFF;stop-opacity:0'/%3E%3C/radialGradient%3E%3Cpath id='path-3_1_' class='st1' d='M40 96c-0.2 0-0.4 0-0.6-0.1C12.5 86.9 0 68.6 0 38.1v-24c0-0.9 0.5-1.7 1.4-2l38-12c0.4-0.1 0.8-0.1 1.2 0l38 12c0.9 0.3 1.4 1.1 1.4 2v24c0 30.5-12.5 48.9-39.4 57.8C40.4 96 40.2 96 40 96z'/%3E%3Cpath id='mask' class='st2' d='M40.6 0.1l38 12c0.9 0.3 1.4 1.1 1.4 2v24c0 30.5-12.5 48.9-39.4 57.8C40.5 96 40.3 96 40.2 96L40 96V0C40.2 0 40.4 0 40.6 0.1z'/%3E%3Cpath d='M36.1 30.3c-2.2 2.1-3.4 5-3.4 8l0 0v20.2c0 0.8-0.6 1.4-1.4 1.4l0 0v0h-3.4c-0.7 0-1.3-0.6-1.4-1.3l0 0 0-21.2c0-4.3 3-8.1 7.4-9.6l0 0 0 0c0.2 0 0.3-0.2 0.3-0.4l0 0c0-0.2-0.2-0.4-0.4-0.4l0 0c0 0 0 0 0 0l0 0v0c-2.8 0.2-5.4 1.3-7.4 3.3l0 0c-2.2 2.1-3.4 5-3.4 8l0 0v23.9c0 0.4 0.3 0.7 0.6 0.8l0 0h12c0.3-0.1 0.6-0.4 0.6-0.8l0 0V38.3c0-2.1 0.8-4.1 2.4-5.6l0 0c1.5-1.5 3.6-2.3 5.7-2.3l0 0c2.2 0 4.2 0.8 5.7 2.3l0 0c1.5 1.5 2.4 3.5 2.4 5.6l0 0v13.1c0 0.7-0.7 1.3-1.4 1.3l0 0v0h-1.3c-0.8 0-1.4-0.6-1.4-1.4l0 0h0l0-16.7c0 0 0 0 0 0l0 0c0 0 0 0 0 0l0 0v0h0c0-0.9-0.8-1.7-1.8-1.7l0 0c-1 0-1.8 0.8-1.8 1.7l0 0c0 0 0 0 0 0l0 0h0V55c0 0.4 0.4 0.8 0.8 0.8l0 0h9.4c0.5 0 0.8-0.4 0.8-0.8l0 0V38.3c0-3-1.2-5.9-3.4-8l0 0c-2.2-2.1-5.1-3.3-8.2-3.3l0 0C41.3 27 38.3 28.2 36.1 30.3' fill='%23fff'/%3E%3C/svg%3E");
}
*/
#linked::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 24C23 19 31 19 36 24L36 24 38 27C39 28 39 30 38 31 37 33 35 33 34 31L34 31 31 29C29 27 25 27 22 29L22 29 8 44C6 47 6 51 8 53L8 53 10 56C13 58 17 58 19 56L19 56 26 48C27 47 29 47 30 48 32 50 32 52 30 53L30 53 24 60C21 63 18 64 15 64 11 64 8 63 6 60L6 60 4 58C-1 53-1 44 4 39L4 39ZM48 0C52 0 55 1 58 4L58 4 60 6C65 11 65 20 60 25L60 25 45 40C40 45 31 45 26 40 25 38 25 36 26 35 27 34 30 34 31 35 33 37 38 37 40 35L40 35 55 20C58 17 58 13 55 11L55 11 53 8C51 6 46 6 44 8L44 8 37 15C36 16 34 16 32 15 31 14 31 12 32 10L32 10 39 4C42 1 45 0 48 0Z'/%3E%3C/svg%3E");
}

#category-main h1.cat-platform::before, .category li.cat-platform a::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 34C27 34 30 37 30 40L30 40 30 58C30 61 27 64 24 64L24 64 6 64C3 64 0 62 0 58L0 58 0 40C0 37 2 34 6 34L6 34 24 34ZM58 34C61 34 64 37 64 40L64 40 64 58C64 61 61 64 58 64L58 64 40 64C37 64 34 61 34 58L34 58 34 40C34 37 37 34 40 34L40 34ZM57 41L41 41 41 57 57 57 57 41ZM24 0C27 0 30 3 30 6L30 6 30 24C30 27 27 30 24 30L24 30 6 30C3 30 0 27 0 24L0 24 0 6C0 3 2 0 6 0L6 0 24 0ZM40 0L58 0C61 0 64 3 64 6L64 6 64 24C64 27 62 30 58 30L58 30 40 30C37 30 34 27 34 24L34 24 34 6C34 3 37 0 40 0L40 0 58 0ZM23 7L7 7 7 23 23 23 23 7ZM57 7L41 7 41 23 57 23 57 7Z'/%3E%3C/svg%3E");
}

#category-main h1.cat-fogalom::before, .category li.cat-fogalom a::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' viewBox='0 0 62 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.2 30.3C48.2 36.1 45.7 41.6 41.3 45.5L41.3 50.5C41.3 52.4 39.8 53.9 37.9 53.9L24.1 53.9C22.2 53.9 20.7 52.4 20.7 50.5L20.7 45.5C16.3 41.6 13.8 36.1 13.8 30.3 13.8 21 21.5 13.5 31 13.5 40.5 13.5 48.2 21 48.2 30.3ZM31 10.1C32.9 10.1 34.4 8.6 34.4 6.7L34.4 3.4C34.4 1.5 32.9 0 31 0 29.1 0 27.6 1.5 27.6 3.4L27.6 6.7C27.6 8.6 29.1 10.1 31 10.1ZM11.5 16C12.2 16.7 13 17 13.9 17 14.9 17 15.7 16.7 16.4 16 17 15.4 17.4 14.5 17.4 13.6 17.4 12.7 17 11.9 16.4 11.3L13.9 8.9C12.6 7.7 10.5 7.8 9.3 9.1 8 10.3 7.9 12.3 9.1 13.6L11.5 16ZM10.3 30.3C10.3 28.5 8.8 26.9 6.9 26.9L3.4 26.9C1.5 26.9 0 28.5 0 30.3 0 32.2 1.5 33.7 3.4 33.7L6.9 33.7C8.8 33.7 10.3 32.2 10.3 30.3ZM11.5 44.6L9.1 47C7.8 48.3 7.8 50.4 9.1 51.7 9.7 52.4 10.6 52.7 11.5 52.7 12.4 52.7 13.3 52.4 13.9 51.7L16.4 49.4C17.3 48.5 17.6 47.3 17.3 46.1 17 44.9 16 44 14.8 43.7 13.7 43.4 12.4 43.7 11.5 44.6L11.5 44.6ZM50.5 44.6C49.1 43.3 47 43.3 45.6 44.6 44.3 45.9 44.3 48.1 45.6 49.4L48.1 51.7C48.7 52.4 49.6 52.7 50.5 52.7 51.4 52.7 52.3 52.4 52.9 51.7 54.2 50.4 54.2 48.3 52.9 47L50.5 44.6ZM58.6 26.9L55.1 26.9C53.2 26.9 51.7 28.5 51.7 30.3 51.7 32.2 53.2 33.7 55.1 33.7L58.6 33.7C60.5 33.7 62 32.2 62 30.3 62 28.5 60.5 26.9 58.6 26.9ZM48.2 17C49.1 17 50 16.7 50.7 16L53.1 13.6C54.1 12.8 54.5 11.5 54.2 10.3 53.9 9.1 52.9 8.1 51.6 7.8 50.4 7.5 49.1 7.9 48.2 8.9L45.8 11.3C45.1 11.9 44.8 12.7 44.8 13.6 44.8 14.5 45.1 15.4 45.8 16 46.4 16.7 47.3 17 48.2 17ZM34.4 57.3L27.6 57.3C25.7 57.3 24.1 58.8 24.1 60.6 24.1 62.5 25.7 64 27.6 64L34.4 64C36.3 64 37.9 62.5 37.9 60.6 37.9 58.8 36.3 57.3 34.4 57.3Z'/%3E%3C/svg%3E");
}

#category-main h1.cat-jel::before, .category li.cat-jel a::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0C14.3 0 0 14.3 0 32 0 49.7 14.3 64 32 64 49.7 64 64 49.7 64 32 64 14.3 49.7 0 32 0ZM18 24.5C18 22.6 19.6 21 21.5 21 23.4 21 25 22.6 25 24.5 25 26.4 23.4 28 21.5 28 19.6 28 18 26.4 18 24.5ZM44.6 43.9C41.2 46.7 36.9 48.2 32.5 48 28.1 48.2 23.8 46.7 20.4 43.9 19.8 43.2 19.9 42.2 20.5 41.5 21.2 40.9 22.2 40.8 23 41.4 25.7 43.5 29 44.6 32.5 44.5 36 44.6 39.3 43.5 42 41.4 42.8 40.8 43.8 40.9 44.5 41.5 45.1 42.2 45.2 43.2 44.6 43.9L44.6 43.9ZM42.5 28C40.6 28 39 26.4 39 24.5 39 22.6 40.6 21 42.5 21 44.4 21 46 22.6 46 24.5 46 26.4 44.4 28 42.5 28Z'/%3E%3C/svg%3E");
}

#category-main h1.cat-szleng::before, .category li.cat-szleng a::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' viewBox='0 0 64 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.4 0L36.4 0C32.4 0 29.1 2.4 27.6 5.8 27.2 5.7 26.8 5.7 26.3 5.7L10.4 5.7C4.6 5.7 0 10.4 0 16L0 19.8C0 21.8 0.6 23.8 1.7 25.5L6.2 32.9C7 34.3 8.3 35 9.9 35 11.4 35 12.8 34.2 13.6 32.9L15.3 30.1 26.4 30.1C30.9 30.1 34.7 27.3 36.1 23.3 36.2 23.3 36.3 23.3 36.4 23.3L50.1 23.3 52.6 27.5C53.7 29.3 56.3 29.3 57.3 27.5L62.4 19C63.4 17.5 64 15.7 64 13.8L64 9.5C63.9 4.3 59.6 0 54.4 0ZM26.3 26.4L14.1 26.4C13.5 26.4 12.9 26.7 12.5 27.3L10.3 31C10.2 31.2 10 31.3 9.8 31.3 9.7 31.3 9.5 31.2 9.4 31L4.9 23.6C4.9 23.6 4.8 23.5 4.8 23.5 4.1 22.4 3.7 21.2 3.7 19.9L3.7 16.1C3.7 12.5 6.7 9.6 10.3 9.6L26.2 9.6C26.4 9.6 26.6 9.6 26.8 9.6 26.8 9.6 26.8 9.6 26.8 9.6L26.8 13.9C26.8 17.7 29.1 21 32.4 22.5 31.4 24.8 29.1 26.4 26.3 26.4ZM35.8 14.4C34.3 14.4 33 13.2 33 11.6 33 10.1 34.3 8.8 35.8 8.8 37.4 8.8 38.6 10.1 38.6 11.6 38.6 13.2 37.4 14.4 35.8 14.4ZM45.4 14.4C43.8 14.4 42.5 13.2 42.5 11.6 42.5 10.1 43.8 8.8 45.4 8.8 46.9 8.8 48.2 10.1 48.2 11.6 48.2 13.2 46.9 14.4 45.4 14.4ZM11.4 14.8C13.2 14.8 14.6 16.2 14.6 17.9 14.6 19.6 13.2 21 11.4 21 9.7 21 8.3 19.6 8.3 17.9 8.3 16.2 9.7 14.8 11.4 14.8ZM20.1 14.8C21.9 14.8 23.3 16.2 23.3 17.9 23.3 19.6 21.9 21 20.1 21 18.4 21 17 19.6 17 17.9 17 16.2 18.4 14.8 20.1 14.8ZM55 8.8C56.5 8.8 57.8 10.1 57.8 11.6 57.8 13.2 56.5 14.4 55 14.4 53.4 14.4 52.2 13.2 52.2 11.6 52.2 10.1 53.4 8.8 55 8.8Z'/%3E%3C/svg%3E");
}

#category-main h1.cat-viselkedes::before, .category li.cat-viselkedes a::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' viewBox='0 0 42 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4 7.4C17.9 7.4 20 9.4 20 12L20 12 20 24C20.8 23.4 21.7 23 22.7 23 24.9 23 26.7 24.5 27.2 26.5 28 25.9 28.9 25.5 30 25.5 32.6 25.5 34.6 27.6 34.6 30.1L34.6 30.1C35.4 29.6 36.3 29.3 37.3 29.3L37.3 29.3C39.9 29.3 41.9 31.3 42 33.9L42 33.9 42 59.4C42 60.6 41.5 61.8 40.7 62.6 39.8 63.5 38.6 64 37.4 64L37.4 64 15.2 64C13.4 64 11.8 63 11.1 61.5L11.1 61.5 0.5 40.4C-0.7 38.1 0.3 35.4 2.5 34.2 4.8 33.1 7.6 34 8.7 36.2L8.7 36.2 10.8 40.3 10.8 12C10.8 9.4 12.8 7.4 15.4 7.4ZM15.4 0C22 0 27.3 5.4 27.3 12 27.3 13.3 26.3 14.3 25 14.3 23.8 14.3 22.7 13.3 22.7 12 22.7 7.9 19.4 4.6 15.4 4.6 11.3 4.6 8 7.9 8 12 8 13.3 7 14.3 5.7 14.3 4.5 14.3 3.4 13.3 3.4 12 3.4 5.4 8.8 0 15.4 0Z'/%3E%3C/svg%3E");
}

#category-main h1.cat-technikai::before, .category li.cat-technikai a::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' viewBox='0 0 64 38' xmlns='http://www.w3.org/2000/svg' class='a'%3E%3Cpath fill-rule='evenodd' d='M16.2 0L47.6 0C60.7 0 68.8 28.3 60.9 36.4 54.2 42.8 40.3 27.9 32 28.3 23.5 27.9 9.6 42.8 3.1 36.4 -4.8 28.3 3.3 0 16.2 0ZM14 9.2L19.7 9.2 19.7 14.3 24.7 14.3 24.7 19.9 19.7 19.9 19.7 24.9 14 24.9 14 19.9 9 19.9 9 14.3 14 14.3 14 9.2ZM42.1 9.8C43.9 9.8 45.5 11.3 45.5 13.1 45.5 15.1 43.9 16.5 42.1 16.5 40.3 16.5 38.7 15.1 38.7 13.1 38.7 11.3 40.3 9.8 42.1 9.8ZM51.6 17.7C53.4 17.7 54.8 19.1 54.8 20.9 54.8 22.9 53.4 24.3 51.6 24.3 49.6 24.3 48.2 22.9 48.2 20.9 48.2 19.1 49.6 17.7 51.6 17.7Z'/%3E%3C/svg%3E");
}

#list-order legend {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6H21V8H3V6M3 11H15V13H3V11M3 16H9V18H3V16Z'/%3E%3C/svg%3E");
}

.firstquiz::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23707cdc' viewBox='0 0 56 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 54C20 54 22 55 22 57L22 57 22 62C22 63 21 64 19 64 18 64 17 63 17 62L17 62 17 57C17 55 18 54 19 54ZM37 54C38 54 39 55 39 57L39 57 39 62C39 63 38 64 37 64 36 64 34 63 34 62L34 62 34 57C34 55 35 54 37 54ZM28 49C29 49 30 50 30 51L30 51 30 60C30 61 29 62 28 62 27 62 26 61 26 60L26 60 26 51C26 50 27 49 28 49ZM28 0C29 0 30 1 30 1L30 2 36 18 54 19C55 19 56 19 56 20 56 21 56 22 55 23L55 23 41 34 46 50C46 51 46 52 45 53 45 53 44 53 44 53 43 53 43 53 43 53L42 53 28 43 14 53C13 54 12 54 11 53 10 52 10 51 10 50L10 50 15 34 1 23C0 22 0 21 0 20 0 19 1 19 2 19L2 19 20 18 26 2C26 1 27 0 28 0ZM6 34C8 33 9 34 9 35 10 37 9 38 8 39L8 39 3 40C3 40 3 40 2 40 1 40 0 40 0 38 0 37 0 36 2 35L2 35ZM50 34L50 34 54 35C56 36 56 37 56 38 56 40 55 40 54 40 53 40 53 40 53 40L53 40 48 39C47 38 46 37 47 35 47 34 48 33 50 34ZM45 6C46 7 47 8 46 9L46 9 43 13C43 14 42 14 41 14 40 14 40 14 40 14 38 13 38 11 39 10L39 10 42 6C43 5 44 5 45 6ZM14 6L14 6 17 10C18 11 18 13 16 14 16 14 16 14 15 14 14 14 14 14 13 13L13 13 10 9C9 8 10 7 11 6 12 5 13 5 14 6Z'/%3E%3C/svg%3E");
}

#progress-container .flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23707cdc'%3E%3Cpath d='M14.4 6L14 4H5V21H7V14H12.6L13 16H20V6H14.4Z'/%3E%3C/svg%3E");
}

.quiz .box::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42 29.5C42 27.5 40.5 25.8 38.5 25.2 38.5 25 38.6 24.7 38.6 24.5 38.6 22.6 36.9 21 34.8 21 33.7 21 32.7 21.5 32 22.2 31.3 21.5 30.3 21 29.2 21 27.1 21 25.4 22.6 25.4 24.5 25.4 24.7 25.5 25 25.5 25.2 23.5 25.8 22 27.5 22 29.5 22 30.5 22.4 31.4 23 32.2 22.4 33 22 34 22 35 22 36.6 22.9 38.1 24.3 39 24.3 39 24.3 39 24.3 39 24.3 41.2 26.2 43 28.6 43 30 43 31.2 42.4 32 41.5 32.8 42.4 34 43 35.4 43 37.7 43 39.6 41.3 39.7 39.3 41.1 38.4 42 37 42 35.5 42 34.4 41.5 33.3 40.7 32.5 41.5 31.7 42 30.6 42 29.5ZM38.6 33.3C39.5 33.8 40.1 34.6 40.1 35.5 40.1 36.2 39.8 36.8 39.3 37.3 38.8 36.4 37.9 35.6 36.8 35.3 36.3 35.1 35.8 35.4 35.6 35.9 35.5 36.4 35.7 36.9 36.2 37.1 37.2 37.4 37.8 38.2 37.8 39 37.8 40.2 36.7 41.1 35.4 41.1 34 41.1 32.9 40.2 32.9 39L32.9 33C32.9 31.9 34 30.9 35.4 30.9 35.9 30.9 36.3 30.5 36.3 30 36.3 29.5 35.9 29.1 35.4 29.1 34.5 29.1 33.6 29.3 32.9 29.8L32.9 28.6C32.9 28 32.5 27.6 32 27.6 31.5 27.6 31.1 28 31.1 28.6L31.1 33.8C30.7 33.6 30.4 33.4 30 33.3 29.5 33.1 29 33.4 28.9 33.9 28.7 34.4 29 34.9 29.5 35.1 30.4 35.4 31.1 36.1 31.1 37L31.1 39C31.1 40.2 30 41.1 28.6 41.1 27.3 41.1 26.2 40.2 26.2 39 26.2 38.5 26.4 38.1 26.8 37.7 27.1 37.3 27.1 36.7 26.8 36.4 26.4 36 25.8 36 25.4 36.3 25.2 36.6 25 36.8 24.9 37.1 24.3 36.5 23.9 35.8 23.9 35 23.9 33.6 25 32.4 26.6 32 27.1 31.9 27.4 31.4 27.3 30.9 27.2 30.4 26.7 30.1 26.2 30.2 25.5 30.4 24.9 30.6 24.4 30.9 24.1 30.5 23.9 30 23.9 29.5 23.9 28.1 25.3 26.9 26.9 26.9 26.9 26.9 26.9 26.9 26.9 26.9 27.1 26.9 27.4 26.9 27.5 26.7 27.9 26.4 28 25.9 27.7 25.5 27.7 25.5 27.7 25.5 27.7 25.5 27.7 25.5 27.7 25.5 27.7 25.4 27.7 25.4 27.7 25.4 27.6 25.4 27.6 25.4 27.6 25.4 27.6 25.4 27.5 25.2 27.3 24.9 27.3 24.5 27.3 23.6 28.1 22.9 29.2 22.9 30.2 22.9 31.1 23.6 31.1 24.5 31.1 25 31.5 25.4 32 25.4 32.5 25.4 32.9 25 32.9 24.5 32.9 23.6 33.8 22.9 34.8 22.9 35.9 22.9 36.7 23.6 36.7 24.5 36.7 24.7 36.6 24.9 36.6 25.1 36 25.1 35.5 25.3 35 25.5 34.5 25.7 34.3 26.2 34.5 26.7 34.7 27.2 35.3 27.4 35.7 27.2 36.2 27 36.6 26.9 37 26.9 37.1 26.9 37.1 26.9 37.1 26.9 37.1 26.9 37.1 26.9 37.1 26.9 38.7 26.9 40.1 28.1 40.1 29.5 40.1 30.4 39.5 31.2 38.6 31.7 38.3 31.8 38.1 32.2 38.1 32.5 38.1 32.8 38.3 33.2 38.6 33.3ZM63.1 31.1C63.6 31.1 64 31.5 64 32 64 32.5 63.6 32.9 63.1 32.9L48 32.9 48 35.1 52 35.1C52.6 35.1 53 35.5 53 36 53 36.5 52.6 36.9 52 36.9L48 36.9 48 39.1 56.3 39.1C56.7 37.9 57.8 37.1 59.1 37.1 60.7 37.1 62 38.4 62 40 62 41.6 60.7 43 59.1 43 57.8 43 56.7 42.1 56.3 41L48 41 48 43C48 43.4 47.9 43.9 47.8 44.3 47.7 44.7 47.3 45 46.9 45 46.8 45 46.7 45 46.7 44.9 46.2 44.8 45.9 44.3 46 43.8 46.1 43.5 46.1 43.3 46.1 43L46.1 21C46.1 19.3 44.7 17.9 43 17.9L21 17.9C20.7 17.9 20.5 17.9 20.2 18 19.7 18.1 19.2 17.8 19.1 17.3 18.9 16.8 19.2 16.3 19.7 16.2 20.1 16.1 20.6 16 21 16L23 16 23 13.2C23 12.7 22.8 12.1 22.4 11.7L16.3 5.6C15.9 5.8 15.4 5.9 15 5.9 14.2 5.9 13.5 5.6 12.9 5 11.7 3.9 11.7 2 12.9 0.9 14-0.3 15.9-0.3 17 0.9 18 1.8 18.1 3.1 17.6 4.2L23.8 10.4C24.5 11.2 24.9 12.2 24.9 13.2L24.9 16 27.1 16 27.1 12C27.1 11.4 27.5 11 28 11 28.5 11 28.9 11.4 28.9 12L28.9 16 31.1 16 31.1 0.9C31.1 0.4 31.5 0 32 0 32.5 0 32.9 0.4 32.9 0.9L32.9 16 35.1 16 35.1 12C35.1 11.4 35.5 11 36 11 36.5 11 36.9 11.4 36.9 12L36.9 16 39.1 16 39.1 7.7C37.9 7.3 37.1 6.2 37.1 4.9 37.1 3.3 38.4 2 40 2 41.6 2 43 3.3 43 4.9 43 6.2 42.1 7.3 41 7.7L41 16 43 16C45.7 16 48 18.3 48 21L48 23 50.8 23C51.3 23 51.9 22.8 52.3 22.4L58.4 16.3C58.2 15.9 58.1 15.4 58.1 15 58.1 14.2 58.4 13.4 59 12.9 59.5 12.3 60.3 12 61.1 12 61.8 12 62.6 12.3 63.1 12.9 63.7 13.4 64 14.2 64 15 64 15.8 63.7 16.5 63.1 17 62.6 17.6 61.8 17.9 61.1 17.9 60.6 17.9 60.2 17.8 59.7 17.6L53.6 23.8C52.8 24.5 51.8 24.9 50.8 24.9L48 24.9 48 27.1 52 27.1C52.6 27.1 53 27.5 53 28 53 28.5 52.6 28.9 52 28.9L48 28.9 48 31.1 63.1 31.1ZM60.3 14.2C60.1 14.4 60 14.7 60 15 60 15.3 60.1 15.5 60.3 15.7 60.5 15.9 60.8 16 61.1 16 61.3 16 61.6 15.9 61.8 15.7 62 15.5 62.1 15.3 62.1 15 62.1 14.7 62 14.4 61.8 14.2 61.6 14 61.3 13.9 61.1 13.9 60.8 13.9 60.5 14 60.3 14.2ZM15.7 3.7C16.1 3.3 16.1 2.6 15.7 2.2 15.5 2 15.2 1.9 15 1.9 14.7 1.9 14.4 2 14.2 2.2 13.8 2.6 13.8 3.3 14.2 3.7 14.6 4.1 15.3 4.1 15.7 3.7ZM40 6C40.6 6 41.1 5.5 41.1 4.9 41.1 4.4 40.6 3.9 40 3.9 39.4 3.9 38.9 4.4 38.9 4.9 38.9 5.5 39.4 6 40 6ZM59.1 38.9C58.5 38.9 58 39.4 58 40 58 40.6 58.5 41.1 59.1 41.1 59.6 41.1 60.1 40.6 60.1 40 60.1 39.4 59.6 38.9 59.1 38.9ZM51.1 59C52.3 60.1 52.3 62 51.1 63.1 50.5 63.7 49.8 64 49 64 48.3 64 47.5 63.7 47 63.1 46 62.2 45.9 60.9 46.4 59.8L40.2 53.6C39.5 52.8 39.1 51.8 39.1 50.8L39.1 48 36.9 48 36.9 52C36.9 52.6 36.5 53 36 53 35.5 53 35.1 52.6 35.1 52L35.1 48 32.9 48 32.9 63.1C32.9 63.6 32.5 64 32 64 31.5 64 31.1 63.6 31.1 63.1L31.1 48 28.9 48 28.9 52C28.9 52.6 28.5 53 28 53 27.5 53 27.1 52.6 27.1 52L27.1 48 24.9 48 24.9 56.3C26.1 56.7 26.9 57.8 26.9 59.1 26.9 60.7 25.6 62 24 62 22.4 62 21 60.7 21 59.1 21 57.8 21.9 56.7 23 56.3L23 48 21 48C18.3 48 16 45.7 16 43L16 41 13.2 41C12.7 41 12.1 41.2 11.7 41.6L5.6 47.7C5.8 48.1 5.9 48.6 5.9 49 5.9 49.8 5.6 50.6 5 51.1 4.5 51.7 3.7 52 2.9 52 2.2 52 1.4 51.7 0.9 51.1 0.3 50.6 0 49.8 0 49 0 48.2 0.3 47.5 0.9 47 1.4 46.4 2.2 46.1 2.9 46.1 3.4 46.1 3.8 46.2 4.3 46.4L10.4 40.2C11.2 39.5 12.2 39.1 13.2 39.1L16 39.1 16 36.9 12 36.9C11.4 36.9 11 36.5 11 36 11 35.5 11.4 35.1 12 35.1L16 35.1 16 32.9 0.9 32.9C0.4 32.9 0 32.5 0 32 0 31.5 0.4 31.1 0.9 31.1L16 31.1 16 28.9 12 28.9C11.4 28.9 11 28.5 11 28 11 27.5 11.4 27.1 12 27.1L16 27.1 16 24.9 7.7 24.9C7.3 26.1 6.2 26.9 4.9 26.9 3.3 26.9 2 25.6 2 24 2 22.4 3.3 21 4.9 21 6.2 21 7.3 21.9 7.7 23L16 23 16 21C16 20.6 16.1 20.1 16.2 19.7 16.3 19.2 16.8 18.9 17.3 19.1 17.8 19.2 18.1 19.7 18 20.2 17.9 20.5 17.9 20.7 17.9 21L17.9 43C17.9 44.7 19.3 46.1 21 46.1L43 46.1C43.3 46.1 43.5 46.1 43.8 46 44.3 45.9 44.8 46.2 44.9 46.7 45.1 47.2 44.8 47.7 44.3 47.8 43.9 47.9 43.4 48 43 48L41 48 41 50.8C41 51.3 41.2 51.9 41.6 52.3L47.7 58.4C48.8 57.9 50.2 58.1 51.1 59ZM4.9 25.1C5.5 25.1 6 24.6 6 24 6 23.4 5.5 22.9 4.9 22.9 4.4 22.9 3.9 23.4 3.9 24 3.9 24.6 4.4 25.1 4.9 25.1ZM3.7 49.8C3.9 49.6 4 49.3 4 49 4 48.7 3.9 48.5 3.7 48.3 3.5 48.1 3.2 48 2.9 48 2.7 48 2.4 48.1 2.2 48.3 2 48.5 1.9 48.7 1.9 49 1.9 49.3 2 49.6 2.2 49.8 2.4 50 2.7 50.1 2.9 50.1 3.2 50.1 3.5 50 3.7 49.8ZM25.1 59.1C25.1 58.5 24.6 58 24 58 23.4 58 22.9 58.5 22.9 59.1 22.9 59.6 23.4 60.1 24 60.1 24.6 60.1 25.1 59.6 25.1 59.1ZM49.8 61.8C50.2 61.4 50.2 60.7 49.8 60.3 49.6 60.1 49.3 60 49 60 48.8 60 48.5 60.1 48.3 60.3 47.9 60.7 47.9 61.4 48.3 61.8 48.7 62.2 49.4 62.2 49.8 61.8Z'/%3E%3C/svg%3E");
}

.quiz .box.icon-1::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M57 0C53.2 0 50 3.1 50 7 50 8.2 50.3 9.3 50.9 10.3L39.4 21.7C37.9 20.5 35.9 19.8 33.7 19.8 31.6 19.8 29.6 20.5 28 21.7L19.1 12.8C19.5 12.1 19.8 11.3 19.8 10.5 19.8 7.9 17.7 5.8 15.1 5.8 12.6 5.8 10.5 7.9 10.5 10.5 10.5 13 12.6 15.1 15.1 15.1 16 15.1 16.8 14.9 17.5 14.5L26.4 23.4C25.2 25 24.4 26.9 24.4 29.1 24.4 31.2 25.2 33.2 26.4 34.8L11.7 49.5C10.4 48.4 8.8 47.7 7 47.7 3.1 47.7 0 50.8 0 54.7 0 58.5 3.1 61.7 7 61.7 10.8 61.7 14 58.5 14 54.7 14 53.5 13.7 52.4 13.1 51.4L28 36.4C29.3 37.4 30.9 38.1 32.6 38.3L32.6 50.1C29.3 50.7 26.8 53.6 26.8 57 26.8 60.9 29.9 64 33.7 64 37.6 64 40.7 60.9 40.7 57 40.7 53.6 38.2 50.7 34.9 50.1L34.9 38.3C36.6 38.1 38.2 37.4 39.4 36.4L48.4 45.4C48 46.1 47.7 46.8 47.7 47.7 47.7 50.3 49.8 52.4 52.4 52.4 54.9 52.4 57 50.3 57 47.7 57 45.1 54.9 43.1 52.4 43.1 51.5 43.1 50.7 43.3 50 43.7L41.1 34.8C42.3 33.2 43.1 31.2 43.1 29.1 43.1 26.9 42.3 25 41.1 23.4L52.3 12.1C53.6 13.3 55.2 14 57 14 60.9 14 64 10.8 64 7 64 3.1 60.9 0 57 0ZM12.8 10.5C12.8 9.2 13.8 8.1 15.1 8.1 16.4 8.1 17.5 9.2 17.5 10.5 17.5 11.8 16.4 12.8 15.1 12.8 13.8 12.8 12.8 11.8 12.8 10.5ZM7 59.3C4.4 59.3 2.3 57.3 2.3 54.7 2.3 52.1 4.4 50 7 50 9.5 50 11.6 52.1 11.6 54.7 11.6 57.3 9.5 59.3 7 59.3ZM38.4 57C38.4 59.6 36.3 61.7 33.7 61.7 31.2 61.7 29.1 59.6 29.1 57 29.1 54.5 31.2 52.4 33.7 52.4 36.3 52.4 38.4 54.5 38.4 57ZM33.7 36.1C29.9 36.1 26.8 32.9 26.8 29.1 26.8 25.2 29.9 22.1 33.7 22.1 37.6 22.1 40.7 25.2 40.7 29.1 40.7 32.9 37.6 36.1 33.7 36.1ZM54.7 47.7C54.7 49 53.6 50 52.4 50 51.1 50 50 49 50 47.7 50 46.4 51.1 45.4 52.4 45.4 53.6 45.4 54.7 46.4 54.7 47.7ZM57 11.6C54.5 11.6 52.4 9.5 52.4 7 52.4 4.4 54.5 2.3 57 2.3 59.6 2.3 61.7 4.4 61.7 7 61.7 9.5 59.6 11.6 57 11.6Z'/%3E%3C/svg%3E");
}

.quiz .box.icon-2::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 64 46' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.1 30.6C59 28.2 59.4 25.6 59.4 23.1 59.5 10.4 49.3 0.1 36.6 0 27-0.1 18.5 5.9 15.2 14.9 8.2 16.7 3.4 23 3.4 30.2 3.4 31.9 3.7 33.5 4.2 35.1L0 42.8 9.6 42.8C12.5 45.5 16.2 45.8 19.1 45.8 21.9 45.8 24.6 45.1 27 43.6 30 45.1 33.3 45.8 36.6 45.8 40.9 45.8 46.4 45.3 50.7 41.2L64 41.2 58.1 30.6ZM26.2 40.1L25.9 40.3 25.9 40.3C23.9 41.7 21.5 42.4 19.1 42.4 15.4 42.4 13.2 41.7 11.5 39.9L11 39.4 5.7 39.4 7.9 35.4 7.6 34.6C7.1 33.2 6.8 31.7 6.8 30.2 6.8 24.3 11 19.1 16.8 18 17.5 17.9 18.3 17.8 19.1 17.8 25.8 17.8 31.3 23.2 31.3 29.9 31.3 30.2 31.3 30.4 31.3 30.7 31.1 34.4 29.2 37.8 26.2 40.1L26.2 40.1ZM49.3 37.9L48.8 38.4C46 41.3 42.4 42.5 36.6 42.5 34.4 42.5 32.1 42.1 30 41.3L30.1 41.2 30.1 41.1C30.3 40.9 30.5 40.7 30.7 40.5L30.8 40.4C31 40.2 31.2 40 31.3 39.8L31.3 39.8C32.9 37.7 34 35.4 34.4 32.9 34.4 32.9 34.4 32.8 34.4 32.8 34.5 32.5 34.5 32.3 34.6 32 34.6 31.9 34.6 31.9 34.6 31.8 34.6 31.6 34.6 31.3 34.6 31.1 34.6 31 34.6 30.9 34.6 30.8 34.6 30.5 34.6 30.2 34.6 29.9 34.6 21.4 27.6 14.4 19.1 14.4L19.1 14.4C22.3 7.6 29.1 3.3 36.6 3.4 47.4 3.5 56.1 12.2 56.1 23 56.1 25.4 55.6 27.8 54.7 30.1L54.4 30.8 58.3 37.8 49.3 37.9Z'/%3E%3C/svg%3E");
}

.quiz .box.icon-3::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 56 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9 17.2C17.2 10.4 24.7 6.3 32.8 6.3 45.6 6.3 56 16.5 56 29.1 56 41.8 45.6 52 32.8 52 24.7 52 17.2 47.9 12.9 41.1 12 39.6 14.4 38.1 15.3 39.7 19.1 45.6 25.6 49.2 32.8 49.2 44.1 49.2 53.2 40.3 53.2 29.1 53.2 18 44.1 9 32.8 9 25.6 9 19.1 12.6 15.3 18.6 14.4 20.2 12 18.7 12.9 17.2ZM31.4 18.4C31.4 16.6 34.2 16.6 34.2 18.4L34.2 28.5 40.2 33.7C41.6 34.8 39.8 36.9 38.4 35.7L31.8 30.2C31.5 29.9 31.4 29.6 31.4 29.1L31.4 18.4 31.4 18.4ZM23.5 2.8C21.7 2.8 21.7 0 23.5 0L42 0C43.8 0 43.8 2.8 42 2.8L23.5 2.8ZM7.9 24.6C6 24.6 6 21.8 7.9 21.8L21.3 21.8C23.2 21.8 23.2 24.6 21.3 24.6L7.9 24.6ZM4.6 30.5C2.8 30.5 2.8 27.8 4.6 27.8L21.3 27.8C23.2 27.8 23.2 30.5 21.3 30.5L4.6 30.5ZM1.4 36.5C-0.5 36.5-0.5 33.7 1.4 33.7L21.3 33.7C23.2 33.7 23.2 36.5 21.3 36.5L1.4 36.5Z'/%3E%3C/svg%3E");
}

.quiz .box.icon-4::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 64 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 48L17.5 37.2C6.7 33.8 0 27.2 0 19.6 0 8.8 14.4 0 32 0 49.6 0 64 8.8 64 19.6 64 30.5 49.6 39.3 32 39.3 30.2 39.3 28.3 39.2 26.5 39L17.5 48ZM32 2.8C15.9 2.8 2.8 10.4 2.8 19.6 2.8 26 9.3 31.9 19.3 34.8L20.4 35 20.4 41.1 25.5 36 26.1 36.1C28.1 36.3 30 36.4 32 36.4 48.1 36.4 61.2 28.9 61.2 19.6 61.2 10.4 48.1 2.8 32 2.8ZM29.2 21.2C29.2 22 28.5 22.6 27.7 22.6L22.9 22.6 22.9 27.5C22.9 28.2 22.3 28.9 21.5 28.9L18.4 28.9C17.7 28.9 17 28.2 17 27.5L17 22.6 12.2 22.6C11.4 22.6 10.8 22 10.8 21.2L10.8 18.1C10.8 17.3 11.4 16.7 12.2 16.7L17 16.7 17 11.8C17 11 17.7 10.4 18.4 10.4L21.5 10.4C22.3 10.4 22.9 11 22.9 11.8L22.9 16.7 27.7 16.7C28.5 16.7 29.2 17.3 29.2 18.1L29.2 21.2ZM43.8 10.2C45.6 10.2 47 11.6 47 13.4 47 15.2 45.6 16.6 43.8 16.6 42.1 16.6 40.7 15.2 40.7 13.4 40.7 11.6 42.1 10.2 43.8 10.2ZM37.6 22.8C35.9 22.8 34.4 21.4 34.4 19.6 34.4 17.9 35.9 16.4 37.6 16.4 39.4 16.4 40.8 17.9 40.8 19.6 40.8 21.4 39.4 22.8 37.6 22.8ZM43.8 29.1C42.1 29.1 40.7 27.6 40.7 25.9 40.7 24.1 42.1 22.7 43.8 22.7 45.6 22.7 47 24.1 47 25.9 47 27.6 45.6 29.1 43.8 29.1ZM50 22.8C48.3 22.8 46.9 21.4 46.9 19.6 46.9 17.9 48.3 16.4 50 16.4 51.8 16.4 53.2 17.9 53.2 19.6 53.2 21.4 51.8 22.8 50 22.8Z'/%3E%3C/svg%3E");
}

.quiz .box.icon-5::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 64 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3 45L15.3 37.5C6.4 35.7 0 27.9 0 18.9 0 8.5 8.6 0 19.1 0L44.9 0C55.4 0 64 8.5 64 18.9 64 29.4 55.4 37.9 44.9 37.9L27.5 37.9 15.3 45ZM19.7 37.4L26.3 33.5 44.9 33.5C53 33.5 59.6 27 59.6 18.9 59.6 10.9 53 4.3 44.9 4.3L19.1 4.3C11 4.3 4.4 10.9 4.4 18.9 4.4 25.9 9.3 31.8 16.2 33.2L19.7 33.9 19.7 37.4ZM43.9 15.8C42.1 15.8 40.6 14.4 40.6 12.6 40.6 10.8 42.1 9.3 43.9 9.3 45.7 9.3 47.2 10.8 47.2 12.6 47.2 14.4 45.7 15.8 43.9 15.8ZM26.5 22.2L23.2 22.2 23.2 25.4C23.2 27.1 21.8 28.5 20 28.5 18.3 28.5 16.8 27.1 16.8 25.4L16.8 22.2 13.6 22.2C11.8 22.2 10.4 20.8 10.4 19 10.4 17.3 11.8 15.8 13.6 15.8L16.8 15.8 16.8 12.6C16.8 10.9 18.3 9.5 20 9.5 21.8 9.5 23.2 10.9 23.2 12.6L23.2 15.8 26.5 15.8C28.2 15.8 29.7 17.3 29.7 19 29.7 20.8 28.2 22.2 26.5 22.2ZM37.5 22.2C35.7 22.2 34.2 20.7 34.2 18.9 34.2 17.1 35.7 15.7 37.5 15.7 39.3 15.7 40.8 17.1 40.8 18.9 40.8 20.7 39.3 22.2 37.5 22.2ZM43.9 28.5C42.1 28.5 40.6 27.1 40.6 25.3 40.6 23.5 42.1 22 43.9 22 45.7 22 47.2 23.5 47.2 25.3 47.2 27.1 45.7 28.5 43.9 28.5ZM50.3 22.2C48.5 22.2 47 20.7 47 18.9 47 17.1 48.5 15.7 50.3 15.7 52.1 15.7 53.6 17.1 53.6 18.9 53.6 20.7 52.1 22.2 50.3 22.2Z'/%3E%3C/svg%3E");
}

.quiz .box.icon-6::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0C14.4 0 0 14.4 0 32 0 49.6 14.4 64 32 64 49.6 64 64 49.6 64 32 64 14.4 49.6 0 32 0ZM32 60.4C16.3 60.4 3.6 47.7 3.6 32 3.6 16.3 16.3 3.6 32 3.6 47.7 3.6 60.4 16.3 60.4 32 60.4 47.7 47.7 60.4 32 60.4ZM25.1 25.7L19.4 31.4 13.7 25.7C12.2 24.2 12.2 21.8 13.7 20.4 15.1 18.9 17.5 18.9 19 20.4L19.4 20.7 19.8 20.4C21.2 18.9 23.6 18.9 25.1 20.4 26.5 21.8 26.5 24.2 25.1 25.7ZM45 20.4C46.5 18.9 48.9 18.9 50.3 20.4 51.8 21.8 51.8 24.2 50.3 25.7L44.6 31.4 38.9 25.7C37.5 24.2 37.5 21.8 38.9 20.4 40.4 18.9 42.8 18.9 44.2 20.4L44.6 20.7 45 20.4ZM43.4 38.4C44.2 37.8 45.3 37.8 46 38.5 46.6 39.3 46.5 40.4 45.8 41.1 41.9 44.5 37 46.2 32 46.2 27 46.2 22.1 44.5 18.2 41.1 17.5 40.4 17.4 39.3 18 38.5 18.7 37.8 19.8 37.8 20.6 38.4 27 44.1 37 44.1 43.4 38.4Z'/%3E%3C/svg%3E");
}

.quiz .box.icon-7::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4.3C15.5 4.6 15.3 5.2 15.6 5.7L16.1 6.6 16.9 7.9C15.2 10.9 12.2 14.4 9.4 16.1 8.9 16.4 8.4 16.7 7.9 16.9L6.6 16.1 5.7 15.6C5.2 15.3 4.6 15.5 4.3 16 4 16.5 4.2 17.1 4.7 17.4L5.6 17.9 6.8 18.7C6.9 22.2 6.1 26.6 4.5 29.6 4.2 30.1 3.9 30.5 3.6 31L2.1 31 1 31C0.5 31 0 31.4 0 32 0 32.6 0.5 33 1 33L2.1 33 3.5 33C5.3 36 6.9 40.3 7 43.6 7 44.2 7 44.7 6.9 45.3L5.6 46.1 4.7 46.6C4.2 46.9 4 47.5 4.3 48 4.6 48.5 5.2 48.7 5.7 48.4L6.6 47.9 7.9 47.1C10.9 48.8 14.4 51.8 16.1 54.6 16.4 55.1 16.7 55.6 16.9 56.1L16.1 57.4 15.6 58.3C15.3 58.8 15.5 59.4 16 59.7 16.5 60 17.1 59.8 17.4 59.3L17.9 58.4 18.7 57.2C22.2 57.1 26.6 57.9 29.6 59.5 30.1 59.8 30.5 60.1 31 60.4L31 61.9 31 63C31 63.5 31.4 64 32 64 32.6 64 33 63.5 33 63L33 61.9 33 60.5C36 58.7 40.3 57.1 43.7 57 44.2 57 44.8 57 45.3 57.1L46.1 58.4 46.6 59.3C46.9 59.8 47.5 60 48 59.7 48.5 59.4 48.7 58.8 48.4 58.3L47.9 57.4 47.1 56.1C48.8 53.1 51.8 49.6 54.6 47.9 55.1 47.6 55.6 47.3 56.1 47.1L57.4 47.9 58.3 48.4C58.8 48.7 59.4 48.5 59.7 48 60 47.5 59.8 46.9 59.3 46.6L58.4 46.1 57.2 45.3C57.1 41.8 57.9 37.4 59.5 34.4 59.8 33.9 60.1 33.5 60.4 33L61.9 33 63 33C63.5 33 64 32.6 64 32 64 31.4 63.5 31 63 31L61.9 31 60.5 31C58.7 28 57.1 23.7 57 20.4 57 19.8 57 19.2 57.1 18.7L58.4 17.9 59.3 17.4C59.8 17.1 60 16.5 59.7 16 59.4 15.5 58.8 15.3 58.3 15.6L57.4 16.1 56.1 16.9C53.1 15.2 49.6 12.2 47.9 9.4 47.6 8.9 47.3 8.4 47.1 7.9L47.9 6.6 48.4 5.7C48.7 5.2 48.5 4.6 48 4.3 47.5 4 46.9 4.2 46.6 4.7L46.1 5.6 45.3 6.8C41.8 6.9 37.4 6.1 34.4 4.5 33.9 4.2 33.5 3.9 33 3.6L33 2.1 33 1C33 0.5 32.7 0.1 32.2 0 32.1 0 32.1 0 32 0 31.4 0 31 0.5 31 1L31 2.1 31 3.5C28 5.3 23.7 6.9 20.4 7 19.8 7 19.3 7 18.7 6.9L17.9 5.6 17.4 4.7C17.1 4.2 16.5 4 16 4.3ZM31 13.8C28.9 14.8 26 15.8 23.8 15.8L19.9 9C20.1 9 20.3 9 20.4 9 23.7 8.9 27.8 7.6 31 5.9L31 13.8ZM31 28.1L25 17.8C26.9 17.5 29.1 16.9 31 16.1L31 28.1ZM16.2 31C17 29.1 17.5 26.9 17.7 24.9L28.1 31 16.2 31ZM6.1 31C6.2 30.8 6.2 30.7 6.3 30.5 7.9 27.6 8.8 23.5 8.9 19.9L15.7 23.8C15.5 26 14.9 29 13.9 31L6.1 31ZM13.8 33C14.8 35.1 15.8 38 15.8 40.2L9 44.1C9 43.9 9 43.7 9 43.6 8.9 40.3 7.6 36.2 5.9 33L13.8 33ZM28.1 33L17.8 39C17.5 37.1 16.9 34.9 16.1 33L28.1 33ZM31 47.8C29.1 47 26.9 46.5 24.9 46.3L31 35.9 31 47.8ZM31 57.9C30.8 57.8 30.7 57.8 30.5 57.7 27.6 56.1 23.5 55.2 19.9 55.1L23.8 48.3C26 48.5 29 49.1 31 50.1L31 57.9ZM33 50.2C35.1 49.2 38 48.2 40.2 48.2L44.1 55C43.9 55 43.7 55 43.6 55 40.3 55.1 36.2 56.4 33 58.1L33 50.2ZM33 35.9L39 46.2C37.1 46.5 34.9 47.1 33 47.9L33 35.9ZM47.8 33C47 34.9 46.5 37.1 46.3 39.1L35.9 33 47.8 33ZM57.9 33C57.8 33.2 57.8 33.3 57.7 33.5 56.1 36.4 55.2 40.5 55.1 44.1L48.3 40.2C48.5 38 49.1 35 50.1 33L57.9 33ZM50.2 31C49.2 28.9 48.2 26 48.2 23.8L55 19.9C55 20.1 55 20.3 55 20.4 55.1 23.7 56.4 27.8 58.1 31L50.2 31ZM35.9 31L46.2 25C46.5 26.9 47.1 29.1 47.9 31L35.9 31ZM33 16.2C34.9 17 37.1 17.5 39.1 17.7L33 28.1 33 16.2ZM33 6.1C33.2 6.2 33.3 6.2 33.5 6.3 36.4 7.9 40.5 8.8 44.1 8.9L40.2 15.7C38 15.5 35 14.9 33 13.9L33 6.1ZM22 16.8C20.7 18.6 18.7 20.9 16.8 22L10.1 18.1C10.2 18.1 10.3 18 10.5 17.9 13.3 16.2 16.2 13 18.1 9.9L22 16.8ZM29.2 29.2L18.8 23.2C20.4 22 21.9 20.3 23.1 18.7L29.2 29.2ZM16.8 42C18.6 43.3 20.9 45.3 22 47.2L18.1 53.9C18.1 53.8 18 53.7 17.9 53.5 16.2 50.7 13 47.8 9.9 45.9L16.8 42ZM29.2 34.8L23.2 45.2C22 43.6 20.3 42.1 18.7 40.9L29.2 34.8ZM42 47.2C43.3 45.4 45.3 43.1 47.2 42L53.9 45.9C53.8 45.9 53.7 46 53.5 46.1 50.7 47.8 47.8 51 45.9 54.1L42 47.2ZM34.8 34.8L45.2 40.8C43.6 42 42.1 43.7 40.9 45.3L34.8 34.8ZM47.2 22C45.4 20.7 43.1 18.7 42 16.8L45.9 10.1C45.9 10.2 46 10.3 46.1 10.5 47.8 13.3 51 16.2 54.1 18.1L47.2 22ZM45.3 23.1L34.8 29.2 40.8 18.8C42 20.4 43.7 21.9 45.3 23.1Z'/%3E%3C/svg%3E");
}

.quiz .box.icon-8::after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%231b1b1d' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3 5.3C29.3 8.3 26.9 10.7 24 10.7 21.1 10.7 18.7 8.3 18.7 5.3 18.7 2.4 21.1 0 24 0 26.9 0 29.3 2.4 29.3 5.3ZM5.3 0C2.4 0 0 2.4 0 5.3 0 8.3 2.4 10.7 5.3 10.7 8.3 10.7 10.7 8.3 10.7 5.3 10.7 2.4 8.3 0 5.3 0ZM42.7 10.7C45.6 10.7 48 8.3 48 5.3 48 2.4 45.6 0 42.7 0 39.7 0 37.3 2.4 37.3 5.3 37.3 8.3 39.7 10.7 42.7 10.7ZM24 37.3C21.1 37.3 18.7 39.7 18.7 42.7 18.7 45.6 21.1 48 24 48 26.9 48 29.3 45.6 29.3 42.7 29.3 39.7 26.9 37.3 24 37.3ZM5.3 37.3C2.4 37.3 0 39.7 0 42.7 0 45.6 2.4 48 5.3 48 8.3 48 10.7 45.6 10.7 42.7 10.7 39.7 8.3 37.3 5.3 37.3ZM42.7 37.3C39.7 37.3 37.3 39.7 37.3 42.7 37.3 45.6 39.7 48 42.7 48 45.6 48 48 45.6 48 42.7 48 39.7 45.6 37.3 42.7 37.3ZM24 18.7C21.1 18.7 18.7 21.1 18.7 24 18.7 26.9 21.1 29.3 24 29.3 26.9 29.3 29.3 26.9 29.3 24 29.3 21.1 26.9 18.7 24 18.7ZM5.3 18.7C2.4 18.7 0 21.1 0 24 0 26.9 2.4 29.3 5.3 29.3 8.3 29.3 10.7 26.9 10.7 24 10.7 21.1 8.3 18.7 5.3 18.7ZM42.7 18.7C39.7 18.7 37.3 21.1 37.3 24 37.3 26.9 39.7 29.3 42.7 29.3 45.6 29.3 48 26.9 48 24 48 21.1 45.6 18.7 42.7 18.7Z'/%3E%3C/svg%3E");
}

section.info h1.fel::before, #quiz-finish-container .w-5.black h3, #evaluate h2 {
  background-image: url("data:image/svg+xml,%3Csvg fill='%2374D494' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='63' cy='64' r='48' style='opacity:0.2'/%3E%3Cpath d='M59.8 36.3C59.2 36.6 58.5 36.6 58 36.2 57.5 35.8 57.2 35.2 57.3 34.5L58 30.7 55.2 28C54.8 27.5 54.6 26.8 54.8 26.2 55 25.6 55.5 25.1 56.2 25L60 24.5 61.8 21C62.1 20.4 62.6 20 63.3 20 64 20 64.5 20.4 64.8 20.9L64.8 20.9 66.5 24.4 70.4 25C71 25.1 71.6 25.5 71.8 26.1 72 26.8 71.8 27.4 71.3 27.9L68.5 30.6 69.2 34.5C69.3 35 69.1 35.6 68.7 36 68.6 36 68.6 36.1 68.5 36.1 68 36.5 67.3 36.6 66.7 36.3L63.2 34.5 59.8 36.3ZM120.5 58.8C121.1 59 121.6 59.5 121.7 60.2L122.4 65.3 127 67.6C127.6 67.9 128 68.5 128 69.1 128 69.8 127.6 70.4 127 70.7L122.4 73 121.6 78.1C121.6 78.5 121.4 78.9 121.1 79.1 120.9 79.3 120.7 79.4 120.4 79.5 119.8 79.7 119.1 79.6 118.7 79.1L115.1 75.4 110 76.3C109.3 76.4 108.7 76.2 108.3 75.6 107.9 75.1 107.9 74.4 108.2 73.8L110.6 69.2 108.2 64.6C107.9 64 108 63.3 108.3 62.8 108.7 62.3 109.4 62 110 62.1L115.1 63 118.8 59.2C119.2 58.8 119.9 58.6 120.5 58.8ZM2 75C1.4 75.1 0.7 74.8 0.3 74.3 -0.1 73.7-0.1 73 0.2 72.5L3 67.2 0.2 62.1C-0.1 61.5 0 60.8 0.4 60.2 0.8 59.7 1.4 59.4 2.1 59.5L7.9 60.5 12 56.3C12.4 55.8 13.1 55.6 13.7 55.8 14.4 56 14.8 56.6 14.9 57.2L15.7 63 21 65.6C21.6 65.9 21.9 66.5 21.9 67.2 21.9 67.8 21.6 68.4 21 68.7L15.7 71.3 14.8 77.2C14.8 77.5 14.6 77.9 14.3 78.1 14.1 78.3 13.9 78.5 13.6 78.6 13 78.8 12.3 78.6 11.9 78.1L7.8 73.9 2 75ZM77.8 69.3C82.4 62.8 88.4 57.6 95.4 54.2L96.8 57.2C90.4 60.4 84.8 65.2 80.5 71.2L77.8 69.3ZM68.6 103.6L68.6 98.2C68.7 89.8 70.8 81.5 74.8 74.2L77.7 75.8C74 82.6 72 90.3 72 98.2L71.9 103.6 68.6 103.6ZM36.1 57.4L34.3 60.2C32.8 59.2 31.2 58.2 29.6 57.5L31 54.4C32.8 55.3 34.5 56.3 36.1 57.4ZM39 59.4C48.7 67 55.3 78.6 57 91.3L53.7 91.7C52.1 79.9 46 69.1 36.9 62L39 59.4ZM54.1 98.2C54.1 97.5 54.1 96.8 54.1 96L57.4 95.9C57.4 96.6 57.5 97.4 57.5 98.2L57.4 103.7 54.1 103.7 54.1 98.2ZM97.1 79.7L95.6 76.7C98.1 75.4 100.8 74.3 103.6 73.3L104.6 76.5C102 77.4 99.5 78.4 97.1 79.7ZM76.7 103.9C76.7 94.7 82 85.8 91.2 79.4L93.1 82.2C84.8 87.9 80 95.8 80 103.9L80 107.7 76.7 107.7 76.7 103.9ZM22.6 73.6C25.4 74.6 28.2 75.7 30.7 77.1L29.1 80C26.7 78.8 24.2 77.7 21.5 76.8L22.6 73.6ZM45.9 107.8L45.9 104.1C46 95.9 41.3 88.1 33 82.4L34.9 79.6C44.1 85.9 49.3 94.8 49.3 104L49.3 107.8 45.9 107.8ZM61.6 37.7L64.9 37.7 64.8 70.3 61.4 70.3 61.6 37.7ZM64.8 75L64.7 96.8 61.3 96.8 61.4 75 64.8 75ZM64.6 110L61.3 110 61.3 100.5 64.7 100.5 64.6 110ZM26.8 45.6L28.9 43.5 30.9 45.6 28.9 47.6 26.8 45.6ZM48.2 38.1L50.2 36 52.3 38 50.2 40.1 48.2 38.1ZM87.2 73.3L89.3 71.2 91.3 73.3 89.2 75.4 87.2 73.3ZM78.1 51.2L80.1 49.1 82.2 51.2 80.1 53.3 78.1 51.2Z'/%3E%3C/svg%3E");
}

section.info h1.f0f::before, #quiz-finish-container .w-5.black h3.wrong, #evaluate h2.wrong {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23FF7B7B' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='63.5' cy='64.1' r='53.9' style='opacity:0.2'/%3E%3Cpath d='M91.8 95.2L36.4 95.2C32.2 95.2 28.8 91.8 28.8 87.7L28.8 43.3C28.8 43.2 28.8 43 28.8 43 26.1 39.4 24.7 35.4 24.7 31.3 24.7 16.8 42.3 5 64.1 5 85.9 5 103.6 16.8 103.6 31.3 103.6 35.4 102.2 39.5 99.3 43 99.3 43 99.3 43.2 99.3 43.3L99.3 87.6C99.3 91.8 95.9 95.2 91.8 95.2ZM91.8 89.6C92.8 89.6 93.7 88.7 93.7 87.6L93.7 41.1 94.9 39.5C96.9 37 98 34.2 98 31.3 98 20.5 83.2 10.7 64.1 10.7 45.1 10.7 30.3 20.5 30.3 31.3 30.3 34.1 31.3 36.9 33.3 39.7L34.4 41.2 34.4 87.7C34.4 88.7 35.3 89.6 36.4 89.6L91.8 89.6ZM64 73.9C69.9 73.9 71.5 78.3 71.6 78.7L71.6 78.7C71.9 79.3 71.7 80 71.3 80.5 70.9 81 70.2 81.2 69.5 81 69 80.9 68.5 80.5 68.3 79.9L68.2 79.8 68.2 79.8C68.2 79.5 67.3 77.4 64 77.4 60.8 77.4 59.9 79.4 59.7 79.8L59.7 79.8 59.7 79.8 59.7 79.9C59.5 80.4 59.1 80.8 58.6 81L58.4 81C57.8 81.2 57.1 81 56.7 80.5 56.3 80 56.1 79.4 56.3 78.8L56.3 78.7 56.4 78.7C56.5 78.3 58.1 73.9 64 73.9ZM50.6 65.6C52.5 65.6 54.1 67.2 54.1 69 54.1 70.9 52.5 72.5 50.6 72.5 48.8 72.5 47.2 70.9 47.2 69 47.2 67.2 48.8 65.6 50.6 65.6ZM77.3 65.6C79.2 65.6 80.7 67.2 80.7 69 80.7 70.9 79.2 72.5 77.3 72.5 75.4 72.5 73.9 70.9 73.9 69 73.9 67.2 75.4 65.6 77.3 65.6Z'/%3E%3C/svg%3E");
}

#quiz-finish-container .w-5 h2.perfect::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23707cdc' viewBox='0 0 24 24'%3E%3Cpath d='M12,2.5L8.42,8.06L2,9.74L6.2,14.88L5.82,21.5L12,19.09L18.18,21.5L17.8,14.88L22,9.74L15.58,8.06L12,2.5M9.38,10.5C10,10.5 10.5,11 10.5,11.63A1.12,1.12 0 0,1 9.38,12.75C8.75,12.75 8.25,12.25 8.25,11.63C8.25,11 8.75,10.5 9.38,10.5M14.63,10.5C15.25,10.5 15.75,11 15.75,11.63A1.12,1.12 0 0,1 14.63,12.75C14,12.75 13.5,12.25 13.5,11.63C13.5,11 14,10.5 14.63,10.5M9,15H15C14.5,16.21 13.31,17 12,17C10.69,17 9.5,16.21 9,15Z' /%3E%3C/svg%3E");
}

section.info h1.le::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23707CDC' viewBox='0 0 64 64'%3E%3Cpath d='M32 0C14.3 0 0 14.3 0 32 0 49.7 14.3 64 32 64 49.7 64 64 49.7 64 32 64 14.3 49.7 0 32 0ZM18 24.5C18 22.6 19.6 21 21.5 21 23.4 21 25 22.6 25 24.5 25 26.4 23.4 28 21.5 28 19.6 28 18 26.4 18 24.5ZM44.6 45.1C45.2 45.8 45.1 46.8 44.5 47.5 43.8 48.1 42.8 48.2 42 47.6 39.3 45.5 36 44.4 32.5 44.5 29 44.4 25.7 45.5 23 47.6 22.2 48.2 21.2 48.1 20.5 47.5 19.9 46.8 19.8 45.8 20.4 45.1 23.8 42.3 28.1 40.8 32.5 41 36.9 40.8 41.2 42.3 44.6 45.1L44.6 45.1ZM42.5 28C40.6 28 39 26.4 39 24.5 39 22.6 40.6 21 42.5 21 44.4 21 46 22.6 46 24.5 46 26.4 44.4 28 42.5 28Z'/%3E%3C/svg%3E");
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dotted.slick-slider {
  margin-bottom: 6rem;
}

.slick-dots {
  position: absolute;
  bottom: -3rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 30px;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 30px;
  width: 30px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  background: #707cdc;
}
.slick-dots li button:before {
  position: absolute;
  left: calc(50% - 5px);
  top: calc(50% - 5px);
  content: "";
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 49%;
}
.slick-dots li button:focus {
  filter: none;
  box-shadow: none;
}
.slick-dots li.slick-active button:before {
  background: #fff;
  box-shadow: 0 0 0 2px #000;
}

.w-12 {
  width: 67.75rem;
}

.w-11 {
  width: 62rem;
}

.w-10 {
  width: 56.25rem;
}

.w-9 {
  width: 50.5rem;
}

.w-8 {
  width: 44.75rem;
}

.w-7 {
  width: 39rem;
}

.w-6 {
  width: 33.25rem;
}

.w-5 {
  width: 27.5rem;
}

.w-4 {
  width: 21.75rem;
}

.w-3 {
  width: 16rem;
}

.w-2 {
  width: 10.25rem;
}

.w-1 {
  width: 4.5rem;
}

.inner {
  box-sizing: border-box;
  margin: 0 auto;
}

.mobil {
  display: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

img {
  max-width: 100%;
}

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

q {
  quotes: "„" "”" "»" "«";
}

s cite {
  font-style: normal;
}
s cite::before {
  content: "„";
}
s cite::after {
  content: "”";
}

blockquote {
  margin: 0;
}
blockquote > *:first-child::before {
  content: "„";
}
blockquote > *:last-child::after {
  content: "”";
}

.greybg {
  background: #ebecf0;
}

.twocols {
  -moz-columns: 2;
       columns: 2;
}

.more {
  font-weight: 800;
  color: #707cdc;
  text-transform: uppercase;
  padding: 0 0.5ex;
  margin-left: -0.5ex;
}
.more:hover {
  background-size: 100% 1px;
}

*:focus {
  box-shadow: 0 0 0 3px currentColor, 0 0 0 6px #5e68b8;
  border-radius: 1ex;
  outline: 0;
  filter: contrast(2);
}

html {
  font: normal 400 16px/170% "Lato", sans-serif;
  font-size: calc(12px + 0.5vmin);
  color: #1b1b1d;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

body {
  background: #fff;
  overflow-x: hidden;
}

section {
  padding: 2.5rem 0;
}

button {
  border: 0;
}

.top-section {
  padding: 8.5rem 0 0;
  min-height: 5rem;
}
@media only screen and (max-width: 666px) {
  .top-section {
    padding-top: 0;
  }
}

dialog {
  position: fixed;
  top: 49%;
  transform: translateY(-50%);
  max-width: 44.75rem;
  margin: 0 auto;
  z-index: 667;
  padding: 4rem 2em 2rem;
  border-radius: 1rem;
  border: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}

.modal {
  background: #fff;
}

.blue-modal {
  background: #707cdc;
  color: #fff;
  max-width: 33.25rem;
}

#js-modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 666;
}

.no-scroll {
  overflow: hidden !important;
}

div[id^=modal] {
  display: none;
}

#js-modal-close {
  background: linear-gradient(45deg, transparent 45%, #000 45%, #000 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, #000 45%, #000 55%, transparent 55%);
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 1.2rem;
  right: 1.2rem;
  opacity: 0.5;
}
#js-modal-close:focus, #js-modal-close:hover {
  opacity: 1;
}
#js-modal-close:focus {
  box-shadow: none;
}
#js-modal-close.blue-modal-close {
  background: linear-gradient(45deg, transparent 45%, #fff 45%, #fff 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, #fff 45%, #fff 55%, transparent 55%);
}

.modal-close {
  background: linear-gradient(45deg, transparent 45%, #000 45%, #000 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, #000 45%, #000 55%, transparent 55%);
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 1.2rem;
  right: 1.2rem;
  opacity: 0.5;
}
.modal-close:focus, .modal-close:hover {
  opacity: 1;
}
.modal-close:focus {
  box-shadow: none;
}
.modal-close.blue-modal-close {
  background: linear-gradient(45deg, transparent 45%, #fff 45%, #fff 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, #fff 45%, #fff 55%, transparent 55%);
}

#modal-title {
  margin: -2rem 0 2rem;
}
#modal-title small {
  font-size: inherit;
  color: #7b7e87;
  font-weight: 400;
  margin-left: 1ex;
  font-size: 1.125rem;
}
#modal-title.blue-modal-title small {
  color: #ebedfa;
}

#js-modal-content {
  font-size: 1.125rem;
  padding-right: 2rem;
  max-height: 50vh;
  max-height: calc(100vh - 16rem);
  overflow: auto;
  scrollbar-color: #4e5799 #ebedfa;
  scrollbar-width: thin;
}
#js-modal-content::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #4e5799;
}
#js-modal-content::-webkit-scrollbar-thumb {
  background: #4e5799;
  border-radius: 8px;
  border: 4px solid #ebedfa;
}
#js-modal-content p, #js-modal-content h3 {
  margin-bottom: 1rem;
}

#page-header {
  position: absolute;
  width: 100%;
  background: #16161d;
}
body.body-home #page-header {
  background: rgba(0, 0, 0, 0);
}
#page-header .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  border-radius: 1rem;
  height: 5rem;
}
#page-header form input {
  white-space: nowrap;
}
@media only screen and (max-width: 440px) {
  #page-header .main-logo {
    margin: 0;
  }
  #page-header .main-logo::before {
    display: none;
  }
}

#header-search-form label[for=header-search] {
  color: #000;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0 1rem 0 0;
}
#header-search-form label[for=header-search]::before {
  width: 2.5rem;
  height: 2.5rem;
  margin: -0.6rem 0 0 -4rem;
}
@media only screen and (max-width: 1488px) {
  #header-search-form label[for=header-search] {
    margin-left: 4rem;
  }
}
@media only screen and (max-width: 900px) {
  #header-search-form label[for=header-search] {
    font-size: 0;
    color: transparent;
    padding: 0;
    margin: 0;
  }
  #header-search-form label[for=header-search]::before {
    display: none;
  }
}

#js-modal-page::after {
  position: fixed;
  content: "";
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 5rem;
  background: rgba(0, 0, 0, 0.9);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.444s;
}

#page-header form {
  position: absolute;
  top: 0;
  margin: 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 666;
  width: 100%;
  max-width: 67.75rem;
  display: none;
}
#page-header form .inner {
  flex-direction: column;
}
#page-header form .search-top {
  max-width: 67.75rem;
  height: 5rem;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 900px) {
  #page-header form .search-top {
    background: #fff;
    box-shadow: -50vw 0, 50vw 0;
  }
}
#page-header form .search-top button[type=submit] {
  background: #707cdc;
  text-transform: uppercase;
  height: 3.2rem;
  padding: 0 2rem;
  font-weight: 700;
  margin-left: 1rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 512px) {
  #page-header form .search-top button[type=submit] {
    padding: 0 1rem;
  }
}
#page-header form .search-top button[type=submit]:hover, #page-header form .search-top button[type=submit]:focus {
  background: #000;
}
@media only screen and (max-width: 900px) {
  #page-header form {
    padding: 2rem;
    background: #3a3e6a;
    top: 5rem;
  }
  #page-header form #moblisearch-closer {
    display: none;
  }
}

#page-header input {
  background: #fff;
  color: #1b1b1d;
  font-size: 1.25rem;
  padding: 1rem;
  border: 0;
  flex: 1;
  border-radius: 0.4rem;
  caret-color: #707cdc;
  width: 0;
}
#page-header input:focus {
  box-shadow: none;
  border: 0;
}

#popular-results {
  display: block;
  margin: 2rem auto;
}
#popular-results ul.chips li:last-child {
  margin: 0;
}
#popular-results ul.chips li a {
  margin-bottom: 0.6rem;
}

#moblisearch-opener {
  width: 32px;
  height: 32px;
  color: transparent;
  text-indent: -666rem;
  margin-right: -1.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 1488px) {
  #moblisearch-opener {
    margin-right: 1.5rem;
  }
}
#moblisearch-opener:hover, #moblisearch-opener:focus {
  filter: brightness(4);
}

#moblisearch:checked ~ #js-modal-page {
  overflow: hidden !important;
  position: fixed;
  height: 100vh;
  width: 100vw;
}
#moblisearch:checked ~ #js-modal-page::after {
  opacity: 1;
}
#moblisearch:checked ~ #js-modal-page section {
  pointer-events: none;
}
#moblisearch:checked ~ #js-modal-page #moblisearch-opener {
  width: 24px;
  height: 24px;
  background: linear-gradient(45deg, transparent 44%, #707cdc 44%, #707cdc 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, #707cdc 44%, #707cdc 56%, transparent 56%);
  border-radius: 50%;
}
#moblisearch:checked ~ #js-modal-page #moblisearch-closer {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 0 -1rem 0 2.6rem;
  font-size: 0;
  color: transparent;
  border-radius: 50%;
  background: linear-gradient(45deg, transparent 44%, #444 44%, #444 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, #444 44%, #444 56%, transparent 56%);
}
@media only screen and (max-width: 1488px) {
  #moblisearch:checked ~ #js-modal-page #moblisearch-closer {
    margin-right: 2.6rem;
  }
}
#moblisearch:checked ~ #js-modal-page #moblisearch-closer:hover, #moblisearch:checked ~ #js-modal-page #moblisearch-closer:focus {
  background: linear-gradient(45deg, transparent 44%, #f77 44%, #f77 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, #f77 44%, #f77 56%, transparent 56%);
  box-shadow: none;
}
#moblisearch:checked ~ #js-modal-page #page-header form {
  pointer-events: all;
  display: block;
}

.suggester {
  position: absolute;
  width: 100%;
  max-width: calc(100vw - 4rem);
  border-radius: 0 0 8px 8px;
  padding: 0 2rem 1rem;
  z-index: 666;
  box-sizing: border-box;
}
@media only screen and (min-width: 1488px) {
  .suggester {
    padding-left: 16rem;
  }
}
@media only screen and (max-width: 1488px) and (min-width: 900px) {
  .suggester {
    padding-left: 0;
  }
}
@media only screen and (max-width: 900px) {
  .suggester {
    background: #3a3e6a;
    min-width: 100vw;
    left: 0;
  }
}
.suggester a {
  display: block;
  padding: 1rem 2rem 1rem 0;
  font-size: 1.125rem;
  color: #fff;
  border-top: 1px solid #9d9fb5;
  position: relative;
}
.suggester a:first-child {
  border: 0;
}
.suggester a span {
  padding: 0 0.5ex;
  margin-left: -0.5ex;
}
.suggester a small {
  font-weight: 400;
  color: #ebedfa;
  margin-left: 1ex;
}
.suggester a:hover span {
  background-size: 100% 1px;
}
.suggester div {
  font-weight: 800;
  color: #fff;
}
.suggester ul.chips li:last-child {
  margin-left: 0;
  float: none !important;
}
.suggester ul.chips li a {
  padding: 0.2rem 1.2rem;
}
#top-search-box .suggester {
  width: 41.85rem;
  margin: -2rem 0 0 -0.8rem;
}
#top-search-box.dictionary .suggester {
  width: calc(100% + 1.6rem);
}
.suggester .box:hover, .suggester .box:focus {
  color: #707cdc;
  box-shadow: none;
  outline: none;
  border-radius: 0;
}

#popular-results h3 {
  font-size: 1.7142857143rem;
  margin: 3rem 0 2.5rem;
}

.main-logo {
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.25;
}
@media only screen and (max-width: 1488px) {
  .main-logo {
    margin-left: 4rem;
  }
}
.main-logo:hover, .main-logo:focus-within {
  background-size: 100% 1px;
}
.main-logo a:focus {
  box-shadow: none;
  filter: none;
  outline: none;
}
.main-logo::before {
  width: 2.5rem;
  height: 2.5rem;
  margin: -0.6rem 0 0 -4rem;
}
.main-menu {
  margin-left: 2rem;
  flex: 1;
  white-space: nowrap;
}
.main-menu li {
  display: inline-block;
}
.main-menu a {
  color: #707cdc;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  font-size: 1rem;
  padding: 0 1rem;
  line-height: 1.5;
}
.main-menu a:hover {
  background-size: 100% 1px;
}
.main-menu .hirlevel {
  background-color: rgba(64, 71, 125, 0.8);
  padding: 0.5ch;
  border-radius: 0.5ch;
  margin-left: 1rem;
}
.main-menu .hirlevel a {
  color: #fff;
}

#top-search-box {
  padding: 0;
  height: 27rem;
  max-height: 90vw;
}
#top-search-box .bg {
  position: absolute;
  width: 100%;
  z-index: -1;
  min-height: 27rem;
  overflow: hidden;
  background: #000;
}
#top-search-box .bg img {
  max-height: 27rem;
  float: right;
  margin-right: calc(50% - 40rem);
  max-width: 666rem;
}
#top-search-box .inner {
  padding-top: 8.75rem;
}
#top-search-box h2 {
  font-size: 3rem;
  font-weight: 800;
  color: #ebedfa;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  width: 34rem;
  max-width: 60vw;
  line-height: 1.31;
}
#top-search-box p {
  margin: 0 0 2rem 2px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  max-width: 26rem;
}
#top-search-box form {
  position: relative;
}
#top-search-box form.with-suggester::before {
  width: 100%;
  height: 100%;
  background: #3a3e6a;
  padding: 0.8rem;
  margin: -0.8rem;
  border-radius: 3.5rem 3.5rem 0 0;
}
#top-search-box form.with-suggester input {
  position: relative;
}
#top-search-box input {
  background: #fff;
  border: 0;
  font-size: 16px;
  padding: 2rem;
  border-radius: 3rem;
  width: 36.25rem;
  margin-bottom: 2rem;
  color: #000;
}
#top-search-box input:focus {
  box-shadow: 0 0 0 0.5rem #000, 0 0 0 0.8rem rgba(235, 236, 240, 0.25);
  filter: none;
  outline: none;
}
#top-search-box input::-moz-placeholder {
  color: #444;
  opacity: 1;
}
#top-search-box input::placeholder {
  color: #444;
  opacity: 1;
}
#top-search-box input:focus::-moz-placeholder {
  color: #444;
  opacity: 0.5;
}
#top-search-box input:focus::placeholder {
  color: #444;
  opacity: 0.5;
}
#top-search-box button {
  margin: 2rem 0 0 -3.5rem;
}
#top-search-box button:focus, #top-search-box button:hover {
  filter: brightness(0);
  background-size: 125%;
  box-shadow: none;
}
ul.chips {
  color: #fff;
}
ul.chips li {
  display: inline-block;
}
ul.chips li:nth-child(3n+1) a {
  background: #707cdc;
}
ul.chips li:nth-child(3n+2) a {
  background: #5e68b8;
}
ul.chips li:nth-child(3n) a {
  background: #4e5799;
}
ul.chips li:last-child {
  margin-left: 2rem;
}
ul.chips li a {
  font-size: 0.875rem;
  margin-right: 1ex;
  transition: all 0.666s;
  display: block;
  padding: 0.2rem 1.2rem;
}
ul.chips li a:hover {
  background: #2f345b;
}

#top-search-box.dictionary .inner.w-10 {
  padding-top: 3rem;
}
#top-search-box.dictionary h2 {
  color: #ebecf0;
}
#top-search-box.dictionary input {
  width: 100%;
  box-sizing: border-box;
}
#top-search-box.dictionary ul.chips li:last-child {
  float: right;
}

#napszava h2 {
  margin-bottom: 1rem;
}
#napszava .date {
  color: #7b7e87;
}
.word:nth-child(4n+2) .box, .word:nth-child(5n) .box, .word:nth-child(7n) .box, .word:nth-child(17n) .box {
  background: #707cdc;
}
.word:nth-child(3n) .box {
  background: #4e5799;
}
.word .box {
  background: #5e68b8;
  border-radius: 1rem;
  background: #5e68b8;
}
.word .box h3 {
  margin-bottom: 1rem;
}
.word .box:active::after {
  filter: brightness(66%) sepia(100%) hue-rotate(190deg);
  mix-blend-mode: difference;
  width: 10px;
  height: 10px;
  margin: -1px;
}
.word .box:nth-child(4n+2), .word .box:nth-child(5n), .word .box:nth-child(7n), .word .box:nth-child(17n) {
  background: #707cdc;
}
.word .box:nth-child(3n) {
  background: #4e5799;
}
.word .box:hover {
  background: #2a2a38;
}

.buttons {
  margin: 2rem 0;
}
.buttons .button {
  display: inline-block;
  height: 3.75rem;
  line-height: 3.75rem;
  padding: 0 3rem;
  max-width: 100vw;
}
#szavakaszotarbol .buttons .button {
  background: #ebedfa;
  color: #707cdc;
  padding: 0 2.3rem;
}
#szavakaszotarbol .buttons .button svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #707cdc;
  vertical-align: -8%;
  margin: 0 1ex 0 -1ex;
  transition: 0;
}
#szavakaszotarbol .buttons .button:hover, #szavakaszotarbol .buttons .button:focus {
  background: #cad0f2;
  color: #5e68b8;
}
#szavakaszotarbol .buttons .button:hover svg, #szavakaszotarbol .buttons .button:focus svg {
  fill: #5e68b8;
  transform: rotate(-2turn);
  transition: ease-in-out 0.666s;
}

.center {
  text-align: center;
}

@media only screen and (max-width: 600px) {
  #legfrissebbtemaink h2, #szavakaszotarbol h2, #kiadvanyaink h2 {
    font-size: 1.7142857143rem;
  }
}
#legfrissebbtemaink .inner > p, #szavakaszotarbol .inner > p, #kiadvanyaink .inner > p {
  margin: 2rem 0;
  max-width: 58ch;
}
@media only screen and (max-width: 600px) {
  #legfrissebbtemaink .inner > p, #szavakaszotarbol .inner > p, #kiadvanyaink .inner > p {
    font-size: 1.1rem;
    font-weight: 500;
  }
}

@media only screen and (max-width: 600px) {
  #szavakaszotarbol {
    display: none;
  }
}

#legnepszerubbszavak {
  padding: 1.5rem 0 2.5rem;
}
@media only screen and (min-width: 600px) {
  #legnepszerubbszavak {
    display: none;
  }
}
#legnepszerubbszavak h2 {
  font-size: 1.7142857143rem;
  margin-top: -2rem;
}
#legnepszerubbszavak .inner > p {
  font-size: 1.1rem;
  font-weight: 500;
  margin: 1.5rem 0;
}
#legnepszerubbszavak .slick-slide {
  margin: 0 0.75rem;
}
#szavak {
  margin: 0 -4vw;
  display: block;
}
#szavak .slick-dots {
  width: 210px;
  white-space: nowrap;
  left: calc(50% - 105px);
  overflow: hidden;
  position: relative;
  bottom: -2rem;
}
#szavak .slick-dots::after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: inset 0 0 10px #fff;
  pointer-events: none;
}
#szavak .slick-dots li:first-child {
  transition: 0.5s;
  margin-left: 30px;
}
#szavak .slick-dots li:last-child {
  margin-right: 30px;
}
#szavak .slick-dots li.small button::before {
  left: calc(50% - 2px);
  top: calc(50% - 2px);
  width: 4px;
  height: 4px;
}
#szavak .slick-dots li.not {
  opacity: 0.3;
}
#szavak.slick-slider {
  margin-bottom: 2rem;
}

.box .pseudobutton {
  display: block;
  margin: 2rem 1.5rem;
  text-transform: uppercase;
  font-weight: 800;
  position: relative;
  font-family: "Lato", sans-serif;
}
.box .pseudobutton span {
  padding: 0 1ex;
  margin-left: -1ex;
}
.box .pseudobutton svg {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 0;
  transition: 0.3s;
}
.box:hover .pseudobutton span {
  background-size: 100% 1px;
}
.box:hover .pseudobutton svg {
  right: -1rem;
}

#legfrissebbtemaink {
  padding-bottom: 0;
}

#temak, .szavak {
  display: grid;
  grid-gap: 1.5rem;
}

#temak {
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
#temak.slick-slider {
  margin-left: -4vw;
  margin-right: -4vw;
}
.szavak {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.szavak .box {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.szavak .box > p {
  flex: 1;
}
.szavak .box .pseudobutton {
  margin: 2rem 0 0;
}
.szavak .box .pseudobutton svg {
  fill: #fff;
}

@media only screen and (min-width: 666px) {
  .words .word .box {
    padding-right: 12rem;
  }
}
.words .word .box h3 {
  margin-bottom: 0.666rem;
}
.words .word .box .pseudobutton {
  margin: 1rem 0 0;
}
@media only screen and (min-width: 666px) {
  .words .word .box .pseudobutton {
    position: absolute;
    padding-right: 1.5rem;
    right: 2rem;
    bottom: 2rem;
  }
}
.words .word .box .pseudobutton svg {
  fill: #fff;
}

.tema .box, .kiadvany .box {
  background: #ebecf0;
  transition: 0.666s;
  border-radius: 0.4rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #1b1b1d;
}
.tema .box:hover, .tema .box:focus, .kiadvany .box:hover, .kiadvany .box:focus {
  background: #d4d6df;
  outline: 0;
  box-shadow: none;
}
.tema .box:hover figure img, .tema .box:focus figure img, .kiadvany .box:hover figure img, .kiadvany .box:focus figure img {
  filter: brightness(0.8) saturate(1.2);
  opacity: 0.8;
}
.tema .box > figure, .kiadvany .box > figure {
  margin: 0;
  width: 100%;
  padding-top: 50%;
  position: relative;
}
.tema .box > figure img, .kiadvany .box > figure img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.666s;
}
.tema .box h3, .kiadvany .box h3 {
  margin: 1.6rem;
}
.tema .box .content, .kiadvany .box .content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.tema .box .szerzo, .kiadvany .box .szerzo {
  margin: 0 1.6rem;
  display: flex;
  flex: 1;
}
.tema .box .szerzo img, .kiadvany .box .szerzo img {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  margin-right: 1rem;
  border-radius: 49%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tema.slick-slide {
  margin: 0 0.75rem;
}
.tema.slick-slide:first-child {
  margin-left: calc(-15vw + 0.75rem);
}
.tema.slick-slide:last-child {
  margin-right: calc(-15vw + 0.75rem);
}

#egyquiz {
  padding: 0;
}

@media only screen and (max-width: 666px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb h4 {
  display: inline;
  margin-right: 1rem;
}
.breadcrumb ol {
  display: inline;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li a {
  color: #7b7e87;
  padding: 0 0.5ex;
}
.breadcrumb li a:hover {
  color: #000;
  background-size: 100% 1px;
}
.breadcrumb li:last-child a {
  font-weight: 800;
}
.breadcrumb li::before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  border: solid #7b7e87;
  border-width: 1px 1px 0 0;
  margin: 0 0.5ex;
  transform: rotate(45deg);
  vertical-align: 6%;
}
.breadcrumb li:first-child::before {
  display: none;
}

article {
  position: relative;
}
article > h2 {
  margin: 1.5em 0 1em;
}
article > h3 {
  margin: 1.5em 0 1em;
}
article > h4 {
  margin: 1.5em 0 1em;
}
article li {
  margin-bottom: 0;
  padding-left: 1ex;
}
article figure img {
  width: 100%;
}
article .meta {
  display: flex;
  justify-content: space-between;
  margin: 3rem 0;
}
article .author {
  padding-left: 4.75rem;
}
article .author .face {
  width: 3.75rem;
  border-radius: 1.8125rem;
  position: absolute;
  margin-left: -4.75rem;
}
article .author .name {
  display: block;
}
article .author .title {
  font-size: 0.875rem;
  color: #7b7e87;
}
article .data {
  font-size: 0.75rem;
  color: #7b7e87;
}
article dt, article dd {
  display: inline;
  margin: 0 0 0 1ex;
}
article dd {
  font-weight: bold;
}
article .cover-image {
  border-radius: 1ex;
  width: 100%;
}
article a:not(.button) {
  font-weight: 800;
  color: #707cdc;
}
article a:not(.button):hover {
  background-size: 100% 1px;
}
article a.button {
  background: #707cdc;
  color: #fff;
  padding: 0.5ex 1ex;
  border-radius: 0.5ex;
  font-weight: 300;
  transition: background 0.666s;
}
article a.button:hover {
  background: #000;
}
.lead {
  font-weight: 900;
}

.important {
  font-style: italic;
  padding-left: 2em;
}

.highlight {
  background: #fff8d7;
  padding: 0.5ex;
}

figure {
  margin: 2rem 0;
}
figure img {
  border-radius: 1rem;
}

figcaption {
  font-size: 0.875rem;
  line-height: 1.31;
  text-align: center;
  color: #7b7e87;
  padding: 1ex 0 0;
}

article .word .box {
  margin: 2rem 0;
}
article .word .box p {
  font-weight: 400;
}
article .word .box .pseudobutton {
  margin: 2rem 0 0;
  display: inline-block;
  padding-right: 1.5rem;
}
article .word .box .pseudobutton svg {
  fill: #fff;
}

.accordion p {
  margin-bottom: 1rem;
}
.accordion .panel {
  background: #ebedfa;
  padding: 2rem 2rem 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  transition: all 0.666s;
}
.accordion h3 {
  font-weight: 800;
  color: #707cdc;
  margin-bottom: 1rem;
  transition: color 0.666s;
}
.accordion label {
  display: block;
}
.accordion input:focus + .panel {
  box-shadow: inset 0 0 0 2px #707cdc;
}
.accordion div[role=region] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
}
.accordion input:checked + .panel div[role=region] {
  max-height: 100vh;
}
.accordion .icon {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  float: right;
  margin-top: 0.375rem;
  box-shadow: inset 0 0 0 2px #707cdc;
  position: relative;
  transition: all 0.666s;
}
.accordion .icon::after, .accordion .icon::before {
  background: #707cdc;
  transition: background 1s;
}
.accordion .icon::after {
  width: 8px;
  height: 2px;
  left: 4px;
  top: 7px;
}
.accordion .icon::before {
  width: 2px;
  height: 8px;
  left: 7px;
  top: 4px;
}
.accordion input:checked + .panel .icon {
  background: #707cdc;
}
.accordion input:checked + .panel .icon::after {
  background: #fff;
}
.accordion h3:hover {
  color: #000;
}
.accordion h3:hover .icon {
  box-shadow: inset 0 0 0 2px #000;
}
.accordion h3:hover .icon::after, .accordion h3:hover .icon::before {
  background: #000;
}
.accordion input:checked + .panel h3:hover .icon {
  background: #000;
}

.quotes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.quote {
  background: #ebecf0;
  border-radius: 1rem;
  padding: 2rem;
  width: calc(50% - 0.6rem);
  box-sizing: border-box;
  margin-bottom: 1.25rem;
}
.quote .author-info {
  color: #7b7e87;
  margin-bottom: 1rem;
}
.quote a.popup {
  font-weight: 400;
  padding: 0 0.5ex;
  margin-left: -0.5ex;
}
.quote > blockquote {
  margin-bottom: 1rem;
}
.quote > blockquote * {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Lato", sans-serif;
}

.quotes.slick-slider {
  display: block;
  margin-left: -2%;
  width: 100vw;
}
.quotes.slick-slider .quote {
  margin: 0 1ex;
  padding-bottom: 3.2rem;
}
.quotes.slick-slider .quote a.popup {
  position: absolute;
  bottom: 1.5rem;
}
.quotes.slick-slider .quote:focus {
  filter: none;
  box-shadow: none;
}

#kelltennem {
  padding: 0;
}
#kelltennem p, #kelltennem ul {
  font-weight: 300;
}
#kelltennem ul {
  padding-left: 1rem;
}
#kelltennem ul li {
  padding-left: 1ex;
}
#kelltennem ul li + li {
  margin-top: 1rem;
}
#kelltennem h3 {
  color: #fff8d7;
  margin-bottom: 1rem;
}
#kelltennem ol {
  padding: 0;
}
#kelltennem ol {
  counter-reset: q;
  margin: 4rem 0;
}
#kelltennem ol li {
  margin-bottom: 2rem;
}
#kelltennem ol li::before {
  color: #fff8d7;
  float: left;
  margin-left: -2.5rem;
  counter-increment: q;
  content: counter(q) ".";
}
#kelltennem .software-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
}
#kelltennem .software-list li {
  width: 32%;
  margin: 0;
}
#kelltennem .software-list a {
  display: block;
  background: #fff;
  border-radius: 0.6rem;
  padding: 2rem;
  color: #7b7e87;
  position: relative;
  text-align: center;
}
#kelltennem .software-list a:hover span {
  background-size: 100% 1px;
}
#kelltennem .software-list a .icon {
  display: block;
  max-width: 100%;
  max-height: 7.5rem;
  margin: 0 auto 2rem;
  color: transparent;
}
#kapcsolodokviz .quiz .box {
  padding-top: 1rem;
  padding-bottom: 2rem;
  margin: 2rem 0;
}
@media only screen and (max-width: 512px) {
  #kapcsolodokviz .quiz .box {
    margin-left: -4vw;
  }
  #kapcsolodokviz .quiz .box::after {
    top: 2rem;
  }
}
.faq {
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  margin: 1.25rem 0;
}
.faq div {
  background: #ebedfa;
  margin-bottom: 1.25rem;
  padding: 1.5rem;
  border-radius: 0.6rem;
}
.faq dt {
  color: #4756d2;
  margin-bottom: 1rem;
}
.faq dd {
  margin: 0;
  font-weight: 1.125rem;
  font-weight: 300;
}

#share {
  margin-bottom: 4.5rem;
}
#share .likebox {
  margin: 0 auto;
  text-align: center;
}

#megtobbszo h3 {
  margin-bottom: 2rem;
}

.dark {
  background: linear-gradient(#2a2a38, #16161d);
}
.dark .breadcrumb h4 {
  color: #fff;
}
.dark .breadcrumb li a:hover {
  color: #fff;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark p {
  color: #fff;
}
.dark header {
  padding: 6rem 0 4rem;
}

#article-header h1 {
  margin-bottom: 2rem;
}
#article-header h1 small {
  font-size: 1rem;
  font-weight: 400;
}
#article-header .deprecated {
  background: #fff8d7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 3rem 0.8rem 1.6rem;
  margin-bottom: 3rem;
  border-radius: 1ex;
  position: relative;
}
#article-header .deprecated h1 {
  font-size: 0.875rem;
  color: #f77;
  text-transform: uppercase;
  margin: 0;
}
#article-header .deprecated a {
  color: #707cdc;
  line-height: 1.1;
  padding: 0 0.5ex;
}
#article-header .deprecated a:hover {
  background-size: 100% 1px;
}

i.warning {
  background: #f77;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 49%;
  display: inline-block;
  text-indent: -666rem;
  color: transparent;
  margin-right: 1rem;
  vertical-align: 25%;
  position: relative;
}
i.warning::after {
  content: "!";
  color: #fff8d7;
  position: absolute;
  font-weight: 900;
  left: 0.6rem;
  text-indent: 0;
  line-height: 1.6rem;
  font-size: 1.1rem;
  font-style: normal;
  speak: none;
}

article h2.details {
  margin-top: 0;
}

.likebox {
  margin: 3rem 0 2rem;
}
.likebox > p {
  margin: 1rem 0;
}
.likebox .like, .likebox .share {
  height: 4rem;
  padding: 0 2.5rem;
  text-indent: 2.5rem;
  text-transform: uppercase;
  font-weight: 800;
  border-radius: 0.5rem;
  transition: all 0.3s;
  background-size: 1.5rem;
  background-position: 1.5rem 49%;
}
@media only screen and (max-width: 600px) {
  .likebox .like, .likebox .share {
    width: calc(50% - 1rem);
    padding: 0;
  }
}
.likebox .like {
  background-color: #ebedfa;
  color: #707cdc;
  margin-right: 1rem;
}
.likebox .like:hover {
  background-color: #d3d7f4;
}
.likebox .like[aria-pressed=true] {
  filter: invert(1) contrast(2) brightness(6) grayscale(1) opacity(0.8);
}
.likebox .share {
  background-color: #707cdc;
  color: #fff;
}
.likebox .share:hover {
  background-color: #4f5ed4;
}

#linked {
  padding-top: 5rem;
}
#linked::before {
  width: 4.875rem;
  height: 4.875rem;
  left: 50%;
  background-color: #ebecf0;
  background-size: 1.75rem;
  border-radius: 2.375rem;
  margin: -7.5rem 0 0 -2.4375rem;
}
#linked .inner {
  display: flex;
  justify-content: space-between;
}
#linked .inner > .box {
  width: 21.75rem;
}
#linked .inner > .box li {
  padding: 1.5rem 0;
  border-bottom: 1px solid #b3b5bc;
  position: relative;
  padding-right: 2rem;
  line-height: 1.5;
  color: #000;
}
#linked .inner > .box li:last-child {
  border: 0;
}
#linked .inner > .box li a {
  padding: 2px 0;
  word-break: break-all;
}
#linked .inner > .box li a:hover {
  background-size: 100% 1px;
}
#linked .inner .theme {
  margin: 2rem 0;
}
#linked .inner .theme h3 {
  font-size: 1.25rem;
}
#linked .inner .theme .textarea {
  top: 1.25rem;
  left: 1.5rem;
  width: calc(100% - 3rem);
}
#linked .box-header {
  font-size: 1rem;
  font-weight: 400;
  color: #7b7e87;
  margin-bottom: -0.5rem;
}
#linked .word {
  display: block;
  -moz-columns: 2;
       columns: 2;
}
#linked .word .box {
  text-align: center;
}
#linked .word .box h3 {
  font-size: 1.25rem;
}
#linked .word .box p {
  font-size: 1rem;
  font-weight: 300;
}
#linked .tema .box {
  background: #fff;
  margin: 1rem 0 2rem;
}
#linked .tema .box .pseudobutton {
  margin-top: 0;
}

#searchresults {
  padding-top: 5rem;
}
#searchresults h1 {
  font-weight: 400;
  margin: 4rem 0 3rem;
}
#searchresults h1 b {
  font-weight: 800;
}

#searchextra {
  padding-top: 2rem;
}
#searchextra h2 {
  margin-bottom: 1rem;
}
#searchextra button {
  width: 16rem;
}

.category {
  margin: 2rem 0;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
.category li {
  margin-bottom: 1.5rem;
}
.category li a {
  padding: 1.5rem;
  text-align: center;
  font-weight: 800;
  background: #ebedfa;
  display: flex;
  flex-direction: column;
  height: calc(100% - 1.5rem);
  min-height: 88%;
  border-radius: 0.75rem;
  transition: 0.5s;
}
.category li a:hover {
  background: #d3d7f4;
}
.category li a:hover::before {
  filter: brightness(0.9);
}
.category li a span {
  line-height: 1.31;
  flex: 1;
}
.category li a small {
  font-weight: 400;
  font-size: 0.75rem;
  color: rgba(27, 27, 29, 0.7);
  line-height: 1.31;
  height: 2rem;
}
.category li a::before {
  display: block;
  content: "";
  width: 4rem;
  height: 4rem;
  margin: 0 auto 1.5rem;
  background-size: 66% 66%;
}
.category li a:focus {
  filter: none;
  box-shadow: 0 0 0 6px #fff, 0 0 0 9px #707cdc;
  outline: none;
  border: 0;
}
.category svg {
  display: none;
}
@media only screen and (max-width: 480px) {
  .category {
    display: block;
  }
  .category li {
    margin-bottom: 0.5rem;
  }
  .category span, .category small, .category svg {
    display: block;
  }
  .category li a::before, .category svg {
    position: absolute;
  }
  .category svg {
    width: 2rem;
    height: 2rem;
    right: 1rem;
    top: 1.31rem;
  }
  .category li a {
    position: relative;
    text-align: left;
    padding: 1.5rem 3.5rem 1.5rem 5rem;
    font-size: 1.2rem;
  }
  .category li a::before {
    left: 1rem;
    width: 3rem;
    height: 3rem;
    top: 1rem;
  }
  .category li a small {
    flex: 1;
    margin-top: 0.5rem;
    font-size: 1rem;
  }
}

.firstquiz::before {
  display: inline-block;
  content: "";
  width: 4rem;
  height: 4rem;
  border-radius: 49%;
  background-color: #ebedfa;
  background-size: 50%;
  vertical-align: -25%;
  margin-right: 1rem;
}
.firstquiz label {
  background: linear-gradient(45deg, transparent 45%, grey 45%, grey 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, grey 45%, grey 55%, transparent 55%);
  width: 10px;
  height: 10px;
  text-indent: -666rem;
  color: transparent;
  float: right;
  cursor: pointer;
}
.firstquiz label:hover {
  background: linear-gradient(45deg, transparent 45%, #000 45%, #000 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, #000 45%, #000 55%, transparent 55%);
}
.firstquiz + p + div + h1, .firstquiz + p + div + h1 + p, .firstquiz + p + div + h1 + p + div {
  display: none;
}

#hidefirstquiz {
  display: none;
}

#hidefirstquiz:checked + .firstquiz {
  display: none;
}
#hidefirstquiz:checked + .firstquiz + p + div, #hidefirstquiz:checked + .firstquiz + p {
  display: none;
}
#hidefirstquiz:checked + .firstquiz + p + div + h1, #hidefirstquiz:checked + .firstquiz + p + div + h1 + p, #hidefirstquiz:checked + .firstquiz + p + div + h1 + p + div {
  display: block;
}

#topcucc {
  padding: 0;
  margin-top: -4rem;
}
#topcucc label {
  text-transform: uppercase;
  margin-top: 3rem;
}
#topcucc label span {
  width: 50%;
  text-align: center;
  padding-bottom: 4px;
  border-bottom: 4px solid #444;
  color: #7b7e87;
}
#topcucc label span:first-child {
  color: #fff;
  border-bottom-color: #707cdc;
}
#topcucc .inner {
  overflow: auto;
  padding-bottom: 3rem;
}
#topcucc .inner > div {
  float: left;
  width: 45%;
}
#topcucc .inner > div:first-of-type {
  margin-right: 10%;
}
#topcucc .inner > div > h3 {
  text-transform: uppercase;
  margin-top: 3rem;
}
#category-main {
  padding-top: 4rem;
}
@media only screen and (min-width: 666px) {
  #category-main {
    padding-top: 0;
  }
}
@media only screen and (max-width: 666px) {
  #category-main h1 {
    margin-top: 2rem;
  }
  #category-main h1 small {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}
#category-main h1 small {
  font-weight: 400;
  color: #444;
  margin-left: 1rem;
}
#category-main h1::before {
  display: inline-block;
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 0.5ex;
  background-color: #ebedfa;
  background-size: 60% 60%;
  margin-right: 1ex;
  vertical-align: -35%;
}
#list-order {
  background: #ebedfa;
  margin: 2rem 0;
  display: flex;
  padding: 1em 1rem;
  border-radius: 1ex;
  font-size: 0.875rem;
}
#list-order:focus-within {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #000;
}
#list-order legend {
  flex: 1;
  font-weight: 800;
  text-transform: uppercase;
  background-position: left;
  background-size: 1.5rem;
  padding-left: 2rem;
}
#list-order label {
  opacity: 0.6;
  white-space: nowrap;
  cursor: pointer;
}
#list-order label::before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 1rem;
  background: #1b1b1d;
  margin: 0 0.65rem 0 0.5rem;
  vertical-align: -10%;
  opacity: 0.5;
}
#list-order label:first-of-type::before {
  display: none;
}
#list-order input:checked + label {
  font-weight: 800;
  opacity: 1;
}

@media only screen and (min-width: 666px) {
  #aktualistema .tema .box, #aktualistema .kiadvany .box, article .tema .box, article .kiadvany .box, #legfrissebkiadvanyunk .tema .box, #legfrissebkiadvanyunk .kiadvany .box {
    flex-direction: row;
    color: #1b1b1d;
  }
  #aktualistema .tema .box figure, #aktualistema .kiadvany .box figure, article .tema .box figure, article .kiadvany .box figure, #legfrissebkiadvanyunk .tema .box figure, #legfrissebkiadvanyunk .kiadvany .box figure {
    width: 44vw;
    max-width: 27.5rem;
    padding: 0;
  }
  #aktualistema .tema .box .pseudobutton, #aktualistema .kiadvany .box .pseudobutton, article .tema .box .pseudobutton, article .kiadvany .box .pseudobutton, #legfrissebkiadvanyunk .tema .box .pseudobutton, #legfrissebkiadvanyunk .kiadvany .box .pseudobutton {
    align-self: flex-start;
    padding-right: 1.5rem;
  }
}

article .tema {
  margin: 2rem 0;
}

#aktualistema h1 {
  font-size: 2.25rem;
  margin-bottom: 1.5rem;
}

#osszestema {
  padding-top: 0;
}
#osszestema h2 {
  font-size: 2.25rem;
  margin-bottom: 2rem;
}
#osszestema .tema .box {
  flex-direction: row;
  margin-bottom: 1.2rem;
}
#osszestema .tema .box .szerzo img {
  display: none;
}
@media only screen and (min-width: 666px) {
  #osszestema .tema:first-of-type .box {
    border-top: 1px solid #7b7e87;
    padding-top: 1.2rem;
  }
  #osszestema .tema .box {
    background: #fff;
    border-radius: 0;
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 1px solid #7b7e87;
  }
  #osszestema .tema .box figure {
    width: 12rem;
    border-radius: 0.5rem;
    padding: 0;
    overflow: hidden;
  }
  #osszestema .tema .box h3 {
    margin: 0 7rem 0.6rem 1.6rem;
    font-size: 1.3125rem;
    font-weight: 900;
  }
  #osszestema .tema .box .datum {
    color: #7b7e87;
    position: absolute;
    right: 0;
    font-size: min(1.75vw, 1rem);
  }
  #osszestema .tema .box .pseudobutton {
    margin-bottom: 0;
    margin-top: 1rem;
    align-self: flex-start;
    padding-right: 1.5rem;
    color: #707cdc;
  }
  #osszestema .tema .box .pseudobutton svg {
    fill: #707cdc;
  }
}
@media only screen and (max-width: 666px) {
  #osszestema .szerzo, #osszestema .datum {
    display: none;
  }
  #osszestema .pseudobutton {
    margin: 1rem 1.7rem 1.5rem;
    align-self: flex-start;
    padding-right: 1.5rem;
  }
  #osszestema .tema .box h3 {
    font-size: 1.3125rem;
    margin-bottom: 0;
  }
  #osszestema .tema .box figure {
    width: 30vw;
    padding-top: 20vh;
  }
}

.allthestuff h2 {
  margin-bottom: 2rem;
}
.allthestuff .box {
  display: grid;
  border-bottom: 1px solid #7b7e87;
  padding: 1.2rem 0;
  position: relative;
}
.allthestuff .box:first-of-type {
  border-top: 1px solid #7b7e87;
}
@media only screen and (min-width: 666px) {
  .allthestuff .box {
    grid-template-columns: 1fr 6rem;
  }
}
.allthestuff .box .pseudobutton {
  justify-self: start;
  margin: 1rem 0 0;
  padding-right: 1.5rem;
  color: #707cdc;
}
.allthestuff .box .pseudobutton svg {
  fill: #707cdc;
}
@media only screen and (max-width: 512px) {
  .allthestuff .box .pseudobutton {
    position: absolute;
    right: 0.5rem;
    top: calc(50% - 1.5rem);
  }
  .allthestuff .box .pseudobutton span {
    display: none;
  }
  .allthestuff .box .pseudobutton svg {
    fill: #000;
  }
  .allthestuff .box .title span {
    padding-right: 2rem;
  }
}
.allthestuff .box:focus {
  filter: none;
  box-shadow: 0 0 0 6px #fff, 0 0 0 8px #707cdc;
  outline: none;
  border-bottom-color: #fff;
}
.allthestuff .title span {
  padding: 0 0.5ex;
  margin-left: -0.5ex;
}
.allthestuff .date, .allthestuff .q {
  color: #7b7e87;
}
@media only screen and (min-width: 666px) {
  .allthestuff .date, .allthestuff .q {
    text-align: right;
  }
}

#quiz-popup-trigger {
  visibility: hidden;
  display: inline-block;
  width: 1px;
  height: 1px;
  font-size: 0;
  color: transparent;
}

#quiz-popup, #hirlevel-popup {
  z-index: 66;
  background: #ffd7c9;
  position: fixed;
  border-radius: 0.5rem;
  overflow: hidden;
  padding-top: 0.5rem;
  width: 16rem;
  max-width: 66vw;
  right: -16rem;
  bottom: 1rem;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  transition: 1s;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 600px) {
  #quiz-popup, #hirlevel-popup {
    position: absolute;
    bottom: auto;
    transform: translateY(-50%);
  }
}
#quiz-popup.show, #hirlevel-popup.show {
  right: 1rem;
  opacity: 1;
  pointer-events: all;
}
#quiz-popup h3, #quiz-popup p, #hirlevel-popup h3, #hirlevel-popup p {
  margin: 1rem 2rem;
  line-height: 1.31;
}
#quiz-popup p, #hirlevel-popup p {
  font-weight: 500;
}
#quiz-popup a, #hirlevel-popup a {
  background: #000;
  color: #fff;
  display: block;
  position: relative;
  text-transform: uppercase;
  padding: 1.5rem;
  padding-left: 2rem;
}
#quiz-popup a svg, #hirlevel-popup a svg {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 2rem;
  transition: 0.3s;
  fill: #fff;
}
#quiz-popup a:hover svg, #quiz-popup a:focus svg, #hirlevel-popup a:hover svg, #hirlevel-popup a:focus svg {
  right: 0.5rem;
}

#hirlevel-popup {
  padding-left: 2rem;
  background-color: #fff8d7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M0 13l8 5h10l9-5v12c0 1.1-0.9 2-2 2H2c-1.1 0-2-0.9-2-2V13z'/%3E%3Cpolygon points='3 11 6 13 6 3 21 3 21 13 24 11 24 0 3 0 '/%3E%3Crect x='8' y='11' width='8' height='3'/%3E%3Crect x='8' y='6' width='11' height='3'/%3E%3C/svg%3E");
  background-size: 2rem;
  background-position: 1rem 1.5rem;
  background-repeat: no-repeat;
}
#hirlevel-popup a {
  margin-left: -2rem;
  padding-left: 4rem;
}
@media screen and (min-width: 600px) {
  #hirlevel-popup.qps {
    right: 19rem;
  }
}

#close-quiz-popup, #close-hirlevel-popup {
  width: 2rem;
  height: 2rem;
  float: right;
  margin-right: 0.5rem;
  background: no-repeat center/1rem url("data:image/svg+xml,%3Csvg stroke='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='1' y1='1' x2='7' y2='7'/%3E%3Cline x1='1' y1='7' x2='7' y2='1'/%3E%3C/svg%3E");
  transition: 0.3s;
}
#close-quiz-popup:hover, #close-quiz-popup:focus, #close-hirlevel-popup:hover, #close-hirlevel-popup:focus {
  background-size: 2rem;
  outline: none;
  box-shadow: none;
}

.quiz .box {
  background: #ffd7c9;
  color: #1b1b1d;
  padding: 3rem 2rem;
  padding-left: 9rem;
  margin: 3rem 0;
}
.quiz .box:focus {
  filter: none;
}
.quiz .box:hover {
  background: #ffb9a0;
}
.quiz .box::after {
  width: 6rem;
  height: 6rem;
  border-radius: 49%;
  border: 2px solid #1b1b1d;
  left: 1.6rem;
  top: 1.55rem;
  top: calc(50% - 3rem);
  background-size: 66% 66%;
}
.quiz .box h3 {
  margin-bottom: 0.5rem;
}
.quiz .box p {
  font-size: 0.875rem;
}
.quiz .box.icon-1::after {
  background-size: 60%;
}
.quiz .box.icon-3::after {
  background-size: 60%;
  background-position: 40% 45%;
}
.quiz .box.icon-4::after {
  background-position: 50% 60%;
}
.quiz .box.icon-5::after {
  background-position: 50% 55%;
}
.quiz .box.icon-8::after {
  background-size: 50%;
}
#topcucc .quiz {
  margin: 2rem 0;
}
#topcucc .quiz .box {
  padding: 2rem 2rem 2rem 6rem;
  margin: 0 0 1.2rem 0;
}
#topcucc .quiz .box:before {
  right: 1.2rem;
  top: 1.2rem;
}
#topcucc .quiz .box::after {
  width: 3.5rem;
  height: 3.5rem;
  left: 1.3rem;
  top: 1.8rem;
}
#topcucc .quiz .box span {
  display: none;
}
#topcucc .quiz .box p::after {
  content: " kérdés";
}
.quiz .box h3 {
  font-size: 1.5rem;
  margin: 1rem 0;
}
.quiz .box .questions {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 800;
}
.quiz .box .lead p {
  font-size: 1rem;
  line-height: 1.333;
  font-weight: 400;
  max-width: 50ch;
}
.quiz .box .pseudobutton {
  display: inline-block;
  margin-left: 0.3ex;
  margin-bottom: 0;
  padding-right: 1.5rem;
}
.quiz .box::after {
  top: 5.6rem;
}
@media only screen and (max-width: 512px) {
  .quiz .box {
    padding-left: 7.5rem;
    border-radius: 0;
    margin-left: -4vw;
    width: 100vw;
    padding-right: 1rem;
  }
  .quiz .box::after {
    width: 4rem;
    height: 4rem;
    top: 4rem;
  }
}
@media only screen and (min-width: 900px) {
  .quiz .box {
    padding-left: 21.75rem;
  }
  .quiz .box h3 {
    font-size: 2.25rem;
  }
  .quiz .box .lead p {
    font-size: 1.3125rem;
  }
  .quiz .box::after {
    width: 9rem;
    height: 9rem;
    border-width: 3px;
    top: calc(50% - 4.5rem);
    left: 6rem;
    top: min(3rem, 15%);
  }
}

#legnehezebb-kvizek {
  padding: 0;
  margin-top: -4rem;
}
@media only screen and (max-width: 600px) {
  #legnehezebb-kvizek h2 {
    margin-top: 2rem;
  }
}
#legnehezebb-kvizek h2 + p {
  margin: 1rem 0;
}
@media only screen and (max-width: 600px) {
  #legnehezebb-kvizek h2 + p {
    margin-bottom: -0.5rem;
  }
}
#legnehezebb-kvizek .quiz {
  margin-top: 2rem;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
@media only screen and (max-width: 600px) {
  #legnehezebb-kvizek .quiz {
    grid-gap: 0.666rem;
  }
}
#legnehezebb-kvizek .quiz .box {
  padding: 1rem 1rem 2rem 6rem;
  margin: 0;
  display: flex;
  flex-direction: column;
}
#legnehezebb-kvizek .quiz .box p {
  flex: 1;
}
#legnehezebb-kvizek .quiz .box h3 {
  line-height: 1.31;
  margin-bottom: 0.5rem;
}
#legnehezebb-kvizek .quiz .box .pseudobutton {
  margin: 1rem 0 0 0;
  align-self: flex-start;
}
#legnehezebb-kvizek .quiz .box::after {
  width: 3.3rem;
  height: 3.3rem;
  left: 1.3rem;
  top: 1.9rem;
  border-width: 2px;
}
@media only screen and (max-width: 512px) {
  #legnehezebb-kvizek .quiz .box {
    border-radius: 0.5rem;
    max-width: 92vw;
  }
}
#legnehezebb-kvizek .quiz .box .questions {
  text-transform: none;
  font-weight: 400;
}

#quiz {
  background: #ebedfa;
  padding: 9.5rem 0 4rem;
}
#quiz.start > .inner {
  align-items: center;
}
#quiz.start h1, #quiz.start p, #quiz.start button {
  margin-bottom: 2rem;
}
#quiz.start button {
  padding: 1rem 0;
  width: 21.75rem;
  display: block;
  margin: 4rem auto 2rem;
}
#quiz > .inner {
  background: #fff;
  border-radius: 1rem;
  min-height: calc(100vh - 13rem);
  padding: 2rem 0;
  display: flex;
  justify-content: center;
}
#quiz.start #quiz-container {
  display: none;
}

#quiz-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#progress-container {
  background: #ffd7c9;
  border-radius: 1ex;
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
#progress-container p {
  display: inline;
}
#progress-container .flag {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  text-indent: -666rem;
  filter: grayscale(1);
  opacity: 0.5;
  transition: all 0.666s;
}
#progress-container .flag.full {
  filter: none;
  opacity: 1;
}
#progress-container progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex: 1;
  margin: 0 1rem;
  background: #fff;
  border: 0;
  height: 6px;
  border-radius: 3px;
  color: #f77;
}
#progress-container ::-moz-progress-bar {
  background: #f77 linear-gradient(90deg, #f77, #707cdc 50vw);
  border-radius: 3px;
}
#progress-container ::-webkit-progress-bar {
  background-color: #fff;
  border-radius: 3px;
}
#progress-container ::-webkit-progress-value {
  background: #f77 linear-gradient(90deg, #f77, #707cdc 50vw);
  border-radius: 3px;
}

#questions {
  margin: 2rem 0;
}
#radiogroup {
  list-style-type: none;
  padding: 0;
  transition: opacity 0.666s;
}
#radiogroup li {
  margin: 1rem 0;
  border: 2px solid #ebecf0;
  border-radius: 1ex;
  position: relative;
}
#radiogroup input {
  position: absolute;
  left: 0.8rem;
  top: 1rem;
  opacity: 0.333;
}
#radiogroup input:focus {
  box-shadow: none !important;
}
#radiogroup input:checked + label {
  background: #707cdc;
  box-shadow: 0 0 0 2px #707cdc;
  border-radius: 1ex;
  color: #fff;
}
#radiogroup label {
  line-height: 2rem;
  padding: 1ex 1ex 1ex 2.5rem;
  display: block;
}
#radiogroup:focus-within input {
  opacity: 1;
}

#buttons {
  text-align: center;
}
#buttons button {
  padding: 1rem 3rem;
}
#buttons button:disabled {
  background: #d4d8f5;
}
#buttons #skip {
  background: #fff;
  color: #707cdc;
  margin-right: 1rem;
  transition: color 0.666s;
}
#buttons #skip:hover {
  color: #40477d;
}

#continue {
  width: 100%;
  max-width: 21.75rem;
}

#evaluate, #continue {
  display: none;
}

#quiz.evaluate #skip, #quiz.evaluate #check, #quiz.evaluate #questions {
  display: none;
}
#quiz.evaluate #evaluate, #quiz.evaluate #continue {
  display: block;
  margin: 0 auto;
}

#evaluate {
  text-align: center;
}
#evaluate h2 {
  margin-top: 1rem;
  padding-top: 8.5rem;
  background-size: 8rem;
  background-position: top !important;
}
#evaluate .word {
  background: #5e68b8;
  color: #fff;
  padding: 1rem;
  border-radius: 1ex;
  margin: 1rem 0 2rem;
}
#evaluate .word h3 {
  margin-bottom: 1ex;
}
#evaluate .word p {
  margin-bottom: 1ex;
}
#evaluate .word button {
  color: #fff;
  margin: 1rem auto 0;
  text-transform: none;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  line-height: 1;
  font-size: 0.875rem;
  position: relative;
}
#evaluate .word button::before {
  left: -1em;
  top: -0.1em;
  width: 1em;
  height: 1em;
  border-radius: 49%;
  background: #fff;
}
#evaluate .word button::after {
  width: 0.3em;
  height: 0.3em;
  border: solid #5e68b8;
  border-width: 2px 2px 0 0;
  transform: rotate(-45deg);
  left: -0.75em;
  top: 0.25em;
}
#evaluate p.wrong {
  text-decoration: line-through;
}

#quiz-finish-container {
  display: none;
  justify-content: flex-end;
  width: 100%;
}
#quiz-finish-container .w-5:first-child {
  text-align: center;
}
#quiz-finish-container .w-5 h2.nice::before, #quiz-finish-container .w-5 h2.perfect::before {
  background-size: 3.5rem;
  display: block;
  content: "";
  width: 8rem;
  height: 8rem;
  border-radius: 49%;
  background-color: #ebedfa;
  margin: 0 auto 1rem;
}
#quiz-finish-container .w-5 h2.perfect::before {
  background-size: 5rem;
}
#quiz-finish-container .w-5 #share {
  margin: 4rem 0 0;
  padding: 0;
}
#quiz-finish-container .w-5 #share button {
  width: 40%;
  margin: 0 1% 3% 1%;
}
#quiz-finish-container .w-5.black {
  background: #000;
  box-sizing: border-box;
  padding: 1rem 3rem;
  color: #fff;
  border-radius: 1rem;
  margin-left: 7rem;
}
#quiz-finish-container .w-5.black button {
  background: transparent;
  color: #707cdc;
  bottom: 1.4rem;
  left: 1.4rem;
  white-space: nowrap;
  margin: 0 -1.4rem;
}
#quiz-finish-container .w-5.black h3 {
  background-position: left;
  padding-left: 4rem;
  height: 3.5rem;
  line-height: 3.5rem;
  margin: 1rem 0 1rem -0.5rem;
}
#quiz-finish-container .w-5.black h3.wrong {
  background-position: left;
}
#quiz-finish-container .helyesek {
  margin: 1rem 0;
}
#quiz-finish-container .helyesek b {
  font-size: 2rem;
  color: #40477d;
}
#quiz-finish-container .chips {
  margin: 0 0 3rem 0;
}
#quiz-finish-container .chips li:last-child {
  margin-left: 0;
}
#quiz-finish-container .chips li a {
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
}

#quiz.finished {
  background: #fff;
}
#quiz.finished #quiz-finish-container {
  display: flex;
}
#quiz.finished #quiz-container {
  display: none;
}

#page-footer {
  background: #16161d;
  color: #fff;
}
#page-footer .others ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#page-footer .others li {
  background: #000;
  border-radius: 0.4rem;
  position: relative;
  flex: 1;
  max-width: calc(33% - 0.66rem);
}
@media only screen and (max-width: 440px) {
  #page-footer .others li {
    background: #16161d;
  }
}
#page-footer .others li::after {
  width: 8px;
  height: 8px;
  right: 1rem;
  top: calc(50% - 4px);
  opacity: 0.75;
}
#page-footer .others li a {
  display: block;
  padding: 1rem 1.5rem;
}
#page-footer .others li a span {
  display: inline-block;
  line-height: 1.2;
  padding: 0 0.5ex;
  margin: 0 -0.5ex;
}
#page-footer .others li a:hover span {
  background-size: 100% 1px;
}
@media only screen and (max-width: 699px) {
  #page-footer .others h3 {
    text-align: center;
    margin-bottom: 2rem;
  }
  #page-footer .others ul {
    flex-direction: column;
  }
  #page-footer .others li {
    max-width: 100vw;
    margin-bottom: 1rem;
  }
}
#page-footer .main-menu {
  margin: 0;
}
@media only screen and (min-width: 900px) {
  #page-footer .main-menu {
    margin-left: 5rem;
  }
}
@media only screen and (max-width: 440px) {
  #page-footer .main-menu {
    margin-top: -4.5rem;
  }
  #page-footer .main-menu li a {
    display: block;
    border-bottom: 1px solid #444;
    width: 100vw;
    padding: 2rem 0;
    text-align: center;
    line-height: 0;
    color: #fff;
  }
}

#gray {
  background: #1f2028;
  padding: 3rem 0;
}
@media only screen and (max-width: 440px) {
  #gray {
    background: #2a2a38;
  }
}

#footer-menu {
  padding: 4rem 0 2rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  #footer-menu .main-logo {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 440px) {
  #footer-menu .main-logo {
    margin: 6rem 0 0;
    order: 2;
  }
  #footer-menu .main-logo::before {
    margin: -3.2rem 0 0 3.8rem;
  }
}

#footer-nmhh {
  font-size: 1.125rem;
  padding-bottom: 3rem;
}
#footer-nmhh img {
  width: 12rem;
  margin: 1rem 0 0 -1rem;
}
@media only screen and (max-width: 440px) {
  #footer-nmhh {
    text-align: center;
  }
  #footer-nmhh p {
    margin-bottom: 1rem;
  }
}

#impresszum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  margin-top: 2rem;
}
#impresszum li {
  float: left;
}
#impresszum li::before {
  content: "|";
  margin: 0 1ex;
  speak: none;
}
#impresszum li:first-child::before {
  display: none;
}
#impresszum p {
  color: #7b7e87;
}
#impresszum a {
  display: inline-block;
  line-height: 1.2;
  padding: 0 0.5ex;
  margin: 0 -0.5ex;
}
#impresszum a:hover {
  background-size: 100% 1px;
}
@media only screen and (max-width: 440px) {
  #impresszum {
    border-top: 1px solid #444;
    padding-top: 2rem;
  }
}

#hirlevelre-feliratkozas {
  padding: 7rem 0 5rem;
}
#hirlevelre-feliratkozas h1 {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 440px) {
  #hirlevelre-feliratkozas p + p {
    margin-top: 1rem;
  }
}

#newsletter {
  margin-top: 3rem;
}
#newsletter #e-mail {
  color: #1b1b1d;
  padding: 1.15rem 1.5rem;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #7b7e87;
  font-size: 1.125rem;
  border-radius: 1ex;
  max-width: 21.75rem;
}
#newsletter #e-mail::-moz-placeholder {
  color: #000;
  opacity: 1;
}
#newsletter #e-mail::placeholder {
  color: #000;
  opacity: 1;
}
#newsletter #e-mail:focus::-moz-placeholder {
  opacity: 0.25;
}
#newsletter #e-mail:focus::placeholder {
  opacity: 0.25;
}
#newsletter #e-mail:focus {
  border-color: #707cdc;
  box-shadow: 0 0 0 2px #707cdc;
}
#newsletter #agree {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
}
@media only screen and (max-width: 440px) {
  #newsletter #agree {
    width: 2rem;
    height: 2rem;
  }
}
#newsletter button {
  padding: 1rem 2rem;
  margin: 2rem 0 0;
}
@media only screen and (max-width: 440px) {
  #newsletter button {
    width: 100%;
  }
}
#newsletter > div {
  position: relative;
  padding-left: 3rem;
  margin-top: 3rem;
  font-size: 1rem;
}
#newsletter > div p {
  color: #7b7e87;
  font-size: 1rem;
}
@media only screen and (max-width: 440px) {
  #newsletter > div p {
    margin-top: 1rem;
  }
}
#newsletter label {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}
#newsletter label a {
  text-decoration: underline;
}
#newsletter label a:hover, #newsletter label a:focus {
  color: #5e68b8;
}

section.info {
  min-height: 66vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.info h1::before {
  content: "";
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
}
section.info h1.fel, section.info h1.le {
  margin-bottom: 2rem;
}
section.info h1.fel::before {
  margin-bottom: 1rem;
}
section.info h1.le::before {
  background-color: #ebedfa;
  background-size: 50%;
  margin-bottom: 1rem;
  border-radius: 49%;
}
section.info p {
  margin-bottom: 2rem;
}
section.info p:last-child {
  margin-bottom: 4rem;
}
section.info .small {
  font-size: 1rem;
  color: #7b7e87;
  font-family: "Lato", sans-serif;
}
section.info + section li, section.info + section p {
  margin-bottom: 1rem;
}
section.info + section ul {
  padding: 1rem 0 1rem 1.5rem;
  list-style-type: none;
}
section.info + section li::before {
  width: 0.2rem;
  height: 0.2rem;
  background: #1b1b1d;
  margin: 1rem 0 0 -1.3rem;
  border-radius: 49%;
}
section.info + section p {
  margin-bottom: 4rem;
}
section.info + section p a {
  text-decoration: underline;
}
section.info + section .button {
  padding: 1rem 2rem;
}

#message {
  background: #fff8d7;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  top: 5rem;
  padding: 2rem;
  z-index: 1;
}
#message h3 {
  max-width: 96%;
}
#message p {
  margin: 1rem 0;
  max-width: 44rem;
}
#message a {
  color: #707cdc;
  text-decoration: underline;
  font-weight: 800;
}
#message form {
  margin-top: 2rem;
  text-align: right;
  line-height: 0.75rem;
  font-size: 0.75rem;
  color: #807c6c;
}
#message form input {
  position: absolute;
  margin: 0.83rem 0 0 1.8rem;
}
#message form label {
  background: rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 1rem 2rem 1rem 3rem;
  border-radius: 1ex;
}
@media only screen and (min-width: 900px) {
  #message {
    display: none;
  }
}

#page-footer .megosztas {
  padding: 0.6rem 1.8rem;
  margin-left: 3.2rem;
}

#js-modal-content #share {
  margin: 0 0 0 2rem;
  padding: 0;
}
#js-modal-content #share div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#visszaaszotarba {
  padding: 7rem 1rem 0;
  margin-bottom: -3.5rem;
  color: #707cdc;
  font-weight: 800;
}
@media only screen and (min-width: 666px) {
  #visszaaszotarba {
    display: none;
  }
}
#visszaaszotarba svg {
  width: 2rem;
  height: 2rem;
  margin: 0.5rem;
  fill: #fff;
  transform: rotate(180deg);
}
#visszaaszotarba span {
  background: #707cdc;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 49%;
  margin-right: 1ex;
  vertical-align: -60%;
}
#visszaaszotarba:hover, #visszaaszotarba:focus {
  color: #4756d2;
}
#visszaaszotarba:hover span, #visszaaszotarba:focus span {
  background: #4756d2;
}

#fixed-mobile-header {
  position: fixed;
  top: -5rem;
  width: 100vw;
  box-sizing: border-box;
  z-index: 666;
  background: rgba(22, 22, 29, 0.95);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  padding: 0 4vw 0 2vw;
  transition: 1s;
}
@media only screen and (min-width: 666px) {
  #fixed-mobile-header {
    display: none;
  }
}
#fixed-mobile-header.show {
  top: 0;
}
#fixed-mobile-header .goback {
  padding: 0;
  line-height: 0;
}
#fixed-mobile-header .goback svg {
  width: 3rem;
  height: 3rem;
  fill: #707cdc;
  transform: rotate(180deg);
}
#fixed-mobile-header .goback:hover svg, #fixed-mobile-header .goback:focus svg {
  fill: #4756d2;
}
#fixed-mobile-header h1 {
  color: #fff;
  flex: 1;
  font-size: 1.125rem;
  margin: 0 1vw 0 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fixed-mobile-header .share {
  width: 3rem;
  height: 3rem;
  border-radius: 49%;
  background-color: #707cdc;
  background-size: 1.5rem;
  background-position: center;
  font-size: 0;
  color: transparent;
}
#fixed-mobile-header .share:hover, #fixed-mobile-header .share:focus {
  background-color: #4756d2;
}

.body-landing .top-section {
  padding: 0;
}
.body-landing article .cover-image {
  margin: 2rem 0;
}

.validator-error {
  color: #f77 !important;
  font-size: 1rem !important;
  white-space: nowrap !important;
}

#e-mail-error {
  max-width: 25rem;
  margin-bottom: 0.25rem;
  text-indent: 3rem;
}

#agree-error {
  position: absolute;
  top: -1.76rem;
}
@media only screen and (max-width: 440px) {
  #agree-error {
    top: -2.76rem;
  }
}
@media only screen and (max-width: 350px) {
  #agree-error {
    left: 0;
  }
}

#top-search-box.dictionary + #napszava .more {
  display: none;
}

#kelltennem + #faq {
  margin-top: 4rem;
}

#kelltennem + #share {
  margin-top: 4rem;
}

.quizleiras + .quiz {
  margin-top: -1rem;
}

form input[type=text], form input[type=email] {
  filter: none !important;
  color: #000 !important;
  text-shadow: 0 0 0.5px rgba(0, 0, 0, 0.1) !important;
  font-weight: 500 !important;
}

@media only screen and (min-width: 666px) {
  #legfrissebbtemaink h2 {
    margin-top: 1rem;
  }
}

@media only screen and (min-width: 666px) {
  #kategoriak {
    padding: 0;
  }
}

@media only screen and (min-width: 666px) {
  #aktualistema {
    padding: 0 0 4rem;
  }
}

#szavakaszotarbol {
  padding-top: 1rem;
}
#szavakaszotarbol h2 {
  margin-bottom: -1rem;
}

#kiadvanyaink .kiadvany h3 {
  flex: 1;
  margin-bottom: 0;
}
#kiadvanyaink .kiadvany .box > figure {
  padding-top: 70.7106781187%;
}

.grid3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 1.5rem;
}
.grid3 .kiadvany {
  max-width: 30rem;
}

#legfrissebkiadvanyunk .box {
  align-items: center;
}
#legfrissebkiadvanyunk .kiadvany figure {
  aspect-ratio: 1.4142135624;
  padding-top: 0;
}
#legfrissebkiadvanyunk h2 {
  margin-bottom: 2rem;
}

.kiadvany-article h1 {
  margin-bottom: 1.309rem;
}

@-moz-document url-prefix() {
  #linked .inner > .box li a {
    word-break: normal;
  }
}
@media only screen and (max-width: 67.75rem) {
  .w-12 {
    max-width: 92%;
  }
}
@media only screen and (max-width: 56.25rem) {
  .w-10 {
    max-width: 92%;
  }
}
@media only screen and (max-width: 44.75rem) {
  .w-8 {
    max-width: 92%;
  }
}
@media only screen and (max-width: 33.25rem) {
  .w-6 {
    max-width: 92%;
  }
}
@media only screen and (max-width: 27.5rem) {
  .w-5 {
    max-width: 92%;
  }
}
@media only screen and (max-width: 21.75rem) {
  .w-4 {
    max-width: 92%;
  }
}
@media only screen and (max-width: 16rem) {
  .w-3 {
    max-width: 92%;
  }
}
@media only screen and (max-width: 1064px) {
  #quiz-finish-container .w-5.black {
    margin-left: 0;
  }
  #quiz-finish-container .w-5 {
    width: 50%;
  }
  #quiz-finish-container .w-5.black button {
    white-space: normal;
  }
  #popular-results ul.chips li {
    margin-bottom: 1ex;
  }
}
@media only screen and (max-width: 900px) {
  #page-header .inner {
    max-width: 100%;
    margin-top: 0;
    border-radius: 0;
  }
  #page-header .main-menu {
    position: absolute;
    background: #2a2a38;
    top: 5rem;
    left: -320px;
    transition: left 0.666s;
    margin: 0;
    white-space: nowrap;
    z-index: 666;
    width: 100vw;
    max-width: 320px;
  }
  #page-header .main-menu li {
    display: block;
    padding: 1rem 4rem;
  }
  #page-header .main-menu li a:not(.button) {
    font-size: 1.5rem;
  }
  #burger-opener {
    display: block;
    width: 24px;
    height: 24px;
    color: transparent;
    text-indent: -666rem;
    margin-left: 2rem;
    cursor: pointer;
    background: linear-gradient(0deg, transparent 7px, #707cdc 7px, #707cdc 10px, transparent 10px, transparent 14px, #707cdc 14px, #707cdc 17px, transparent 17px);
  }
  #burger-opener:hover, #burger-opener:focus {
    filter: brightness(2);
  }
  #burger:checked + #js-modal-page {
    overflow: hidden !important;
    position: fixed;
    height: 100vh;
    width: 100vw;
  }
  #burger:checked + #js-modal-page::after {
    opacity: 1;
  }
  #burger:checked + #js-modal-page section {
    pointer-events: none;
  }
  #burger:checked + #js-modal-page #burger-opener {
    background: linear-gradient(45deg, transparent 44%, #707cdc 44%, #707cdc 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, #707cdc 44%, #707cdc 56%, transparent 56%);
    border-radius: 50%;
  }
  #burger:checked + #js-modal-page .main-menu {
    left: 0;
    pointer-events: all;
  }
  #page-footer .inner {
    flex-direction: column;
  }
  #share .inner div {
    justify-content: space-around;
  }
  #share button.mobil {
    display: inline;
  }
  #linked .inner {
    flex-direction: column;
  }
  #linked .inner > .box {
    width: auto;
  }
  #kelltennem h2, #kapcsolodokviz h2, #faq h2, #share h2, #linked .box-header,
  #topcucc h2, #searchextra h2, #searchresults h1,
  #napszava h2, .link2quiz h2, #quiz.start h1 {
    text-align: center;
  }
  #searchresults h1, #topcucc h2, .allthestuff h2, #aktualistema h1,
  #napszava h2, .link2quiz h2, #category-main h1, #kategoriak h2,
  #quiz.start h1, #osszestema h2, #legnehezebb-kvizek h2, #hirlevelre-feliratkozas h1 {
    font-size: 1.7142857143rem;
  }
  #kelltennem .software-list li {
    width: 49%;
    margin-bottom: 2%;
  }
  #osszesquiz {
    padding-top: 2rem;
  }
  #quiz.finished #quiz-finish-container {
    flex-direction: column;
    margin-top: 2rem;
  }
  #quiz-finish-container .w-5 {
    width: 100%;
  }
  #quiz-finish-container .w-5:first-child {
    max-width: 100%;
  }
  #quiz-finish-container .w-5.black {
    margin: 2rem 0 0 -4vw;
    border-radius: 0;
    max-width: 100vw;
    width: 100vw;
  }
  #quiz-finish-container .w-5 h2 {
    font-size: 1.5rem;
  }
  #topcucc .inner > div > h3 {
    display: none;
  }
  #topcucc label {
    display: flex;
  }
  #topcucc .inner > div {
    width: 100%;
  }
  #legfrissebbek {
    display: none;
  }
  #nepszeruvagyfriss:checked + label span {
    color: #fff;
    border-bottom-color: #707cdc;
  }
  #nepszeruvagyfriss:checked + label span:first-child {
    color: #7b7e87;
    border-bottom-color: #444;
  }
  #nepszeruvagyfriss:checked ~ #legnepszerubbek {
    display: none;
  }
  #nepszeruvagyfriss:checked ~ #legfrissebbek {
    display: block;
  }
  #page-footer .megosztas, #page-footer .w-3 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  .faq {
    -moz-columns: 1;
         columns: 1;
  }
  #faq p {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 666px) {
  .word.related {
    display: block;
    float: left;
  }
  .word.related .box {
    float: left;
    width: 48%;
    width: calc(50% - 0.5rem);
  }
  .word.related .box:nth-child(2n+1) {
    float: right;
  }
  article > h1, #article-header h1, section.info h1 {
    font-size: 3rem;
  }
  #kelltennem .software-list li {
    width: 100%;
    margin-bottom: 1rem;
  }
  #kelltennem .inner, #topcucc .inner {
    padding: 4rem 2rem;
  }
  #kelltennem ol li::before {
    margin: 0 1ex 0 0;
  }
  .allthestuff .box {
    flex-wrap: wrap;
  }
  .allthestuff .date, .allthestuff .q {
    flex: 1 100%;
  }
  .faq {
    -moz-column-gap: 1.8rem;
         column-gap: 1.8rem;
  }
  .faq div {
    margin-bottom: 1.8rem;
  }
}
@media only screen and (max-width: 584px) {
  #searchresults h1 {
    font-size: 1.5rem;
  }
  #top-search-box {
    margin-bottom: 5rem;
  }
  #top-search-box h2 {
    font-size: 9.6vw;
  }
  #top-search-box input {
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    max-width: 24rem;
  }
  #top-search-box.dictionary input {
    max-width: 100%;
  }
  #top-search-box form.with-suggester::before {
    border-radius: 2.5rem 2.5rem 0 0;
  }
  #top-search-box button {
    margin: 1.05rem 0 0 -2.5rem;
  }
  #top-search-box .bg img {
    display: none;
  }
  #top-search-box .bg img.mobil {
    display: block;
    height: 90vw;
    margin: 5rem 0 0 0;
  }
  #top-search-box h2 {
    font-weight: 800;
    line-height: 1.2;
    max-width: 72%;
    margin-bottom: 0.75rem;
    padding-left: 1rem;
  }
  #top-search-box.dictionary h2 {
    max-width: 100%;
  }
  #top-search-box p {
    max-width: 63%;
    font-size: 1rem;
  }
  #top-search-box ul.chips li:last-child {
    display: block;
    margin: 1rem 0 0 0;
    font-size: 0.8rem;
  }
  #top-search-box.dictionary ul.chips li:last-child {
    float: none;
    margin: 1rem 0 0 1ex;
    padding-bottom: 1rem;
  }
  .word.withlikes {
    flex-wrap: wrap;
    justify-content: center;
  }
  .word.withlikes .like, .word.withlikes .dislike {
    height: 5rem;
    align-items: center;
    padding: 0 2.5rem;
    text-indent: 2.5rem;
    position: relative;
    margin-bottom: 1ex;
  }
  .word.withlikes .like i, .word.withlikes .dislike i {
    left: 1.6rem;
    top: 0.8rem;
  }
  .word.withlikes .like span, .word.withlikes .dislike span {
    position: relative;
    line-height: 0;
  }
  .word.withlikes .like i {
    top: 0.7rem;
  }
  .more {
    display: block;
    text-align: center;
  }
  .theme .textarea h3 {
    line-height: 1.31;
    font-size: 1.75rem;
  }
  .theme .textarea.left h3, .theme .textarea.right h3 {
    width: 55%;
  }
  .theme .textarea.right {
    text-align: right;
  }
  .theme .textarea.right h3 {
    margin-left: 45%;
  }
  .theme .textarea.right.wide h3 {
    margin-left: 17.5%;
  }
  .theme .textarea.wide h3 {
    width: 82.5%;
  }
  #napszava h2, .link2quiz h2, #napszava .date {
    text-align: center;
  }
  article .meta {
    flex-direction: column-reverse;
    margin-top: 1rem;
  }
  article .data dl:first-child {
    display: flex;
  }
  article .data dl:first-child div:first-child::after {
    content: "";
    border-right: 1px solid #7b7e87;
    margin: 0 0.5rem 0 0.6rem;
  }
  article dt, article dd {
    margin: 0;
  }
  article .author {
    margin-top: 2rem;
  }
  article .w-6 {
    width: 100%;
    max-width: 100%;
  }
  input:checked + .panel, input:checked:focus + .panel {
    border-radius: 0;
    box-shadow: 1rem 0 0 0 #ebedfa, -1rem 0 0 0 #ebedfa;
  }
  #searchextra button {
    width: 100%;
    margin-top: 2rem;
  }
  #category-main h1 {
    font-size: 2rem;
  }
  #category-main h1::before {
    height: 3.5rem;
    width: 3.5rem;
  }
  #category-main h1 small {
    display: block;
    padding-left: 3.5rem;
  }
  #list-order {
    background: transparent;
    flex-wrap: wrap;
    padding: 0;
  }
  #list-order div {
    flex: 1 100%;
  }
  #list-order legend {
    margin-bottom: 1rem;
  }
  #list-order label {
    background: #ebecf0;
    padding: 0.6rem 1.2rem;
    border-radius: 1ex;
    line-height: 3;
  }
  #list-order label::before {
    display: none;
  }
  #list-order input:checked + label {
    background: #707cdc;
    color: #fff;
  }
  #quiz {
    background: #fff;
    padding-top: 5rem;
  }
  #quiz > .inner {
    padding: 0;
  }
  #progress-container {
    border-radius: 0;
    width: 100vw;
    margin-left: -8vw;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #progress-container progress {
    order: 3;
    flex: 1 100%;
    margin: 4px 0 0;
  }
  #buttons #skip {
    margin: 0;
  }
}
@media only screen and (max-width: 450px) {
  .theme .textarea h3 {
    font-size: 1.5rem;
  }
  #top-search-box.dictionary h2 {
    font-size: 2rem;
  }
  article > h1, #article-header h1, section.info h1 {
    font-size: 2.5rem;
  }
  #topcucc label span {
    font-size: 3.6vmin;
  }
  #topcucc .quiz .box {
    padding: 1rem 2rem 1rem 4.5rem;
  }
  #topcucc .quiz .box::after {
    width: 3rem;
    height: 3rem;
    left: 0.8rem;
    top: 1.3rem;
  }
  .faq {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .faq div {
    margin-bottom: 1rem;
  }
  #quiz.start h1 {
    font-size: 2rem;
  }
  #quiz.start button {
    width: 100%;
  }
  #quiz-finish-container .w-5 #share button {
    margin: 1% 0;
  }
  #quiz-finish-container .w-5 #share {
    position: absolute;
    bottom: 0;
  }
  #page-header form.with-suggester::before {
    display: none;
  }
}
@media only screen and (max-width: 371px) {
  #top-search-box p {
    max-width: 55%;
  }
}
@media only screen and (max-width: 314px) {
  #top-search-box ul.chips {
    background: #000;
    width: 100vw;
    margin-left: -2%;
    padding: 4%;
  }
}/*# sourceMappingURL=gyerekaneten.css.map */