@charset "UTF-8";
/*------------------------------------*\
SETTINGS -> VARIABLES
\*------------------------------------*/
/*
Make modal-dialog.js accept calls to open modals outside of the function.
fix borders on pagination so it looks good when tiling onto two rows.
*/
/*------------------------------------*\
$COLORS
\*------------------------------------*/
/**
* Theme specific coloring, in general order of precedence.
*/
/**
* Set base colors for common objects.
*/
/*------------------------------------*\
$FONTS
\*------------------------------------*/
/**
* 1. Font-size % value on the root HTML element. At the ´screen-sm´
* and `screen-xs` breakpoints it reduces by the coefficient.
* Text and the `$spacing-unit` are all influenced by the base
* font size.
* 2. At descending breakpoints the $root-sizing unit decreases,
* This coefficient gives control over the rate of this decrease.
* 3. Set the font-size, font-size-coefficient, and line-height normalizer.
* 4. This value should be equal to the font-size captured from the
* PSD / Design tool. It will be converted by an internal function into
* a REM equivalent.
* 5. This value is a coefficient similar to `$root-sizing-coefficient`
* As the root font-size decreases at `$screen-sm` and `screen-xs` breakpoints
* these declared fonts will also decrease. So for text to maintain it's
* size (roughly) it will require a negative number, to increase the rate
* of the decrease (For larger fonts) put in a positive value. It generally
* aids readability on smaller devices if the contrast between large and
* small fonts is less than that of larger devices.
* 6. This value is to set whether or not the font-size uses the line-height
* mixin to reduce the line-height on larger fonts. This is optional because
* on font-sizes close to the `$initial-line-height` value may end up with a
* line height that is a little less than desirable. I would recommend you
* test this for each font size and toggle accordingly.
* 7. Base-font-size. The default font size for text in the project.
* 8. Global headline font-sizes, takes the font-size variables from [3].
* 9. Brand-font. The primary font-family for the project. You can declare
* additional font-families via $alpha-font, $beta-font...
*/
/* [1] */
/* [2] */
/* [3] [4] [5] [6] */
/* [7] */
/* [8] */
/* [9] */
/*------------------------------------*\
$SPACING & LINE-HEIGHT
\*------------------------------------*/
/**
* 1. `$initial-line-height` helps set the vertical rhythm of the site.
* `$spacing-unit` typically uses the same value. These values
* will get converted to a unitless number as per the best
* practices regarding line-height. It should be measured in the PSD
* or design tool when selecting text that matches the `$base-font-size`
* 2. The maximum width of the site-wrapper, the site wrapper wraps
* general content. The pixel unit will get converted into REMs
* at point [6]
* 3. `$base-line-height`is a unitless number that is calculated by:
* `$initial-line-height` / `$base-font-size`. This will be the value
* of our line-height property on the `
` element.
* 4. spacing-unit is a conversion of the `$base-line-height` into REMs.
* 5. Half of the `spacing-unit`. used for small variants of abstractions like
* inline-list, ui-list push, soft.
* 6. site-wrap-width is a conversion of the `$base-site-wrap-width` into REMs
* by diving `$base-site-wrap-width` by `$base-font-size`.
*/
/* [1] AKA MAGIC NUMBER */
/* [2] */
/**
* NOTICE........... DO NOT MODIFY THIS GROUP!
*/
/* [3] */
/* [4] */
/* [5] */
/* [6] */
/* [6] */
/*------------------------------------*\
$MEDIA QUERY BREAKPOINTS
\*------------------------------------*/
/**
* It's considered bad practice to define device specific breakpoints,
* here are some defined broad breakpoints, that are used within the
* media-querys mixin.
*
* 1. Denotes the breakpoint of the main navigation.
*/
/* [1] */
/**
* Define breakpoints for the grid. Comment out or remove unused
* breakpoints from the list below to reduce bloat in your compiled
* CSS.
*
* 1. Classname, can use any you wish, just ensure your html grid classnames
* match up. i.e. if you use `large` your html shoiuld look something like
* ` img, .down-gradient > img {
position: absolute;
left: 50%;
-webkit-animation: scrollableArrowAnimation 1s infinite;
animation: scrollableArrowAnimation 1s infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
@media screen and (max-height: 320px) {
.up-gradient > img, .down-gradient > img {
height: 25px; } }
.up-gradient.visible, .down-gradient.visible {
opacity: 1;
z-index: 1; }
.up-gradient {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50px;
background: url("../IMG/ui/gradient_2_up.png") repeat-x;
background-size: contain;
cursor: pointer; }
@media screen and (max-height: 320px) {
.up-gradient {
height: 25px; } }
.up-gradient img {
top: 10px; }
.down-gradient {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50px;
background: url("../IMG/ui/gradient_2.png") repeat-x;
background-size: cover;
cursor: pointer; }
@media screen and (max-height: 320px) {
.down-gradient {
height: 25px; } }
.down-gradient img {
bottom: 10px; }
.white .up-gradient {
background: url("../IMG/ui/white_gradient_up.png") bottom center no-repeat;
background-size: cover; }
.white .down-gradient {
background: url("../IMG/ui/white_gradient_down.png") top center no-repeat;
background-size: cover; }
@-webkit-keyframes scrollableArrowAnimation {
0% {
-webkit-transform: translate(-50%, -10px);
transform: translate(-50%, -10px); }
50% {
-webkit-transform: translate(-50%, 10px);
transform: translate(-50%, 10px); }
100% {
-webkit-transform: translate(-50%, -10px);
transform: translate(-50%, -10px); } }
@keyframes scrollableArrowAnimation {
0% {
-webkit-transform: translate(-50%, -10px);
transform: translate(-50%, -10px); }
50% {
-webkit-transform: translate(-50%, 10px);
transform: translate(-50%, 10px); }
100% {
-webkit-transform: translate(-50%, -10px);
transform: translate(-50%, -10px); } }
@-webkit-keyframes scrollableFadeIn {
0% {
z-index: -1;
opacity: 0; }
1% {
z-index: 1;
opacity: 0; }
100% {
z-index: 1;
opacity: 1; } }
@keyframes scrollableFadeIn {
0% {
z-index: -1;
opacity: 0; }
1% {
z-index: 1;
opacity: 0; }
100% {
z-index: 1;
opacity: 1; } }
@-webkit-keyframes scrollableFadeOut {
0% {
z-index: 1;
opacity: 1; }
99% {
z-index: 1;
opacity: 0; }
100% {
z-index: -1;
opacity: 0; } }
@keyframes scrollableFadeOut {
0% {
z-index: 1;
opacity: 1; }
99% {
z-index: 1;
opacity: 0; }
100% {
z-index: -1;
opacity: 0; } }
.slick-slider {
height: 100%; }
.slick-initialized .slick-slide {
display: block;
color: initial;
height: initial;
width: initial;
border: initial;
padding: initial;
cursor: pointer;
margin-right: 5px;
margin-left: 5px; }
.slick-list {
height: 100%;
border: none; }
.gallery-wrapper {
width: 100%;
height: 80%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto; }
.gallery-wrapper .slick-track {
height: 100%; }
.gallery-wrapper .slick-slide {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.gallery-wrapper .slick-slide img {
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.galleryText {
width: 30px;
height: auto;
margin: auto;
font-size: 1.1rem;
margin-top: 10px;
font-family: Tahoma;
font-weight: bold;
color: #bcbec0; }
.picture-text {
text-align: center;
font-family: Tahoma;
font-weight: bold;
color: #bcbec0;
font-size: 1.2rem; }
.slick-prev, .slick-next {
position: absolute;
top: 45%;
background: none;
cursor: pointer;
color: transparent;
border: none;
margin: 0px;
padding: 0px;
width: 80px !important;
height: 80px !important; }
@media (max-width: 768px) {
.slick-prev, .slick-next {
display: none !important; } }
.slick-prev {
z-index: 1;
background: url("../IMG/ui/back.png") !important; }
@media (min-width: 769px) {
.slick-prev {
left: 40px !important; } }
.slick-prev:before, .slick-next:before {
content: '' !important; }
.slick-next {
background: url("../IMG/ui/next.png") !important; }
@media (min-width: 769px) {
.slick-next {
right: 40px !important; } }
footer-navigation {
display: block;
position: fixed;
bottom: 0;
width: 100%;
height: 80px;
font-size: 3rem;
color: white;
z-index: 11;
/* .disabledHome{
background: url('../IMG/ui/home-lang/icn_home_act.png');
}*/ }
footer-navigation .footer-background {
background-color: #0f174c;
border-top: 5px solid #0b0b3f;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center; }
footer-navigation .home-button, footer-navigation .back-button, footer-navigation .forward-button, footer-navigation logo-wrapper, footer-navigation .language-button {
cursor: pointer;
position: absolute;
height: 110px;
background-size: contain;
width: 75px;
bottom: -40px; }
@media (max-width: 768px) {
footer-navigation .logo-wrapper {
display: none; } }
footer-navigation .home-button {
left: 0px;
background: url("../IMG/ui/home-lang/icn_home.png");
background-size: contain;
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right; }
footer-navigation .home-button:active, footer-navigation .home-button.active {
background: url("../IMG/ui/home-lang/icn_home_act.png");
background-size: contain; }
footer-navigation .disabledForward {
background: url("../IMG/ui/back_frw/icn_frw_inact.png") !important;
cursor: no-drop; }
footer-navigation .disabledBack {
background: url("../IMG/ui/back_frw/icn_back_inact.png") !important;
cursor: no-drop; }
footer-navigation .forward-button {
background: url("../IMG/ui/back_frw/icn_frw.png");
left: 130px;
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left; }
footer-navigation .back-button {
background: url("../IMG/ui/back_frw/icn_back.png");
margin-left: 30px;
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right; }
footer-navigation .forward-button:active, footer-navigation .forward-button.active {
background: url("../IMG/ui/back_frw/icn_frw_act.png"); }
footer-navigation .back-button:active, footer-navigation .back-button.active {
background: url("../IMG/ui/back_frw/icn_back_act.png"); }
footer-navigation .language-button {
background-size: contain;
width: 75px;
position: absolute;
right: 0px;
height: 110px;
z-index: 20;
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
background-repeat: no-repeat;
background-position: center top;
-webkit-transition: background-image 0.25s ease-in-out;
-o-transition: background-image 0.25s ease-in-out;
transition: background-image 0.25s ease-in-out; }
footer-navigation .language-button.lv.dropped-lv, footer-navigation .language-button.en.dropped-en, footer-navigation .language-button.ru.dropped-ru {
-webkit-transition: none;
-o-transition: none;
transition: none;
width: 60px;
right: 8px; }
footer-navigation .language-button.lv {
background-image: url("../IMG/ui/home-lang/icn_lang_lv.png"); }
footer-navigation .language-button.en {
background-image: url("../IMG/ui/home-lang/icn_lang_en.png"); }
footer-navigation .language-button.ru {
background-image: url("../IMG/ui/home-lang/icn_lang_ru.png"); }
footer-navigation .language-button.lv:active, footer-navigation .language-button.lv.active {
background-image: url("../IMG/ui/home-lang/icn_lang_lv_act.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .language-button.en:active, footer-navigation .language-button.en.active {
background-image: url("../IMG/ui/home-lang/icn_lang_en_act.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .language-button.ru:active, footer-navigation .language-button.ru.active {
background-image: url("../IMG/ui/home-lang/icn_lang_ru_act.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .language-button.lv.dropped-lv {
background-image: url("../IMG/ui/lang_dropd/icn_lang_lv_inact.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .language-button.en.dropped-en {
background-image: url("../IMG/ui/lang_dropd/icn_lang_en_inact.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .language-button.ru.dropped-ru {
background-image: url("../IMG/ui/lang_dropd/icn_lang_ru_inact.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .language-button.lv.dropped-lv:active, footer-navigation .language-button.lv.dropped-lv.active {
background-image: url("../IMG/ui/lang_dropd/icn_lang_lv_act_2.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .language-button.en.dropped-en:active, footer-navigation .language-button.en.dropped-en.active {
background-image: url("../IMG/ui/lang_dropd/icn_lang_en_act_2.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .language-button.ru.dropped-ru:active, footer-navigation .language-button.ru.dropped-ru.active {
background-image: url("../IMG/ui/lang_dropd/icn_lang_ru_act_2.png");
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .dropped-lv-remove, footer-navigation .dropped-ru-remove, footer-navigation .dropped-en-remove {
-webkit-transition: none;
-o-transition: none;
transition: none; }
footer-navigation .logo-wrapper {
width: 25%;
max-width: 150px;
height: 60px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom; }
footer-navigation .disabled {
color: gray;
cursor: no-drop; }
footer-navigation .faq {
position: absolute;
right: 80px;
bottom: 10px;
width: 60px;
height: 60px;
display: none; }
footer-navigation .faq .faq-bg {
background: url("../IMG/ui/question.png") no-repeat center center;
background-size: contain;
width: 100%;
height: 100%; }
@media (max-width: 1450px) {
footer-navigation .faq {
display: block; } }
.home {
margin: auto;
max-width: 1350px;
width: auto !important;
/* IE max-width hack */
width: 1350px;
/* width value for IE */
position: relative;
overflow: scroll;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
scrollbar-width: none;
height: 100vh;
padding-bottom: 100px; }
.home::-webkit-scrollbar {
width: 0 !important; }
@media (min-width: 1121px) {
.home {
padding-top: 5vh; } }
.home .flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.home .flex-container :last-child.menu-item {
padding: 35px 0 100px 35px; }
.home .flex-container .menu-item {
position: relative;
padding: 0.3rem 0.3rem 0 1.2rem;
max-width: 20rem;
width: auto !important;
/* IE max-width hack */
width: 20rem;
min-width: 6.8px;
margin: 0.6rem 4%;
height: auto;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
@media screen and (max-height: 400px) {
.home .flex-container .menu-item {
max-width: 15rem; } }
.home .flex-container .menu-item span {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 70%; }
.home .flex-container .menu-item.home {
margin: 0; }
.home .flex-container .menu-item.first-line {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.home .flex-container .menu-item.faq {
position: absolute;
right: -12%;
bottom: 50px;
width: 173px;
height: 152px; }
@media (max-width: 1450px) {
.home .flex-container .menu-item.faq {
display: none; } }
.home .flex-container .info-block {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
margin: 13px 0;
max-width: 845px;
width: auto !important;
/* IE max-width hack */
width: 845px; }
.home .flex-container .info-block .logo {
height: 100%;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 400px) {
.home .flex-container .info-block .logo {
margin: 15px auto 10px auto !important;
width: 100px !important; } }
.home .flex-container .info-block .logo img {
width: 300px;
margin-left: -10px; }
@media (max-width: 768px) {
.home .flex-container .info-block .logo img {
width: 200px; } }
@media (max-width: 1121px) {
.home .flex-container .info-block {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.home .flex-container .info-block .logo {
height: auto;
float: none;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 15px auto 40px auto; }
.home .flex-container .info-block .logo img {
margin-left: 0; }
.home .flex-container .info-block span {
text-align: center;
display: block;
margin: 0 5%; }
.home .flex-container .info-block .home-description {
width: unset; } }
@media (max-width: 1121px) and (max-width: 480px) {
.home .flex-container .info-block .home-description {
font-size: 0.9rem; } }
.home-menu-text {
font-size: 2rem; }
.main-menu-animation.ng-leave {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.main-menu-animation.ng-leave .home .flex-container {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.main-menu-animation.ng-leave .exhibit-title {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.main-menu-animation.ng-leave .exhibit-title h1 {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.main-menu-animation.ng-leave .exhibit-title h2 {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.main-menu-animation.ng-leave-active .home .flex-container {
-webkit-transform: translateY(1200px);
-ms-transform: translateY(1200px);
transform: translateY(1200px); }
.main-menu-animation.ng-leave-active .exhibit-title h1 {
-webkit-transform: scale(0.58) translateY(-195px);
-ms-transform: scale(0.58) translateY(-195px);
transform: scale(0.58) translateY(-195px); }
.main-menu-animation.ng-leave-active .exhibit-title h2 {
-webkit-transform: scale(0.56) translateY(-292px);
-ms-transform: scale(0.56) translateY(-292px);
transform: scale(0.56) translateY(-292px); }
.main-menu-animation.ng-enter {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.main-menu-animation.ng-enter .home .flex-container {
-webkit-transform: translateY(1200px);
-ms-transform: translateY(1200px);
transform: translateY(1200px); }
.main-menu-animation.ng-enter .exhibit-title h1 {
-webkit-transform: scale(0.58) translateY(-195px);
-ms-transform: scale(0.58) translateY(-195px);
transform: scale(0.58) translateY(-195px); }
.main-menu-animation.ng-enter .exhibit-title h2 {
-webkit-transform: scale(0.56) translateY(-292px);
-ms-transform: scale(0.56) translateY(-292px);
transform: scale(0.56) translateY(-292px); }
.main-menu-animation.ng-enter-active .home .flex-container {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.main-menu-animation.ng-enter-active .exhibit-title {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.main-menu-animation.ng-enter-active .exhibit-title h1, .main-menu-animation.ng-enter-active .exhibit-title h2 {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out;
-webkit-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px); }
.header-logo-wrapper {
cursor: pointer;
background-size: contain;
width: 200px;
margin: 30px auto; }
@media (min-width: 769px) {
.header-logo-wrapper {
display: none; } }
@media (max-width: 992px) {
.header-logo-wrapper {
margin: 15px auto 10px auto !important;
width: 100px !important; } }
.two-cols-exhibit-title h1, .two-cols-exhibit-title h2 {
text-align: center; }
@media (max-width: 768px) {
.two-cols-exhibit-title h1, .two-cols-exhibit-title h2 {
display: none; } }
@media screen and (max-height: 400px) {
.two-cols-exhibit-title {
display: none; } }
.two-columns {
margin-bottom: 100px;
overflow: hidden;
position: absolute;
top: 100px;
left: 30px;
bottom: 30px;
right: 30px;
background: rgba(11, 11, 63, 0.6);
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
@media (max-width: 992px) {
.two-columns {
left: 0;
right: 0;
margin-bottom: 40px; } }
@media (max-width: 400px) {
.two-columns {
top: 80px !important; } }
.two-columns > .left-column {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 450px;
-ms-flex: 0 0 450px;
flex: 0 0 450px;
height: 100%;
overflow: hidden;
background: rgba(15, 15, 63, 0.6);
z-index: 3; }
@media (max-width: 992px) {
.two-columns > .left-column {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100vw;
-ms-flex: 0 0 100vw;
flex: 0 0 100vw; } }
.two-columns > .left-column .menu {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #131649; }
.vertical-bar {
position: absolute;
float: left;
width: 65px;
height: 100%;
background: #0f0f3f;
display: none;
z-index: 2; }
@media (max-width: 400px) {
.vertical-bar {
width: 40px; } }
@media screen and (max-height: 400px) {
.vertical-bar {
width: 40px; } }
.vertical-bar.enabled {
display: block; }
.vertical-bar img {
display: block;
margin: 15px auto; }
@media (max-width: 400px) {
.vertical-bar img {
width: 80%; } }
@media screen and (max-height: 400px) {
.vertical-bar img {
width: 80%; } }
.vertical-bar .label-block {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg); }
.vertical-bar .label {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 66px;
padding-right: 66px;
text-align: center;
width: 60vh; }
.two-columns > .left-column .vertical-bar.enabled ~ * {
padding-left: 65px; }
@media (max-width: 400px) {
.two-columns > .left-column .vertical-bar.enabled ~ * {
padding-left: 40px; } }
@media screen and (max-height: 400px) {
.two-columns > .left-column .vertical-bar.enabled ~ * {
padding-left: 40px; } }
.two-columns > .left-column ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column; }
.two-columns > .left-column .menu-item {
width: 100%;
padding: 20px 13% 20px 25px;
font-size: 1.2rem;
border-bottom: 0.1px solid;
border-color: #373c83;
cursor: pointer;
min-height: 85px;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s; }
@media screen and (max-height: 400px) {
.two-columns > .left-column .menu-item {
padding: 0 13% 0 25px;
min-height: 50px; } }
.two-columns > .left-column .menu-item.selected {
background: #171e55; }
.two-columns > .left-column .menu-item:hover {
opacity: .7; }
.two-columns > .right-column {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative; }
.two-columns > .right-column .menu-close-block {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3; }
.two-columns > .right-column .vertical-bar.enabled {
display: none; }
.two-columns > .right-column .vertical-bar.enabled ~ div {
padding-left: 0; }
.two-columns > .right-column [ui-view] {
height: 100%;
opacity: 0;
-webkit-animation: 300ms ease-out 0s 1 fadeIn;
animation: 300ms ease-out 0s 1 fadeIn;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
@media (max-width: 992px) {
.two-columns {
top: 130px;
left: 0;
bottom: 30px;
right: 0; }
.two-columns > .right-column {
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all; }
.two-columns > .right-column .vertical-bar.enabled {
display: block; }
.two-columns > .right-column .vertical-bar.enabled ~ div {
padding-left: 65px; } }
@media (max-width: 992px) and (max-width: 400px) {
.two-columns > .right-column .vertical-bar.enabled ~ div {
padding-left: 40px; } }
@media screen and (max-width: 992px) and (max-height: 400px) {
.two-columns > .right-column .vertical-bar.enabled ~ div {
padding-left: 40px; } }
@media (max-width: 992px) {
.two-columns.menu-opened > .right-column {
-webkit-transform: translateX(450px);
-ms-transform: translateX(450px);
transform: translateX(450px); } }
@media (max-width: 992px) and (max-width: 992px) {
.two-columns.menu-opened > .right-column {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
margin-right: 65px;
z-index: 3; } }
@media (max-width: 992px) and (max-width: 400px) {
.two-columns.menu-opened > .right-column {
margin-right: 40px; } }
@media screen and (max-width: 992px) and (max-height: 400px) {
.two-columns.menu-opened > .right-column {
margin-right: 40px; } }
@media (max-width: 992px) {
.two-columns.menu-opened > .right-column .menu-close-block {
display: block; }
.two-columns > .left-column {
margin-left: -450px;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all; } }
@media (max-width: 992px) and (max-width: 992px) {
.two-columns > .left-column {
margin-left: -100%; } }
@media (max-width: 992px) {
.two-columns.menu-opened > .left-column {
-webkit-transform: translateX(450px);
-ms-transform: translateX(450px);
transform: translateX(450px); } }
@media (max-width: 992px) and (max-width: 992px) {
.two-columns.menu-opened > .left-column {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%); } }
@media (max-width: 992px) {
.two-columns .instant {
-webkit-animation-duration: 0ms;
animation-duration: 0ms; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.from-left {
-webkit-animation: .3s ease-out 0s 1 fromLeft;
animation: .3s ease-out 0s 1 fromLeft;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.from-right {
-webkit-animation: .3s ease-out 0s 1 fromRight;
animation: .3s ease-out 0s 1 fromRight;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.to-left {
-webkit-animation: .3s ease-out 0s 1 toLeft;
animation: .3s ease-out 0s 1 toLeft;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.to-right {
-webkit-animation: .3s ease-out 0s 1 toRight;
animation: .3s ease-out 0s 1 toRight;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
@media (max-width: 992px) {
.close-menu-animated {
-webkit-animation: .3s ease-out 0s 1 closeMenu;
animation: .3s ease-out 0s 1 closeMenu; } }
@-webkit-keyframes toLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } }
@keyframes toLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } }
@-webkit-keyframes toRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
@keyframes toRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
@-webkit-keyframes fromRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fromRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fromLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fromLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes closeMenu {
0% {
-webkit-transform: translateX(450px);
transform: translateX(450px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes closeMenu {
0% {
-webkit-transform: translateX(450px);
transform: translateX(450px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.from-main-menu.ng-enter {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.from-main-menu.ng-enter .two-columns {
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px); }
.from-main-menu.ng-enter .two-cols-exhibit-title {
opacity: 0; }
.from-main-menu.ng-enter-active .two-columns {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.from-main-menu.ng-enter-active .two-cols-exhibit-title {
opacity: 0; }
.to-main-menu.ng-leave {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out; }
.to-main-menu.ng-leave .two-cols-exhibit-title {
opacity: 0; }
.to-main-menu.ng-leave .two-columns {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.to-main-menu.ng-leave-active .two-columns {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px); }
.info-post::-webkit-scrollbar {
display: none; }
.info-post {
font-family: Tahoma;
height: 100%;
overflow-y: scroll;
-ms-overflow-style: none;
padding-right: 50px;
padding-left: 50px; }
@media (max-width: 480px) {
.info-post {
padding-left: 10px;
padding-right: 10px; } }
.info-post .title-image {
max-height: 500px;
margin: 20px auto 0;
display: block; }
.info-post .titles {
text-align: center; }
.info-post .titles h1 {
font-weight: bold;
font-size: 2rem;
margin: 0 auto;
color: #fff;
text-decoration: underline;
-webkit-text-decoration-color: #f6931e;
text-decoration-color: #f6931e;
margin-top: 20px;
margin-bottom: 15px;
padding: 0 20px;
display: block; }
.info-post .titles h2 {
font-size: 2.2rem;
margin: auto;
color: #bcbec0;
margin-bottom: 60px; }
.info-post .text {
text-align: center;
font-family: Tahoma;
font-size: 1.2rem;
margin-top: 20px; }
.info-post .text p {
padding-bottom: 8px;
text-indent: 40px;
text-align: justify;
line-height: 32px; }
.info-post .text .center-image {
width: 80%;
display: block;
margin: auto; }
.info-post .text h1 {
font-weight: bold;
font-size: 1.5rem;
margin: 0 auto;
color: #fff;
text-decoration: underline;
-webkit-text-decoration-color: #f6931e;
text-decoration-color: #f6931e;
margin-top: 20px;
margin-bottom: 15px;
padding: 0 20px;
display: block; }
.info-post .text h1.first-line {
margin-bottom: 0;
margin-top: -10px; }
.info-post .text h1.second-line {
margin-top: 5px; }
.info-post video {
background-color: black;
max-width: 100%;
width: 100%;
/* width value for IE */ }
.info-post .video-wrapper {
max-width: 900px;
width: 100%;
/* width value for IE */
display: table;
position: relative;
margin: auto;
margin-top: 50px; }
@media (max-width: 768px) {
.info-post .video-wrapper {
width: 100%; } }
.info-post .video-content {
display: table-row;
height: inherit; }
@media (max-width: 768px) {
.info-post .video-content {
height: initial; } }
.info-post video-controls {
display: table-row; }
.info-post .video-content::after {
display: block;
content: "";
width: 223px;
height: 223px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: transparent url(../IMG/ui/video/icn_play_l.png);
background-size: 100% 100%; }
@media (max-width: 1200px) {
.info-post .video-content::after {
width: 10rem;
height: 10rem; } }
@media (max-width: 768px) {
.info-post .video-content::after {
width: 7rem;
height: 7rem; } }
@media (max-width: 500px) {
.info-post .video-content::after {
width: 5rem;
height: 5rem; } }
.info-post .video-content.hiddenAfter::after {
display: none; }
.info-post .floatedPic {
width: auto;
height: auto;
cursor: pointer;
max-width: none;
margin: 20px 25px 25px 0;
clear: right; }
@media (max-width: 480px) {
.info-post .floatedPic {
height: initial;
width: 90%;
margin-left: 5%; } }
@media (max-width: 1200px) {
.info-post .floatedPic {
margin: 20px auto 25px auto;
text-align: center; } }
.info-post .image-caption {
text-align: center;
font-size: 1.5rem;
color: #bcbec0;
margin-bottom: 20px;
margin-right: 25px; }
.info-post .last {
margin-bottom: 0; }
.info-post .floatedPicDiv {
width: auto;
float: right;
margin: 20px 0 0 15px; }
@media (max-width: 480px) {
.info-post .floatedPicDiv {
float: none;
margin: 20px 0 0 0; } }
@media (max-width: 1200px) {
.info-post .floatedPicDiv {
margin: 20px auto 0 auto;
float: none;
width: initial; } }
.info-post .video-thumb {
position: relative; }
.info-post .video-thumb .play-button {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
height: 120px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.info-post .child-cateogries {
text-align: center; }
.info-post .child-cateogries .child-cateogry {
display: inline-block;
vertical-align: bottom;
margin: 0 40px;
width: 300px; }
.info-post .child-cateogries .child-cateogry img {
width: auto;
height: auto;
margin-bottom: 10px; }
.info-post .child-cateogries .child-cateogry h4 {
font-weight: bold;
font-size: 2rem;
min-height: 100px; }
.info-post ul {
text-align: left;
list-style: none;
margin-top: -20px; }
.info-post ul li {
padding-left: 1rem;
text-indent: -.7em;
padding: 8px 8px 8px 30px;
line-height: 32px;
margin-top: -10px; }
.info-post ul li:before {
content: "• ";
color: #f7911e;
padding-right: 15px; }
.pdf-list {
font-family: Tahoma;
height: 100%;
overflow-y: scroll;
-ms-overflow-style: none; }
.pdf-list .table-wrap {
padding: 40px; }
@media (max-width: 768px) {
.pdf-list .table-wrap {
padding: 10px; } }
.pdf-list .table-wrap table {
width: 100%; }
.pdf-list .table-wrap td {
text-align: center;
font-size: 1.2rem;
border: 1px solid white;
padding: 15px; }
@media (max-width: 768px) {
.pdf-list .table-wrap td {
font-size: 1rem; } }
@media (max-width: 400px) {
.pdf-list .table-wrap td {
font-size: 0.7rem; } }
.pdf-list .table-wrap td a {
color: white; }
.pdf-list .table-wrap td .pdf-icon {
height: 30px; }
@media (max-width: 768px) {
.pdf-list .table-wrap td .pdf-icon {
height: 16px; } }
.pdf-list .table-wrap td:first-child {
text-align: left; }
.pdf-list .table-wrap td:last-child img {
width: 100px; }
@media (max-width: 768px) {
.pdf-list .table-wrap td.qr {
display: none; } }
.pdf-list .table-wrap td.owner {
width: 70%; }
.pdf-list .table-wrap td.pdf-name {
width: 30%; }
@media (max-width: 768px) {
.pdf-list .table-wrap td.pdf-name a {
display: none; } }
.pdf-list .titles {
text-align: center; }
.pdf-list .titles h1 {
font-weight: bold;
font-size: 1.5rem;
margin: 0 auto;
color: #fff;
text-decoration: underline;
-webkit-text-decoration-color: #f6931e;
text-decoration-color: #f6931e;
margin-top: 20px;
margin-bottom: 15px;
padding: 0 20px;
display: inline-block; }
.pdf-list .titles h2 {
font-size: 1.5rem;
margin: auto;
color: #bcbec0;
margin-bottom: 60px; }
.pdf-list .text {
text-align: center;
font-family: Tahoma;
font-size: 1.2rem;
margin-left: 25px;
margin-top: 20px; }
@media (max-width: 768px) {
.pdf-list .text {
margin-left: 10px;
margin-right: 10px; } }
.pdf-list .text p {
padding-bottom: 8px;
text-indent: 40px;
text-align: justify;
margin-right: 25px;
line-height: 32px; }
@media (max-width: 768px) {
.pdf-list .text p {
margin-right: 0; } }
.authors::-webkit-scrollbar {
display: none; }
.authors {
margin-right: 55px;
padding-left: 55px;
padding-bottom: 35px;
overflow-y: scroll;
-ms-overflow-style: none; }
.authors .text {
margin: 1% 0; }
.authors .text p {
margin: 1% 0; }
.authors .author {
float: left;
height: 300px;
margin-right: 50px;
margin-top: 55px;
text-align: center;
cursor: pointer;
max-width: 170px;
width: auto !important;
/* IE max-width hack */
width: 170px; }
.authors .author-image {
width: 170px;
height: auto;
margin-bottom: 25px; }
.authors .author-name {
text-transform: uppercase;
font-family: Tahoma;
font-weight: bold;
font-size: 1.5rem;
color: #fff; }
.authors .author-subtitle {
width: 170px;
margin: 10px auto 0 auto; }
.awards {
overflow-y: scroll;
height: 780px; }
.awards .titles {
text-align: center; }
.awards .titles h1 {
font-weight: bold;
font-size: 3.4rem;
margin: 0 auto;
color: #fff;
border-bottom: 2px solid #f6931e;
margin-top: 20px;
margin-bottom: 15px;
text-transform: uppercase;
padding: 0 20px;
display: inline-block; }
.awards .titles h2 {
font-size: 2.2rem;
margin: auto;
color: #bcbec0;
margin-bottom: 60px; }
.awards .text {
margin: 1% 0; }
.awards .text p {
margin: 1% 0; }
.awards a {
color: white; }
.awards .awards-text {
font-family: Tahoma;
font-size: 2.4rem;
color: #fff;
margin: 20px;
margin-left: 50px;
margin-right: 40px;
line-height: 40px; }
.awards ul {
text-align: left;
list-style: none;
margin-left: 20px; }
.awards ul li {
padding-left: 1em;
text-indent: -.7em;
padding: 8px; }
.awards ul li:before {
content: "• ";
color: #f7911e;
margin-right: 10px; }
.awards .awards-wrapper {
width: auto;
margin: 10px; }
.awards .awards-wrapper .connected-award-coin {
margin-top: 30px;
max-width: 300px;
width: auto !important;
/* IE max-width hack */
width: 300px;
padding: 20px;
float: left;
margin-right: 30px;
margin-left: 20px; }
.awards .awards-wrapper .award-title {
font-weight: 700;
font-size: 2.8rem;
margin: auto;
color: #fff;
border-bottom: 2px solid #f6931e;
text-transform: uppercase;
/* padding: 0 20px;*/
display: inline-block;
margin-top: 40px; }
.awards .awards-wrapper .award-title.imageless {
margin-left: 40px; }
.awards .awards-wrapper .award-descriptiopn {
font-family: Tahoma;
font-size: 2.4rem;
color: #fff;
margin-top: 25px;
margin-right: 40px;
text-align: justify;
line-height: 38px;
margin-left: 40px; }
.euro-collection::-webkit-scrollbar {
display: none; }
.euro-collection {
height: 780px;
overflow-y: scroll;
-ms-overflow-style: none; }
.euro-collection .collection-text {
font-family: Tahoma;
font-size: 2.4rem;
color: #fff;
margin: 20px;
line-height: 50px; }
.euro-collection .popup-image img {
border: 1px solid red;
margin: auto; }
.euro-collection .coins-field {
margin: 0 25px;
text-align: center; }
.euro-collection a {
color: white; }
.euro-collection .fake-parent-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -100; }
.euro-collection .fake-parent-wrapper .nothing-found {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
font-family: Tahoma;
font-weight: bold;
font-size: 2.4rem;
color: #fff;
opacity: 0.5; }
.popup-overlay {
background: black;
opacity: 0.8;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999; }
.pdf-popup {
height: 100%;
width: 100%;
overflow: hidden; }
@media (max-width: 768px) {
.pdf-popup {
width: 100%; } }
.pdf-popup .pdf-wrap {
overflow: hidden;
height: 100%; }
@media (max-width: 768px) {
.pdf-popup .pdf-wrap {
width: 100%; } }
.pdf-popup .pdf-wrap object {
max-width: none; }
@media (max-width: 768px) {
.pdf-popup .pdf-wrap object {
width: 100%; } }
.pdf-popup .pdf-wrap iframe {
width: 100%;
height: 100%; }
.image-popup {
padding: 2rem 1rem;
margin: auto;
background-color: white;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.image-popup img {
display: block;
margin: auto;
height: auto;
max-height: 100%; }
body .ngdialog.ngdialog-theme-default .ngdialog-content {
-webkit-animation: ngdialog-flyin .5s !important;
animation: ngdialog-flyin .5s !important;
background: #f0f0f0 !important;
color: black !important;
font-family: "Helvetica", sans-serif !important;
position: absolute !important;
padding: 0 !important;
max-width: 80% !important;
z-index: 10000 !important;
width: 80% !important;
height: 80% !important;
left: 10%;
top: 10%; }
@media (max-width: 768px) {
body .ngdialog.ngdialog-theme-default .ngdialog-content {
max-width: 100% !important;
width: 100% !important;
height: 80% !important;
left: 0;
border-radius: 0; } }
.ngdialog.ngdialog-theme-default .ngdialog-close {
border-radius: 5px;
cursor: pointer;
position: absolute;
overflow: visible;
right: 0;
top: 0; }
@media (max-width: 992px) {
.ngdialog.ngdialog-theme-default .ngdialog-close {
top: 60px !important; } }
@media (max-width: 768px) {
.ngdialog.ngdialog-theme-default .ngdialog-close {
top: 70px !important;
right: 20px !important; } }
.ngdialog.ngdialog-theme-default .ngdialog-close.phone-view {
top: -20px; }
.ngdialog.ngdialog-theme-default .ngdialog-close::before {
border-radius: 3px;
color: black;
content: 'X';
font-size: 2rem;
font-weight: 400;
height: 28px;
line-height: 28px;
position: absolute;
right: 1px;
text-align: center;
width: 28px; }
@media (max-width: 992px) {
.ngdialog.ngdialog-theme-default .ngdialog-close::before {
bottom: 30px; } }
@media (max-width: 768px) {
.ngdialog.ngdialog-theme-default .ngdialog-close::before {
font-size: 65px !important; } }
.ngdialog.ngdialog-theme-default .ngdialog-close.phone-view::before {
bottom: 0;
top: 10px;
cursor: pointer; }
.popup-author-wrapper::-webkit-scrollbar {
display: none; }
.popup-author-wrapper {
color: black;
font: 15px Helmet, Freesans, sans-serif;
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style: none; }
.popup-author-wrapper .scrollable {
width: auto;
height: 550px;
margin-top: 45px;
margin-left: 25px;
margin-right: 25px; }
.popup-author-wrapper .scrollable .popupImage {
width: auto;
margin: auto;
margin-bottom: 50px;
text-align: center; }
.popup-author-wrapper .scrollable .popupImage img {
display: inline-block; }
.popup-author-wrapper .scrollable .popup-title {
text-align: center; }
.popup-author-wrapper .scrollable .popup-title h1 {
border-bottom: 2px solid #f6931e;
font-weight: 700;
font-size: 1.9rem;
margin: auto;
color: #0f0f3f;
border-bottom: 2px solid #f6931e;
text-transform: uppercase;
padding: 0 20px;
display: inline-block; }
.popup-author-wrapper .scrollable .popup-title h2 {
font-size: 1.1rem;
margin: auto;
color: #a7a9ac;
margin-top: 5px; }
.popup-author-wrapper .scrollable .popup-title h3 {
font-size: 2rem;
margin: auto;
margin-bottom: 55px;
color: #0f0f3f; }
.popup-author-wrapper .scrollable .text p {
text-indent: 40px;
font-family: Tahoma;
font-size: 1.2rem;
color: #0f0f3f;
line-height: 52px;
margin-bottom: 35px;
text-align: justify; }
@media (max-width: 480px) {
.popup-author-wrapper .scrollable .text p {
line-height: 32px; } }
.popup-author-wrapper .scrollable .coint-description {
color: #0f0f3f;
font-weight: bold;
font-size: 1.8rem;
margin-top: 70px;
margin-bottom: 50px; }
.popup-author-wrapper .scrollable .connected-coin {
width: auto;
height: 300px;
float: left;
/*border: 1px solid red;*/
/*margin: 10px;*/ }
.popup-coin-wrapper.scrollable .down-gradient, .popup-coin-wrapper.scrollable .up-gradient {
width: 1350px; }
.popup-image-wrapper {
height: 100%; }
.ngdialog.full-width .ngdialog-content {
height: 100%;
background: #000; }
.ngdialog.full-width .ngdialog-close {
position: absolute;
top: 15px;
left: 20px;
width: 50px;
height: 40px;
background: url(../IMG/ui/back_white.png) no-repeat center center;
background-size: contain; }
.ngdialog.full-width .ngdialog-close:before {
content: ''; }
.ngdialog.full-width video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0; }
@-moz-document url-prefix() {
.popup-author-wrapper .scrollable {
margin-left: 0px;
margin-right: 0px;
padding-left: 25px;
padding-right: 50px; } }
.home {
max-width: 1350px; }
.home .flex-container :last-child.menu-item {
padding: 0.3rem 0.3rem 0 1.2rem; }
.home .exhibit-title {
padding-top: 70px; }
.home-menu-text {
font-size: 1.4rem; }
@media screen and (max-height: 400px) {
.home-menu-text {
font-size: 1rem; } }
.main-menu-animation.ng-leave-active .exhibit-title h1 {
opacity: 0; }
.main-menu-animation.ng-leave-active .exhibit-title h2 {
opacity: 0; }
.main-menu-animation.ng-leave .exhibit-title h1 {
opacity: 0; }
.main-menu-animation.ng-leave .exhibit-title h2 {
opacity: 0; }
.exhibit-title h1, .exhibit-title h2 {
font-size: 4.125rem;
padding-bottom: 17px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
margin: 15px 0 0 0; }
@media (max-width: 768px) {
.exhibit-title h1, .exhibit-title h2 {
display: block;
margin-top: 0; } }
.two-cols-exhibit-title {
text-transform: uppercase;
font-weight: 700;
position: fixed;
width: 100%; }
@media (max-width: 768px) {
.two-cols-exhibit-title h1, .two-cols-exhibit-title h2 {
display: block; } }
@media screen and (max-height: 400px) {
.two-cols-exhibit-title {
display: none; } }
.from-main-menu.ng-enter .two-cols-exhibit-title {
opacity: 1 !important; }
.from-main-menu.ng-enter .two-cols-exhibit-title h1 {
-webkit-transform: scale(1.56) translateY(120%);
-ms-transform: scale(1.56) translateY(120%);
transform: scale(1.56) translateY(120%); }
.from-main-menu.ng-enter .two-cols-exhibit-title h2 {
-webkit-transform: scale(1.58) translateY(130%);
-ms-transform: scale(1.58) translateY(130%);
transform: scale(1.58) translateY(130%); }
.from-main-menu.ng-enter-active .two-cols-exhibit-title {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out;
opacity: 1 !important; }
.from-main-menu.ng-enter-active .two-cols-exhibit-title h1, .from-main-menu.ng-enter-active .two-cols-exhibit-title h2 {
-webkit-transition: 500ms -webkit-transform ease-in-out;
transition: 500ms -webkit-transform ease-in-out;
-o-transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out;
transition: 500ms transform ease-in-out, 500ms -webkit-transform ease-in-out;
-webkit-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px); }
@media (max-width: 768px) {
.header-logo-wrapper {
display: none; } }
.two-columns {
position: fixed;
top: 80px; }
@media (max-width: 992px) {
.two-columns {
top: 60px; } }
@media (max-width: 400px) {
.two-columns {
top: 60px !important; } }
.two-columns > .right-column {
width: 50%; }
@media screen and (max-height: 400px) {
.two-columns {
top: 0 !important; } }
body .ngdialog.ngdialog-theme-default .ngdialog-content {
width: 80%;
height: 80%; }
body .ngdialog.ngdialog-theme-default.ngdialog-theme-default-text .ngdialog-content {
max-width: 50% !important;
width: auto !important;
height: auto !important;
padding: 25px !important;
left: 0;
top: 30%;
position: relative !important;
border-radius: 4px !important; }
@media (max-width: 768px) {
body .ngdialog.ngdialog-theme-default.ngdialog-theme-default-text .ngdialog-content {
max-width: 100% !important;
width: auto !important;
height: auto !important;
top: 0;
padding: 25% 0 25% 0 !important; } }
body .ngdialog.ngdialog-theme-default.ngdialog-theme-default-text .ngdialog-content .text-popup {
text-align: center;
padding: 0 5px; }
.ngdialog.game-item-popup .ngdialog-close:before {
background: url(../IMG/ui/exit_w.png); }
.ngdialog.game-item-popup .ngdialog-content {
border: 2px solid #c2c7ef !important;
border-radius: 6px !important;
background-color: #344781 !important;
width: 50% !important; }
.ngdialog.game-item-popup .ngdialog-content .bubble-floater-popup {
width: 704px;
height: 825px; }
.ngdialog.game-item-popup .ngdialog-content .bubble-floater-popup .title {
position: relative;
color: white;
text-align: center;
height: 108px;
font-size: 40px; }
.ngdialog.game-item-popup .ngdialog-content .bubble-floater-popup .title .title-content {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 10px;
right: 10px;
top: 50%; }
.ngdialog.game-item-popup .ngdialog-content .bubble-floater-popup .main-image {
width: 100%;
padding: 0 28px; }
.ngdialog.game-item-popup .ngdialog-content .bubble-floater-popup .description {
margin: 0 28px;
background-color: white;
color: #272d5f;
text-align: center;
min-height: 117px;
position: relative;
font-size: 24px; }
.ngdialog.game-item-popup .ngdialog-content .bubble-floater-popup .description .desc-content {
position: absolute;
left: 10px;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: bold; }
.ngdialog.game-item-popup .ngdialog-content .bubble-floater-popup .description .desc-content.sizer {
visibility: hidden;
position: static; }
.ngdialog.game-item-popup .ngdialog-content .bubble-floater-popup .cta {
height: 50px;
line-height: 50px;
color: white;
background-color: #40b263;
text-align: center;
font-size: 26px;
margin: 0 28px; }
.info-post .text-tool-tip {
cursor: pointer; }
.info-post .text-tool-tip span {
text-decoration: underline; }
.info-post .text-tool-tip img {
width: 20px; }
.info-post .text-tool-tip-content {
display: none; }
@media (max-width: 768px) {
.info-post .floatedPicDiv {
text-align: center;
float: none; } }
@media (max-width: 1200px) {
.info-post .floatedPicDiv {
margin: 0;
text-align: center; } }
@media (max-width: 768px) {
.info-post .floatedPic {
width: 50%;
margin: 20px auto; } }
.info-post .text h1.first-line {
display: block; }
.info-post .text h1.second-line {
display: block; }
body {
position: absolute;
overflow: hidden;
width: 100%;
height: 100vh; }