.pin {width: 62px; height: 62px;}
.pin img{width: 100%;height: 100%;}
.door {pointer-events: auto;background-repeat: no-repeat;background-image: url(skin/arrow.svg);box-shadow: 0 0 0 8px #ffffff49;background-color:#FBCD10;border-radius: 50%;}
.door.left_view {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.door.x30 {width: 30px;height: 30px;background-size: 12px;background-position: 50%;}
.door.x40 {width: 40px;height: 40px;background-size: 16px;background-position: 50%;}
.door.x50 {width: 50px;height: 50px;background-size: 20px;background-position: 50%;}
.door.x60 {width: 60px;height: 60px;background-size: 28px;background-position: 50%;}
.txt_walls{pointer-events:auto;border-radius: 50%;box-shadow: 0 0 0 5px #ffffff49;overflow: hidden;background-color:#FBCD10;background-image: url(resources/icon/info-walls.svg);background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.txt_walls:hover {background-color: #313977;background-image: url(resources/icon/info-walls-white.svg);}
.touchevents .txt_walls:hover {background-color:#FBCD10;background-image: url(resources/icon/info-walls.svg);}
.txt_walls.mini {width: 26px;height: 26px;background-size: 6px;}
.txt_walls.norm {width: 30px;height: 30px;background-size: 8px;}
.photo_point{pointer-events:auto;border-radius: 50%;box-shadow: 0 0 0 5px #ffffff49;overflow: hidden;width: 38px;height: 38px;background-size:24px;background-position: 50% 50%;background-color:#FBCD10;background-image: url(resources/icon/search-blue.svg);background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.photo_point:hover {background-color: #313977;background-image: url(resources/icon/search.svg);}
.video_point{pointer-events:auto;border-radius: 50%;box-shadow: 0 0 0 5px #ffffff49;overflow: hidden;background-color:#FBCD10;background-image: url(resources/icon/video.svg);background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.video_point:hover {background-color: #313977;background-image: url(resources/icon/video-white.svg);}
.video_point.mini {width: 26px;height: 26px;background-size:30px;}
.video_point.norm {width: 30px;height: 30px;background-size:20px;background-position: 6px 50%;}
.video_point.big{width: 38px;height: 38px;background-size:24px;background-position: 8px 50%;}
.sound_point{pointer-events:auto;touch-action: manipulation;border-radius: 50%;width: 38px;height: 38px;box-shadow: 0 0 0 5px #ffffff49;
background-color: #FBCD10;background-image: url(resources/icon/audio/headset-blue.svg);background-size: 22px;background-position: 50% 7px;background-repeat: no-repeat;}
.sound_point:hover {background-color: #313977;background-image: url(resources/icon/audio/headset.svg);}
.sound_point.on::before,
.sound_point.on::after {content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #313977; transform: translate(-50%, -50%) scale(1); opacity: 0; transition: opacity 0.3s ease-in-out; aspect-ratio: 1 / 1;}
.sound_point.on::before {animation: pulse-animation 1.2s infinite ease-out;}
.sound_point.on::after {animation: pulse-animation 1.2s infinite ease-out 0.6s;}
@keyframes pulse-animation {
    0% {transform: translate(-50%, -50%) scale(1);opacity: 0.9;}
    100% {transform: translate(-50%, -50%) scale(1.5);opacity: 0;}
}
.quest_point{pointer-events:auto;border-radius: 50%;box-shadow: 0 0 0 5px #ffffff49;overflow: hidden;background-color:#FBCD10;width: 36px;height: 36px;background-size: 12px;background-image: url(resources/icon/quiz-walls.svg);background-position: 50% 50%;background-repeat: no-repeat;box-sizing: content-box;}
.quest_point:hover {background-color: #313977;background-image: url(resources/icon/quiz-walls-white.svg);}
.touchevents .quest_point:hover {background-color:#FBCD10;background-image: url(resources/icon/quiz-walls.svg);}
.quest_point.grey {background-color: #ffffff;background-image: url(resources/icon/check.svg);background-size: 18px;}
.container{width:100%;margin:20px auto 0;}
.strong-text-twoo{font-size:32px;font-weight:800;margin:0 0 20px 0;}
.dss-text{margin:0 0 20px 0;}
.strong-text{font-size:32px;font-weight:900;}
.strong-text p{font-weight:900;}
.strong-text p:last-child{text-align:right;font-weight:800 !important;font-size:22px !important;}
.dss-box{border-radius:20px;background:#1534cc;padding:100px 35px;font-size:36px;font-weight:600;line-height:135%;}
.dss-img{width:100%;height:auto;display:block;object-fit:cover;margin:60px 0 30px 0;}
.md-img{width:60%;}
.margin-top{margin-top:70px;}
.text-center{text-align:center;}
.decor-one{max-width:480px;width:100%;display:block;margin:0 auto 50px;}
.decor-twoo{max-width:430px;width:100%;display:block;margin:70px auto;}
.title-one{color:#fc0;margin:0 0 30px 0;font-size:60px;font-family:'Otoiwo';font-weight:900;line-height:1.4;}
@media (max-width:576px){
.dss-text-lg{font-size:24px;margin-top:40px;}
.strong-text{font-size:20px;line-height:120%;}
.strong-text p{margin:0 0 25px 0;}
.strong-text-twoo{font-size:22px;margin:0 0 0px 0;}
.dss-img{margin:30px 0 20px 0;}
.title-one{line-height:1.2;}
}
#black-screen {width: 100%;height: 100%;position: absolute;top: 0;left:0;right:0;bottom:0;z-index: 100;display: none;background-color: rgb(0 0 0 / 50%);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}
.quest-in-scene-boss {position:absolute;top:0;right: -740px;bottom:0;z-index: 100;background-color: #313977;padding-right: 8px;transition: right 0.5s ease-out;-webkit-transition: right 0.5s ease-out;-moz-transition: right 0.5s ease-out;-o-transition: right 0.5s ease-out;height: 100%;}
#q1.open, #q2.open, #q3.open, #q4.open, #q5.open, #q6.open, #q7.open, #q8.open, #q9.open, #q10.open, #q11.open, #q12.open, #q13.open, #q14.open, #q15.open, #q16.open, #q17.open, #q18.open, #q19.open, #q20.open, #q21.open, #q22.open, #q23.open, #q24.open, #q25.open, #q26.open {right: 0;}
.quest-in-scene {width: 560px;height: 100%;overflow-y: scroll;margin-top: 22px;}
.quest-in-scene::-webkit-scrollbar {width: 4px;}
.quest-in-scene::-webkit-scrollbar-thumb {background-color: #ffffff4f;}
.quest-in-scene .wrap{padding: 28px 10px 62px 22px;font-family: 'Otoiwo';text-align: center;position: relative;color: #fff;}
.quest-in-scene h2 {font-size: 31px;font-weight: 900;width: 460px;margin: 0 auto 12px;line-height: 1.5;letter-spacing: 0.01em;}
.quest-in-scene .picture {margin: 22px auto;display: block;background-color: #e9e9e9;border-radius: 12px;}
.description-wrap {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;align-items: center;margin-top: 18px;}
.description-wrap p {font-size: 20px;margin: 28px 0 0 0;width: 460px;padding: 14px 12px 14px 18px;border: 1px solid #dcdcdc8c;line-height: 1.4;display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;position: relative;border-radius: 0px;}
.description-wrap p:hover {border: 1px solid #ffffff;cursor: pointer;box-shadow: 0 0 0 1px #fff;}
.description-wrap span {display: block;width: 382px;}
.description-wrap .active {border: 1px solid #ffffff;box-shadow: 0 0 0 1px #fff;cursor: default;}
.description-wrap .correct {background: #ffffff;cursor: default;color: #4caf50;box-shadow: none;}
.description-wrap .correct:hover {border: 1px solid #ffffff8c;cursor: default;box-shadow: none;}
.description-wrap .bad {background: #ffffff;color: #f44336;box-shadow: none;}
.description-wrap .bad:hover {cursor: default;box-shadow: none;}
.description-wrap .destroy:hover {border: 1px solid #dcdcdc8c;cursor: default;box-shadow: none;}
.verify {margin: 36px auto 0;font-size: 18px;border-radius: 4px;padding: 19px;background: #ffcd0094;color: #313977;width: 460px;border-radius: 44px;line-height: 1;font-weight: 800;text-transform: uppercase;}
.verify.active {background: #FBCD10;}
.verify.active:hover {cursor: pointer;box-shadow: 0 0 0 2px #fff;}
.answer-yes, .answer-no {margin: 36px auto 0;font-size: 18px;display:none;width: 460px;font-weight: 800;line-height: 1;}
.answer-yes .correct{background: #ffffff;padding: 19px 0;color: #4caf50;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;border-radius: 44px;}
.answer-no .bad{background: #ffffff;padding: 19px 0;color: #f44336;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;border-radius: 44px;}
.answer-yes .correct span, .answer-no .bad span {display: block;text-transform: uppercase;}
.quest-in-scene .close-button-mobile {display:none;}
.quest-in-scene .close-button {position: absolute;top: 28px;z-index: 9;left: -21px;width: 48px;height: 48px;background: url(resources/icon/close-normal.svg);background-size: 42px;background-position: 50% 50%;background-color: #313977;background-repeat: no-repeat;box-shadow: 0px 0px 0px 1px #ffffff91;border-radius: 50%;}
.quest-in-scene .close-button:hover {
    border: 1px solid #fff;
    cursor: pointer;
}
.quest-in-scene .item {width: 460px;margin: 40px auto 22px;border-radius: 6px;padding: 38px 32px 22px;display: none;background-color: #4c559d;}
.quest-in-scene .item .decor {width: 60px;margin: 0 auto 32px;border-top: 6px dotted #494949;display: none;}
.quest-in-scene .item h3{font-size: 21px;font-weight: 800;margin-bottom: 14px;display: inline-block;text-transform: uppercase;}
.quest-in-scene .item p{font-weight: 600;font-size: 20px;margin-bottom: 22px;line-height: 1.4;}
.quest-in-scene .item p.comment {font-size: 20px;}
.result_quest {opacity:0;transition: opacity 0.3s ease-out;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;position:absolute;top:0;left:0;right:0;bottom:0;display: flex;justify-content: center;align-items: center;z-index: 999;width: 100%;height: 100%;}
.result_quest .baffle {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-webkit-backdrop-filter: blur(6px);}
.result_quest.show {opacity:1;transition: opacity 0.3s ease-out;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;background: #00000059;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.result_quest .wrap {background-color: #ffffff;padding: 36px 42px 42px 42px;border-radius: 5px;font-family: 'Otoiwo';position: relative;max-width: 600px;color: #1a1a1a;max-height: calc(100% - 44px);overflow-y: auto;overflow-x: hidden;}
.result_quest .title {font-size: 25px;line-height: 1.3;margin-top: 22px;font-weight: 600;}
.result_quest .title span {color:#FBCD10;font-weight: 900;font-size: 28px;}
.result_quest p {font-size: 22px;line-height: 1.5;margin-top: 18px;font-weight: 600;}
.result_quest .close_button {border-radius: 40px;width: 50px;height: 50px;background-image: url(resources/icon/close-blue.svg);background-repeat: no-repeat;background-size: 46px;background-position: 50%;position: absolute;top: 12px;right: 12px;}
.result_quest .close_button:hover {cursor:pointer;background-color: #fbd63f;}
.touchevents .result_quest .close_button {background-color: transparent;}
.result_quest h2 {font-weight: 900;font-size: 40px;line-height: 1.2;max-width: calc(100% - 74px);text-transform: uppercase;letter-spacing: 0.01em;color: #FBCD10;}
.result_quest .decor {position: absolute;bottom: 0;right: 0;background-image: url(resources/icon/quiz.svg);background-size: 76px;background-position: 61px 61px;background-repeat: no-repeat;width: 160px;height: 160px;border-radius: 230px 0 0 0;opacity: 0.8;background-color: #fbcd10;}
#share, #okey {font-size: 19px;background-color: #fbd73f;height: 49px;margin-top: 38px;border-radius: 5px;font-weight: 800;color: #2b3278;text-transform: uppercase;line-height: 49px;}
#share:hover, #okey:hover {cursor: pointer;background-color: #fbcd10;}
#share.hide, #okey.hide {display:none;}
#okey {width: 280px;display: flex;justify-content: center;align-items: center;}
#share {width: 170px;display: flex;justify-content: space-between;align-items: center;padding: 0 22px 0 10px;font-size: 15px;}
#share:before {content:"";width: 30px;height: 30px;background-color: #2b3278;background-image: url(resources/icon/fb-white.svg);background-size: 24px;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 50%;}
@media (hover: none) {
  .result_quest .close_button:active {-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;}
}
@media screen and (max-width: 1100px) {
.description-wrap p:hover {}
.description-wrap .active:hover{}
.description-wrap .correct:hover {}
.description-wrap .bad:hover {}
}
@media screen and (max-width: 1010px) {
.result_quest .close_button:hover {cursor: default;background-color: transparent;}
#share:hover, #okey:hover {cursor: default;}
}
@media screen and (max-width: 660px) {
.quest-in-scene-boss {width: 100%;border-top: 50px solid #313977;box-shadow: none;}
.quest-in-scene {width: 100%;margin-top: 20px;}
.quest-in-scene .wrap {padding: 0px 10px 42px 22px;}
.quest-in-scene h2 {width: auto;margin-top: 12px;margin: 12px 32px 12px;line-height: 1.4;}
.quest-in-scene .close-button {display:none;}
.quest-in-scene .close-button-mobile {display:block;position: fixed;top: 0px;width: 100%;z-index: 9;border-top: 4px solid #FBCD10;}
.quest-in-scene .close-button-mobile span{display: block;text-align: center;width: 166px;margin: 0 auto;font-size: 18px;font-weight: 800;padding: 12px 0 12px;background-color: #FBCD10;border-radius: 0 0 12px 12px;color: #313977;line-height: 1;text-transform: uppercase;font-family: 'Otoiwo';}
}
@media screen and (max-width: 642px) {
.result_quest .wrap {width: calc(100% - 64px);}
.result_quest h2 {line-height: 1.2;}
}
@media screen and (max-width: 570px) {
.quest-in-scene .wrap {padding: 0 10px 42px 10px;}
.result_quest .decor {display:none;}
}
@media screen and (max-width: 520px) {
.quest-in-scene .wrap {padding: 0 22px 62px 30px;}
.quest-in-scene h2 {margin: 12px 0px 12px;line-height: 1.3;}
.description-wrap p {width: 100%;}
.verify {width: 98%;margin: 40px auto 0;}
.answer-yes, .answer-no {width: 98%;margin: 40px auto 0;}
.quest-in-scene .item {width: 98%;margin: 40px auto 0;}
}
@media screen and (max-width: 500px) {
.description-wrap p {padding: 14px 18px 14px 18px;}
.description-wrap span {width: 100%;}
.result_quest h2 {max-width: calc(100% - 34px);}
#share, #okey {width: 100%;}
}
@media screen and (max-width: 480px) {
.result_quest .wrap {padding: 38px 32px 32px 32px;}
.result_quest .close_button {width: 40px; height: 40px; background-size: 42px; top: 10px; right: 10px;}
.result_quest p {font-size: 20px;line-height: 1.4;}
.result_quest .title {font-size: 23px;}
.result_quest .title span {font-size: 26px;}
#share {display: flex;flex-direction: row-reverse;padding: 0 10px 0 18px;}
.result_quest h2 {max-width: calc(100% - 24px);font-size: 30px;}
}
@media screen and (max-width: 440px) {
.quest-in-scene-boss {padding-right: 4px;}
.quest-in-scene::-webkit-scrollbar {width: 3px;box-shadow: inset 0 0 6px #ffffff;}
.quest-in-scene h2 {font-size: 28px;}
.quest-in-scene .item {padding: 34px 24px 22px;}
.quest-in-scene .item h3 {font-size: 19px;margin-bottom: 26px;}
}
@media screen and (max-width: 400px) {
.result_quest .wrap {padding: 38px 28px 28px 28px;}
}
@media screen and (max-width: 380px) {
.result_quest .wrap {width: calc(100% - 48px);}
.result_quest .close_button {background-size: 34px; top: 8px; right: 8px;}
.result_quest p {font-size: 19px;}
.result_quest .title {font-size: 21px;}
#share, #okey {font-size: 17px; height: 47px; line-height: 47px; margin-top: 32px;}
}
@media screen and (max-width: 375px) {
.quest-in-scene .item p {}
}
@media screen and (max-width: 360px) {
.verify {font-size: 13px;padding: 19px 16px;margin: 36px auto 0;}
.quest-in-scene .item {width:100%;padding: 32px 18px 16px;/}
.description-wrap p {font-size: 18px;}
.quest-in-scene h2 {font-size: 26px;}
.quest-in-scene .item h3 {margin-bottom: 20px;line-height: 1.4;}
.answer-yes, .answer-no {margin: 36px auto 0;}
}
@media screen and (max-width: 330px) {
.answer-yes, .answer-no {width: 100%;}
.quest-in-scene .item p {}
}
@media screen and (max-width: 320px) {
.description-wrap p {}
.verify {padding: 19px 12px;width: 100%;}
.result_quest .wrap {width: calc(100% - 40px);padding: 30px 22px 24px 22px;}
.result_quest h2 {font-size: 29px;}
.result_quest p {font-size: 18px;}
.result_quest .title {font-size: 19px;}
#share, #okey {margin-top: 28px; font-size: 16px; height: 45px; line-height: 45px;}
}