/**                                                                             */
/** colors                                                                      */
/**                                                                             */
.white {
  color: #fff;
}

.dark {
  color: #1a1a1a;
}

/**                                                                             */
/** layers                                                                      */
/**                                                                             */
.layer-0 {
  z-index: -200;
}

.layer-1 {
  z-index: -100;
}

.layer-2 {
  z-index: 0;
}

.layer-3 {
  z-index: 100;
}

.layer-4 {
  z-index: 200;
}

.layer-5 {
  z-index: 300;
}

body {
  font-family: DejaVuSansExtraLight, sans-serif;
  color: #1a1a1a;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, nav {
  font-family: GLKirovi, sans-serif;
  font-weight: bold;
  font-style: normal;
}

h2 {
  font-size: 5.1vh;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  text-decoration: none;
  color: #ccc;
}

ul {
  list-style: none;
}

button {
  border: transparent;
  background: transparent;
}
button:active, button:focus {
  outline: none;
  border: none;
}

.full-height {
  height: 100vh;
}

.full-width {
  width: 100%;
}

.absolute-bottom {
  position: absolute;
  bottom: 0;
}

.absolute-right {
  position: absolute;
  right: 0;
}

.page-wrapper {
  width: 100vw;
}
.page-wrapper .content-wrapper {
  height: 100%;
}

.sound-switcher {
  position: fixed;
  top: 4vh;
  left: 3vh;
  padding: 0;
  display: table-row;
  z-index: 200;
}
.sound-switcher:hover {
  cursor: pointer;
}
.sound-switcher .cell {
  display: table-cell;
  width: 3vh;
  height: 4vh;
  background-size: contain;
  background-repeat: no-repeat;
}
.sound-switcher .state {
  background-image: url(../svg/vawes.svg);
}
.sound-switcher .speaker {
  background-image: url(../svg/speaker.svg);
}
.sound-switcher.white .state {
  background-image: url(../svg/vawes-w.svg);
}
.sound-switcher.white .speaker {
  background-image: url(../svg/speaker-w.svg);
}
.sound-switcher.muted .state {
  background-image: url(../svg/x.svg);
}
.sound-switcher.muted.white .state {
  background-image: url(../svg/x-w.svg);
}
.sound-switcher.no-sound .state {
  background-image: url(../svg/no-sound.svg);
}
.sound-switcher.no-sound.white .state {
  background-image: url(../svg/no-sound-w.svg);
}

.push-menu-btn {
  position: fixed;
  top: 3.5vh;
  right: 4vh;
  text-align: left;
  padding: 0;
  z-index: 200;
}
.push-menu-btn:hover {
  cursor: pointer;
}
.push-menu-btn h5 {
  font-size: 4.5vh;
  margin: 0;
}
.push-menu-btn .bold-line {
  background: #1a1a1a;
  position: absolute;
  width: 4vh;
  height: 0.4vh;
  bottom: 2.5vh;
  right: 0;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.push-menu-btn.active {
  color: #fff !important;
}
.push-menu-btn.active .bold-line:nth-of-type(1) {
  transform: rotate(45deg);
  background: #fff;
}
.push-menu-btn.active .bold-line:nth-of-type(2) {
  transform: rotate(-45deg);
  background: #fff;
}

.push-menu {
  display: none;
  opacity: 0;
  background-color: #333333;
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 10vh;
  overflow-y: auto;
  overflow-wrap: normal;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.push-menu.active {
  display: block;
  opacity: 1;
}
.push-menu ul {
  margin-left: 3.5vh;
}
.push-menu ul li {
  font-size: 3.2vh;
  line-height: 7vh;
}
.push-menu ul li a {
  color: #fff !important;
}
.push-menu ul li:before {
  content: " ";
  display: inline-block;
  width: 3vh;
  height: 0.0625rem;
  background: #fff;
  margin-right: 3.5vh;
  margin-left: -5vh;
  vertical-align: middle;
}

.language-switcher {
  font-family: GLKirovi, sans-serif;
  color: #aaa;
  font-size: 2vh;
  left: 13vh;
  position: fixed;
  top: 4.8vh;
}
.language-switcher a {
  color: #aaa;
  cursor: default;
}
.language-switcher a.active {
  cursor: pointer;
  color: #555;
}
.language-switcher a.active:hover {
  color: #000;
}
.language-switcher.white {
  color: #aaa;
}
.language-switcher.white a {
  color: #aaa;
}
.language-switcher.white a.active {
  color: #ddd;
}
.language-switcher.white a.active:hover {
  color: #fff;
}

#scrolling-arrow {
  background-image: url(../img/arrow-down-dark.gif);
  background-size: contain;
  position: fixed;
  bottom: 9vh;
  right: 4vh;
  width: 2vh;
  height: 5vh;
  background-repeat: no-repeat;
  background-position: center;
}
#scrolling-arrow.light {
  background-image: url(../img/arrow-down.gif);
}
#scrolling-arrow.scrolling-up {
  background-image: url(../img/arrow-up-dark.gif);
}

#share-btn {
  position: fixed;
  bottom: 2vh;
  width: 100px;
  height: 50px;
  z-index: 10000;
  cursor: pointer;
}

#user-interact {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  background-image: url(../img/bg-main.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 200;
  display: table;
}
#user-interact tr td {
  text-align: center;
}
#user-interact tr td .loader-wrapper {
  position: relative;
  margin: 0 auto 3vh;
  width: 30vh;
  height: 15vh;
}
#user-interact tr td #loader {
  background: url(../img/loader.gif) no-repeat;
  width: 30vh;
  height: 15vh;
  background-size: contain;
  background-position: center;
  opacity: 0.6;
  transition: opacity 2s;
  position: absolute;
}
#user-interact tr td #loader-static {
  background: url(../img/loader-static.gif) no-repeat;
  content: "";
  width: 30vh;
  height: 15vh;
  background-size: contain;
  background-position: center;
  opacity: 0;
  transition: opacity 2s;
  position: absolute;
}
#user-interact tr td .enter-to-story {
  text-transform: uppercase;
  border: none;
  padding: 1.5vh 6.06vh 1.82vh;
  color: #b8c8d0;
  background-position: center;
  background-repeat: no-repeat;
  font-family: GLKirovi, sans-serif;
  cursor: pointer;
  background-image: url(../svg/loader-button.svg);
  transition: color 0.3s, opacity 2s;
  opacity: 0;
}
#user-interact tr td .enter-to-story:hover {
  color: #526d7d;
}

.bg-image {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url("../img/bg-main.png");
}

/**                                                                             */
/** sections                                                                    */
/**                                                                             */
section {
  min-height: 100vh;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}
section .part-header h4.part-headline {
  font-size: 4.5vh;
  line-height: 4vh;
  position: absolute;
  left: 2.7vh;
  top: 12vh;
  transform-origin: left top;
  transform: rotate(270deg) translateX(-100%);
  z-index: 100;
}
section p strong {
  font-family: DejaVuSans, sans-serif;
}
section .headline,
section .text {
  position: absolute;
  opacity: 0;
}
section .bg-video {
  width: 100vw;
  height: 100vh;
  position: fixed;
}
section .bg-video video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  z-index: -200;
}
section span.double-space {
  width: 4.12vh;
  display: inline-block;
}

h5.section-id {
  position: fixed;
  bottom: 2vh;
  right: 3vh;
  font-size: 4.5vh;
  line-height: 4vh;
  overflow: hidden;
  transform: rotate(-90deg);
  z-index: 100;
}

#background-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}
#background-wrapper .section-background {
  position: absolute;
  top: 100vh;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -200;
}
#background-wrapper .section-background .bg-video {
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
}
#background-wrapper .section-background .bg-video video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  z-index: -200;
}
#background-wrapper .section-background .bg-solid {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}
#background-wrapper #background-home {
  top: 0;
}

/**                                                                             */
/** section-home                                                                */
/**                                                                             */
#section-home h1 {
  font-size: 8vh;
  line-height: 7vh;
}

/**                                                                             */
/** section-collapse                                                            */
/**                                                                             */
#section-collapse {
  color: #fff;
}

/**                                                                             */
/** section-zones                                                               */
/**                                                                             */
#section-zones .years {
  padding-left: 0;
}
#section-zones .years .years-block {
  height: 100vh;
}
#section-zones .years .years-block .year {
  position: absolute;
  text-align: right;
  width: 12.12vh;
}
#section-zones .years .years-block .year .text {
  font-family: GLKirovi, sans-serif;
  position: absolute;
  bottom: 0;
  opacity: 1;
  color: #000;
  font-size: 1.5vh;
  line-height: 1;
}
#section-zones .years .years-block .year .line {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 0.0625rem;
  background-color: black;
}
#section-zones .tower-block {
  height: 100vh;
}
#section-zones .tower-block .tower-wrapper {
  height: 0;
  border-left: 0.0625rem solid;
  border-right: 0.0625rem solid;
  border-color: black;
  position: absolute;
  bottom: 0;
}
#section-zones .tower-block .tower-wrapper .tower {
  position: absolute;
  opacity: 0;
  bottom: 0;
  border: 0.0625rem solid #ffffff00;
}
#section-zones .tower-block .tower-wrapper .tower .red-filter,
#section-zones .tower-block .tower-wrapper .tower .tower-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#section-zones .tower-block .tower-wrapper .tower .tower-image {
  background: url("../img/tower.png") no-repeat center bottom;
  opacity: 0.2;
}
#section-zones .tower-block .tower-wrapper .tower .red-filter {
  opacity: 0;
  background-color: #ff0000;
  display: block;
}
#section-zones .zone-info-box {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in;
  -moz-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  -ms-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
#section-zones .zone-info-box .number {
  font-family: GLKirovi, sans-serif;
  font-weight: bold;
  font-size: 11vh;
  color: #b34838;
  line-height: 9vh;
}
#section-zones .zone-info-box .sub {
  width: 50%;
  margin-bottom: 4.85vh;
}
#section-zones .text-wrapper {
  padding-bottom: 1rem;
}
#section-zones .text-wrapper .text {
  padding-right: 50px;
  padding-bottom: 50px;
}

/**                                                                             */
/** section-members                                                             */
/**                                                                             */
#section-members .members-list {
  padding-top: 8vh;
}
#section-members .members-list .col {
  padding: 0;
  flex-grow: 0;
}
#section-members .member {
  width: 10vh;
  border-bottom: 0.0625rem solid #000;
  padding-top: 1.5vh;
}
#section-members .member .photo {
  width: 100%;
}
#section-members .member .line {
  width: 100%;
  position: absolute;
  top: 0;
}
#section-members .member .id-block {
  top: 0;
  left: 0;
  width: 3vh;
  text-align: center;
}
#section-members .member .id-block .id {
  font-size: 2.73vh;
  font-family: GLKirovi, sans-serif;
}
#section-members .member .id-block .id:after {
  content: "";
  width: 1.82vh;
  height: 0.0625rem;
  background-color: #526d7d;
  position: absolute;
  top: 3.33vh;
  left: 3vh;
}
#section-members .member .id-block:after {
  content: "";
  width: 0.0625rem;
  height: 1.82vh;
  background-color: #526d7d;
  position: absolute;
}
#section-members .member.officer .id {
  color: #526d7d;
}
#section-members .member.expert .id {
  color: #5182a0;
}
#section-members .member.conflict:after {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 3vh;
}
#section-members .member.conflict.line-1:after {
  background-image: url(../svg/lines/line-1.svg);
}
#section-members .member.conflict.line-2:after {
  background-image: url(../svg/lines/line-2.svg);
}
#section-members .member.conflict.line-3:after {
  background-image: url(../svg/lines/line-3.svg);
}
#section-members .member.conflict.line-4:after {
  background-image: url(../svg/lines/line-4.svg);
}
#section-members .member.conflict.line-5:after {
  background-image: url(../svg/lines/line-5.svg);
}
#section-members .member.conflict.line-6:after {
  background-image: url(../svg/lines/line-6.svg);
}
#section-members .member.conflict.line-7:after {
  background-image: url(../svg/lines/line-7.svg);
}
#section-members .member.conflict.line-8:after {
  background-image: url(../svg/lines/line-8.svg);
}
#section-members .member.conflict .id-block:after {
  background-color: #830000;
}
#section-members .member.conflict .id {
  color: #830000;
}
#section-members .member.conflict .id:after {
  background-color: #830000;
}
#section-members .member.conflict .name {
  color: #830000;
}
#section-members .member .name {
  display: none;
  position: absolute;
  background: rgba(255, 255, 255, 0.73);
  width: 100%;
  height: 100%;
  font-family: DejaVuSansCondensedBold, sans-serif;
  font-size: 2.12vh;
  color: #526d7d;
  padding-left: 2.27vh;
  z-index: 0;
}
#section-members .member .name .middle {
  display: table-cell;
  vertical-align: middle;
}
#section-members .member:hover .name {
  display: table;
}
#section-members .member.faded {
  opacity: 0.3;
}
#section-members table.legend {
  font-family: DejaVuSans, sans-serif;
  width: 100%;
  height: 100%;
  text-align: center;
}
#section-members table.legend .conflict {
  color: #830000;
}
#section-members .texts-container {
  z-index: 90;
  position: absolute;
  top: 0;
  width: 60vw;
}
#section-members .texts-container .white-bg {
  background-image: url(../img/bg-main.png);
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 5px 10px 18px #888888;
}
#section-members .texts-container .tweens-texts .text {
  padding-right: 5vh;
  padding-left: 10vh;
}

#info-modal.conflict .modal-dialog .modal-header .icon,
#info-modal.conflict .modal-dialog .modal-header .conflict-status {
  display: inline-block;
}
#info-modal.conflict .modal-dialog .modal-header .conflict-status {
  color: #830000;
}
#info-modal.conflict .modal-dialog .modal-info .member .id-block .id {
  color: #830000;
}
#info-modal.conflict .modal-dialog .modal-info .member .id-block .id:after {
  background-color: #830000;
}
#info-modal.conflict .modal-dialog .modal-info .member .id-block:after {
  background-color: #830000;
}
#info-modal .modal-dialog {
  font-size: 2.3vh;
  width: 50% !important;
  max-width: 50% !important;
  margin: 0;
  height: 100%;
}
#info-modal .modal-dialog .modal-header {
  font-family: DejaVuSans, sans-serif;
  display: block;
}
#info-modal .modal-dialog .modal-header .icon,
#info-modal .modal-dialog .modal-header .conflict-status {
  display: none;
}
#info-modal .modal-dialog .membership {
  color: #526d7d;
}
#info-modal .modal-dialog .modal-info .member .id-block {
  top: 0;
  left: 0;
  width: 3vh;
  text-align: center;
}
#info-modal .modal-dialog .modal-info .member .id-block .id {
  font-size: 3.33vh;
  font-family: GLKirovi, sans-serif;
  color: #526d7d;
}
#info-modal .modal-dialog .modal-info .member .id-block .id:after {
  content: "";
  width: 1.82vh;
  height: 0.0625rem;
  background-color: #526d7d;
  position: absolute;
  top: 2.42vh;
  left: 3.33vh;
}
#info-modal .modal-dialog .modal-info .member .id-block:after {
  content: "";
  width: 0.0625rem;
  height: 1.82vh;
  background-color: #526d7d;
  position: absolute;
}
#info-modal .modal-dialog .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 4.85vh;
  overflow-y: scroll;
}
#info-modal .modal-dialog .modal-content .modal-header {
  padding: 0;
}
#info-modal .modal-dialog .modal-content .modal-header .dripicons-arrow-thin-right {
  margin: 0.6vh 3vh 0;
}
#info-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
#info-modal .modal-dialog .modal-content .modal-body p {
  margin-bottom: 4.24vh;
}
#info-modal .modal-dialog .modal-content .modal-info {
  position: relative;
  margin-bottom: 10.6vh;
}
#info-modal .modal-dialog .modal-content .modal-info .member {
  display: inline-block;
  width: 18.2vh;
  margin-right: 3.8vh;
}
#info-modal .modal-dialog .modal-content .modal-info .name {
  display: inline-block;
  position: absolute;
  font-family: DejaVuSans, sans-serif;
  bottom: -0.9vh;
  color: #830000;
}
#info-modal .modal-dialog .modal-content .member-position {
  margin-bottom: 10.6vh;
}
#info-modal .modal-dialog .modal-content .modal-title {
  margin-bottom: 1.5vh;
  line-height: 1.5;
}
#info-modal .modal-dialog .modal-content .birthday {
  margin-bottom: 3vh;
}

/**                                                                             */
/** section trees                                                               */
/**                                                                             */
#section-trees .trees-col {
  height: 100vh;
}
#section-trees #trees-wrapper,
#section-trees .trees-bg {
  position: absolute;
  left: 7.6vh;
}
#section-trees #trees-wrapper {
  width: 100%;
}
#section-trees #trees-wrapper .tree {
  position: absolute;
}
#section-trees blockquote {
  opacity: 0;
}
/**                                                                             */
/** section academcity                                                          */
/**                                                                             */
#section-academcity .years-2000 {
  transform: rotate(-90deg);
  font-size: 5vh;
  transform-origin: right;
  color: #b34838;
  display: inline-block;
  right: 3vh;
  position: absolute;
  z-index: 1000;
  top: 50px;
}
#section-academcity .years-1970 {
  transform-origin: 0;
  transform: rotate(90deg) translateX(0);
  font-size: 5vh;
  left: 27px;
  position: absolute;
  color: #b34838;
}
#section-academcity h3.info {
  color: #526d7d;
}
#section-academcity h3.info.info-2000 {
  top: 10vh;
  position: absolute;
}
#section-academcity h3.info.info-1970 {
  top: -10vh;
  left: 15px;
}
#section-academcity h3.info .smaller {
  display: block;
  font-size: 0.7em;
}
#section-academcity .panorama-box {
  width: 100%;
  padding-right: 15px;
}
#section-academcity .panorama-box .panorama-wrapper {
  position: relative;
  border-left: 0.0625rem solid #777;
}
#section-academcity .panorama-box .panorama-wrapper .panorama {
  top: 6px;
  overflow: hidden;
}
#section-academcity .slides-col {
  height: 100vh;
  border-left: 0.0625rem solid #777;
}
#section-academcity .slides-col .text-wrapper {
  transform: translateY(220px);
}
#section-academcity .bottom-block {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 40vh;
}
#section-academcity .bottom-block .scientist {
  height: 70%;
  position: absolute;
  bottom: 1vh;
  right: 8vh;
}
#section-academcity .pv-overlay {
  background-color: transparent;
}
#section-academcity .pv-overlay i.pvicon-overlay {
  background-image: url(../img/pan-icon.gif);
  width: 25vh;
  height: 5vh;
  bottom: 5vh;
  background-size: contain;
  top: auto;
  right: 5vh;
  left: auto;
}
#section-academcity .pv-inner.pv-animating {
  background-position-x: -600px;
}

/**                                                                             */
/** section metastasis                                                          */
/**                                                                             */
#section-metastasis .map-wrapper svg,
#section-metastasis .map-wrapper img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 9vh;
}
#section-metastasis .map-wrapper svg g {
  stroke-width: 0.75vh;
  fill: rgba(179, 72, 56, 0.2);
}
#section-metastasis .map-wrapper svg g path {
  pointer-events: all;
}

/**                                                                             */
/** section panorama                                                            */
/**                                                                             */
#section-panorama .photos-wrapper {
  position: relative;
  height: 100vh;
}
#section-panorama .photos-wrapper .cloud,
#section-panorama .photos-wrapper .betoni,
#section-panorama .photos-wrapper .shenoba {
  position: absolute;
  bottom: 0;
}
#section-panorama .photos-wrapper .cloud {
  width: 100%;
}
#section-panorama .photos-wrapper .handshake {
  position: absolute;
  bottom: 10%;
  right: 20%;
  width: 15%;
}
#section-panorama .tweens-texts {
  padding-top: 9vh;
}

.absolute {
  position: absolute;
}

/**                                                                             */
/** section about                                                               */
/**                                                                             */
#section-about .text-wrapper {
  width: 100%;
}
#section-about .text-wrapper .text .table-row {
  display: table-cell;
  vertical-align: middle;
}
#section-about .text-wrapper .text .table-row .table-cell {
  margin: 0 auto;
}
#section-about .text-wrapper .text .table-row .table-cell h3.title {
  font-size: 7vh;
}
#section-about .text-wrapper .text .table-row .table-cell ul li h3.name {
  font-size: 10vh;
  line-height: 8vh;
}
#section-about .text-wrapper .text .table-row .table-cell h4 {
  text-align: center;
}
#section-about .text-wrapper .text .table-row .table-cell h4.donor {
  font-size: 6vh;
}
#section-about .text-wrapper .text .table-row .table-cell h4.remark {
  font-size: 4vh;
}

/*# sourceMappingURL=main.css.map */