@import url("https://fonts.googleapis.com/css?family=Oswald:700&display=swap&subset=cyrillic-ext");@font-face{font-family:"Skolar Sans PE";src:url("https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/SkolarSans_Regular.woff2") format("woff2"), url("https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/SkolarSans_Regular.woff") format("woff");font-weight:400}@font-face{font-family:"Skolar Sans PE";src:url("https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/SkolarSans_Bold.woff2") format("woff2"), url("https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/SkolarSans_Bold.woff") format("woff");font-weight:700}@-webkit-keyframes up{0%{opacity:0}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes up{0%{opacity:0}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes down{to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes down{to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@-webkit-keyframes share{0%{fill:none;stroke:none;stroke-dasharray:0;stroke-dashoffset:0}to{stroke:#7D161D;stroke-dasharray:15;stroke-dashoffset:0}}@keyframes share{0%{fill:none;stroke:none;stroke-dasharray:0;stroke-dashoffset:0}to{stroke:#7D161D;stroke-dasharray:15;stroke-dashoffset:0}}@-webkit-keyframes sharecirc{0%{fill:none;stroke:none}80%{fill:none}to{stroke:none;fill:#7D161D}}@keyframes sharecirc{0%{fill:none;stroke:none}80%{fill:none}to{stroke:none;fill:#7D161D}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}main{width:100%;height:100%;padding:0;background:black;color:white;font-family:"Skolar Sans PE";overflow:hidden}
main p{margin:0;padding:0;line-height:1.5}
@media (max-width:640px){main p{font-size:13px}}
main p span{font-weight:700}
main h1{font-family:'Oswald', sans-serif;font-size:72px;line-height:.9;color:white;width:100vw;text-align:center;padding:0 15px;margin-top:0}
@media (max-width:640px){main h1{font-size:45px}}
main h1 span{color:#7D161D;font-size:120px;text-shadow:2px 2px 0 rgba(0, 0, 0, 0.5)}
@media (max-width:640px){main h1 span{font-size:72px}}
#button{cursor:pointer;color:white;border:2px solid #7D161D;outline:none;background:rgba(0, 0, 0, 0.5);padding:6px 25px 8px;border-radius:15px;font-size:20px;margin-top:36px;-webkit-box-shadow:0 5px 0 #2A070A;box-shadow:0 5px 0 #2A070A;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#button:active,#button:hover{-webkit-box-shadow:0 1px 0 #2A070A;box-shadow:0 1px 0 #2A070A;-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.slide{width:100vw;height:100%;padding:65px 15px 15px;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;position:absolute;top:0;overflow:hidden}.slide *{z-index:5}.main__slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/background.jpg) no-repeat center;background-size:cover}.main__slide:after{content:'';background:-moz-linear-gradient(45deg, rgba(15, 3, 4, 0.5) 0%, rgba(15, 3, 4, 0) 100%);background:-webkit-linear-gradient(45deg, rgba(15, 3, 4, 0.5) 0%, rgba(15, 3, 4, 0) 100%);background:-o-linear-gradient(45deg, rgba(15, 3, 4, 0.5) 0%, rgba(15, 3, 4, 0) 100%);background:linear-gradient(45deg, rgba(15, 3, 4, 0.5) 0%, rgba(15, 3, 4, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#800f0304', endColorstr='#000f0304', GradientType=1);position:absolute;left:0;top:0;width:100%;height:100%}@media (max-width:640px){.main__slide{background-position:left 10% center}}.photo__slide{width:calc(100vw - 30px);margin-left:15px;height:calc(100% - 131px);top:65px;opacity:0}.photo__slide:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.photo__slide.active:after{-webkit-animation:up 1.2s forwards linear;animation:up 1.2s forwards linear}.photo__slide.inactive:after{-webkit-animation:down 1.2s forwards linear;animation:down 1.2s forwards linear}.photo__slide p{position:absolute;bottom:0;width:calc(100% - 30px);max-width:640px;right:0;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);font-size:17px;padding:15px;background:rgba(0, 0, 0, 0.5)}@media (max-width:640px){.photo__slide p{max-width:none;width:100%;font-size:15px;line-height:1.1}}@media (max-width:420px){.photo__slide p{padding:5px;font-size:12px}}[id='1']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_0.jpg")}[id='2']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_1.jpg")}[id='3']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_2.jpg");background-position:top center}[id='4']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_3.jpg")}[id='5']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_4.jpg")}[id='6']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_5.jpg");background-position:bottom center}[id='7']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_6.jpg")}[id='8']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_7.jpg")}[id='9']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_8.jpg")}[id='10']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/Photo_9.jpg")}[id='11']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/11.jpg")}[id='12']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/12.jpg")}[id='13']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/13.jpg")}[id='14']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/14.jpg")}[id='15']:after{background-image:url("https://docs.rferl.org/Infographics/2020/2020_12/2020_12_KazakhYearReview/images/15.jpg")}.main__navigation{width:100%;position:fixed;top:50%;margin-top:-25px;left:0;z-index:2;display:none}.main__navigation div{width:40px;height:40px;position:absolute;border:2px solid #7D161D;outline:none;background-color:rgba(0, 0, 0, 0.5);padding:6px 25px 8px;border-radius:15px;-webkit-box-shadow:0 5px 0 #2A070A;box-shadow:0 5px 0 #2A070A;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-size:20px;background-repeat:no-repeat;background-position:center}.main__navigation div:active,.main__navigation div:hover{-webkit-box-shadow:0 1px 0 #2A070A;box-shadow:0 1px 0 #2A070A;-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.main__navigation div.inactive{opacity:.2;pointer-events:none}@media (max-width:640px){.main__navigation div{width:20px;height:20px;background-size:10px;padding:6px 14px 8px}}.main__navigation--right{right:30px;background-image:url(https://docs.rferl.org/Infographics/2019/2019_12/2019_12_KazakhYearReview/images/icons/arrow.svg)}@media (max-width:640px){.main__navigation--right{right:20px}}.main__navigation--left{left:30px;background-image:url(https://docs.rferl.org/Infographics/2019/2019_12/2019_12_KazakhYearReview/images/icons/arrow-left.svg)}@media (max-width:640px){.main__navigation--left{left:20px}}#page__header{width:100%;height:65px;padding:5px 15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:0;z-index:997}a.page__header-logo{position:absolute;width:auto;top:12px;height:40px;display:inline-block}a.page__header-logo svg{width:auto;height:40px;fill:white}.header__right-container{float:right;padding-top:12px}.page__header-share{width:auto;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-transform:uppercase;text-decoration:none;color:white;font-size:0.8rem;font-family:"Skolar Sans PE";float:left;position:relative;cursor:pointer}.page__header-share svg{width:24px;height:24px;margin-top:-3px;margin-right:5px;fill:white;stroke:white}.page__header-share:hover{color:#7D161D;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}.page__header-share:hover svg{fill:#7D161D;stroke:#7D161D}.page__header-share:hover svg path{-webkit-animation:share 0.2s ease-out forwards;animation:share 0.2s ease-out forwards}.page__header-share:hover svg circle:not(:first-of-type){-webkit-animation:sharecirc 0.2s ease-out forwards;animation:sharecirc 0.2s ease-out forwards}.header__right-container .sharing-icons{display:block;width:auto;padding:6px 4px 0px;background:#fff;position:absolute;border-radius:21px 0 0 21px;top:13px;left:auto;right:-100%;-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.header__right-container .sharing-icons a{width:30px;height:30px;display:inline-block;margin:0 2px}.header__right-container .sharing-icons a svg circle{-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;transition:fill 0.3s;fill:#5c646b}.header__right-container .sharing-icons a svg .svg__path{fill:#fff}.header__right-container .sharing-icons a svg:hover circle{-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;transition:fill 0.3s;fill:#7D161D}.header__right-container .sharing-icons a:last-child{position:relative;bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px}#share__close{cursor:pointer}#share__close svg .svg__path{fill:#000}.header__right-container .opened{left:auto;right:0}a.page__header-nav{width:auto;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-transform:uppercase;text-decoration:none;color:white;font-size:0.8rem;font-family:"Skolar Sans PE";float:left;position:relative;cursor:pointer}a.page__header-nav svg{fill:#fff;width:24px;height:24px}a.page__header-nav svg line{stroke:white;stroke-width:2px;stroke-linecap:round}a.page__header-nav:hover{color:#7D161D;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}a.page__header-nav:hover svg line{-webkit-transition:stroke 0.3s;-o-transition:stroke 0.3s;transition:stroke 0.3s;stroke:#7D161D}#page__header.page__header--onpage{background-color:black;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}#page__header.page__header--onpage .svg-logo__avatar{fill:white}#page__header.page__header--onpage .svg-logo__type{fill:white}#page__header.page__header--onpage .page__header-share{color:white}#page__header.page__header--onpage .page__header-share svg{fill:white;stroke:white}#page__header.page__header--onpage .page__header-share:hover circle:first-of-type{color:#7D161D;fill:#7D161D;stroke:none}#page__header.page__header--onpage .page__header-nav svg line{stroke:white}#nav__site{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;display:none;z-index:999;background-color:rgba(0, 0, 0, 0.85)}#nav__site-container{width:300px;height:100%;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);overflow-y:auto;overflow-x:hidden;background-color:#24292D;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;float:right}#nav__site-header{width:100%;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}#nav__site-header svg{fill:#fff}#nav__site.nav__site-visible{display:block;opacity:1;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s}#nav__site-close{position:absolute;right:18px;top:22px;width:14px;height:14px;cursor:pointer}#nav__site-close:hover svg{-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;transition:fill 0.3s;fill:#7D161D}#nav__site-close svg{fill:#fff}#nav__site-container ul{padding:46px 20px 20px;margin:0;list-style:none}#nav__site-container ul li{padding:0;margin:0;list-style:none}#nav__site-container ul li a{display:block;padding:12px 10px;text-decoration:none;color:#fff;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s;font-size:18px;text-transform:uppercase}#nav__site-container ul li a:hover{color:#7D161D}.plyr{position:fixed;bottom:7px;left:15px;width:calc(100vw - 30px);display:none}.plyr--audio .plyr__controls{background:rgba(0, 0, 0, 0.5)}.plyr--audio .plyr__controls{color:white;padding:10px 0}[data-plyr=settings]{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#7D161D;color:#fff}.plyr--full-ui input[type=range]{color:#7D161D}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:100px 100px;background-color:#000000;background-image:url("https://docs.rferl.org/Infographics/2019/2019_12/2019_12_KazakhYearReview/images/loading.svg");z-index:2000}.inactive{opacity:0}.active{opacity:1}
/*# sourceMappingURL=styles.css.map */
.legend{
  position: absolute;
  left: 32px;
  bottom: 86px;
  padding: 12px 16px;
  display: none;
  background: black;
  z-index: 8;
}
.legend_text{
  transform: scale(1);
  transition: transform 1s;
}
.legend_text.bigger{
  transform: scale(1.05);
  transition: transform 1s;
}
.legend.active{
  display: block;
}
.legend svg {
  position: absolute;
  fill:black;
  width: 12px;
  height: 16px;
  left: -4px;
  top: 100%;
}