@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?25987119');
  src: url('../font/fontello.eot?25987119#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?25987119') format('woff2'),
       url('../font/fontello.woff?25987119') format('woff'),
       url('../font/fontello.ttf?25987119') format('truetype'),
       url('../font/fontello.svg?25987119#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="muuks-icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .5em;
  text-align: center;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.muuks-icon-spinner:before { content: '\e803'; }

/* Animations start */
#muuks-container .muuks-animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes muuks-fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes muuks-fade-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

#muuks-container .muuks-fade-in-right {
  -webkit-animation-name: muuks-fade-in-right;
          animation-name: muuks-fade-in-right;
}

@-webkit-keyframes muuks-fade-out-left {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes muuks-fade-out-left {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

#muuks-container .muuks-fade-out-left {
  -webkit-animation-name: muuks-fade-out-left;
          animation-name: muuks-fade-out-left;
}

/* Animations end */

#muuks-all-questions, #muuks-test-content, #muuks-test-finished, .muuks-toggle-container { display: none; }

#muuks-all-questions-selected {
	position: absolute;
	visibility: hidden;
	display: block;
	top: -5000px;
	left: -5000px;
	height: auto;
}
#muuks-all-questions-selected .muuks-question {
	visibility:visible;
	display: block;
	width: auto;
	height: auto;
}
#muuks-container {
	overflow-x: hidden;
	background-color: #f5f5f5;
	padding: 2rem;
	margin-bottom:1rem;
}
#muuks-container.muuks-text-center,
#muuks-container.muuks-text-center h1,
#muuks-container.muuks-text-center h2,
#muuks-container.muuks-text-center h3,
#muuks-container.muuks-text-center h4,
#muuks-container.muuks-text-center h5,
#muuks-container.muuks-text-center h6,
#muuks-container.muuks-text-center p
#muuks-container.muuks-text-center .muuks-answers li {
	text-align: center;
}
#muuks-container.muuks-text-center .muuks-screen-result,
#muuks-container.muuks-text-center .muuks-screen-result p,
#muuks-container.muuks-text-center .muuks-screen-result .muuks-result-title {
  text-align: left;
}
#muuks-frontpage-share-buttons {
	margin-bottom: 1rem;
}
#muuks-frontpage-facebook-share,
#muuks-frontpage-twitter-share {
	display: inline-block;
	width: auto;
	height: auto;
	margin-right:0.5rem;
}

#muuks-container .muuks-frontpage-button-container {
  margin-bottom: 0;
}
#muuks-quiz-header h1,
#muuks-container .muuks-result-share-title,
#muuks-container .muuks-result-title,
#muuks-container .muuks-question-title,
#muuks-container .muuks-feedback-title {
  margin-top: 0;
}
#muuks-container .muuks-result-share-title,
#muuks-container .muuks-result-title,
#muuks-container .muuks-feedback-title,
#muuks-container .muuks-question-title {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
#muuks-container .muuks-result-share {
	margin: 0;
	display: block;
	width: 100%;
	clear:both;
}
#muuks-container .muuks-result-share:after {
	content: "";
	display: table;
	clear: both;
}
#muuks-container .muuks-result-share .muuks-share-item {
  display: inline-block;
  text-align: center;
}
#muuks-container .muuks-result-share a.muuks-share-button {
	cursor: pointer;
  font-weight: normal;
  line-height: normal;
	text-align: left;
	vertical-align: middle;
	padding: 1rem 2rem;
  margin: 0 1rem 0 0;
	color: #ffffff;
	text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border:none;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
  box-sizing: border-box;
  display: inline-block;
}
#muuks-container .muuks-result-share a.muuks-share-button.muuks-linkedin-sharer {
	background-color: #0e76a8;
}
#muuks-container .muuks-result-share a.muuks-share-button.muuks-fb-sharer {
	background-color: #3a589d;
}
#muuks-container .muuks-result-share a.muuks-share-button.muuks-twitter-sharer {
	background-color: #55ACEE;
}
#muuks-container .muuks-result-share a.muuks-share-button.muuks-email-sharer {
	background-color: #8a7967;
  margin-right: 0;
  display: none!important;
}
#muuks-container.muuks-show-whatsapp .muuks-result-share a.muuks-share-button.muuks-email-sharer {
  margin-right: 1rem;
}
#muuks-container .muuks-result-share a.muuks-share-button.muuks-whatsapp-sharer {
	background-color: #34af23;
	display: none;
}
#muuks-container.muuks-show-whatsapp .muuks-result-share a.muuks-share-button.muuks-whatsapp-sharer {
  display: inline-block;
  margin-right: 0;
}
#muuks-container .muuks-result-share a.muuks-share-button.muuks-linkedin-sharer:hover,
#muuks-container .muuks-result-share a.muuks-share-button.muuks-fb-sharer:hover,
#muuks-container .muuks-result-share a.muuks-share-button.muuks-twitter-sharer:hover,
#muuks-container .muuks-result-share a.muuks-share-button.muuks-email-sharer:hover,
#muuks-container .muuks-result-share a.muuks-share-button.muuks-whatsapp-sharer:hover {
  -webkit-box-shadow: none;
  box-shadow: inset none;
  border:none;
	text-decoration: none;
  color: #ffffff;
}
#muuks-container #muuks-start-test-again.muuks-button {
	margin-bottom: 2rem;
}
#muuks-progress {
	margin: 0  0 1.5rem;
	padding: 0;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.muuks-text-center #muuks-progress {
  justify-content: center;
}
#muuks-progress li {
	list-style: none;
	display: inline-block;
	text-indent: 0;
	text-align: center;
  width: 30px;
  height: 30px;
	color:#000000;
	background:#E8E8E8;
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	opacity: 1;
  line-height: 30px;
  border-radius: 100%;
}
@-webkit-keyframes muuks-bounce-back {
    0%   { -webkit-transform: scale(1);}
    50%  { -webkit-transform: scale(1.5);}
    100% { -webkit-transform: scale(1);}
}

@keyframes muuks-bounce-back {
    0%   { transform: scale(1);}
    50%  { transform: scale(1.5);}
    100% { transform: scale(1);}
}
#muuks-progress li.muuks-answered {
	background:#000000;
}
#muuks-progress li.muuks-answered.muuks-answer-correct {
  background:#4f8336;
}
#muuks-progress li.muuks-answered.muuks-answer-wrong {
  background:#d73e3e;
}
#muuks-progress li.muuks-answered > span {
	font-family: "fontello";
  font-style: normal;
  font-weight: normal;
	font-variant: normal;
  text-transform: none;
  speak: none;
	margin: 0;
	position: relative;
	display: inline-block;
}

#muuks-progress li.muuks-answered.muuks-answer-correct > span:before { color: #ffffff; content: '\e801'; }
#muuks-progress li.muuks-answered.muuks-answer-wrong > span:before { color: #ffffff; content: '\e802'; }

#muuks-progress li:last-child {
	margin-right: 0;
}
#muuks-progress li.muuks-current {
	background:#000000;
	color: #ffffff;
	-webkit-transform-origin: center;
  transform-origin: center;
	-webkit-animation: muuks-bounce-back 0.5s linear 0s 1 normal;
	animation: muuks-bounce-back 0.5s linear 0s 1 normal;
}
#muuks-progress li.muuks-done {
	background:#000000;
	color: #ffffff;
}
#muuks-container .muuks-answers {
	margin: 0;
	padding: 0;
	display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  width: 100%;
  list-style: none;
}
#muuks-container .muuks-answers li {
  display: inline-block;
  position: relative;
}
#muuks-container .muuks-answers.muuks-answers-as-images {
  display: block;
  width: 100%;
}
#muuks-container .muuks-answers li a {
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-weight: bold;
	margin: 0;
	max-width: 100%;
	display: inline-block;
	clear: both;
	color:#ffffff;
  border: 1px solid #000000;
	cursor:pointer;
  border-bottom: none;
  box-shadow: none;
  line-height: 1;
  position: relative;
  background-color: transparent;
}
#muuks-container .muuks-answers li.answer-correct a {
  background: #4f8336;
  border: 1px solid #4f8336;
  color:#ffffff;
}
#muuks-container .muuks-answers li.answer-wrong a {
  background: #d73e3e;
  border: 1px solid #d73e3e;
  color:#ffffff;
}
#muuks-container .muuks-answers li.muuks-user-answer a {
  background: #000000;
  border: 1px solid #000000;
  color:#ffffff;
}
#muuks-container .muuks-answers li:last-child a {
  margin-bottom: 0;
}
#muuks-container .muuks-answers.muuks-answers-as-images li:last-child a {
  margin-bottom: 1rem;
}
#muuks-container .muuks-answers li.image-answer a {
	list-style: none;
	padding:0;
	margin-bottom:1rem;
	margin-right: 1rem;
	background:transparent;
	cursor:pointer;
	display:inline-block;
}
#muuks-container .muuks-answers li.image-answer a:focus,
#muuks-container .muuks-answers li.image-answer a:hover {
	opacity: 0.7;
}
#muuks-container .muuks-answers.muuks-answered li a:focus,
#muuks-container .muuks-answers.muuks-answered li a:hover {
	cursor:default;
}
#muuks-container .muuks-answers.muuks-answered li.image-answer a:focus,
#muuks-container .muuks-answers.muuks-answered li.image-answer a:hover {
	background-color:transparent;
}
#muuks-container .muuks-answers li.answer-correct a:before,
#muuks-container .muuks-answers li.answer-wrong a:before {
	font-family: "fontello";
  font-style: normal;
  font-weight: normal;
	font-variant: normal;
  text-transform: none;
  speak: none;
	margin: 0;
	padding: 0;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	position: absolute;
	right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
#muuks-container .muuks-answers li.answer-correct a,
#muuks-container .muuks-answers li.answer-wrong a {
  padding-right: 3rem;
}
#muuks-container .muuks-answers li.answer-correct a:before {
	content: '\e801';
}
#muuks-container .muuks-answers li.answer-wrong a:before {
	content: '\e802';
}
#muuks-container .muuks-answers .muuks-clicked {
	background: #000000;
}
#muuks-container .muuks-answers li.muuks-image-answer {
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  display: inline-block;
}
#muuks-container .muuks-answers li.muuks-image-answer.muuks-clicked,
#muuks-container .muuks-answers li.muuks-image-answer:hover {
	background:transparent;
}
#muuks-container .muuks-answers li.muuks-image-answer:hover .muuks-background-image {
  opacity: 0.7;
}
#muuks-container .muuks-answers li.muuks-half-image-first {
	width: calc(50% - 1rem);
  margin-right: 1rem;
	height: 200px;
}
#muuks-container .muuks-answers li.muuks-half-image-second {
	width: calc(50% - 1rem);
  margin-left: 1rem;
	height: 200px;
}
#muuks-container .muuks-answers li .muuks-background-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
  width: 100%;
  height: 100%;
}
#muuks-container .muuks-result-image,
#muuks-container .muuks-image {
  display: block;
  clear: both;
  margin: 0 auto 2rem auto;
  max-width: 100%;
  width: auto;
  height: auto;
}
#muuks-question-container .feedback {
  margin-top: 1.5rem;
}

@media print, screen and (max-width: 63.99em) {
  #muuks-progress li.muuks-answered span {
    font-size: 0.875rem;
  }
	#muuks-progress li {
    padding: 0.125rem;
    font-size: 0.875rem;
	}
  #muuks-container .muuks-result-share a.muuks-share-button .text {
		display: none;
	}
  #muuks-container .muuks-question-title {
    font-size: 1.125rem;
  }
  #muuks-frontpage-intro-text p,
  #muuks-question-container p,
  #muuks-container .muuks-answers li a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 46.25em) {
  #muuks-container .muuks-question-title {
    font-size: 1rem;
  }
}