#quiz-app { background: var(--primary-natural);}
.drinkiq-quiz-landing { padding-top: 12.2rem; background: var(--primary-natural);}
.drinkiq-quiz-landing .drinkiq-quiz__image-wrapper img {min-height: 100%;}
.drinkiq-quiz-wrapper ul li { list-style: disc; margin: auto; margin-bottom: 1rem; font-size: var(----card-body-fs); line-height: var(--card-body-lh); padding-left: 4px;}
.drinkiq-quiz-wrapper ul { padding-left: 2.4rem;}
.drinkiq-quiz-wrapper ul li::marker { font-size: 10px; font-weight: 100; line-height: normal;}
/*progress bar*/
.quiz-progress-bar__wrapper {margin-top: 4.8rem; margin-bottom: 0.8rem;}
.quiz-progress-bar__left {margin-right: 5px;}
.quiz-progress-bar__right {margin-left: 5px;}
.quiz-progress-bar__main {background-color: var(--functional-medium-gray); height: 3px; width: 100%; max-width: 400px; margin: 0 auto 4rem; border-radius: 10px;}
.quiz-progress-bar__fill {background-color: var(--primary-carbon); height: 100%; transition: all .3s ease-in-out; border-radius: 10px;}

#quiz-app .fade-enter-active, #quiz-app .fade-leave-active { transition: opacity 0.5s ease-out !important/*, transform 0.7s ease*/;}
#quiz-app .fade-enter-from { opacity: 0;}
#quiz-app .fade-leave-to { opacity: 0; /*transform: translateY(-20px);*/}
#quiz-app .fade-enter-to, #quiz-app .fade-leave-from { opacity: 1; }
#quiz-app .quiz-questions-wrapper:empty, #quiz-app .results-page:empty { display: none; }
#quiz-app .drinkiq-quiz-questions, #quiz-app .drag-drop-question, #quiz-app .post-quiz-poll { position: relative; width: 100%; min-height: 82vh; }
#quiz-app .fade-leave-active * { transition: none !important; animation: none !important;}
#quiz-app .fade-leave-active { transition: opacity 0.5s ease !important;}
#quiz-app .fade-leave-active .drinkiq-quiz-questions__incorrect-panel.visible, #quiz-app .fade-leave-active .drinkiq-quiz-questions__correct-panel.visible {
  transform: translateY(0) !important;
  opacity: 1 !important;
}
/*#quiz-app .fade-leave-active .drag-drop-question .drinkiq-quiz-questions__incorrect-panel,
#quiz-app .fade-leave-active .drag-drop-question .drinkiq-quiz-questions__correct-panel {
  transform: translateY(0) !important;
  opacity: 1 !important;
}*/
#quiz-app .fade-leave-active ~ .results-page,
#quiz-app .fade-leave-active + .results-page {
  opacity: 0 !important;
  visibility: hidden !important;
}
#quiz-app .quiz-progress-bar__fill { transition: width 0.5s ease;}
#quiz-app .drinkiq-quiz-questions__img, #quiz-app .post-quiz-poll__img, #quiz-app .drag-drop-question__img { display: block; height: auto;}
#quiz-app .cta-primary:disabled {background-color: var(--primary-lightest-yellow); color: var(--primary-night); border: 1px solid var(--primary-carbon);}

/*global travel*/
.global-travel-quiz.dropdown.lang-switch{gap:12px;z-index: 3;margin-top: 10px;}
.global-travel-quiz.dropdown.lang-switch .dropdown-toggle.active{background: var(--primary-sand); border-bottom: 1px solid var(--functional-medium-gray) !important;}
.global-travel-quiz.dropdown.lang-switch .dropdown-toggle.active .icon-chevron-down{transform:rotate(180deg)}
.global-travel-quiz.dropdown.lang-switch .icon-chevron-down{/*background-image:url('/~/media/Images/D/drinkiq/globaltravel/quiz/chevron-bottom.svg');*/transition: 0.3s all ease-in-out; display: flex; background-repeat: no-repeat; background-size: cover; font-size: 14px; height: 16px; font-weight: 500;}
.global-travel-quiz.dropdown.lang-switch .lang-title{font-weight:700; padding: 6px 0 6px 0;}
.global-travel-quiz.dropdown.lang-switch .dropdown-toggle{border: none; border-color: transparent !important; border-radius: 0;padding: 6px; min-width: 85px; justify-content: space-between; background: none;}
.global-travel-quiz.dropdown.lang-switch .dropdown-menu.lang.show li a{background: var(--primary-sand);padding: 6px; width: 100%;}
.global-travel-quiz.dropdown.lang-switch .dropdown-menu.lang li a {display: flex;}
.global-travel-quiz.dropdown.lang-switch .dropdown-menu.lang li a:hover {color: inherit; font-weight: 700;}
.global-travel-quiz.dropdown.lang-switch #language-dropdown-menu{max-height: 0; opacity: 0; margin: 0;transition:0.3s all ease-in-out;min-width: 80px; pointer-events: none;}
.global-travel-quiz.dropdown.lang-switch #language-dropdown-menu.show{max-height: none; opacity: 1; pointer-events: auto;}
.global-travel-quiz.dropdown.lang-switch .dropdown-toggle:hover {color: inherit; font-weight: 700;}
.global-travel-quiz-header.header { max-height: 69px; padding-bottom: 0; background: var(--primary-natural); position: relative; z-index: 4;}
.global-travel-quiz-main .drinkiq-quiz-landing {padding-top: 0 !important;}

.global-travel-quiz-main .quiz-progress-bar {/*position: absolute; top: 0;*/ background: transparent;}
.global-travel-quiz-main .quiz-progress-bar__wrapper {margin-top: 0; margin-bottom: 0.8rem;}
.global-travel-quiz-main .post-quiz-poll {padding-top: 0;}
.global-travel-quiz-main .quiz-progress-bar__main {margin: 0 auto 0;}

@media only screen and (min-width: 768px){
.global-travel-quiz-main .drinkiq-quiz-wrapper {padding-top: 5.5rem !important;}
}

@media only screen and (min-width: 992px){
.drinkiq-quiz-landing .drinkiq-quiz__image-wrapper { min-width: 57.8rem; min-height: 57.8rem;}
}

@media only screen and (max-width: 1199.99px){
.drinkiq-quiz-landing .drinkiq-quiz__image-wrapper img { width: 100%;}
}

@media only screen and (max-width: 767.98px){
.drinkiq-quiz-landing {padding-top: 8rem;}
.drinkiq-quiz-wrapper ul li { margin-bottom: 8px; }
.quiz-progress-bar__wrapper {margin-top: 9.6rem; margin-bottom: 0;}
.quiz-progress-bar__main {margin: 0 auto 0;}
.global-travel-quiz.dropdown.lang-switch{margin-right: 10px;}
.global-travel-quiz.dropdown.lang-switch .lang-title{display:none;}
.global-travel-quiz.dropdown.lang-switch .dropdown-toggle,.global-travel-quiz.dropdown.lang-switch .dropdown-menu.lang.show li a{padding:6px 8px !important; min-width: 83px !important;}
.global-travel-quiz-main .quiz-progress-bar__wrapper {margin-top: 0.8rem; margin-bottom: 0;}
}
/*#quiz-app .post-quiz-poll { animation: quizFadeIn 0.5s ease;}
@keyframes quizFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}*/