*{outline:none;padding:0;margin:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Alice Regular,sans-serif;color:#2c2922}@font-face{font-family:Alice Regular;font-display:swap;src:url(../fonts/Alice-Regular.woff)}@font-face{font-family:Roboto Bold;font-display:swap;src:url(../fonts/Roboto-Bold.woff)}.wrapper{width:1200px;margin:0 auto}.sound{width:69px;height:69px;border-radius:35px;position:fixed;bottom:100px;right:100px;background-image:linear-gradient(90deg,#7b38a2,#9550bc);z-index:9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.sound>img{width:37px;pointer-events:none;display:none}.sound>img.show{display:block}.sound audio{height:40px;display:none}.player{display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;left:calc(50% - 300px);height:55px;width:600px;border-top-left-radius:20px;border-top-right-radius:20px;padding:10px 20px;background-image:linear-gradient(90deg,#7b38a2,#9550bc);z-index:9;opacity:0;transform:translateY(100%);transition:.2s;z-index:91}.player img{max-height:calc(100% - 10px);margin-right:20px}.player audio{width:100%;height:35px}.player.show{opacity:1;transform:translateY(0)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:99;display:none;align-items:center;justify-content:center}.overlay .box{border-radius:8px;padding:20px;background-image:url(../images/tsarevets/popup-bg.jpg);background-size:cover;max-width:585px;width:100%;position:relative;transform:translateY(50px);transition:.2s;opacity:0}.overlay .box b{font-size:25px;display:block;color:#5f5b52;margin-bottom:5px;font-weight:400}.overlay .box span.subheading{font-size:18px;color:grey;display:block;margin-bottom:10px;position:relative;padding-left:25px}.overlay .box span.subheading:before{content:"";width:19px;height:18px;background-image:url(../images/tsarevets/icons/crown.png);left:0;top:50%;transform:translateY(-50%)}.overlay .box span.close,.overlay .box span.subheading:before{background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute}.overlay .box span.close{top:20px;right:20px;width:23px;height:24px;background-image:url(../images/tsarevets/icons/close.png);cursor:pointer}.overlay .box .gallery ul li img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;display:block}.overlay .box .slick-dots{bottom:10px}.overlay .box .slick-dots li button{width:18px;height:18px;border-radius:50%;background-color:#fff;padding:0;position:relative}.overlay .box .slick-dots li button:before{content:"";width:9px;height:9px;border-radius:50%;background-color:#5f5b52;opacity:0;transition:.2s;left:50%;top:50%;transform:translate(-50%,-50%);flex-shrink:0}.overlay .box .slick-dots li.slick-active button:before{opacity:1}.overlay .box p{margin-top:20px;color:#5f5b52;font-size:15px;line-height:1.2}.overlay .box.show{opacity:1;transform:translateY(0)}.overlay.show{display:flex}.single-box{background-color:rgba(0,0,0,.8);border-radius:6px;padding:20px;position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:9;max-width:300px;opacity:0;pointer-events:none;transition:.2s;z-index:991}.single-box p{font-size:18px;color:#fff;text-align:center;margin-bottom:15px}.single-box button{height:40px;border-radius:18px;background-color:#fff;color:#2c2922;width:150px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:15px;cursor:pointer}.single-box.show{opacity:1;pointer-events:all}main{background-image:url(../images/tsarevets/bg.jpg);background-position:center -130px;background-repeat:no-repeat;height:100%;width:100%;overflow:hidden;background-color:#d5d1c6;position:relative}main,main .wrapper{min-height:100vh;display:flex;flex-direction:column}main .wrapper{padding:20px 0 0;align-items:center;justify-content:center}main .wrapper .top{margin-bottom:45px;width:100%;padding-top:20px;display:flex;align-items:flex-start}main .wrapper .top .left,main .wrapper .top .mid,main .wrapper .top .right{flex:1}main .wrapper .top .left{font-size:15px;font-weight:600}main .wrapper .top .mid{position:relative;padding-top:57px}main .wrapper .top .mid b,main .wrapper .top .mid h1{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-attachment:fixed;background-image:url(../images/tsarevets/texture.jpg);display:block;text-align:center;position:relative;z-index:2}main .wrapper .top .mid h1{font-size:72px;line-height:.8}main .wrapper .top .mid b{font-size:30px;line-height:1}main .wrapper .top .mid:before{content:"";width:146px;height:147px;background-image:url(../images/tsarevets/fortress.png);background-position:50%;background-size:contain;background-repeat:no-repeat;position:absolute;left:50%;top:-15px;transform:translateX(-50%);z-index:1}main .wrapper .top .right a{font-size:18px;margin-left:auto;display:flex;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:600;color:#fff;background-color:#803da7;padding:10px;border-radius:4px}main .wrapper .top .right a img{width:25px;margin-right:5px;border:1px solid #fff}main .wrapper .content{position:relative;display:flex;align-items:center;width:100%}main .wrapper .content .left{width:calc(100% - 713px);margin-top:-230px}main .wrapper .content .left b{font-size:20px;position:relative;font-size:34px;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:20px}main .wrapper .content .left b:after{content:"";background-image:url(../images/tsarevets/bottom-decor.png);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:193px;height:9px}main .wrapper .content .left ul{display:flex;flex-wrap:wrap}main .wrapper .content .left ul li{display:flex;align-items:center;padding:7px 15px 7px 5px;font-size:23px;border-radius:4px;cursor:pointer}main .wrapper .content .left ul li img{margin-right:9px;pointer-events:none;width:27px;-o-object-fit:contain;object-fit:contain}main .wrapper .content .left ul li.hover,main .wrapper .content .left ul li:hover{background-image:linear-gradient(90deg,rgba(0,0,0,.13),transparent)}main .wrapper .content .right{width:713px;height:513px;background-image:url(../images/tsarevets/map.png);background-size:contain;background-repeat:no-repeat;background-position:50%;position:relative}main .wrapper .content .right span{display:flex;align-items:center;justify-content:center;width:77px;height:87px;background-image:url(../images/tsarevets/marker.png);background-size:39px 56px;background-position:bottom;background-repeat:no-repeat;cursor:pointer;position:absolute;z-index:1}main .wrapper .content .right span img{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(315deg) brightness(103%) contrast(103%);width:18px;margin-bottom:-20px;pointer-events:none}main .wrapper .content .right span i.helper{position:absolute;font-size:23px;width:243px;top:calc(100% + 17px);left:-20px;color:#fff;background-color:rgba(0,0,0,.8);padding:2px 5px;border-radius:4px;font-style:normal;text-align:center;opacity:0;pointer-events:none}main .wrapper .content .right span i.helper:before{content:"";width:100%;height:10px;background-image:url(../images/tsarevets/pointer.png);background-size:contain;background-repeat:no-repeat;position:absolute;bottom:100%;left:0;background-position:46px 0}main .wrapper .content .right span i.helper.show{-webkit-animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0deg);transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0deg);transform-origin:top;opacity:1}}main .wrapper .content .right span i.tutor{pointer-events:none;width:59px;height:71px;background-image:url(../images/tsarevets/icons/cursor.png);position:absolute;bottom:-71px;left:25px;-webkit-animation:click 5s both;animation:click 5s both;z-index:2;display:none}@-webkit-keyframes click{0%{bottom:-150px;opacity:1}10%{bottom:-20px;opacity:1}20%{bottom:-20px;opacity:1}30%{bottom:-20px;opacity:1}31%{bottom:-20px;transform:scale(.8);opacity:1}32%{bottom:-20px;transform:scale(1);opacity:1}60%{opacity:1}70%{bottom:-150px;opacity:0}to{bottom:-150px;opacity:0}}@keyframes click{0%{bottom:-150px;opacity:1}10%{bottom:-20px;opacity:1}20%{bottom:-20px;opacity:1}30%{bottom:-20px;opacity:1}31%{bottom:-20px;transform:scale(.8);opacity:1}32%{bottom:-20px;transform:scale(1);opacity:1}60%{opacity:1}70%{bottom:-150px;opacity:0}to{bottom:-150px;opacity:0}}main .wrapper .content .right span.hover,main .wrapper .content .right span:hover{background-image:url(../images/tsarevets/marker-hover.png);background-size:100% 100%}main .wrapper .content .right span.hover img,main .wrapper .content .right span:hover img{margin-bottom:0}main .wrapper .content .right span[data-id="1"]{bottom:15px;right:115px;-webkit-animation:jello-horizontal .9s both;animation:jello-horizontal .9s both}main .wrapper .content .right span[data-id="2"]{bottom:88px;right:193px}main .wrapper .content .right span[data-id="2"].indicate{-webkit-animation:jello-horizontal .9s both;animation:jello-horizontal .9s both}main .wrapper .content .right span[data-id="3"]{top:105px;right:165px}main .wrapper .content .right span[data-id="4"]{top:-18px;right:274px}main .wrapper .content .right span[data-id="5"]{top:67px;right:221px}main .wrapper .content .right span[data-id="6"]{top:28px;left:229px}main .wrapper .content .right span[data-id="7"]{top:-33px;left:220px}main .wrapper .content .right span[data-id="8"]{top:1px;right:163px}main .wrapper .content .right span[data-id="9"]{top:-46px;right:340px}main .wrapper .content .right span[data-id="10"]{top:-18px;left:16px}@-webkit-keyframes jello-horizontal{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes jello-horizontal{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}main .wrapper .content .right ul.objects li{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:50%;pointer-events:none;z-index:0}main .wrapper .content .right ul.objects li[data-id="1"]{bottom:-17px;right:155px;width:96px;height:91px;background-image:url(../images/tsarevets/objects/porta.png)}main .wrapper .content .right ul.objects li[data-id="8"]{top:62px;right:156px;width:122px;height:128px;background-image:url(../images/tsarevets/objects/patriarshia.png)}main .wrapper .content .right ul.objects li[data-id="10"]{width:135px;height:99px;background-image:url(../images/tsarevets/objects/lobna.png);top:57px;left:-10px}main .wrapper .content .right ul.objects li[data-id="0"]{width:196px;height:108px;background-image:url(../images/tsarevets/objects/palat.png);top:33px;right:284px}main .wrapper .content:after{content:"";width:238px;height:242px;background-image:url(../images/tsarevets/stamp.png);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;bottom:-20px;left:30%;pointer-events:none}main .wrapper .bottom{margin-bottom:100px;margin-top:-110px;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;background-color:rgba(80,64,49,.26);border-radius:18px;padding:20px}main .wrapper .bottom b{font-family:Roboto Bold,sans-serif;font-size:18px;display:block;text-align:center;color:#fff;margin-bottom:20px}main .wrapper .bottom ul{display:flex;align-items:center;justify-content:center}main .wrapper .bottom ul li{margin:0 20px}main .wrapper .bottom ul li a img{flex-shrink:0}main .wrapper .bottom ul li:first-of-type{margin-left:0}main .wrapper .bottom ul li:last-of-type{margin-right:0}main .bar{background-color:#2c2c2c;width:100vw;margin-top:auto;padding:20px;color:silver;text-align:center;position:relative;z-index:9;font-size:12px}main .bar a{color:inherit;font-size:inherit}main .bar a:hover{text-decoration:underline}main:after{content:"";width:100%;height:450px;pointer-events:none;left:0;bottom:0;right:0;position:absolute;background-image:linear-gradient(0deg,rgba(0,0,0,.2),transparent)}@media screen and (max-width:1200px){.wrapper{width:calc(100% - 15px)}main{background-position:57% -75px}}@media screen and (max-width:1024px){html{background-color:initial;background-image:url(../images/tsarevets/bg-mobile.jpg);background-position:center -39px;background-size:963px auto;position:relative}.sound{bottom:auto;top:220px;right:auto;left:0;border-top-left-radius:0;border-bottom-left-radius:0;width:80px}.player{width:100%;left:0}.overlay{align-items:flex-end}.overlay .box{border-bottom-left-radius:0;border-bottom-right-radius:0;transform:translateY(100%);transition:.3s}.overlay .box b{font-size:18px}.overlay .box span.subheading{font-size:15px}.overlay .box p{font-size:13px;line-height:1.4;margin-top:10px}.overlay .box .slick-dots{zoom:.5}.wrapper{max-width:600px}main{position:absolute;left:0;top:0;width:100%;background-position:center -39px;background-size:940px auto;background-image:url(../images/tsarevets/bg-mobile.jpg);overflow:initial}main,main .wrapper{height:100%;min-height:0}main .wrapper{justify-content:flex-start;padding:15px 0 0}main .wrapper .top{margin-bottom:32px;padding-top:0}main .wrapper .top .left{font-size:0}main .wrapper .top .mid{padding-top:15px;margin-top:10px}main .wrapper .top .mid b{font-size:18px}main .wrapper .top .mid h1{font-size:40px}main .wrapper .top .mid:before{width:99px;height:53px}main .wrapper .content{flex-direction:column-reverse}main .wrapper .content .left{width:100%;margin-top:-15px;position:relative;z-index:2;margin-right:auto}main .wrapper .content .left,main .wrapper .content .left b{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}main .wrapper .content .left b{font-size:20px;margin-bottom:10px}main .wrapper .content .left b:after{width:106px}main .wrapper .content .left ul{display:flex;flex-wrap:wrap}main .wrapper .content .left ul li{font-size:15px;width:50%;padding:5px 5px 5px 2px}main .wrapper .content .left ul li img{max-width:20px}main .wrapper .content .right{zoom:.45}main .wrapper .content:after{bottom:0;right:0;left:auto;width:150px;height:150px}main .wrapper .bottom{padding:15px 0;position:relative;margin-top:auto;width:100%;justify-content:center;align-items:center;margin-bottom:0;background:none}main .wrapper .bottom b{font-size:13px;margin-bottom:10px}main .wrapper .bottom b,main .wrapper .bottom ul{position:relative;z-index:2}main .wrapper .bottom ul li{width:calc(25% - 10px);margin:0 5px}main .wrapper .bottom ul li a img{max-width:100%}main .wrapper .bottom:after{content:"";width:100vw;height:100px;pointer-events:none;bottom:0;left:50%;transform:translateX(-50%);position:absolute;z-index:1;background-image:linear-gradient(0deg,rgba(0,0,0,.2),transparent)}main:after{display:none}main .bar{margin-top:0;font-size:11px;padding:10px 0}}@media screen and (max-width:600px){.single-box{width:100%}.overlay .box .gallery ul li img{height:auto}@supports (aspect-ratio:2/1.15){.overlay .box .gallery ul li img{aspect-ratio:2/1.15}}@supports not (aspect-ratio:2/1.15){.overlay .box .gallery ul li img{height:190px}}}