@charset "UTF-8";
@import url(/bower_components/normalize-css/normalize.css);
.black {
  color: #393836; }

.dark-blue {
  color: #354452; }

.light-blue {
  color: #6895ab; }

.kandaluxury, .header-menu nav ul li a:hover, ol li .date, h5, h4, h2, a {
  color: #F28888; }

.umba, .header-menu nav ul li a, .header-menu nav, h3 {
  color: #67738D; }

.light {
  color: #f2eeee; }

@font-face {
  font-family: 'belomorie-script';
  src: url("../fonts/belomorie-script/belomorie-script.woff2") format("woff2"), url("../fonts/belomorie-script/belomorie-script.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.serif {
  font-family: 'Alegreya', serif; }

.sans, body {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 400; }

.bold, strong, ol li .date, ol li .title, h5, h4 {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800; }

.belomorie, .header-menu nav, .header-menu, .header-download, .header-credits, h3, h2, h1 {
  font-family: 'belomorie-script', helvetica neue, arial, sans-serif; }

p {
  font-size: 1.5rem;
  line-height: 1.5; }
  p.small, p.fullwidth-author {
    font-size: .8rem;
    opacity: .8; }

.small, .fullwidth-author {
  font-size: .7em; }

a {
  text-decoration: none;
  border-bottom: 1px solid white; }
  a:hover {
    border-bottom: 1px solid inherit; }
  a[href^='#'] {
    border-bottom-style: dashed; }
  a img {
    vertical-align: middle;
    border: none; }

h1 {
  font-size: 3rem;
  padding: 0;
  margin: 0; }

h2 {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: normal;
  padding: 0 0 .4rem; }
  h2 a {
    color: inherit;
    border-bottom: 1px #67738D dotted; }

h3 {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: normal;
  padding: 0; }

h4 {
  font-size: 1.5rem;
  font-weight: normal;
  margin: 1.5rem 0 0 .2rem;
  padding: 0;
  display: inline-block; }

h5 {
  font-size: 1/rem;
  font-weight: normal;
  margin: 1.5rem 0 0 .2rem;
  padding: 0;
  display: inline-block; }

ul {
  text-align: left; }
  ul li {
    font-size: 2rem;
    line-height: 1.3;
    list-style-type: none;
    padding-bottom: 1.5rem; }
    ul li::before {
      content: '— ';
      margin-left: -1.2em; }
    ul li.no-before::before {
      content: '';
      margin-left: -.32em; }

ol {
  text-align: left;
  list-style-position: outside;
  margin-left: -1rem;
  width: 100%; }
  ol li {
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 1.5rem; }
    ol li .title {
      display: block;
      margin-bottom: .3rem; }
    ol li .date {
      font-size: 1rem;
      display: block;
      margin: 0 0 .6rem; }

.quotes::before {
  content: '«'; }

.quotes::after {
  content: '»';
  display: inline; }

.emdash {
  display: block; }
  .emdash::before {
    content: '— ';
    margin-left: -1.3em; }

.asterisk {
  display: inline-block;
  transform: translate(0, 0.4em); }

.rot5 {
  transform: rotate(5deg); }

.rot10 {
  transform: rotate(10deg); }

.rot15 {
  transform: rotate(15deg); }

.rot20 {
  transform: rotate(20deg); }

.rot25 {
  transform: rotate(25deg); }

.rot30 {
  transform: rotate(30deg); }

.rot35 {
  transform: rotate(35deg); }

.rot40 {
  transform: rotate(40deg); }

.rot45 {
  transform: rotate(45deg); }

.rot50 {
  transform: rotate(50deg); }

.rot55 {
  transform: rotate(55deg); }

.rot60 {
  transform: rotate(60deg); }

.rot65 {
  transform: rotate(65deg); }

.rot70 {
  transform: rotate(70deg); }

.rot75 {
  transform: rotate(75deg); }

.rot80 {
  transform: rotate(80deg); }

.rot85 {
  transform: rotate(85deg); }

.rot90 {
  transform: rotate(90deg); }

.rot95 {
  transform: rotate(95deg); }

.rot100 {
  transform: rotate(100deg); }

.rot105 {
  transform: rotate(105deg); }

.rot110 {
  transform: rotate(110deg); }

.rot115 {
  transform: rotate(115deg); }

.rot120 {
  transform: rotate(120deg); }

.rot125 {
  transform: rotate(125deg); }

.rot130 {
  transform: rotate(130deg); }

.rot135 {
  transform: rotate(135deg); }

.rot140 {
  transform: rotate(140deg); }

.rot145 {
  transform: rotate(145deg); }

.rot150 {
  transform: rotate(150deg); }

.rot155 {
  transform: rotate(155deg); }

.rot160 {
  transform: rotate(160deg); }

.rot165 {
  transform: rotate(165deg); }

.rot170 {
  transform: rotate(170deg); }

.rot175 {
  transform: rotate(175deg); }

.rot180 {
  transform: rotate(180deg); }

.rot185 {
  transform: rotate(185deg); }

.rot190 {
  transform: rotate(190deg); }

.rot195 {
  transform: rotate(195deg); }

.rot200 {
  transform: rotate(200deg); }

.rot205 {
  transform: rotate(205deg); }

.rot210 {
  transform: rotate(210deg); }

.rot215 {
  transform: rotate(215deg); }

.rot220 {
  transform: rotate(220deg); }

.rot225 {
  transform: rotate(225deg); }

.rot230 {
  transform: rotate(230deg); }

.rot235 {
  transform: rotate(235deg); }

.rot240 {
  transform: rotate(240deg); }

.rot245 {
  transform: rotate(245deg); }

.rot250 {
  transform: rotate(250deg); }

.rot255 {
  transform: rotate(255deg); }

.rot260 {
  transform: rotate(260deg); }

.rot265 {
  transform: rotate(265deg); }

.rot270 {
  transform: rotate(270deg); }

.rot275 {
  transform: rotate(275deg); }

.rot280 {
  transform: rotate(280deg); }

.rot285 {
  transform: rotate(285deg); }

.rot290 {
  transform: rotate(290deg); }

.rot295 {
  transform: rotate(295deg); }

.rot300 {
  transform: rotate(300deg); }

.rot305 {
  transform: rotate(305deg); }

.rot310 {
  transform: rotate(310deg); }

.rot315 {
  transform: rotate(315deg); }

.rot320 {
  transform: rotate(320deg); }

.rot325 {
  transform: rotate(325deg); }

.rot330 {
  transform: rotate(330deg); }

.rot335 {
  transform: rotate(335deg); }

.rot340 {
  transform: rotate(340deg); }

.rot345 {
  transform: rotate(345deg); }

.rot350 {
  transform: rotate(350deg); }

.rot355 {
  transform: rotate(355deg); }

.rot360 {
  transform: rotate(360deg); }

.rot-5 {
  transform: rotate(-5deg); }

.rot-10 {
  transform: rotate(-10deg); }

.rot-15 {
  transform: rotate(-15deg); }

.rot-20 {
  transform: rotate(-20deg); }

.rot-25 {
  transform: rotate(-25deg); }

.rot-30 {
  transform: rotate(-30deg); }

.rot-35 {
  transform: rotate(-35deg); }

.rot-40 {
  transform: rotate(-40deg); }

.rot-45 {
  transform: rotate(-45deg); }

.rot-50 {
  transform: rotate(-50deg); }

.rot-55 {
  transform: rotate(-55deg); }

.rot-60 {
  transform: rotate(-60deg); }

.rot-65 {
  transform: rotate(-65deg); }

.rot-70 {
  transform: rotate(-70deg); }

.rot-75 {
  transform: rotate(-75deg); }

.rot-80 {
  transform: rotate(-80deg); }

.rot-85 {
  transform: rotate(-85deg); }

.rot-90 {
  transform: rotate(-90deg); }

.rot-95 {
  transform: rotate(-95deg); }

.rot-100 {
  transform: rotate(-100deg); }

.rot-105 {
  transform: rotate(-105deg); }

.rot-110 {
  transform: rotate(-110deg); }

.rot-115 {
  transform: rotate(-115deg); }

.rot-120 {
  transform: rotate(-120deg); }

.rot-125 {
  transform: rotate(-125deg); }

.rot-130 {
  transform: rotate(-130deg); }

.rot-135 {
  transform: rotate(-135deg); }

.rot-140 {
  transform: rotate(-140deg); }

.rot-145 {
  transform: rotate(-145deg); }

.rot-150 {
  transform: rotate(-150deg); }

.rot-155 {
  transform: rotate(-155deg); }

.rot-160 {
  transform: rotate(-160deg); }

.rot-165 {
  transform: rotate(-165deg); }

.rot-170 {
  transform: rotate(-170deg); }

.rot-175 {
  transform: rotate(-175deg); }

.rot-180 {
  transform: rotate(-180deg); }

.rot-185 {
  transform: rotate(-185deg); }

.rot-190 {
  transform: rotate(-190deg); }

.rot-195 {
  transform: rotate(-195deg); }

.rot-200 {
  transform: rotate(-200deg); }

.rot-205 {
  transform: rotate(-205deg); }

.rot-210 {
  transform: rotate(-210deg); }

.rot-215 {
  transform: rotate(-215deg); }

.rot-220 {
  transform: rotate(-220deg); }

.rot-225 {
  transform: rotate(-225deg); }

.rot-230 {
  transform: rotate(-230deg); }

.rot-235 {
  transform: rotate(-235deg); }

.rot-240 {
  transform: rotate(-240deg); }

.rot-245 {
  transform: rotate(-245deg); }

.rot-250 {
  transform: rotate(-250deg); }

.rot-255 {
  transform: rotate(-255deg); }

.rot-260 {
  transform: rotate(-260deg); }

.rot-265 {
  transform: rotate(-265deg); }

.rot-270 {
  transform: rotate(-270deg); }

.rot-275 {
  transform: rotate(-275deg); }

.rot-280 {
  transform: rotate(-280deg); }

.rot-285 {
  transform: rotate(-285deg); }

.rot-290 {
  transform: rotate(-290deg); }

.rot-295 {
  transform: rotate(-295deg); }

.rot-300 {
  transform: rotate(-300deg); }

.rot-305 {
  transform: rotate(-305deg); }

.rot-310 {
  transform: rotate(-310deg); }

.rot-315 {
  transform: rotate(-315deg); }

.rot-320 {
  transform: rotate(-320deg); }

.rot-325 {
  transform: rotate(-325deg); }

.rot-330 {
  transform: rotate(-330deg); }

.rot-335 {
  transform: rotate(-335deg); }

.rot-340 {
  transform: rotate(-340deg); }

.rot-345 {
  transform: rotate(-345deg); }

.rot-350 {
  transform: rotate(-350deg); }

.rot-355 {
  transform: rotate(-355deg); }

.rot-360 {
  transform: rotate(-360deg); }

.scale-09 {
  transform: scale(0.9); }

.scale-08 {
  transform: scale(0.8); }

.scale-07 {
  transform: scale(0.7); }

.scale-06 {
  transform: scale(0.6); }

.scale-05 {
  transform: scale(0.5); }

.scale-04 {
  transform: scale(0.4); }

.scale-03 {
  transform: scale(0.3); }

.scale-02 {
  transform: scale(0.2); }

.scale-01 {
  transform: scale(0.1); }

.fullwidth {
  width: 100vw;
  margin: 5rem auto; }
  .fullwidth img {
    width: 100%; }
  .fullwidth-author {
    width: 1000px;
    margin: 0 auto; }

.width1000 {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  text-align: center; }

.mir {
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH; }

.trans {
  transition: all .4s; }

.transparent {
  pointer-events: none; }

.margin-auto {
  margin: 0 auto; }

.will-change {
  will-change: transform;
  transform: translateZ(0); }

.clearfix {
  display: block;
  zoom: 1; }
  .clearfix:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden; }

.absolute, .index-information__thanks, .index-information__creators, .header-menu-image_bottom, .header-menu nav, .header-menu-image_text, .header-menu-image_top, .header-menu, .header-download, .header-credits, .header-bg, .header-menu_button .nav-line-3, .header-menu_button .nav-line-2, .header-menu_button .nav-line-1, .header-menu_button {
  position: absolute; }

.relate, .index-information {
  position: relative; }

.center {
  text-align: center; }

.fixed, .header {
  position: fixed; }

.flex-centered {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-flow: row; }

.hidden {
  display: none;
  visibility: hidden; }

@media screen and (max-width: 1000px) {
  .no-mobile, .header-download, .header-credits {
    opacity: 0;
    display: none;
    visibility: hidden; } }

.no-border {
  border: 0px; }

.rotates {
  -webkit-animation: rotates 20s linear 0s infinite normal;
          animation: rotates 20s linear 0s infinite normal; }
  .rotates.normal {
    -webkit-animation-duration: 10s;
            animation-duration: 10s; }
  .rotates.slow {
    -webkit-animation-duration: 30s;
            animation-duration: 30s; }
  .rotates.redsquare {
    -webkit-animation-duration: 300s;
            animation-duration: 300s; }

@-webkit-keyframes rotates {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotates {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.blurry {
  -webkit-animation: blurry 8s linear 0s infinite alternate;
          animation: blurry 8s linear 0s infinite alternate; }

@-webkit-keyframes blurry {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  20% {
    -webkit-filter: blur(6px);
            filter: blur(6px); }
  40% {
    -webkit-filter: blur(3px);
            filter: blur(3px); }
  60% {
    -webkit-filter: blur(5px);
            filter: blur(5px); }
  80% {
    -webkit-filter: blur(1px);
            filter: blur(1px); }
  100% {
    -webkit-filter: blur(7px);
            filter: blur(7px); } }

@keyframes blurry {
  0% {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  20% {
    -webkit-filter: blur(6px);
            filter: blur(6px); }
  40% {
    -webkit-filter: blur(3px);
            filter: blur(3px); }
  60% {
    -webkit-filter: blur(5px);
            filter: blur(5px); }
  80% {
    -webkit-filter: blur(1px);
            filter: blur(1px); }
  100% {
    -webkit-filter: blur(7px);
            filter: blur(7px); } }

.hover {
  -webkit-animation: hover 4s ease-in-out 0s infinite alternate;
          animation: hover 4s ease-in-out 0s infinite alternate; }

@-webkit-keyframes hover {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 1em); } }

@keyframes hover {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 1em); } }

.glow {
  -webkit-animation: glow 4s ease-in-out 0s infinite alternate;
          animation: glow 4s ease-in-out 0s infinite alternate; }

@-webkit-keyframes glow {
  0% {
    opacity: .6; }
  100% {
    opacity: 1; } }

@keyframes glow {
  0% {
    opacity: .6; }
  100% {
    opacity: 1; } }

.wind {
  -webkit-animation: wind 5s ease-in-out 0s infinite alternate;
          animation: wind 5s ease-in-out 0s infinite alternate;
  transform-origin: bottom center; }

@-webkit-keyframes wind {
  0% {
    transform: rotate(-7deg); }
  100% {
    transform: rotate(7deg); } }

@keyframes wind {
  0% {
    transform: rotate(-7deg); }
  100% {
    transform: rotate(7deg); } }

.left-right {
  -webkit-animation: left-right 3s ease-in-out 0s infinite alternate;
          animation: left-right 3s ease-in-out 0s infinite alternate; }

@-webkit-keyframes left-right {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-1em, 0); } }

@keyframes left-right {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-1em, 0); } }

.map-dot-animation {
  -webkit-animation: map-dot-animation .5s ease-in-out 0s infinite alternate;
          animation: map-dot-animation .5s ease-in-out 0s infinite alternate; }

@-webkit-keyframes map-dot-animation {
  0% {
    transform: scale(1);
    background-color: white;
    opacity: .8; }
  100% {
    transform: scale(0.95);
    background-color: white;
    opacity: .5; } }

@keyframes map-dot-animation {
  0% {
    transform: scale(1);
    background-color: white;
    opacity: .8; }
  100% {
    transform: scale(0.95);
    background-color: white;
    opacity: .5; } }

.map-dot-animation-main {
  -webkit-animation: map-dot-animation-main .5s ease-in-out 0s infinite alternate;
          animation: map-dot-animation-main .5s ease-in-out 0s infinite alternate; }

@-webkit-keyframes map-dot-animation-main {
  0% {
    transform: scale(1);
    background-color: #354452;
    opacity: .8; }
  100% {
    transform: scale(0.95);
    background-color: #354452;
    opacity: .5; } }

@keyframes map-dot-animation-main {
  0% {
    transform: scale(1);
    background-color: #354452;
    opacity: .8; }
  100% {
    transform: scale(0.95);
    background-color: #354452;
    opacity: .5; } }

.appear {
  opacity: 0;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.appear-blur {
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.appeared-blur {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px); }

.grow {
  transition: all 0.5s cubic-bezier(0.5, 1.41, 0.95, 1.07) 1.5s;
  opacity: 0;
  transform: scale(0.5); }

.grown {
  opacity: 1;
  transform: scale(1); }

.del0 {
  transition-delay: 0s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

.del05 {
  transition-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; }

.del1 {
  transition-delay: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.del15 {
  transition-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s; }

.del2 {
  transition-delay: 2s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s; }

.del25 {
  transition-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s; }

.del3 {
  transition-delay: 3s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s; }

.del35 {
  transition-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s; }

.del4 {
  transition-delay: 4s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s; }

.del5 {
  transition-delay: 5s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s; }

.del6 {
  transition-delay: 6s;
  -webkit-animation-delay: 6s;
          animation-delay: 6s; }

.del7 {
  transition-delay: 7s;
  -webkit-animation-delay: 7s;
          animation-delay: 7s; }

.del8 {
  transition-delay: 8s;
  -webkit-animation-delay: 8s;
          animation-delay: 8s; }

.del9 {
  transition-delay: 9s;
  -webkit-animation-delay: 9s;
          animation-delay: 9s; }

.del10 {
  transition-delay: 10s;
  -webkit-animation-delay: 10s;
          animation-delay: 10s; }

.del11 {
  transition-delay: 11s;
  -webkit-animation-delay: 11s;
          animation-delay: 11s; }

.del12 {
  transition-delay: 12s;
  -webkit-animation-delay: 12s;
          animation-delay: 12s; }

.dur01 {
  transition-duration: 0.1s;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s; }

.dur02 {
  transition-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s; }

.dur03 {
  transition-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s; }

.dur05 {
  transition-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }

.dur1 {
  transition-duration: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.dur15 {
  transition-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s; }

.dur2 {
  transition-duration: 2s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s; }

.dur25 {
  transition-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s; }

.dur3 {
  transition-duration: 3s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s; }

.dur4 {
  transition-duration: 4s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s; }

.dur5 {
  transition-duration: 5s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s; }

.dur10 {
  transition-duration: 10s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s; }

.dur15 {
  transition-duration: 15s;
  -webkit-animation-duration: 15s;
          animation-duration: 15s; }

.dur20 {
  transition-duration: 20s;
  -webkit-animation-duration: 20s;
          animation-duration: 20s; }

.dur25 {
  transition-duration: 25s;
  -webkit-animation-duration: 25s;
          animation-duration: 25s; }

.dur30 {
  transition-duration: 30s;
  -webkit-animation-duration: 30s;
          animation-duration: 30s; }

.dur35 {
  transition-duration: 35s;
  -webkit-animation-duration: 35s;
          animation-duration: 35s; }

.dur40 {
  transition-duration: 40s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s; }

.dur45 {
  transition-duration: 45s;
  -webkit-animation-duration: 45s;
          animation-duration: 45s; }

.dur50 {
  transition-duration: 50s;
  -webkit-animation-duration: 50s;
          animation-duration: 50s; }

.dur55 {
  transition-duration: 55s;
  -webkit-animation-duration: 55s;
          animation-duration: 55s; }

.dur60 {
  transition-duration: 60s;
  -webkit-animation-duration: 60s;
          animation-duration: 60s; }

.dur70 {
  transition-duration: 70s;
  -webkit-animation-duration: 70s;
          animation-duration: 70s; }

.dur80 {
  transition-duration: 80s;
  -webkit-animation-duration: 80s;
          animation-duration: 80s; }

.dur90 {
  transition-duration: 90s;
  -webkit-animation-duration: 90s;
          animation-duration: 90s; }

.dur100 {
  transition-duration: 100s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s; }

.dur120 {
  transition-duration: 120s;
  -webkit-animation-duration: 120s;
          animation-duration: 120s; }

.dur140 {
  transition-duration: 140s;
  -webkit-animation-duration: 140s;
          animation-duration: 140s; }

.rev {
  animation-direction: reverse; }

.altrev {
  animation-direction: alternate-reverse; }

.slow {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s; }

.slowest {
  -webkit-animation-duration: 30s;
          animation-duration: 30s; }

.touch, .spin img, .drag img {
  transition-duration: .25s; }
  .touch:hover, .spin img:hover, .drag img:hover {
    transform: rotate(3deg);
    -webkit-filter: brightness(102%);
            filter: brightness(102%); }

.heavy {
  transition-duration: .25s; }
  .heavy:hover {
    transform: rotate(-1deg); }

.drag {
  width: auto;
  height: auto;
  position: absolute;
  cursor: -webkit-grab;
  cursor: grab;
  transform: translate(0px, 0px); }

.spin {
  position: absolute;
  cursor: -webkit-grab;
  cursor: grab; }

.opaque {
  transition-duration: .5s;
  opacity: 1; }
  .opaque:hover {
    opacity: .8; }

.scrollhor::-webkit-scrollbar,
.scrollvert::-webkit-scrollbar,
.scroll::-webkit-scrollbar {
  display: none; }

.scale {
  transition: transform .5s;
  transform-origin: center !important;
  cursor: pointer; }
  .scale:hover {
    transform: scale(1.1); }
  .scale__bottom {
    transform-origin: bottom center;
    transition: transform .5s; }
    .scale__bottom:hover {
      transform: scale(1.1); }

.nav-line {
  fill: none;
  stroke: #F28888;
  stroke-miterlimit: 10; }

.header {
  left: 0rem;
  top: 0rem;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  pointer-events: none; }
  .header-menu_button {
    top: 1rem;
    left: 1rem;
    height: 4rem;
    width: 4rem;
    pointer-events: all;
    cursor: pointer;
    z-index: 9999; }
    .header-menu_button .nav-round {
      transition: transform .5s; }
      .header-menu_button .nav-round-svg {
        fill: none;
        stroke: #67738D;
        stroke-miterlimit: 10;
        stroke-width: 1.14px; }
    .header-menu_button .nav-line-1 {
      left: 1rem;
      top: 1rem;
      width: 2rem;
      transition: transform .25s; }
    .header-menu_button .nav-line-2 {
      left: 1rem;
      top: 1.65rem;
      width: 2rem;
      transition: opacity .1s; }
    .header-menu_button .nav-line-3 {
      left: 1rem;
      top: 2.3rem;
      width: 2rem;
      transition: transform .25s; }
    .header-menu_button.active .nav-round {
      transform: rotate(360deg); }
    .header-menu_button.active .nav-line-1 {
      transform: rotate(45deg) translate(0.5rem, 0.4rem); }
    .header-menu_button.active .nav-line-2 {
      opacity: 0; }
    .header-menu_button.active .nav-line-3 {
      transform: rotate(-45deg) translate(0.4rem, -0.5rem); }
  .header-bg {
    left: 0;
    top: 0;
    height: inherit;
    width: inherit;
    background-color: white;
    opacity: 0;
    transition: opacity .5s;
    z-index: -1;
    pointer-events: none; }
    .header-bg.active {
      opacity: 1;
      pointer-events: all; }
  .header-credits {
    right: 1rem;
    top: 0rem;
    width: 13rem;
    text-align: right;
    opacity: 0;
    transform: translate(0, 0.5rem);
    transition: all .4s;
    pointer-events: none; }
    .header-credits.active {
      opacity: 1;
      transform: translate(0, 0);
      pointer-events: all; }
  .header-download {
    right: 1rem;
    bottom: 1rem;
    width: 13rem;
    text-align: right;
    opacity: 0;
    transform: translate(0, 0.5rem);
    transition: all .4s;
    pointer-events: none; }
    .header-download.active {
      opacity: 1;
      transform: translate(0, 0);
      pointer-events: all; }
  .header-menu {
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 20rem;
    height: 47rem;
    margin: auto;
    transform: scale(0.97);
    transition: all .5s;
    opacity: 0;
    pointer-events: none; }
    @media (max-width: 1000px) {
      .header-menu {
        transform: scale(0.62);
        top: -2rem; } }
    .header-menu.active {
      opacity: 1;
      transform: scale(1);
      pointer-events: all; }
      @media (max-width: 1000px) {
        .header-menu.active {
          transform: scale(0.65);
          top: -2rem; } }
      @media (max-height: 800px) {
        .header-menu.active {
          transform: scale(0.7);
          top: -2rem; } }
      @media (max-height: 600px) {
        .header-menu.active {
          transform: scale(0.5);
          top: -2rem; } }
    .header-menu-image_top {
      width: inherit;
      top: -1rem; }
    .header-menu-image_text {
      width: 30rem;
      top: 14rem;
      left: -5rem; }
    .header-menu nav {
      width: 34rem;
      top: 21rem;
      left: -7rem; }
      .header-menu nav ul {
        text-align: center; }
        .header-menu nav ul li {
          padding-bottom: 0rem; }
          .header-menu nav ul li:before {
            content: ''; }
          .header-menu nav ul li a {
            transition: .5s; }
    .header-menu-image_bottom {
      width: inherit;
      bottom: 1rem; }

.here {
  pointer-events: none;
  opacity: .25; }

.index_menu ul li {
  font-size: 1.3rem;
  float: left;
  margin-right: 2rem;
  padding-right: 2rem;
  white-space: nowrap; }
  .index_menu ul li:before {
    content: ''; }

.index-map {
  width: 100vw;
  height: 50rem; }

.index_list {
  width: 1000px;
  height: 8rem; }
  .index_list nav {
    float: left;
    margin-right: 1.5rem; }
    .index_list nav ul {
      margin: 0 auto;
      padding-left: 0;
      display: flex;
      justify-content: flex-start;
      flex-wrap: nowrap; }
      .index_list nav ul li {
        font-size: 1rem;
        line-height: 1.3rem;
        margin: 0 1.5rem 0;
        padding-left: 1rem;
        transition: all .3s;
        opacity: .9; }
        .index_list nav ul li:before {
          content: '';
          margin-left: 0; }
        .index_list nav ul li:hover {
          transform: scale(1.025);
          opacity: 1; }
        .index_list nav ul li a.activated {
          color: #393836;
          border-bottom: none;
          pointer-events: none; }
  .index_list .list-container {
    float: left; }
    .index_list .list-container .list_card {
      transition: all .5s;
      opacity: 1;
      height: 2.5rem; }
      .index_list .list-container .list_card.hide {
        opacity: .1; }
      .index_list .list-container .list_card p {
        margin-top: 0;
        margin-bottom: 2rem; }

.index-information {
  overflow: hidden;
  margin: 1.5rem 1.5rem 2.5rem; }
  .index-information__logo {
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    width: 25rem;
    z-index: 10; }
    .index-information__logo img {
      width: 100%; }
  .index-information__first, .index-information__second {
    margin-left: 32rem;
    width: 35%; }
  .index-information__showmore {
    margin-left: 32rem; }
    .index-information__showmore .more {
      content: 'Прочитать целиком'; }
    .index-information__showmore .less {
      content: 'Кратко'; }
  .index-information__creators {
    left: 1.2rem;
    top: 17rem; }
    .index-information__creators h4 {
      display: block;
      color: #393836;
      font-size: 1.5rem;
      margin-bottom: 1.5rem; }
    .index-information__creators h5 {
      font-size: 1.25rem;
      margin: 0 0 0 .2rem; }
    .index-information__creators p {
      font-size: .8rem;
      opacity: .75;
      margin: 0 0 2rem .2rem;
      display: block; }
      .index-information__creators p:first-letter {
        text-transform: uppercase; }
  .index-information__thanks {
    left: 21rem;
    top: 17.7rem;
    width: 8rem; }
    .index-information__thanks p {
      font-size: .8rem;
      opacity: .75;
      display: block; }

.f {
  width: 100vw; }
  .f .expert-container {
    display: flex;
    justify-content: space-around; }
    .f .expert-container .expert {
      width: 33%;
      padding-right: 1rem; }
      .f .expert-container .expert p {
        font-size: .75rem; }
        .f .expert-container .expert p.review {
          font-size: 1rem; }
          .f .expert-container .expert p.review:before {
            content: '«'; }
          .f .expert-container .expert p.review:after {
            content: '»'; }
      .f .expert-container .expert .expert-face img {
        border-radius: 50%;
        width: 100px; }
  .f-social {
    display: flex;
    justify-content: space-around; }
    .f-social__element {
      text-align: center;
      width: 20%; }
  .f-practices {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .f-practices .f-practices-link {
      border-bottom: none; }
    .f-practices .card {
      width: 15rem;
      padding: 0 1.5rem;
      line-height: 1;
      height: 15rem;
      transition: all .5s;
      border-bottom: none; }
      .f-practices .card.hide {
        pointer-events: none;
        opacity: .3;
        display: none; }
      .f-practices .card p {
        line-height: 1; }
      .f-practices .card:hover .card-town {
        color: #f2eeee; }
      .f-practices .card:hover .card-title {
        color: #f2eeee; }
      .f-practices .card-town {
        display: block; }
      .f-practices .card-title {
        font-size: 1rem;
        line-height: 1rem; }
  .f-town {
    max-width: 1350px; }
    .f-town.active {
      pointer-events: none;
      display: none; }
  .f-contactinfo {
    height: 10rem;
    background-color: #393836; }
    .f-contactinfo__container {
      width: 70%;
      margin: 0 auto;
      padding-top: 1.5rem;
      display: flex;
      justify-content: flex-start; }
      .f-contactinfo__container .logo {
        width: 7rem;
        transition: transform .3s; }
        .f-contactinfo__container .logo:hover {
          transform: scale(1.05); }
        .f-contactinfo__container .logo img {
          width: 100%; }
      .f-contactinfo__container .thanks_1 {
        width: 50%;
        color: #f2eeee;
        padding: 0 3rem; }
        .f-contactinfo__container .thanks_1 p {
          font-size: .85rem;
          margin-top: 0; }
        .f-contactinfo__container .thanks_1__year {
          display: block;
          margin-top: 1rem; }
      .f-contactinfo__container .thanks_2 {
        width: 15%;
        color: #f2eeee; }
        .f-contactinfo__container .thanks_2 p {
          font-size: .85rem;
          margin-top: 0; }

html {
  background-color: white; }

body {
  min-height: 100%;
  font-size: 1em;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  color: #354452;
  -webkit-font-smoothing: antialiased; }

article {
  overflow: hidden;
  position: relative;
  height: 100vh;
  width: 100vw; }
  article .belomorie-map {
    height: 1500px; }
  article .kandalaksha-map {
    height: 3000px; }
  article .umba-map {
    height: 3000px; }

section, .f {
  margin: 0 auto;
  position: relative; }