.ays-quiz-container {
box-sizing: border-box;
}
.ays-quiz-container p {
padding: 0 10px;
margin: 1em 0;
}
.ays-quiz-container section.ays_quiz_redirection_timer_container,
.ays-quiz-container section.ays_quiz_timer_container {
padding-top: 5px;
}
.ays-quiz-container section.ays_quiz_redirection_timer_container hr,
.ays-quiz-container section.ays_quiz_timer_container hr{
padding: 0px;
margin: 0px;
border-bottom-color: #ccc;
}
.ays-quiz-container form span {
margin-top: 0;
margin: 0;
}
.ays-field {
display: flex;
text-align: left;
opacity: 1;
margin-bottom: 10px;
position: relative;
}
[id^="ays-quiz-container-"] .ays-field input[type='checkbox'],
[id^="ays-quiz-container-"] .ays-field input[type='radio']{
display: none!important;
}
.ays-quiz-answers .ays-field input~label[for^="ays-answer-"] {
font-weight: 600;
color: #484848;
margin-bottom: 0;
width: 100%;
height: unset;
transition: all .3s;
cursor: pointer;
display: block !important;
padding: 10px;
word-wrap: break-word !important;
white-space: initial !important;
line-height: 33px;
text-transform: initial;
max-width: 100%;
margin: 0!important;
letter-spacing: unset;
}
.ays-quiz-answers .ays-field input~label.ays_answer_image_label[for^="ays-answer-"] {
line-height: 0 !important;
}
.ays-quiz-answers .ays-field input[type="checkbox"]+label[for^="ays-answer-"] {
margin-left: 0;
}
.ays-field.ays_list_view_item input~label:before {
content: "";
display: inline-block;
background: #ddd;
background-clip: content-box;
width: 20px;
height: 20px;
border: 3px solid #ccc;
padding: 3px 3px 3px 3px;
box-sizing: border-box;
transition: all .4s linear;
vertical-align: middle;
margin-right: 10px;
position: unset;
}
.ays-field.ays_list_view_item input[type="radio"]~label:before {
border-radius: 50%;
}
.ays-field.ays_list_view_item input~label:hover:before {
background: #ddd;
color: #ddd;
background-clip: content-box;
}
.ays-field input~label:hover {
opacity: 1 !important;
}
.ays-quiz-container .select2-container {
display: block;
width: 100%!important;
}
.ays-quiz-container .select2.select2-container .select2-selection {
padding: 0 !important;
}
.ays-quiz-container .select2-container .select2-selection--single,
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__rendered {
height: 40px;
line-height: 40px;
font-size: 17px !important;
width: 100%;
color: white;
display: inline-block;
}
.ays-quiz-container .select2-container--default,
.ays-quiz-container .select2-container--default .selection,
.ays-quiz-container .select2-container--default .select2-selection {
display: inline-block;
width: 100%;
height: 40px;
}
.ays-quiz-container .select2-container--default .select2-selection--single {
background: transparent;
border: none;
border-radius: unset;
}
.ays-quiz-container .select2-container--default .select2-selection--single:focus {
outline: none;
box-shadow: none;
}
.ays-quiz-container .select2-container .select2-selection--single .select2-selection__arrow b[role="presentation"] {
border: none;
}
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
right: 10px;
color: #fff;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
}
[id^="ays-quiz-container-"] * {
box-sizing: border-box;
word-wrap: break-word;
}
div.ays-quiz-wrap {
max-width: 100%;
width: 100%;
}
div.ays-quiz-container[id^="ays-quiz-container-"] p:empty{
display: none;
}
div.ays-quiz-container[id^="ays-quiz-container-"] {
width: 96%;
min-width: 200px;
max-width: 96%;
margin: 20px auto;
text-align: center;
background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
box-sizing: border-box;
position: relative;
padding-bottom: 60px;
transition: .5s ease;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
form[id^="ays_finish_quiz_"] {
background-color: initial !important;
}
[id^="ays-quiz-container-"] iframe {
width: 100% !important;
height: 100% !important;
}
[id^="ays_finish_quiz_"] div.step {
display: flex;
justify-content:  center;
align-items:  center;
border: 0 none;
width: 100%;
position: relative;
padding-top: 45px;
}
[id^="ays_finish_quiz_"] > div.step:first-of-type {
background-color: transparent !important;
border: none !important;
}
[id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs {
padding-top: 0px !important;
}
[id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs .ays-abs-fs.ays-end-page {
margin-top: 0px !important;
}
[id^="ays_finish_quiz_"] div.step div.ays-image-question-img{
margin-bottom: 15px;
}
[id^="ays_finish_quiz_"] div.step div.ays-abs-fs {
width: 90%;
position: relative;
} [id^="ays_finish_quiz_"] div.step:not(:first-of-type) {
display: none;
} [id^="ays_finish_quiz_"] input[type=search],
[id^="ays_finish_quiz_"] input[type=tel],
[id^="ays_finish_quiz_"] input[type=time],
[id^="ays_finish_quiz_"] input[type=url],
[id^="ays_finish_quiz_"] input[type=password],
[id^="ays_finish_quiz_"] input[type=date],
[id^="ays_finish_quiz_"] input[type=datetime],
[id^="ays_finish_quiz_"] input[type=datetime-local],
[id^="ays_finish_quiz_"] input[type=email],
[id^="ays_finish_quiz_"] input[type=number],
[id^="ays_finish_quiz_"] input[type="text"],
[id^="ays_finish_quiz_"] textarea,
[id^="ays_finish_quiz_"] select {
padding: 15px;
border: 1px solid #ccc;
border-radius: 3px!important;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
color: #2C3E50;
font-size: 13px;
height: auto;
background: #fff;
}
[id^="ays_finish_quiz_"] textarea {
background-color: rgba(255, 255, 255, 0.7);
}
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=search]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=tel]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=time]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=url]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=password]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=date]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=datetime]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=datetime-local]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=email]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type=number],:focus
div.ays-quiz-container[id^="ays_finish_quiz_"] input[type="text"]:focus,
div.ays-quiz-container[id^="ays_finish_quiz_"] textarea:focus {
border-color: unset;
}
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=button]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=search]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=tel]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=time]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=url]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=password]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=date]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime-local]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=email]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type=number]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] input[type="text"]:hover,
div.ays-quiz-container[id^="ays-quiz-container-"] textarea:hover {
transform: unset;
-o-transform: unset;
-moz-transform: unset;
-webkit-transform: unset;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .information_form label[for^="ays_form_field"] {
text-align: left;
display: block;
cursor: pointer;
} [id^="ays_finish_quiz_"] .action-button {
display: inline-block;
height: initial !important;
width:auto;
font-weight: bold;
border: 0 none;
cursor: pointer;
margin: 10px 5px;
line-height: 1;
text-transform: initial !important;
max-width: 100%;
min-width: fit-content;
box-shadow: unset;
text-align: center;
}
[id^="ays_finish_quiz_"] .action-button.start_button {
padding: 10px 20px;
}
[id^="ays_finish_quiz_"] .action-button:disabled:hover,
[id^="ays_finish_quiz_"] .action-button:disabled:focus,
[id^="ays_finish_quiz_"] .action-button:disabled {
outline: none !important;
background-color: #aaa !important;
box-shadow: none !important;
text-decoration: none !important;
cursor: default !important;
}
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled]:hover,
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled]:focus,
[id^="ays_finish_quiz_"] i.ays_early_finish.action-button[disabled],
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled]:hover,
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled]:focus,
[id^="ays_finish_quiz_"] i.ays_arrow.action-button[disabled] {
outline: none !important;
box-shadow: none !important;
text-decoration: none !important;
cursor: default !important;
color: #aaa !important;
pointer-events: none !important;
}
[id^="ays_finish_quiz_"] .action-button.ays_finish {
margin: 10px 5px;
} [id^="ays_finish_quiz_"] .ays-fs-title {
font-size: 21px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
text-align: center !important;
}
[id^="ays_finish_quiz_"] .ays-fs-subtitle {
font-weight: normal;
font-size: 17px;
color: #666;
margin-bottom: 20px;
}
.ays-quiz-container .select2-container .select2-dropdown {
margin: 0;
max-width: unset;
}
.ays-quiz-container .select2-dropdown input.select2-search__field {
border-radius: 0px!important;
}
.ays-quiz-container .select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #fff !important;
}
.ays-quiz-container .select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #aaa;
}
.ays-quiz-container .select2-container--default .select2-results>.select2-results__options {
max-height: calc( 100vh / 3 );
margin: 0!important;
padding: 0!important;
}
.ays-quiz-container .select2-container--default .select2-results__option {
list-style-type: none;
text-align: left;
color: #000 !important;
margin: 0!important;
}
.ays-quiz-container .select2-container.select2-container--default.select2-container--open {
z-index: 99999;
}
.ays-quiz-container .select2-container.select2-container--default.select2-container--open .select2-dropdown--below{
animation: fadeInUp;
animation-duration: .3s !important;
max-width: unset;
}
.ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow{
display: inline-block;
height: 26px;
}
[id^="ays_finish_quiz_"] p.ays_message{
font-size: 20px;
}
[id^="ays_finish_quiz_"] p.ays_score.ays_score_percent{
font-size: 18px;
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-social-shares{
margin: 15px 0;
text-align: center;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-share-btn-icon {
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
}
.ays-share-btn-linkedin .ays-quiz-share-btn-icon:before {
content: "\f08c";
}
.ays-share-btn-facebook .ays-quiz-share-btn-icon:before {
content: "\f082";
}
.ays-share-btn-twitter .ays-quiz-share-btn-icon:before {
content: "\f081";
}
.ays-share-btn-email .ays-quiz-share-btn-icon:before {
content: "\e945";
}
.ays-share-btn-more .ays-quiz-share-btn-icon:before {
content: "\ea82";
}
.ays-share-btn-googleplus .ays-quiz-share-btn-icon:before {
content: "\ea88";
}
.ays-share-btn-github .ays-quiz-share-btn-icon:before {
content: "\eab4";
}
.ays-share-btn-tumblr .ays-quiz-share-btn-icon:before {
content: "\eabb";
}
.ays-share-btn-reddit .ays-quiz-share-btn-icon:before {
content: "\eac7";
}
.ays-share-btn-delicious .ays-quiz-share-btn-icon:before {
content: "\eacc";
}
.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon:before {
content: "\eace";
}
.ays-share-btn-pinterest .ays-quiz-share-btn-icon:before {
content: "\ead0";
}
.ays-share-btn-vkontakte .ays-quiz-share-btn-icon:before {
content: "\f189";
}
.ays-share-btn-instagram .ays-quiz-share-btn-icon:before {
content:"\f16d";
}
.ays-share-btn-youtube .ays-quiz-share-btn-icon:before {
content:"\f16a";
}
.ays-share-btn-behance .ays-quiz-share-btn-icon:before {
content:"\f1b4";
}
.ays-share-btn,
.ays-share-btn * {
box-sizing: border-box;
}
.ays-share-btn,
.ays-share-btn *,
.ays-share-btn *:before,
.ays-share-btn *:after {
box-sizing: border-box;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-share-btn {
position: relative;
display: inline-block;
height: 24px;
margin: 0;
padding: 2px 8px;
line-height: 1.53;
letter-spacing: .04em;
vertical-align: top;
font-size: 12px;
font-weight: bold;
font-family: "Helvetica Neue", Arial, sans-serif;
color: #111;
background: #e0e0e0;
border: 1px solid #c7c7c7;
border-radius: 2px;
text-decoration: none;
transition: all 0.2s ease;
}
.ays-share-btn:hover,
.ays-share-btn:focus {
background: #d3d3d3;
border-color: #bababa;
text-decoration: none !important;
color: #111;
}
.ays-share-btn:active {
background: #c7c7c7;
border-color: #adadad;
text-decoration: none;
color: #111;
}
.ays-share-btn.ays-share-btn-sm {
height: 20px;
font-size: 10px;
padding: 0 8px;
line-height: 1.6;
}
.ays-share-btn.ays-share-btn-lg {
height: 28px;
font-size: 16px;
line-height: 1.4;
}
.ays-share-btn .ays-share-btn-text-sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.ays-share-btn.ays-share-btn-branded {
color: #fff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter {
background: #55acee !important;
border-color: #3ea1ec !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:focus {
background: #3ea1ec !important;
border-color: #2795e9 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:active {
background: #2795e9 !important;
border-color: #1689e0 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook {
background: #3b5998 !important;
border-color: #344e86 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:focus {
background: #344e86 !important;
border-color: #2d4373 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:active {
background: #2d4373 !important;
border-color: #263961 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte {
background: #486c91 !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:focus {
background: #2a6098 !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:active {
background: #4b719a !important;
border-color: #4b719a !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
border-color: #8d3bbf !important;
border: 0;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:focus {
background: radial-gradient(circle at 30% 107%, #fff37b 0%, #f5e96a 5%, #f83926 45%,#d61299 60%,#0e48f0 90%) !important;
border-color: #8d3bbf !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:active {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
border-color: #8d3bbf !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram .ays-quiz-share-btn-icon { padding: 0;
margin: 0;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube {
background: #fff !important;
border-color: #fff !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:focus {
background: #ffffffd1 !important;
border-color: #ffffffd1 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:active {
background: #ffffffd1 !important;
border-color: #ffffffd1 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube .ays-quiz-share-btn-icon {
color: #FF0000;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance {
background: #000B1D !important;
border-color: #000B1D !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:focus {
background: #000206 !important;
border-color: #000206 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:active {
background: #000206 !important;
border-color: #000206 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus {
background: #dd4b39;
color: #fff;
border-color: #d73925;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:focus {
background: #d73925;
border-color: #c23321;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:active {
background: #c23321;
border-color: #ac2d1e;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr {
background: #35465c;
color: #fff;
border-color: #2c3a4c;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:focus {
background: #2c3a4c;
border-color: #222d3c;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:active {
background: #222d3c;
border-color: #19212b;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit {
background: #ff4500;
color: #fff;
border-color: #e63e00;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:focus {
background: #e63e00;
border-color: #cc3700;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:active {
background: #cc3700;
border-color: #b33000;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin {
background: #0976b4 !important;
color: #fff !important;
border-color: #08669c !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:focus {
background: #08669c !important;
border-color: #075683 !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:active {
background: #075683 !important;
border-color: #05466b !important;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious {
background: #3399ff;
color: #fff;
border-color: #198cff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:focus {
background: #198cff;
border-color: #007fff;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:active {
background: #007fff;
border-color: #0073e5;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon {
background: #eb4924;
color: #fff;
border-color: #e13b15;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:focus {
background: #e13b15;
border-color: #ca3412;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:active {
background: #ca3412;
border-color: #b22e10;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest {
background: #cc2127;
color: #fff;
border-color: #b61d23;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:hover,
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:focus {
background: #b61d23;
border-color: #a01a1f;
}
.ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:active {
background: #a01a1f;
border-color: #8a161a;
}
.ays-share-btn.ays-share-btn-inverse {
color: #eeeeee;
background: #1f1f1f;
border-color: #050505;
}
.ays-share-btn.ays-share-btn-inverse:hover,
.ays-share-btn.ays-share-btn-inverse:focus {
background: #121212;
border-color: #000000;
color: #eeeeee;
}
.ays-share-btn.ays-share-btn-inverse:active {
background: #050505;
border-color: #000000;
color: #eeeeee;
}
.ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon {
position: relative;
top: 1px;
}
@-moz-document url-prefix() {
.ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon,
.ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon {
top: 0;
}
}
.ays-share-btn.ays-share-btn-more.ays-share-btn-lg .ays-quiz-share-btn-icon {
top: 2px;
}
.ays-share-btn .ays-share-btn-text {
padding-left: 2px;
}
.ays-question-counter{
position: absolute;
right: 8px;
top: 0px;
color: rgba(0,0,0,.6);
margin: 1em 0;
}
.ays-answer-image:hover{
cursor: pointer;
}
.ays_answer_select_image,
.ays-answer-image {
height: 100%;
min-width: 100px;
max-width: 100%;
object-fit: cover;
object-position: center center;
}
.ays-answer-image {
width: 100%;
}
.ays-quiz-container .select2-results__options .select2-results__option span {
display: flex;
align-items: center;
word-wrap: break-word;
}
.ays-quiz-container .select2-results__options .select2-results__option .ays_answer_select_image {
width: 150px;
height: 100px;
display: inline-block;
margin-right: 15px;
}
.ays_feedback_button_div,
.ays_buttons_div{
display: flex;
margin-top: 15px;
margin-bottom: 15px;
flex-wrap: wrap;
}
.ays_feedback_button_div {
justify-content: center !important;
}
.ays_buttons_div input {
height: 40px;
}
.ays_quiz_flash_card_main_container .display_none,
.ays-quiz-container .ays_display_none{
display: none !important;
}
.active-step{ }
.ays_red_border{
border-color:red !important;
}
.ays_green_border{
border-color:green !important;
}
input[type="checkbox"].ays_red_border{
box-shadow: 0px 0px 10px red !important;
}
input[type="checkbox"].ays_green_border{
box-shadow: 0px 0px 10px green !important;
}
.ays_arrow{
background: none !important;
font-size: 40px !important;
}
.ays_arrow:hover{
box-shadow:none !important;
transform: scale(1.1);
}
@keyframes bar-fill {
0% {
width: 0;
}
}
@-webkit-keyframes bar-fill {
0% {
width: 0;
}
}
@-moz-keyframes bar-fill {
0% {
width: 0;
}
}
@-o-keyframes bar-fill {
0% {
width: 0;
}
}
.ays-field.ays_list_view_item input+label.answered::after,
.ays-field.ays_grid_view_item label.answered::after{
content: '';
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 5px;
position: unset;
}
.ays-field input~label.answered.correct::after{
content: url(//govtexamsuccess.com/wp-content/plugins/quiz-maker/public/images/correct.png);
}
.ays-field input~label.answered.wrong::after{
content: url(//govtexamsuccess.com/wp-content/plugins/quiz-maker/public/images/wrong.png);
}
.ays-field label.answered {
position: relative;
}
.ays-field label.answered.correct:last-of-type::after,
.ays-field label.answered.wrong:last-of-type::after{
position: absolute;
}
.ays-field input~label.ays_without_after_content.answered::after {
content: none!important;
}
.ays-field.ays_list_view_item input:checked~label.answered.wrong:before {
border-color: #cc3700!important;
background: #cc3700!important;
background-clip: content-box!important;
}
.ays-field.ays_list_view_item input:checked~label.answered.correct:before {
border-color: #27ae60!important;
background: #27ae60!important;
background-clip: content-box!important;
}
.ays-field label.ays_position_initial,
.ays-field.ays_list_view_item input+label {
position: initial !important;
}
.ays_quiz_rect_light .ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before,
.ays_quiz_rect_dark .ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before,
.ays-field.ays_list_view_item label[for^="ays-answer"]:last-of-type::before {
content: none!important;
}
.ays-field input:checked+label.answered.correct:before{
background-color: #1cbf8b;
}
.ays_question_result{
pointer-events: none;
opacity: 1 !important;
display: flex !important;
position:static !important;
min-height: 0 !important;
transform: scale(1) !important;
}
.ays-quiz-container .ays-loader{
display: none;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 infinite;
animation-duration: 0.6s !important;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 infinite;
animation-duration: 0.6s !important;
}
.ays_grid_view_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.ays_grid_view_item{
width: calc(50% - 5px);
}
.ays_grid_view_item:nth-child(odd) {
margin-right: 5px;
}
.ays-quiz-redirection-timer,
.ays-quiz-timer {
margin: 0 !important;
}
.ays-quiz-after-timer {
display: none;
margin: 0 !important;
}
.ays-quiz-question-waiting-time-box{
position: absolute;
margin-left: auto;
margin-right: auto;
top: 10px;
left: 0;
right: 0;
text-align: center;
}
.ays_question_hint_container {
position: absolute;
top: 10px;
left: 10px;
z-index: 9;
}
.ays_question_hint_container button.ays_question_hint {
font-size: 20px;
cursor: pointer;
}
.ays_question_hint_container p.ays_question_hint {
font-size: 20px;
cursor: pointer;
margin: 0;
}
.ays_question_hint_container i.ays_question_hint {
font-size: 20px !important;
cursor: pointer;
}
.ays_question_hint_container .ays_question_hint_text {
visibility: hidden;
max-width: 270px;
width: max-content; text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 999;
top: 0;
left: unset;
margin-left: 15px;
opacity: 0;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
transition: opacity 0.5s;
}
.ays_question_hint_container .ays_question_hint_text.show_hint {
visibility: visible;
opacity: 1;
z-index: 1000;
}
.ays_question_result .ays_question_hint{
display: none;
}
.ays_average{
display: none;
}
.ays_quiz_form_input{
display: block !important;
}
.ays-quiz-container *:after{
content: none;
}
.ays-quiz-container .ays-image-question-img img{
width:100%;
max-width:100%;
}
.ays-quiz-container .ays-field label:last-child{
overflow: hidden;
}
.ays-quiz-container .ays-field input ~ label[for^="ays-answer"]:empty{
display: none !important;
padding: 0px !important;
}
.ays-quiz-container .ays-field input ~ label[for^="ays-answer"].ays_empty_before_content::before,
.ays-quiz-container .ays-field input:checked ~ label[for^="ays-answer"].ays_empty_before_content::before {
content: none !important;
}
.ays-field label.ays_answer_image {
overflow: hidden;
border-radius: 0;
margin: 0;
padding: 0;
line-height: 0 !important;
}
.ays-quiz-container{
max-width: 100%;
}
.ays_empty_before_content:before{
content: none !important;
}
.ays_score_display_none{
display:none;
}
.ays-quiz-container .disable_social_buttons{
display: none;
}
.ays-quiz-container	.ays_quiz_image{
max-width: 100%;
margin: auto;
}
.ays-form-title{
margin-bottom: 20px;
font-size: 20px;
text-align: inherit;
}
.ays-quiz-container .ays-field.ays-select-field {
padding: 0;
width: 100% !important;
}
.ays-quiz-container .ays-field.ays-text-field {
padding: 5px;
width: 100% !important;
display: flex;
flex-wrap: nowrap !important;
flex-direction: row !important;
margin-bottom: 20px;
align-items: stretch;
}
.ays-quiz-container .ays-matching-field {
width: 100%;
}
.ays-quiz-container .ays-field.ays-matching-field-option {
padding: 0;
flex-direction: row !important;
justify-content: space-between;
align-items: center;
}
.ays-quiz-container .ays-field.ays-matching-field-option:hover {
background-color: initial !important;
color: initial !important;
transition: none !important;
}
.ays-quiz-container .ays-field.ays-matching-field-option .ays-matching-field-choice {
flex: 50%;
padding-left: 10px;
}
.ays-quiz-container .ays-field.ays-matching-field-option .ays-matching-field-match {
flex: 50%;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"],
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] {
padding: 10px;
margin: 5px;
text-indent: 10px;
outline: 0;
transition: .8s ease;
color: #000 !important;
background-color: #fff;
background-image: unset;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input ~ button.ays_check_answer {
margin-right: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input{
padding: 10px;
margin: 5px;
text-indent: 10px;
outline: 0;
transition: .8s ease;
height: 100px;
resize: none;
color: #000 !important;
background-color: #fff;
min-height: 100px;
background-image: unset;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input{
padding: 10px; margin-bottom: 0;
text-indent: 10px;
outline: 0;
transition: .8s ease;
color: #000 !important;
background-image: unset;
max-width: 100%;
margin-top: 0;
margin: 0;
}
.ays-quiz-container .ays-quiz-answers div.ays-text-right-answer {
display: none;
width: 100%;
border: 1px solid #ccc;
padding: 10px;
border-radius: 4px;
color: #ddd;
background: rgba(39,174,96,0.5);
}
.ays_quiz_question {
word-wrap: break-word;
}
.ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input ~ button.ays_check_answer {
margin: 5px !important;
margin-left: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"] ~ button.ays_check_answer,
.ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] ~ button.ays_check_answer {
margin: 5px !important;
margin-left: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field button.ays_check_answer{
margin: 0 !important;
margin-right: 5px !important;
margin-left: 5px !important;
width: auto !important;
max-width: 100px;
white-space: initial !important;
word-wrap: break-word;
word-break: initial !important;
}
.ays-quiz-container .ays-field{
word-break: break-all;
}
.ays-live-bar-wrap {
box-sizing: border-box;
position: absolute;
height: 15px;
top: -15px;
border: none;
width: 100%;
background-color: transparent;
display: none;
}
.ays-live-bar-fill{
height: 100%;
border-bottom: 2px solid rgb(0, 0, 0);
}
.ays-live-bar-fill>span {
line-height: 15px !important;
text-align: right !important;
white-space: nowrap;
}
.ays-live-bar-fill span {
text-align: right;
display: block;
height: 100%;
color: inherit;
font-size: 11px;
}
div.ays-live-second-wrap{
background-color: black;
}
div.ays-live-second{
border-bottom: unset !important;
}
div.ays-live-third-wrap{
background-color: black;
}
div.ays-live-third{
border-bottom: unset !important;
border-radius: inherit;
}
div.ays-live-third::after {
content: "";
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
background-size: 40px 40px;
width: inherit;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@keyframes ays_progress_live_bar {
0% {
background-position: 0 0;
}
100% {
background-position: -40px 0;
}
}
div.ays-live-fourth-wrap{
background-color: black;
}
div.ays-live-fourth{
border-bottom: unset !important;
border-radius: inherit;
}
div.ays-live-fourth::before {
content: "";
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
background-size: 40px 40px;
width: inherit;
height: 100%;
position: absolute;
top: 0;
left: 0;
animation: ays_progress_live_bar linear infinite;
animation-duration: 0.8s;
}
.ays_quiz_reports {
display: flex;
position: absolute;
bottom: 0;
justify-content: space-between;
align-items: stretch;
left: 0;
width: 100%;
}
.ays_quiz_reports .ays_quiz_rete_avg {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 80%;
position: relative;
bottom: unset;
left: unset;
padding: 5px 8px;
border-radius: 0px; 
font-size: 12px;
font-weight: 600;
}
.ays_quiz_reports .ays_quiz_rete_avg span {
display: inline-block;
}
.ays_quiz_reports .ays_quizn_ancnoxneri_qanak i {
margin-right: 4px;
font-style: initial !important;
}
.ays_quiz_reports .ays_quizn_ancnoxneri_qanak {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative; 
bottom: unset; 
right: unset; 
padding: 5px 20px; 
border-radius: 0px; 
font-weight: bold;
font-size: 14px;
width: 20%;
text-align: right;
padding: 5px 8px;
white-space: nowrap;
}
.ays_quizn_ancnoxneri_qanak i {
font-style: initial !important;
}
.ays_quizn_ancnoxneri_qanak {
display: block;
position: absolute;
bottom: 0;
right: 0;
padding: 5px 20px;
border-radius: 4px 0px 0px 0px;
font-weight: bold
}
.ays_quiz_rete_avg i.icon {
font-size: 12px;
}
.ays_quiz_rete_avg {
display: block;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: fit-content;
position: absolute;
bottom: 0;
left: 0;
padding: 5px 8px;
border-radius: 0px 4px 0px 0px;
font-size: 12px;
font-weight: 600;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete {
display: none;
margin-bottom: 10px;
padding: 0px;
font-size: 12px;
font-weight: 600;
text-align: center;
}
.ays_quiz_rete .for_quiz_rate {
margin-bottom: 15px;
}
.ays_quiz_rete .for_quiz_rate_reason {
display: none;
margin-bottom: 20px;
}
.ays_quiz_rete .for_quiz_rate_reason textarea.quiz_rate_reason {
width: 100%;
height: 150px;
resize: vertical;
background: #fff;
padding: 15px;
}
.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div {
justify-content: flex-end;
}
.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div .action-button{
max-width: fit-content;
height: 40px;
}
.ays_quiz_rete .quiz_rate_more_review,
.ays_quiz_rete .quiz_rate_reasons_container {
display: none;
}
.ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons {
margin-bottom: 15px;
}
.ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons blockquote {
text-align: left;
}
.ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link {
cursor: pointer;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete .ays-quiz-rate-link-box {
text-align: center;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
} .ays-quiz-container[id^="ays-quiz-container"] .ays_fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ays_fa_flag_checkered::before {
content: "\f11e";
font-weight: 900;
}
.ays_fa_arrow_left::before {
content: "\f060";
font-weight: 900;
}
.ays_fa_arrow_right::before {
content: "\f061";
font-weight: 900;
}
.ays_fa_info_circle::before {
content: "\f05a";
font-weight: 900;
}
.ays_fa_chevron_up::before {
content: "\f077";
font-weight: 900;
}
.ays_fa_chevron_down::before {
content: "\f078";
font-weight: 900;
}
.ays_fa_eye::before {
content: '\f06e';
font-weight: 400;
}
.ays_fa_users::before {
content: '\f0c0';
font-weight: 400;
}
.ays_fa_square_o::before {
content: "\f096";
font-weight: 900;
}
.ays_fa_check_square_o::before {
content: "\f046";
font-weight: 900;
}
.ays_fa_star::before {
content: "\f005";
font-weight: 400;
}
.ays_fa_star_o::before {
content: "\f006";
font-weight: 400;
}
.ays_fa_user::before {
content: "\f007";
font-weight: 400;
}
.ays_fa_clock_o::before {
content: "\f017";
font-weight: 400;
}
.ays_fa_undo::before {
content: "\f0e2";
font-weight: 400;
}
.ays_fa_volume_up::before {
content: "\f028";
font-weight: 400;
}
.ays_fa_volume_off::before {
content: "\f026";
font-weight: 400;
}
.ays_fa_sign_out::before {
content: "\f08b";
font-weight: 400;
}
.ays_fa_play::before {
content: "\f04b";
font-weight: 400;
}
.ays_fa_play_circle::before {
content: "\f144";
font-weight: 400;
}
.ays_fa_play_circle_o::before {
content: "\f01d";
font-weight: 400;
}
.ays_fa_pause::before {
content: "\f04c";
font-weight: 400;
}
.ays_fa_pause_circle::before {
content: "\f28b";
font-weight: 400;
}
.ays_fa_pause_circle_o::before {
content: "\f28c";
font-weight: 400;
}
.ays_fa_stop::before {
content: "\f04d";
font-weight: 400;
}
.ays_fa_stop_circle::before {
content: "\f28d";
font-weight: 400;
}
.ays_fa_stop_circle_o::before {
content: "\f28e";
font-weight: 400;
}
.ays_fa_expand::before {
content: "\f065";
font-weight: 400;
}
.ays_fa_compress::before {
content: "\f066";
font-weight: 400;
}
.ays_fa_eraser::before {
content: "\f12d";
font-weight: 400;
}
.ays_fa_music::before {
content: "\f001";
font-weight: 400;
}
.ays_fa_long_arrow_left::before {
content: "\f177";
font-weight: 400;
}
.ays_fa_long_arrow_right::before {
content: "\f178";
font-weight: 400;
}
.ays_fa_arrow_circle_o_left::before {
content: "\f190";
font-weight: 400;
}
.ays_fa_arrow_circle_o_right::before {
content: "\f18e";
font-weight: 400;
}
.ays_fa_arrow_circle_left::before {
content: "\f0a8";
font-weight: 400;
}
.ays_fa_arrow_circle_right::before {
content: "\f0a9";
font-weight: 400;
}
.ays_fa_angle_left:before {
content: "\f104";
font-weight: 900;
}
.ays_fa_angle_right:before {
content: "\f105";
font-weight: 900;
}
.ays_fa_angle_up:before {
content: "\f106";
font-weight: 900;
}
.ays_fa_angle_down:before {
content: "\f107";
font-weight: 900;
}
.ays_fa_check::before {
content: "\f00c";
}
.ays_fa_times::before {
content: "\f00d";
}
.ays-quiz-container .logged_in_message{
padding: 15px;
}
.ays_quiz_results {
display: none;
}
.ays-quiz-container .rate_comment_row * {
box-sizing: border-box;
}
.ays-quiz-container .rate_comment_row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.ays-quiz-container .rate_comment_row.row_reverse {
flex-direction: row-reverse;
}
.ays-quiz-container .rate_comment_row .rate_comment_user {
width: 25%;
}
.ays-quiz-container .rate_comment_row .rate_comment {
width: fit-content;
max-width: 75%;
}
.ays-quiz-container .rate_comment_row .rate_comment_user,
.ays-quiz-container .rate_comment_row .rate_comment {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.ays-quiz-container .rate_comment_row .thumbnail {
padding: 4px;
display: block;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ays-quiz-container .rate_comment_row .img-responsive,
.ays-quiz-container .rate_comment_row .thumbnail>img,
.ays-quiz-container .rate_comment_row .thumbnail a>img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.ays-quiz-container .rate_comment_row .panel {
position:relative;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
text-align: left !important;
}
.ays-quiz-container .rate_comment_row .panel-default {
border-color: #ddd;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:after,
.ays-quiz-container .rate_comment_row .panel>.panel-heading:before{
position:absolute;
top:11px;left:-16px;
right:100%;
width:0;
height:0;
display:block;
content:" ";
border-color:transparent;
border-style:solid solid outset;
pointer-events:none;
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after,
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{
right:-16px;
left:100%;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:after{
border-width:7px;
border-right-color:#f7f7f7;
margin-top:1px;
margin-left:2px;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading:before{
border-right-color:#ddd;
border-width:8px;
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after{
border-width: 7px;
border-left-color: #f7f7f7;
margin-top: 1px;
margin-left: 0;
margin-right: 2px;
border-right: none
}
.ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{
border-left-color: #ddd;
border-width: 8px;
border-right: none;
}
.ays-quiz-container .rate_comment_row .panel>.panel-body {
padding: 15px;
}
.ays-quiz-container .rate_comment_row .panel>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
border-width:8px;
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.lds-spinner2-none,
.lds-spinner-none {
display: none;
}
.lds-spinner2,
.lds-spinner {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
transform: scale(0.5);
}
.lds-spinner2 div,
.lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner linear infinite;
animation-duration: 1.2s !important;
}
.lds-spinner2 div:after,
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
}
.lds-spinner2 div:nth-child(1),
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner2 div:nth-child(2),
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner2 div:nth-child(3),
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner2 div:nth-child(4),
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner2 div:nth-child(5),
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner2 div:nth-child(6),
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner2 div:nth-child(7),
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner2 div:nth-child(8),
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner2 div:nth-child(9),
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner2 div:nth-child(10),
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner2 div:nth-child(11),
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner2 div:nth-child(12),
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.ays_paypal_wrap_div,
.ays_stripe_wrap_div {
display: none;
}
.ays_paypal_div {
overflow: hidden;
}
.ays_paypal_div > div {
margin: auto;
width: 200px;
}
.ays_paypal_div iframe {
width: 100% !important;
}
.ays_paypal_details_div {
width: 100%;
padding: 15px;
}
.ays_paypal_details_div iframe {
width: 100% !important;
}
.ays_restart_button_p {
text-align: center !important;
margin: 0 !important;
}
.action-button.ays_restart_button {
width: auto;
max-width: 100%;
padding: 10px 20px;    
font-size: 14px;
font-family: inherit;
}
.action-button.ays_restart_button span {
margin-left: 7px;
}
div.ays_quiz_results_page {
display: none;
}
.ays_user_explanation {
margin-top: 5px;
padding-top: 15px;
}
.ays_user_explanation textarea {
resize: vertical;
height: 120px;
transition: .5s ease;
}
.ays_user_explanation textarea::placeholder {
font-size: 14px;
}
.ays_questtion_explanation,
.wrong_answer_text,
.right_answer_text {
text-align: initial;
}
.ays_animated_x5ms {
-webkit-animation-duration: .5s !important;
animation-duration: .5s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ays_animated_x1s {
-webkit-animation-duration: 1s !important;
animation-duration: 1s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .ays_user_explanation {
margin-top: 5px;
padding-top: 15px;
}
.ays_user_explanation textarea {
resize: vertical;
height: 120px;
transition: .5s ease;
}
.ays_user_explanation textarea::placeholder {
font-size: 14px;
} .ays_music_sound {
display: flex;
cursor: pointer;
z-index: 998;
width: 35px;
padding: 0;
margin: 0;
}
.ays_music_sound.z_index_0 {
z-index: 0;
}
.ays_music_sound > i {
font-size: 20px;
vertical-align: middle;
} fieldset.ays_fieldset {
border: 1px solid #e3939394;
padding: 5px;
background-color: transparent !important;
word-break: break-word;
}
fieldset.ays_fieldset legend {
font-size: 12px;
padding: 0 7px;
color: #f00;
margin: 0;
text-align: center;
border-top: 1px solid #e3939394;
border-bottom: 1px solid #e3939394;
margin-bottom: 10px;
background-color: transparent !important;
}
fieldset.ays_fieldset .ays_quiz_question .wp-video {
width: 100%;
max-height: 100%;
}
[id^="ays-quiz-container-"] fieldset.ays_fieldset .wp-video {
width: 100% !important;
max-width: 100% !important;
} .ays_cb_and_a {
position: relative;
top: -40px;
width: 100%;
text-align: center;
font-size: 12px;
text-align: center;
}
.ays_cb_and_a p {
text-align: center;
}
.ays_cb_and_a span,
.ays_cb_and_a strong {
margin-right: 7px;
}
.ays_cb_and_a img {
display: inline-block !important;
width: 15px;
height: 15px;
object-fit: cover;
object-position: center center;
border-radius: 50%;
border: 1px solid #aaa;
margin-right: 3px;
margin-left: 5px;
vertical-align: text-top;
} div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block-main{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block {
width: 45%;
height: auto;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: center;
padding: 15px;
margin-bottom: 15px;
justify-content: space-between; transition: .2s ease-out;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block .product-image {
margin: 0;
line-height: 0;
width: 100%;
min-height: 150px;
height: 100%;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-block img {
height: 100%;
width: 100%;
max-width: 200px;
object-fit: contain;
margin: 0 auto;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block {
text-align: left;
margin: auto;
padding-left: 1rem;
padding: 15px;
text-align: center;
margin: 0;
width: 100%;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block h4.ays-woo-product-title {
margin: 0;
font-size: larger;
}
div[id^="ays-quiz-container-"] div.ays-questions-container .ays-woo-product-block > a {
display: block;
width: auto;
}  .ays-quiz-question-with-bg {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
} .ays_block_content { justify-content: center;
align-items: center;
padding: 10px;
} [id^="ays-quiz-container-"] .ays_quiz_login_form input#ays-submit {
display: inline-block;
width:auto; font-weight: bold;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 5px 10px;
margin: 10px 5px;
line-height: 1;
white-space: break-spaces;
}
.ays_quiz_login_form label {
display: block;
} .ays-progress {
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
.ays-progress-bar {
overflow: hidden;
width: 0%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.ays-progress-value {
color: #333;
display: block;
font-size: 12px;
line-height: 15px;
white-space: nowrap;
background-color: transparent;
}
.ays-progress-bg {
position: relative;
height: 8px;
border-radius: 5px;
overflow: hidden;
}
.ays-progress-bar:after {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
position: absolute;
content: '' !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes ays_progress_bar {
0% {
background-position: 0 0;
}
100% {
background-position: -40px 0;
}
} .ays-progress.first {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
padding: 0px;
background-color: #000;
border: 1px solid;
}
.ays-progress-bar.first {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; display: block;
height: 15px;
width: 0%;
margin: 0px;
padding: 0px;
background-color: #fff;
}
.ays-progress-bar.first::after {
content: none !important;
}
.ays-progress-value.first {
position:absolute;
z-index:1;
width:0;
height:100%;
text-align: center;
}
.ays-progress-bg.first {
height:15px;
background: transparent;
} .ays-progress.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
margin-bottom: 10px;
padding: 0px;
background-color: #000;
border: 1px solid;
}
.ays-progress-bar.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px; display: block;
height: 15px;
width: 0%;
margin: 0px;
padding: 0px;
background-color: #fff;
}
.ays-progress-bar.second::after {
content: none !important;
}
.ays-progress-value.second {
position:absolute;
z-index:1;
width:0;
height:100%;
font-size: 12px;
line-height: 15px !important;
white-space: nowrap;
background-color: transparent;
text-align: center;
}
.ays-progress-bg.second {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
height:15px;
background: transparent;
} .ays-progress.third {
border-radius: 5px;
border: none;
}
.ays-progress-value.third {    
width:100%;
height:100%;
text-align: center;
}
.ays-progress-bg.third {
} .ays-progress.fourth {    
border-radius: 5px;
border: none;
}
.ays-progress-bar.fourth {    
border-radius: 0px;
}
.ays-progress-value.fourth {
position:absolute;
z-index:1;
width:100%;
height:100%;
text-align: center;
}
.ays-progress-bg.fourth {
height:15px;
}
.ays-progress-bar.fourth:after {
animation: ays_progress_bar linear infinite;
animation-duration: 0.8s !important;
}  .ays_checkbox_for_label {
padding: 13px 15px;
border: 1px solid #ccc;
border-radius: 3px !important;
margin-bottom: 10px;
box-sizing: border-box;
color: #2C3E50;
font-size: 13px;
background: #fff;
text-align: left;
}
label.ays_for_checkbox {
font-weight: 500;
font-size: 16px;
width: auto;
cursor: pointer;
}
div.ays_checkbox_for_label input[type='checkbox'] {
display: inline-block !important;
width: 13px;
margin: 5px 10px;
cursor: pointer;
}  div.ays_lb_container {
padding-top: 15px;
padding-bottom: 30px;
width: 100%;
overflow-x: auto;
}
.ays_lb_ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 17px;
}
.ays_lb_li {
display: flex;
min-height: 40px;
align-items: center;
padding: 5px;
margin: 0;
}
.ays_lb_pos {
min-width: 40px !important;
width: auto;
text-align: center;
white-space: nowrap;
}
.ays_lb_user {
width: 30% !important;
word-break: break-word;
text-align: center;
padding-right: 3px;
}
.ays_lb_score {
width: 20% !important;
min-width: 75px !important;
text-align: center;
}
.ays_lb_duration {
width: 20% !important;
min-width: 80px !important;
text-align: center;
padding-right: 8px;
}
.ays_lb_points{
width: 20% !important;
min-width: 45px !important;
text-align: center;
}
.ays_lb_custom_fields{
width: 20% !important;
min-width: 45px !important;
text-align: center;
}
.ays_lb_li:nth-child(odd) {
background: #F6F8EF;
}
.ays-leaderboard-main-container .ays_lb_user {
display: flex;
justify-content: center;
align-items: center;
}
.ays-leaderboard-main-container .ays-lb-user-avatar-row {
display: flex;
justify-content: center;
align-items: center;
margin-right: 5px;
}
.ays-leaderboard-main-container .ays-lb-user-avatar {
width: 20px;
height: 20px;
border-radius: 50%;
}
.ays-leaderboard-main-container table thead:first-child tr:first-child th{
border-top: transparent;
}
.ays-leaderboard-main-container table tbody>tr:nth-child(odd)>td,
.ays-leaderboard-main-container table tbody>tr:nth-child(odd)>th,
.ays-leaderboard-main-container table tbody tr:hover>td,
.ays-leaderboard-main-container table tbody tr:hover>th {
background-color: transparent;
}
div.ays-leaderboard-main-container table {
font-size: 14px;
}
div.ays-leaderboard-main-container table.ays_lb_li:first-child {
background: #99BB5A;
color: white;
}
div.ays-leaderboard-main-container table,
div.ays-leaderboard-main-container table tr,
div.ays-leaderboard-main-container table tr th,
div.ays-leaderboard-main-container table tr td {
border: none;
}
div.ays-leaderboard-main-container tbody td {
word-wrap: break-word;
}   #ays-quiz-all-orders-page,
#ays-quiz-user-score-page {
margin: 0 !important;
}
#ays-quiz-all-orders-page thead th,
#ays-quiz-user-score-page thead th {
font-size: 16px;
}
#ays-quiz-all-orders-page td,
#ays-quiz-user-score-page td {
font-size: 14px;
}
#ays-quiz-all-orders-page thead th,
#ays-quiz-all-orders-page td,
#ays-quiz-user-score-page thead th,
#ays-quiz-user-score-page td {
word-break: initial !important;
word-wrap: break-word;
vertical-align: middle;
text-align: center;
white-space: nowrap;
}
button.ays-quiz-user-sqore-pages-details {
background-color: #222;
border: none;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 1;
padding: 13px 25px;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
white-space: nowrap;
margin: auto;
display: block;
}
button.ays-quiz-user-sqore-pages-details:hover{
background-color: #aaaaaaab;
color: #222;
}
#ays-quiz-user-score-page button.ays-quiz-user-sqore-pages-details {
padding: 13px 25px !important;
}
td.ays-quiz-duration-column,
td.ays-quiz-score-column {
text-align: center;
}
.ays-quiz-user-results-container {
background-color: #F6F8EF;
overflow-x: auto;
} table#ays-quiz-all-orders-page,
table#ays-quiz-user-score-page {
width: 100%;
border-collapse: collapse;
} table#ays-quiz-all-orders-page tr:nth-of-type(odd),
table#ays-quiz-user-score-page tr:nth-of-type(odd) {
background: #eee;
}
table#ays-quiz-all-orders-page th,
table#ays-quiz-user-score-page th {
background-color: #333;
color: white;
font-weight: bold;
}
table#ays-quiz-all-orders-page td,
table#ays-quiz-all-orders-page th,
table#ays-quiz-user-score-page td,
table#ays-quiz-user-score-page th {
padding: 6px;
border: 1px solid #ccc;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  { table#ays-quiz-user-score-page,
table#ays-quiz-user-score-page thead,
table#ays-quiz-user-score-page tbody,
table#ays-quiz-user-score-page th,
table#ays-quiz-user-score-page td,
table#ays-quiz-user-score-page tr {
display: block;
} table#ays-quiz-user-score-page thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table#ays-quiz-user-score-page tr { border: 1px solid #ccc; }
table#ays-quiz-user-score-page td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: left;
}
table#ays-quiz-user-score-page td:before { position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}   table#ays-quiz-all-orders-page,
table#ays-quiz-all-orders-page thead,
table#ays-quiz-all-orders-page tbody,
table#ays-quiz-all-orders-page th,
table#ays-quiz-all-orders-page td,
table#ays-quiz-all-orders-page tr {
display: block;
} table#ays-quiz-all-orders-page thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table#ays-quiz-all-orders-page tr { border: 1px solid #ccc; }
table#ays-quiz-all-orders-page td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: left;
}
table#ays-quiz-all-orders-page td:before { position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
table#ays-quiz-all-orders-page td:empty { display: none !important; }
table#ays-quiz-all-orders-page td:before {
content: attr(data-title);
}
} .ays-modal {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 1000000 !important;
width: 100%;
height: 100%;
animation-duration: .5s;
transition: .5s ease-in-out;
outline: 0;
}
.ays-modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-open {
overflow: hidden;
position: relative;
height: 100%;
}
.ays-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999 !important;
background-color: rgba(0, 0, 0, 0.5);
} .ays-modal-content {
background-color: #fefefe;
margin: auto; margin-bottom: 30px;
margin-top: 40px;
border: 1px solid #888;
width: 85%; z-index: 100000000;
position: relative;
padding-left: 0 !important;
animation-duration: .3s;
transition: .5s ease-in-out;
border-radius: 4px;
}
#ays-results-modal .ays-modal-content {
min-height: 500px;
margin: auto !important; margin-bottom: 30px !important;
margin-top: 40px !important;
} .ays-close {
color: #aaa;
float: right;
line-height: 1.3;
font-size: 28px;
font-weight: bold;
}
.ays-close:hover,
.ays-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.ays-modal-header {
padding: 4px 16px;
}
.ays-modal .ays-modal-header h2 {
line-height: 1.3;
font-size: 1.8rem;
margin: 0;
padding: 0;
clear: none;
font-weight: 500;
} .ays-modal-body {
padding: 2px 16px 20px;
overflow-x: auto;
width: 100%;
box-sizing: border-box;
} .ays-modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
}
#ays-results-modal .ays-modal-header {
padding: 4px 16px !important;
}
#ays-results-modal .ays-modal-body {
padding: 2px 16px 20px !important;
}
#ays-results-modal .ays-modal-footer {
padding: 1rem !important;
}
table#ays-results-table {
border: 1px solid #ccc;
}
table#ays-results-table .ays-quiz-report-table-header {
display: flex;
justify-content: space-between;
align-items: center;
}
table#ays-results-table .ays-quiz-report-table-header::after,
table#ays-results-table .ays-quiz-report-table-header::before {
content: none !important;
}
table#ays-results-table svg {
width: 30px;
vertical-align: middle;
}
table#ays-results-table .wp-video {
width: max-content !important;
}
table#ays-results-table video {
max-width: 300px;
height: auto !important;
vertical-align: middle;
}
table#ays-results-table audio {
max-width: 300px;
vertical-align: middle;
}
table#ays-results-table {
margin: 0;
width: 100%;
}
table#ays-results-table h1::before {
content: none !important;
}
table#ays-results-table h1 {
margin: 0;
font-size: 25px;
}
table#ays-results-table tr td:first-child {
font-weight: bold;
}
tr.ays_result_element {
border-bottom: 1px solid #ccc;
}
table#ays-results-table tr td:first-child {
font-weight: bold;
}
.ays-modal-body * {
word-break: initial !important;
word-wrap: break-word;
vertical-align: middle;
}
.ays-modal-body tr td {
padding: 10px;
font-size: 15px;
border: none;
}
table#ays-results-table p.success img,
table#ays-results-table p.error img {
max-width: 150px !important;
}
table#ays-results-table p.success {
color: #73AF55;
}
table#ays-results-table p {
display: inline-block;
margin: 0;
font-size: 1.25em;
vertical-align: middle;
word-wrap: break-word;
}
table#ays-results-table p.error {
color: #D06079;
}
table#ays-results-table tr td {
word-wrap: break-word;
}
table#ays-results-table tr td:first-child,
table#ays-results-table tr td:first-child *{
color: #000 !important;
}
table#ays-results-table tr td:first-child{
font-weight: bold;
width: 40%;
}
table#ays-results-table tr td.ays-report-correct-answer {
width: 25%;
}
table#ays-results-table tr td.ays-report-user-answer {
width: 25%;
}
table#ays-results-table tr td.ays-report-status-icon {
width: 10%;
}
table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points {
width: 40%
}
table#ays-results-table tr td.ays-report-answer-point {
width: 20%;
}
div.ays-quiz-preloader{
display: none;
position: absolute;
background: rgba(255, 255, 255, 0.8);
width: 100%;
justify-content: center;
height: 100%;
align-items: center;
z-index: 1;
}
.wrong_shortcode_text::first-letter {
color: red !important;
background-color: transparent !important;
font-size: inherit !important;
font-weight: inherit !important;
float: none !important;
line-height: inherit !important;
margin: 0 !important;
padding: 0 !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::-webkit-input-placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input:-moz-placeholder { color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::-moz-placeholder { color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input:-ms-input-placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .ays-field.ays-text-field .ays-text-input::placeholder {
color: #ccc !important;
line-height: initial !important;
}
.ays-quiz-container .mejs-container {
width: 100% !important;
}
.ays_quiz_display_none_important {
display: none !important;
}
.ays-has-error {
border-width: 1px !important;
border-style: solid !important;
border-color: #d93025 !important;
}
.ays-has-error.ays_questions_nav_question {
border-width: 2px !important;
}
.ays-quiz-question-validation-error {
font-family: Roboto, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: .3px;
line-height: 16px;
color: #d93025;
padding-bottom: 10px;
display: none;
}
.ays-has-error .ays-quiz-question-validation-error {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.ays-has-error .ays-quiz-question-validation-error img {
margin-right: 12px;
}
.ays-loader-text {
display: flex;
justify-content: center;
align-content: center;
}
img.ays-loader-custom-gif-content{ }
.ays_quiz_question_text_message{
text-align: left;
font-size: 12px;
}
.ays_quiz_question_text_error_message {
color: #ff0000;
} table#ays-results-table tr td:first-child div#quiz-export-pdf button[class="button button-primary ays-quiz-export-pdf"]{
background: #007cba;
border-color: #007cba;
color: #fff !important;
text-decoration: none;
text-shadow: none;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
vertical-align: baseline;
font-size: 13px;
line-height: 1;
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
table#ays-results-table tr td:first-child span[class="ays-pdf-export-text"]{
padding: 0 5px;
}
table#ays-results-table tr td:first-child div#quiz-export-pdf button[class="button button-primary ays-quiz-export-pdf"]:hover{
background: #0071a1;
border-color: #0071a1;
color: #fff !important;
}  table#ays-quiz-user-score-page td > a.ays-quiz-user-d-cert{
background-color: #222;
color: white;
padding: 12px 25px;
border-radius: 4px;
text-decoration: none;
font-size: 13px;
line-height: 1;
white-space: nowrap;
outline:none;
font-weight: 700;
}
table#ays-quiz-user-score-page td > a.ays-quiz-user-d-cert:hover{
background-color: #aaaaaaab;
color: #222;
} td.ays_wproducts_row input.select2-search__field{
width: 100% !important;
}
.ays_quiz_music,
.ays_quiz_wrong_ans_sound,
.ays_quiz_right_ans_sound{
display: none !important;
}
.ays-quiz-all-results-container > div.dataTables_wrapper,
.ays-individual-quiz-all-results-container > div.dataTables_wrapper {
position: static;
} .ays-quiz-container .ays-quiz-start-button-preloader{
position: relative;
max-width: 100%;
}
.ays-quiz-container .ays_quiz_start_button_loader_container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.ays-quiz-container .ays_quiz_start_button_loader{
cursor: wait;
width: 30px;
}
.ays-quiz-container .ays_next.start_button.ays_quiz_enable_loader{
color: #a0a5aa!important;
background: grey!important;
border-color: #ddd!important;
box-shadow: none!important;
text-shadow: none!important;
padding: 10px 20px !important;
border: none;
opacity: 0.5;
cursor: wait;
} div.ays_quiz_maker_block_select select.components-select-control__input {
width: 100%;
max-width: 100%;
padding: 0;
}
.ays-individual-quiz-all-results-container,
.ays-quiz-all-results-container {
overflow: auto;
}
.ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter,
.ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter{
padding-right: 10px;
}
.ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter input,
.ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter input {
margin: 0;
}
.ays-quiz-display-questions-container .ays-quiz-display-question-box {
border-bottom: 0.5px solid #848688;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-check {
color: green;
font-weight: 900;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-times {
color: brown;
font-weight: 900;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_check {
color: green;
font-size: 18px;
}
.ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_times {
color: brown;
font-size: 18px;
}
.ays-quiz-all-results-container .ays-quiz-score-column-check-box {
display: flex;
} .ays-quiz-container .mejs-container.mejs-video {
min-height: 220px !important;
}
.ays-quiz-container .mejs-container.mejs-audio {
min-height: 40px !important;
}
[id^="ays-quiz-container-"] .mejs-container .mejs-inner .mejs-controls .mejs-time {
height: 22px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto;
margin: 0;
}  .ays-quiz-container input[type=number]::-webkit-outer-spin-button,
.ays-quiz-container input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.ays-quiz-container input[type=number] {
-moz-appearance:textfield;
}
.ays-quiz-container input[type=number]:hover{
-moz-appearance: auto;
}
.ays-quiz-container input[type=number]:hover::-webkit-outer-spin-button,
.ays-quiz-container input[type=number]:hover::-webkit-inner-spin-button{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.ays-quiz-container input[type=number]:hover:disabled {
-moz-appearance:textfield;
} div.ays-quiz-category-container-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
div#ays-results-modal div#ays-results-body table#ays-results-table p.ays_quiz_user_page_hide_answer{
font-weight: bold;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-lds-spinner-box,
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page {
text-align: center;
} .ays_quiz_flash_card_main_container div.ays_quiz_flash_card:first-child{
display: block;
}
.ays_quiz_flash_card_main_container .ays_quiz_front,
.ays_quiz_flash_card_main_container .ays_quiz_back {
padding: 40px;
text-align: center;
margin-bottom: 5px;
word-break: break-word;
word-wrap: break-word;
white-space: initial;
-webkit-user-select: none;
user-select: none
}
.ays_quiz_flash_card_main_container .ays_quiz_front *,
.ays_quiz_flash_card_main_container .ays_quiz_back * {
word-break: break-word;
word-wrap: break-word;
white-space: initial;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card {
display: none;
cursor: pointer;
position: relative;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card_introduction {
display: flex;
align-items: center;
}
.ays_quiz_flash_card_main_container .ays_quiz_flash_card,
.ays_quiz_flash_card_main_container .ays_quiz_flash_card_introduction {
background-color: #D1E4DD;
padding: 20px;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
background: #fff;
margin-bottom: 20px;
min-height: 300px;
}
.ays_quiz_flash_card_introduction .ays_quiz_flash_card_introduction_content {
width: 100%;
}
.ays_quiz_flash_card_main_container .ays_quiz_back {
transform: rotateY(180deg);
}
.ays_quiz_flash_card_main_container .ays_quiz_front {
transform: rotateY(0deg);
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_img {
display: flex;
justify-content: center;
margin-top: 10px;
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_next_btn_content a.ays_quiz_fc_next_prev_btn,
.ays_quiz_flash_card_main_container .ays_quiz_fc_start_btn_content a.ays_quiz_fc_start_btn {
background: #2A2A2A;
color: #fff;
text-decoration: none;
cursor: pointer;
margin-left: 13px;
width: 75px;
text-align: center;
-webkit-user-select: none;
user-select: none
}
.ays_quiz_flash_card_main_container .ays_quiz_fc_next_btn_content, 
.ays_quiz_flash_card_main_container .ays_quiz_fc_start_btn_content { display: flex; justify-content: center;
}
.ays_quiz_flash_card_main_container a.ays_quiz_fc_next_prev_btn.prev {
display: none;
}
a.ays-quiz-flash-card-rotate{
display: flex;
justify-content: flex-end;
text-decoration: none;
}
a.ays-quiz-flash-card-rotate img{
width: 20px;
height: 20px;
cursor: pointer;
}
.ays_quiz_current_page {
position: absolute;
bottom: 5px;
right: 10px;
}
.ays_quiz_current_page.rotated {
transform: rotateY(180deg);
right: auto;
left: 10px;
}
div.ays_quiz_fc_explanation{
display: flex;
justify-content: flex-start;
margin-top: 60px;
background: #80808026;
}
div.ays_quiz_fc_explanation p{
margin: 0;
font-size: 15px;
}  .ays-quiz-full-screen-wrap {
display: flex;
justify-content: flex-end;
padding: 0;
line-height: 1;
}
.ays-quiz-full-screen-container {
cursor: pointer;
}
.ays-quiz-full-screen-container > svg.ays-quiz-close-full-screen {
display: none;
}  .ays-quiz-questions-nav-wrap {
display: none;
min-width: 200px;
max-width: 96%;
margin: auto;
text-align: center;
background: white;
box-sizing: border-box;
position: relative;
background-repeat: no-repeat;
background-size: cover;
width: 400px;
background-color: #fff;
background-position: center center;
border-radius: 0px 0px 0px 0px;
box-shadow: 0 0 15px 1px rgba(0,0,0,0.4);
border: none;
overflow: hidden;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding: 10px;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 40px;
margin: 0;
margin-top: 5px;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 2px solid #2c2c2c;
color: #2c2c2c;
background-color: #fff;
border-radius: 50%;
margin: auto;
min-width: 40px;
padding: 0;
font-size: 15px;
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
text-decoration: none;
position: relative;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question span.ays-quiz-navbar-highlighted-notice {
position: absolute;
top: -3px;
right: -8px;
width: 20px;
height: 20px;
padding: 3px;
background-color: #fff;
border-radius: 50%;
border: 1px solid #fff;
line-height: 0;
display: none;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question span.ays-quiz-navbar-highlighted-notice img {
height: 100%;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item.ays_quiz_checked_answer_div a.ays_questions_nav_question {
pointer-events: none;
}
.ays-quiz-questions-nav-wrap a.ays_questions_nav_question[disabled] {
pointer-events: none; border: 2px solid #fff;
color: #fff;
background-color: #2c2c2c;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-content {
display: flex;
align-items: center;
padding: 15px;
width: fit-content;
position: relative;
left: 0;
transition: .5s ease-in-out;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item {
width: 60px;
height: 60px;
margin-right: 10px;
border-radius: 50%;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item:last-child {
margin-right: 0;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item:hover {
box-shadow: 0px 0px 10px #444;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-item[disabled]:hover {
box-shadow: none !important;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question {
display: block;
border-radius: 50%;
background-color: #27AE60;
color: #000;
text-decoration: none;
font-weight: 900;
width: 100%;
height: 100%;
line-height: 60px;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question[disabled] {
background-color: #aaa !important;
color: #000 !important;
pointer-events: none !important;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question:hover {
box-shadow: inset 0px 0px 10px #444;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays_questions_nav_question[disabled]:hover {
box-shadow: none !important;
}
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-go-left,
.ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-go-right {
display: none;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right {
position: absolute;
height: 100%;
display: flex;
align-items: center;
width: 10%;
z-index: 1;
transition: .5s ease-in-out;
cursor: pointer;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left {
left: 0;
background-image: linear-gradient(90deg, #27ae60, transparent);
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right {
right: 0;
justify-content: flex-end;
background-image: linear-gradient(90deg, transparent, #27ae60);
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left i.ays_fa,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right i.ays_fa {
transition: .5s ease-in-out;
margin: 0 10px;
}
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-left:hover i.ays_fa ,
.ays-quiz-questions-nav-wrap.ays-quiz-questions-nav-with-controls .ays-quiz-questions-nav-go-right:hover i.ays_fa {
transition: .5s ease-in-out;
margin: 0;
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box,
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box * {
font-style: italic;
text-align: left;
font-size: 14px;
}
.ays-quiz-some-items-icons-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 7px;
}
.ays-quiz-some-items-icons-wrap:empty {
display: none;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box {
position: relative;
margin: 0 auto;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page > input[id^='ays_quiz_password_val_'],
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box {
max-width: 100%;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays_quiz_password {
padding-right: 40px;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays-quiz-password-toggle {
position: absolute;
right: 10px;
top: 25%;
width: 20px;
cursor: pointer;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-number-error-message {
color: #ff0000;
text-align: left;
font-size: 14px;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-answers .ays-field input+label[for^="ays-answer-"] {
margin-top: 0 !important;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-category-description-box {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
#ays-results-modal .ays-modal-content table#ays-results-table,
#ays-results-modal .ays-modal-content table#ays-results-table thead,
#ays-results-modal .ays-modal-content table#ays-results-table tbody,
#ays-results-modal .ays-modal-content table#ays-results-table th,
#ays-results-modal .ays-modal-content table#ays-results-table td,
#ays-results-modal .ays-modal-content table#ays-results-table tr {
display: block;
}
#ays-results-modal .ays-modal-content table#ays-results-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#ays-results-modal .ays-modal-content table#ays-results-table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr.ays_result_element td {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-correct-answer {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-user-answer {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-status-icon {
width: 95%;
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points {
width: 95%
}
#ays-results-modal .ays-modal-content table#ays-results-table tr td.ays-report-answer-point {
width: 95%;
}
.ays-quiz-user-results-container table#ays-quiz-user-score-page td {
white-space: break-spaces;
}
}
.ays-quiz-container .ays-quiz-recaptcha-wrap .ays-quiz-g-recaptcha > div {
margin: auto;
}
.ays-quiz-container label.ays_switch_toggle {
cursor: pointer;
text-indent: -9999px;
width: 35px;
height: 14px;
background: grey;
display: block;
border-radius: 50px;
position: relative;
transition: .3s ease;
}
.ays-quiz-container label.ays_switch_toggle:after {
content: '';
position: absolute;
top: -3px;
left: -3px;
width: 20px;
height: 20px;
background: #0085ba;
border-radius: 30px;
transition: 0.3s;
}
.ays-quiz-container input:checked + label.ays_switch_toggle {
background: #b7ccea;
}
.ays-quiz-container input:checked + label.ays_switch_toggle:after {
left: calc(100% - -5px);
transform: translateX(-100%);
}
.ays-quiz-container label.ays_switch_toggle:active:after {
}
.ays-quiz-container label.ays_switch_toggle:hover:after {
box-shadow: 0 0 10px #31618c;
}
.ays-quiz-container div.ays-quiz-results-toggle-block {
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 15px;
}
.ays-quiz-container input.ays_toggle[type=checkbox]{
display: none;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:after {
left: calc(100% - 13px);
top: 2px;
background-color: #aaa;
width: 10px;
height: 10px;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle {
width: 40px;
height: 15px;
background: white;
border: 1px solid #aaa;
}
.ays-quiz-container div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show{
color: #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:hover:after {
box-shadow: none;
}
.ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle {
width: 40px;
height: 15px;
background: white;    
border: 1px solid #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after {
top: 2px;
left: 13px;
width: 10px;
height: 10px;
background: #2277CC;
}
.ays-quiz-container div.ays-quiz-results-toggle-block > label.ays_switch_toggle {
margin: 0 10px;
}
div.ays-quiz-all-orders-container table.ays-quiz-all-orders-page a.ays-quiz-all-orders-title-href {
color: #551AA9;
}
.ays-quiz-container .ays-quiz-question-image-zoom {
cursor: zoom-in;
transition: 0.3s;
}
.ays-quiz-container .ays-quiz-question-image-zoom:hover {
opacity: 0.9;
}
@keyframes aysAnimationLightboxImages {
from{
transform: scale(0);
}
to{
transform: scale(1);
}   
}
.ays-quiz-question-image-lightbox-container {
display: none;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0 ,0 ,0 ,0.8);
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button {
font-size: 40px;
font-weight: bold;
position: absolute;
top: 10px;
right: 20px;
color: #fff;
cursor: pointer;
transition: 0.3s;
z-index: 99999;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:hover,
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:focus {
color: #b5b5b5;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-img {
margin: auto;
display: block;
width: 100%;
max-width: 1200px;
height: auto;
text-align: center;
animation-name: aysAnimationLightboxImages;
animation-duration: 0.7s;
position: relative;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader {
opacity: 0.7;
top: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 101;
position: absolute;
left: 0;
}
.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader img {
width: 100px;
}
@media screen and (max-width: 768px) {
div.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button {
top: 40px;
}
}
.ays-export-quiz-button-container {
position: absolute;
right: 74px;
top: -19px;
margin: 1em 0;
}
div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-fill-in-blank-input{
padding: 3px;
border: 1px solid #ccc;
border-radius: 3px!important;
margin-bottom: 10px;
width: auto;
box-sizing: border-box;
color: #2C3E50;
font-size: 14px;
height: auto;
background: #fff;
}
.ays_question_report {
text-align: right;
}
.ays_question_report img.ays-quiz-open-report-window {
cursor: pointer;
margin-bottom: 10px;
} .ays-modal-reports {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
animation-duration: .5s;
background-color: rgba(0, 0, 0, 0.4);
}
#ays-quiz-question-report-modal .ays-modal-content-reports {
background-color: #fefefe;
margin: 10% auto;
border: 1px solid #888;
max-width: 500px;
width: 100%;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
position: relative;
}
#ays-quiz-question-report-modal .ays-modal-content-reports label{
display: block;
margin-bottom: 10px;
font-weight: bold;
}
#ays-quiz-question-report-modal .ays-modal-content-reports textarea {
display: block;
width: 100%;
height: 100px;
padding: 5px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #ccc;
}
#ays-quiz-question-report-modal .ays-modal-content-reports input.ays-quiz-submit-question-report {
background-color: #0073aa;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
margin-top: 20px;
}
#ays-quiz-question-report-modal .ays-close-reports-window {
color: #aaa;
font-weight: bold;
position: absolute;
top: 1%;
right: 1%;
}
#ays-quiz-question-report-modal .ays-close-reports-window img:hover,
#ays-quiz-question-report-modal .ays-close-reports-window img:focus {
cursor: pointer;
}
#ays-quiz-question-report-modal .ays-quiz-question-report-error {
display: none;
font-size: 13px;
color: #f00;
}
#ays-quiz-question-report-modal .ays_quiz_modal_overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
position: absolute;
z-index: 1000000000;
flex-direction: column;
} #ays-quiz-question-report-modal .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment {
margin: 10px 0;
}
div.ays_quiz_flash_card_main_container div.ays_quiz_flash_card_introduction_content *,
div.ays_quiz_flash_card_main_container div.ays_quiz_fc_qa * {
text-align: center;
} .ays-quiz-personality-result-box {
background: white;
border-radius: 17px;
box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); padding: 20px 30px;
margin: 30px 0;
font-size: 16px;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-title {
color: #413A5C;
font-size: 23px;
margin: 0;
text-align: left;
font-weight: bold;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-description {
margin: 0;
font-size: 16px;
text-align: left;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-progress {
width: 100%;
background-color: rgba(128, 126, 137, 0.1);
border-radius: 15px;
position: relative;
display: flex; margin-top: 1rem;
margin-bottom: 1rem;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end {
justify-content: flex-end;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-bar {
height: 30px;
border-radius: 15px;
color: white;
font-size: 18px;
padding: 3px 15px 0;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-percentages {
position: absolute;
width: 100%;
padding: 4px 15px;
top: 0;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple {
color: #413A5C;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-white {
color: #ffffff;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage {
font-weight: bolder;
}
.ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar {
background-color: #6255A5;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color {
color: #6255A5;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar {
background-color: #F2C94C;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color {
color: #F2C94C;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar {
background-color: #88D29D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color {
color: #88D29D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar {
background-color: #E5A69D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color {
color: #E5A69D;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar {
background-color: #03A9F4;
}
.ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color {
color: #03A9F4;
}
@media only screen and (max-width: 768px) {
div.ays-quiz-personality-result-box .ays-quiz-personality-result-title {
font-size: 18px;
}
div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar {
font-size: 14px;
padding: 6px 10px 0;
}
} div.ays-quiz-container[id^="ays-quiz-container-"] .ays-field-matching-type-empty-answer {
border-color: #444;
border-style: solid;
border-width: 1px;
box-shadow: none;
padding: 5px;
text-align: center;
display: block;
}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:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.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}figure{margin:1em 40px}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:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{-ms-word-wrap:break-word;word-wrap:break-word}body,button,input,textarea{color:#43454b;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:1.618;text-rendering:optimizeLegibility;font-weight:400}select{color:initial;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;max-width:100%}summary{display:list-item}h1,h2,h3,h4,h5,h6{clear:both;font-weight:300;margin:0 0 .5407911001em;color:#131315}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:300}h1,.alpha{font-size:2.617924em;line-height:1.214;letter-spacing:-1px}h2,.beta{font-size:2em;line-height:1.214}h2+h3,.beta+h3{border-top:1px solid rgba(0,0,0,.05);padding-top:.5407911001em}h3,.gamma{font-size:1.618em}h4,.delta{font-size:1.41575em}.alpha,.beta,.gamma,.delta{display:block}p+h2,p+header h2,p+h3,p+h4,ul+h2,ul+header h2,ul+h3,ul+h4,ol+h2,ol+header h2,ol+h3,ol+h4,table+h2,table+header h2,table+h3,table+h4,blockquote+h2,blockquote+header h2,blockquote+h3,blockquote+h4,form+h2,form+header h2,form+h3,form+h4{margin-top:2.2906835em}hr{background-color:#ccc;border:0;height:1px;margin:0 0 1.41575em}p{margin:0 0 1.41575em}ul,ol{margin:0 0 1.41575em 3em;padding:0}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1em}dt{font-weight:600}dd{margin:0 0 1.618em}b,strong{font-weight:600}dfn,cite,em,i{font-style:italic}blockquote{padding:0 1em;border-left:3px solid rgba(0,0,0,.05);font-style:italic}address{margin:0 0 1.41575em}pre{background:rgba(0,0,0,.1);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.618em;padding:1.618em;overflow:auto;max-width:100%}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;background-color:rgba(0,0,0,.05);padding:.202em .5407911001em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{text-decoration:none;font-weight:600;background:rgba(0,0,0,0)}sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}img{height:auto;max-width:100%;display:block;border-radius:3px}a{color:#2c2d33;text-decoration:none}a:focus,input:focus,textarea:focus,button:focus{outline:2px solid #7f54b3}.storefront-cute *{font-family:"Comic Sans MS",sans-serif}*{box-sizing:border-box}body{background-color:#fff;overflow-x:hidden}.site{overflow-x:hidden}.site-content,.header-widget-region{-webkit-tap-highlight-color:rgba(0,0,0,0)}.site-header{background-color:#2c2d33;padding-top:1.618em;padding-bottom:1.618em;color:#9aa0a7;background-position:center center;position:relative;z-index:999;border-bottom:1px solid rgba(0,0,0,0)}.site-header .site-logo-anchor,.site-header .site-logo-link,.site-header .custom-logo-link{display:block;margin-bottom:0}.site-header .site-logo-anchor img,.site-header .site-logo-link img,.site-header .custom-logo-link img{width:100%;max-width:210px}.site-header .widget{margin-bottom:0}.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header{margin-bottom:4.235801032em}.no-wc-breadcrumb .site-header{margin-bottom:4.235801032em}.no-wc-breadcrumb.page-template-template-homepage .site-header{margin-bottom:0}.header-widget-region{position:relative;z-index:99}.header-widget-region::before,.header-widget-region::after{content:"";display:table}.header-widget-region::after{clear:both}.header-widget-region .widget{margin:0;padding:1em 0;font-size:.875em}.site-branding{float:left;margin-bottom:0;width:calc(100% - 120px)}.site-branding .site-title{font-size:2em;letter-spacing:-1px;margin:0}.site-branding .site-title a{font-weight:700}.site-branding .site-description{font-size:.875em;display:none}.site-branding .logo{margin:0}.site-main{margin-bottom:2.617924em}.site-content{outline:none}.page-template-template-homepage:not(.has-post-thumbnail) .site-main{padding-top:4.235801032em}.page-template-template-homepage .type-page{padding-top:2.617924em;padding-bottom:2.617924em;position:relative}.page-template-template-homepage .type-page .storefront-hero__button-edit{position:absolute;top:1em;right:1em;font-size:.875em}.page-template-template-homepage .entry-content{font-size:1.1em}.page-template-template-homepage .entry-content p:last-child{margin-bottom:0}.page-template-template-homepage .entry-header h1{font-size:3.706325903em;margin-bottom:.2360828548em}.page-template-template-homepage .entry-content,.page-template-template-homepage .entry-header{max-width:41.0994671405em;margin-left:auto;margin-right:auto;text-align:center}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail{background-size:cover;background-position:center center;padding-top:6.8535260698em;padding-bottom:6.8535260698em}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title{opacity:0;transition:all,ease,.5s}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded{opacity:1}.site-footer{background-color:#f3f3f3;color:#3b3c3f;padding:1.618em 0 3.706325903em}.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6{color:#333437}.site-footer a{color:#2c2d33;text-decoration:underline}.site-footer a:hover{text-decoration:none}.site-footer a.button,.site-footer a.components-button:not(.is-link),.site-footer a.wp-block-button__link{text-decoration:none}.site-info{padding:2.617924em 0}.site-info span[role=separator]{padding:0 .2360828548em 0 .3342343017em}.site-info span[role=separator]::before{content:"|"}.alignleft{display:inline;float:left;margin-right:1em}.alignright{display:inline;float:right;margin-left:1em}.aligncenter{clear:both;display:block;margin:0 auto}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;display:block;font-weight:700;height:auto;left:0;line-height:normal;padding:1em 1.618em;text-decoration:none;top:0;width:auto;z-index:100000;outline:none}.screen-reader-text.skip-link:focus{clip-path:none}.clear::before,.clear::after,.entry-content::before,.entry-content::after,.comment-content::before,.comment-content::after,.site-header::before,.site-header::after,.site-content::before,.site-content::after,.site-footer::before,.site-footer::after{content:"";display:table}.clear::after,.entry-content::after,.comment-content::after,.site-header::after,.site-content::after,.site-footer::after{clear:both}table{border-spacing:0;width:100%;margin:0 0 1.41575em;border-collapse:separate}table caption{padding:1em 0;font-weight:600}table td,table th{padding:1em 1.41575em;text-align:left;vertical-align:top}table td p:last-child,table th p:last-child{margin-bottom:0}table th{font-weight:600}table thead th{padding:1.41575em;vertical-align:middle}table tbody h2{font-size:1em;letter-spacing:normal;font-weight:400}table tbody h2 a{font-weight:400}.error404 .site-content .widget_product_search{padding:1.618em;background-color:rgba(0,0,0,.025)}.error404 .site-content .widget_product_search form{margin:0}.error404.right-sidebar .content-area,.error404.left-sidebar .content-area{width:100%}.error404 .fourohfour-columns-2{padding:2.617924em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;margin-bottom:2.617924em}.error404 .fourohfour-columns-2::before,.error404 .fourohfour-columns-2::after{content:"";display:table}.error404 .fourohfour-columns-2::after{clear:both}.error404 .fourohfour-columns-2 ul.products li.product,.error404 .fourohfour-columns-2 .widget{margin-bottom:0}.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:2.2906835em}.error404 .fourohfour-columns-2 .col-1 ul.products li.product{width:45.4545454545%;float:left;margin-right:9.0909090909%}.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child{margin-right:0}.error404 .fourohfour-columns-2 .col-2{padding:1.618em;background-color:rgba(0,0,0,.025)}#comments{padding-top:2.617924em}#comments .comments-title{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.5407911001em;margin-bottom:1.618em}#comments .comment-list{list-style:none;margin-left:0}#comments .comment-list .comment-body::before,#comments .comment-list .comment-body::after{content:"";display:table}#comments .comment-list .comment-body::after{clear:both}#comments .comment-list .comment-content{padding-bottom:1.618em;margin-bottom:1.618em}#comments .comment-list .comment-content .comment-text{padding:1.618em;border-radius:3px}#comments .comment-list .comment-content .comment-text p:last-child{margin-bottom:0}#comments .comment-list .comment-meta{margin-bottom:1em}#comments .comment-list .comment-meta .avatar{margin-bottom:1em;max-width:64px;height:auto}#comments .comment-list .comment-meta a.comment-date{font-size:.875em}#comments .comment-list .comment-meta cite{font-style:normal;clear:both;display:block}#comments .comment-list .reply{margin-bottom:1.618em;padding-top:.6180469716em}#comments .comment-list .reply::before,#comments .comment-list .reply::after{content:"";display:table}#comments .comment-list .reply::after{clear:both}#comments .comment-list .reply a{display:inline-block;margin-right:1em}#comments .comment-list .reply a:last-child{margin-right:0}#comments .comment-list .children{list-style:none}.comment-content a{word-wrap:break-word}#respond{clear:both;padding:1.618em;background-color:rgba(0,0,0,.0125);position:relative}#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input{width:100%}#respond .form-submit,#respond form{margin-bottom:0}#respond #cancel-comment-reply-link{position:absolute;top:.5407911001em;right:.5407911001em;display:block;height:1em;width:1em;overflow:hidden;line-height:1;font-size:1.41575em;text-align:center;transition:transform,ease,.3s}#respond #cancel-comment-reply-link:hover{transform:scale(1.3)}.hentry{margin:0 0 4.235801032em}.hentry .wp-post-image{margin-bottom:1.618em;margin-left:auto;margin-right:auto}.hentry .entry-header{margin-bottom:1em;border-bottom:1px solid rgba(0,0,0,.05)}.hentry .entry-header .posted-on,.hentry .entry-header .post-author,.hentry .entry-header .post-comments,.hentry .entry-header .byline{font-size:.875em}.hentry .entry-header .posted-on a,.hentry .entry-header .post-author a,.hentry .entry-header .post-comments a,.hentry .entry-header .byline a{font-weight:600;text-decoration:underline}.hentry .entry-header .posted-on a:hover,.hentry .entry-header .post-author a:hover,.hentry .entry-header .post-comments a:hover,.hentry .entry-header .byline a:hover{text-decoration:none}.hentry .entry-content a{text-decoration:underline}.hentry .entry-content a:hover{text-decoration:none}.hentry .entry-content a.button,.hentry .entry-content a.components-button:not(.is-link),.hentry .entry-content a.wp-block-button__link{text-decoration:none}.hentry .entry-taxonomy{margin:1.41575em 0 0;padding-top:1em;border-top:1px solid rgba(0,0,0,.05)}.hentry.type-page .entry-header{border-bottom:0;margin-bottom:0}.cat-links,.tags-links{font-size:.875em}.cat-links a,.tags-links a{color:#727272;font-weight:600;text-decoration:underline}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.page-links{clear:both;margin:0 0 1em}form{margin-bottom:1.618em}button,input,select,textarea{font-size:100%;margin:0}button,input[type=button],input[type=reset],input[type=submit],.button,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,.added_to_cart{border:0;border-radius:0;background:none;background-color:#43454b;border-color:#43454b;color:#fff;cursor:pointer;padding:.6180469716em 1.41575em;text-decoration:none;font-weight:600;text-shadow:none;display:inline-block;-webkit-appearance:none}button::after,input[type=button]::after,input[type=reset]::after,input[type=submit]::after,.button::after,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,.added_to_cart::after{display:none}button.cta,button.alt,input[type=button].cta,input[type=button].alt,input[type=reset].cta,input[type=reset].alt,input[type=submit].cta,input[type=submit].alt,.button.cta,.button.alt,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,.added_to_cart.cta,.added_to_cart.alt{background-color:#2c2d33;border-color:#2c2d33}button.cta:hover,button.alt:hover,input[type=button].cta:hover,input[type=button].alt:hover,input[type=reset].cta:hover,input[type=reset].alt:hover,input[type=submit].cta:hover,input[type=submit].alt:hover,.button.cta:hover,.button.alt:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,.added_to_cart.cta:hover,.added_to_cart.alt:hover{background-color:#2c2d33}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.button:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,.added_to_cart:hover{color:#fff}button.loading,input[type=button].loading,input[type=reset].loading,input[type=submit].loading,.button.loading,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,.added_to_cart.loading{opacity:.5}button.small,input[type=button].small,input[type=reset].small,input[type=submit].small,.button.small,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,.added_to_cart.small{padding:.5407911001em .875em;font-size:.875em}button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled,.button.disabled,.button:disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,.added_to_cart.disabled,.added_to_cart:disabled{opacity:.5 !important;cursor:not-allowed}button.disabled:hover,button:disabled:hover,input[type=button].disabled:hover,input[type=button]:disabled:hover,input[type=reset].disabled:hover,input[type=reset]:disabled:hover,input[type=submit].disabled:hover,input[type=submit]:disabled:hover,.button.disabled:hover,.button:disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,.added_to_cart.disabled:hover,.added_to_cart:disabled:hover{opacity:.5 !important}.button.woocommerce-MyAccount-downloads-file{overflow-wrap:anywhere;word-break:break-word;-ms-word-break:break-all}.wc-block-components-button:not(.is-link).disabled,.wc-block-components-button:not(.is-link):disabled{opacity:.5;cursor:not-allowed}.wc-block-components-button:not(.is-link).disabled:hover,.wc-block-components-button:not(.is-link):disabled:hover{opacity:.5}input[type=checkbox],input[type=radio]{padding:0}input[type=checkbox]+label,input[type=radio]+label{margin:0 0 0 .3819820591em}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]{box-sizing:border-box}input[type=search]::placeholder{color:#616161}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=search],textarea,.input-text{padding:.6180469716em;background-color:#f2f2f2;color:#43454b;border:0;-webkit-appearance:none;box-sizing:border-box;font-weight:400;box-shadow:inset 0 1px 1px rgba(0,0,0,.125)}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,.input-text:focus{background-color:#ededed}textarea{overflow:auto;padding-left:.875em;vertical-align:top;width:100%}label{font-weight:400}label.inline input{width:auto}fieldset{padding:1.618em;padding-top:1em;border:0;margin:0;margin-bottom:1.618em;margin-top:1.618em}fieldset legend{font-weight:600;padding:.6180469716em 1em;margin-left:-1em}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:0}.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;display:inline-block;border-radius:0}.wp-caption{margin-bottom:1em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto}.wp-caption .wp-caption-text{text-align:left;font-style:italic;border-bottom:2px solid rgba(0,0,0,.05);padding:1em 0}.gallery{margin-bottom:1em}.gallery::before,.gallery::after{content:"";display:table}.gallery::after{clear:both}.gallery .gallery-item{float:left}.gallery .gallery-item .gallery-icon a{display:block}.gallery .gallery-item .gallery-icon img{border:none;height:auto;margin:0 auto}.gallery .gallery-item .gallery-caption{margin:0;text-align:center}.gallery.gallery-columns-1 .gallery-item{width:100%}.gallery.gallery-columns-2 .gallery-item{width:50%}.gallery.gallery-columns-3 .gallery-item{width:33.3%}.gallery.gallery-columns-4 .gallery-item{width:25%}.gallery.gallery-columns-5 .gallery-item{width:20%}.gallery.gallery-columns-6 .gallery-item{width:16.666666667%}.gallery.gallery-columns-7 .gallery-item{width:14.285714286%}.gallery.gallery-columns-8 .gallery-item{width:12.5%}.gallery.gallery-columns-9 .gallery-item{width:11.111111111%}embed,iframe,object,video{max-width:100%}.secondary-navigation{display:none}button.menu-toggle{cursor:pointer;text-align:left;float:right;position:relative;border:2px solid rgba(0,0,0,0);box-shadow:none;border-radius:2px;background-image:none;padding:.6180469716em .875em .6180469716em 2.617924em;font-size:.875em;max-width:120px}button.menu-toggle:hover{background-image:none}button.menu-toggle span::before{transition:all,ease,.2s}button.menu-toggle::before,button.menu-toggle::after,button.menu-toggle span::before{content:"";display:block;height:2px;width:14px;position:absolute;top:50%;left:1em;margin-top:-1px;transition:all,ease,.2s;border-radius:3px}button.menu-toggle::before{transform:translateY(-4px)}button.menu-toggle::after{transform:translateY(4px)}.toggled button.menu-toggle::before,.toggled button.menu-toggle::after{transform:rotate(45deg)}.toggled button.menu-toggle::after{transform:rotate(-45deg)}.toggled button.menu-toggle span::before{opacity:0}.primary-navigation{display:none}.main-navigation::before,.main-navigation::after{content:"";display:table}.main-navigation::after{clear:both}.main-navigation div.menu{display:none}.main-navigation div.menu:last-child{display:block}.main-navigation .menu{clear:both}.handheld-navigation,.nav-menu,.main-navigation div.menu>ul:not(.nav-menu){overflow:hidden;max-height:0;transition:all,ease,.8s}.handheld-navigation{clear:both}.handheld-navigation ul{margin:0}.handheld-navigation ul.menu li{position:relative}.handheld-navigation ul.menu li button::after{transition:all,ease,.9s}.handheld-navigation ul.menu li button.toggled-on::after{transform:rotate(180deg)}.handheld-navigation ul.menu .sub-menu{visibility:hidden;opacity:0;max-height:0;transition:all,ease,.9s}.handheld-navigation ul.menu .sub-menu.toggled-on{visibility:visible;max-height:9999px;opacity:1}.handheld-navigation .dropdown-toggle{background:rgba(0,0,0,0);position:absolute;top:0;right:0;display:block}.main-navigation.toggled .handheld-navigation,.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true]{max-height:9999px}.main-navigation ul{margin-left:0;list-style:none;margin-bottom:0}.main-navigation ul ul{display:block;margin-left:1.41575em}.main-navigation ul li a{padding:.875em 0;display:block}.main-navigation ul li a:hover{color:#e6e6e6}.site-main nav.navigation{clear:both;padding:2.617924em 0}.site-main nav.navigation::before,.site-main nav.navigation::after{content:"";display:table}.site-main nav.navigation::after{clear:both}.site-main nav.navigation .nav-previous a,.site-main nav.navigation .nav-next a{display:inline-block}.site-main nav.navigation .nav-previous{float:left;width:50%}.site-main nav.navigation .nav-next{float:right;text-align:right;width:50%}.pagination,.woocommerce-pagination{padding:1em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;text-align:center;clear:both}.pagination ul.page-numbers::before,.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::before,.woocommerce-pagination ul.page-numbers::after{content:"";display:table}.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::after{clear:both}.pagination .page-numbers,.woocommerce-pagination .page-numbers{list-style:none;margin:0;vertical-align:middle}.pagination .page-numbers li,.woocommerce-pagination .page-numbers li{display:inline-block}.pagination .page-numbers li .page-numbers,.woocommerce-pagination .page-numbers li .page-numbers{border-left-width:0;display:inline-block;padding:.3342343017em .875em;background-color:rgba(0,0,0,.025);color:#43454b}.pagination .page-numbers li .page-numbers.current,.woocommerce-pagination .page-numbers li .page-numbers.current{background-color:#2c2d33;border-color:#2c2d33}.pagination .page-numbers li .page-numbers.dots,.woocommerce-pagination .page-numbers li .page-numbers.dots{background-color:rgba(0,0,0,0)}.pagination .page-numbers li .page-numbers.prev,.pagination .page-numbers li .page-numbers.next,.woocommerce-pagination .page-numbers li .page-numbers.prev,.woocommerce-pagination .page-numbers li .page-numbers.next{padding-left:1em;padding-right:1em}.pagination .page-numbers li a.page-numbers:hover,.woocommerce-pagination .page-numbers li a.page-numbers:hover{background-color:rgba(0,0,0,.05)}.rtl .pagination a.next,.rtl .pagination a.prev,.rtl .woocommerce-pagination a.next,.rtl .woocommerce-pagination a.prev{transform:rotateY(180deg)}.widget{margin:0 0 3.706325903em}.widget select{max-width:100%}.widget .widget-search .search-submit{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.widget .widget-title,.widget .widgettitle{font-size:1.41575em;letter-spacing:0;border-bottom:1px solid rgba(0,0,0,.05);padding:0 0 1em;margin-bottom:1em;font-weight:300}.widget ul{margin-left:0;list-style:none}.widget ul ul{margin-left:1.618em}.widget-area .widget{font-size:.875em;font-weight:400}.widget-area .widget h1.widget-title{font-size:1.41575em}.widget-area .widget a{font-weight:600;text-decoration:underline}.widget-area .widget a:hover{text-decoration:none}.widget-area .widget a.button,.widget-area .widget a.components-button:not(.is-link),.widget-area .widget a.wp-block-button__link{text-decoration:none}.widget-area .widget a.button{font-weight:600 !important}.widget_search form:not(.wp-block-search),.widget_product_search form:not(.wp-block-search){position:relative}.widget_search form:not(.wp-block-search) input[type=text],.widget_search form:not(.wp-block-search) input[type=search],.widget_product_search form:not(.wp-block-search) input[type=text],.widget_product_search form:not(.wp-block-search) input[type=search]{width:100%}.widget_search form:not(.wp-block-search) input[type=submit],.widget_search form:not(.wp-block-search) button[type=submit],.widget_product_search form:not(.wp-block-search) input[type=submit],.widget_product_search form:not(.wp-block-search) button[type=submit]{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important;top:0;left:0}.widget_recent_entries ul,.widget_pages ul,.widget_categories ul,.widget_archive ul,.widget_recent_comments ul,.widget_nav_menu ul,.widget_links ul,.widget_product_categories ul,.widget_layered_nav ul,.widget_layered_nav_filters ul{margin:0}.widget_recent_entries ul li,.widget_pages ul li,.widget_categories ul li,.widget_archive ul li,.widget_recent_comments ul li,.widget_nav_menu ul li,.widget_links ul li,.widget_product_categories ul li,.widget_layered_nav ul li,.widget_layered_nav_filters ul li{list-style:none;margin-bottom:1em;line-height:1.41575em}.widget_recent_entries ul .children,.widget_pages ul .children,.widget_categories ul .children,.widget_archive ul .children,.widget_recent_comments ul .children,.widget_nav_menu ul .children,.widget_links ul .children,.widget_product_categories ul .children,.widget_layered_nav ul .children,.widget_layered_nav_filters ul .children{margin-left:0;margin-top:1em}#wp-calendar th,#wp-calendar td,.wp-calendar-table th,.wp-calendar-table td{padding:.236em;text-align:center}.widget_recent_entries ul ul.children,.widget_pages ul ul.children{margin:.6180469716em 0 0 1.41575em}.widget_rating_filter .wc-layered-nav-rating{margin-bottom:.6180469716em}.widget_rating_filter .wc-layered-nav-rating a{text-decoration:none !important}.widget_rating_filter .wc-layered-nav-rating .star-rating{display:inline-block;height:1em;line-height:1}@media(min-width: 768px){table.shop_table_responsive tbody tr td,table.shop_table_responsive tbody tr th{text-align:left}.site-header{padding-top:2.617924em;padding-bottom:0}.site-header .site-branding{display:block;width:100%;float:left;margin-left:0;margin-right:0;clear:both}.site-header .site-branding img{height:auto;max-width:230px;max-height:none}.woocommerce-active .site-header .site-branding{width:73.9130434783%;float:left;margin-right:4.347826087%}.woocommerce-active .site-header .site-search{width:21.7391304348%;float:right;margin-right:0;clear:none}.woocommerce-active .site-header .main-navigation{width:73.9130434783%;float:left;margin-right:4.347826087%;clear:both}.woocommerce-active .site-header .site-header-cart{width:21.7391304348%;float:right;margin-right:0;margin-bottom:0}.storefront-secondary-navigation .site-header .site-branding{width:39.1304347826%;float:left;margin-right:4.347826087%}.storefront-secondary-navigation .site-header .secondary-navigation{width:56.5217391304%;float:right;margin-right:0}.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{width:21.7391304348%;float:left;margin-right:4.347826087%}.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{width:47.8260869565%;float:left;margin-right:4.347826087%}.site-branding .site-description{margin-bottom:0;display:block}.site-branding,.site-search,.site-header-cart,.site-logo-anchor,.site-logo-link,.custom-logo-link{margin-bottom:1.41575em}.site-header .subscribe-and-connect-connect{float:right;margin-bottom:1em}.site-header .subscribe-and-connect-connect .icons{list-style:none;margin:0}.site-header .subscribe-and-connect-connect .icons a{font-size:1em !important}.site-header .subscribe-and-connect-connect .icons li{margin:0 0 0 .5407911001em !important;display:inline-block}.col-full{max-width:66.4989378333em;margin-left:auto;margin-right:auto;padding:0 2.617924em;box-sizing:content-box}.col-full::before,.col-full::after{content:"";display:table}.col-full::after{clear:both}.col-full:after{content:" ";display:block;clear:both}.site-content::before,.site-content::after{content:"";display:table}.site-content::after{clear:both}.content-area{width:73.9130434783%;float:left;margin-right:4.347826087%}.widget-area{width:21.7391304348%;float:right;margin-right:0}.right-sidebar .content-area{width:73.9130434783%;float:left;margin-right:4.347826087%}.right-sidebar .widget-area{width:21.7391304348%;float:right;margin-right:0}.left-sidebar .content-area{width:73.9130434783%;float:right;margin-right:0}.left-sidebar .widget-area{width:21.7391304348%;float:left;margin-right:4.347826087%}.storefront-full-width-content .content-area{width:100%;float:left;margin-left:0;margin-right:0}.content-area,.widget-area{margin-bottom:2.617924em}.page-template-template-fullwidth-php .content-area,.page-template-template-homepage-php .content-area{width:100%;float:left;margin-left:0;margin-right:0}.footer-widgets{padding-top:4.235801032em;border-bottom:1px solid rgba(0,0,0,.05)}.footer-widgets::before,.footer-widgets::after{content:"";display:table}.footer-widgets::after{clear:both}.footer-widgets.col-2 .block{width:47.8260869565%;float:left;margin-right:4.347826087%}.footer-widgets.col-2 .block.footer-widget-2{float:right;margin-right:0}.footer-widgets.col-3 .block{width:30.4347826087%;float:left;margin-right:4.347826087%}.footer-widgets.col-3 .block.footer-widget-3{float:right;margin-right:0}.footer-widgets.col-4 .block{width:21.7391304348%;float:left;margin-right:4.347826087%}.footer-widgets.col-4 .block.footer-widget-4{float:right;margin-right:0}.comment-list::before,.comment-list::after{content:"";display:table}.comment-list::after{clear:both}.comment-list .comment{clear:both}.comment-list .comment-meta{width:17.6470588235%;float:left;margin-right:5.8823529412%;text-align:right}.comment-list .comment-meta .avatar{float:right}.comment-list .comment-content{padding-bottom:3.706325903em;margin-bottom:3.706325903em}.comment-list .comment-content,.comment-list #respond{width:76.4705882353%;float:right;margin-right:0}.comment-list #respond{float:right}.comment-list #respond .comment-form-author,.comment-list #respond .comment-form-email,.comment-list #respond .comment-form-url{width:100%;margin-right:0}.comment-list .comment-body #respond{box-shadow:0 6px 2em rgba(0,0,0,.2);margin-bottom:2.617924em;margin-top:-1.618em}.comment-list .reply{clear:both;text-align:right}.comment-list ol.children{width:88.2352941176%;float:right;margin-right:0;list-style:none}.comment-list ol.children .comment-meta{width:20%;float:left;margin-right:6.6666666667%}.comment-list ol.children .comment-content,.comment-list ol.children #respond{width:73.3333333333%;float:right;margin-right:0}.comment-list ol.children ol.children{width:86.6666666667%;float:right;margin-right:0}.comment-list ol.children ol.children .comment-meta{width:23.0769230769%;float:left;margin-right:7.6923076923%}.comment-list ol.children ol.children .comment-content,.comment-list ol.children ol.children #respond{width:69.2307692308%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children{width:84.6153846154%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children .comment-meta{width:27.2727272727%;float:left;margin-right:9.0909090909%}.comment-list ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children #respond{width:63.6363636364%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children ol.children{width:81.8181818182%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children ol.children .comment-meta{width:33.3333333333%;float:left;margin-right:11.1111111111%}.comment-list ol.children ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children ol.children #respond{width:55.5555555556%;float:right;margin-right:0}#respond{padding:2.617924em}#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{width:29.4117647059%;float:left;margin-right:5.8823529412%}#respond .comment-form-url{float:right;margin-right:0}#respond .comment-form-comment{clear:both}.hentry .entry-header{margin-bottom:2.617924em}.menu-toggle,.handheld-navigation,.main-navigation.toggled .handheld-navigation,.main-navigation.toggled div.menu{display:none}.primary-navigation{display:block}.main-navigation,.secondary-navigation{clear:both;display:block;width:100%}.main-navigation ul,.secondary-navigation ul{list-style:none;margin:0;padding-left:0;display:block}.main-navigation ul li,.secondary-navigation ul li{position:relative;display:inline-block;text-align:left}.main-navigation ul li a,.secondary-navigation ul li a{display:block}.main-navigation ul li a::before,.secondary-navigation ul li a::before{display:none}.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul,.secondary-navigation ul li:hover>ul,.secondary-navigation ul li.focus>ul{left:0;display:block}.main-navigation ul li:hover>ul li>ul,.main-navigation ul li.focus>ul li>ul,.secondary-navigation ul li:hover>ul li>ul,.secondary-navigation ul li.focus>ul li>ul{left:-9999px}.main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device{display:none;left:0}.main-navigation ul li:hover>ul li:hover>ul,.main-navigation ul li:hover>ul li.focus>ul,.main-navigation ul li.focus>ul li:hover>ul,.main-navigation ul li.focus>ul li.focus>ul,.secondary-navigation ul li:hover>ul li:hover>ul,.secondary-navigation ul li:hover>ul li.focus>ul,.secondary-navigation ul li.focus>ul li:hover>ul,.secondary-navigation ul li.focus>ul li.focus>ul{left:100%;top:0;display:block}.main-navigation ul ul,.secondary-navigation ul ul{float:left;position:absolute;top:100%;z-index:99999;left:-9999px}.main-navigation ul ul.sub-menu--is-touch-device,.secondary-navigation ul ul.sub-menu--is-touch-device{display:none;left:0}.main-navigation ul ul li,.secondary-navigation ul ul li{display:block}.main-navigation ul ul li a,.secondary-navigation ul ul li a{width:200px}ul.menu li.current-menu-item>a{color:#43454b}.storefront-primary-navigation{clear:both}.storefront-primary-navigation::before,.storefront-primary-navigation::after{content:"";display:table}.storefront-primary-navigation::after{clear:both}.main-navigation div.menu{display:block}.main-navigation ul.menu,.main-navigation ul.nav-menu{max-height:none;overflow:visible;margin-left:-1em;transition:none}.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{padding:1.618em 1em}.main-navigation ul.menu>li.menu-item-has-children:hover::after,.main-navigation ul.menu>li.page_item_has_children:hover::after,.main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,.main-navigation ul.nav-menu>li.page_item_has_children:hover::after{display:block}.main-navigation ul.menu ul,.main-navigation ul.nav-menu ul{margin-left:0}.main-navigation ul.menu ul li a,.main-navigation ul.nav-menu ul li a{padding:.875em 1.41575em;font-weight:400;font-size:.875em}.main-navigation ul.menu ul li:last-child,.main-navigation ul.nav-menu ul li:last-child{border-bottom:0}.main-navigation ul.menu ul ul,.main-navigation ul.nav-menu ul ul{margin-left:0;box-shadow:none}.main-navigation ul.menu ul a:hover,.main-navigation ul.menu ul li:hover>a,.main-navigation ul.menu ul li.focus,.main-navigation ul.nav-menu ul a:hover,.main-navigation ul.nav-menu ul li:hover>a,.main-navigation ul.nav-menu ul li.focus{background-color:rgba(0,0,0,.025)}.main-navigation a{padding:0 1em 2.2906835em}.secondary-navigation{margin:0 0 1.618em;width:auto;clear:none;line-height:1}.secondary-navigation .menu{font-size:.875em;width:auto;float:right}.secondary-navigation .menu>li:hover>a{text-decoration:none}.secondary-navigation .menu ul a{padding:.326em .875em;background:rgba(0,0,0,.05)}.secondary-navigation .menu ul li:first-child a{padding-top:1em}.secondary-navigation .menu ul li:last-child a{padding-bottom:1em}.secondary-navigation .menu ul ul{margin-top:-.6180469716em}.secondary-navigation .menu a{padding:1em .875em;color:#737781;font-weight:400}.secondary-navigation .menu a:hover{text-decoration:none}.error404 .fourohfour-columns-2 .col-1{width:47.8260869565%;float:left;margin-right:4.347826087%}.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:0}.error404 .fourohfour-columns-2 .col-2{width:47.8260869565%;float:right;margin-right:0}}@media(max-width: 66.4989378333em){.col-full{margin-left:2.617924em;margin-right:2.617924em;padding:0}}@media(max-width: 568px){.col-full{margin-left:1.41575em;margin-right:1.41575em;padding:0}}