/* I. Plugins
=============================================================== */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
#cookie-bar { position: relative; padding: 15px; width: 100%; background: rgba(255,255,255, 0.75); height: auto; line-height: 1.2px; border-radius: 8px 8px 0 0; color: #011b83; color: var(--color-secondary); text-align: center; }
#cookie-bar:after { content: ''; display: block; clear: both; }
#cookie-bar.fixed { position: fixed; top: 0; right: 0; z-index: 1200 }
#cookie-bar.fixed.bottom { bottom: 0; right: 200px; max-width: 359px; top: auto; }
#cookie-bar p { font-size: 1rem; line-height: 1.5; margin: 0; padding: 0; font-family: 'Phenomena', sans-serif; font-family: var(--font-primary); font-weight: 300; text-align: left;  }
#cookie-bar a { display: inline-block; padding: 0 5px;  text-decoration: none; color: #011b83; color: var(--color-secondary); font-weight: 400; }
#cookie-bar .cb-enable { margin: 0 10px 0 0; padding: 5px 20px; font-size: 14px; line-height: 1.2; background: #00d32e; background: var(--color-primary); border-radius: 15px; color: #fff; cursor: pointer; transition: .3s all; font-weight: 300; display: inline-block; text-decoration: none;}
#cookie-bar .cb-enable:hover { transform: scale(1.1); }
#cookie-bar .cb-disable { background: #afafaf; cursor: pointer;}
#cookie-bar .cb-disable:hover { background: #cbcbcb; background: var(--color-neutral-dk); color: #990000; font-weight: 500 }
#cookie-bar .cb-policy { margin: 0; padding: 5px 20px; font-size: 14px; line-height: 1.2; background: #00d32e; background: var(--color-primary); border-radius: 15px; color: #fff; cursor: pointer; transition: .3s all; font-weight: 300; display: inline-block; text-decoration: none; }
#cookie-bar .cb-policy:hover { background: #011b83; background: var(--color-secondary); }
@media (max-width: 768px) {
	#cookie-bar.fixed.bottom { left: 0; right: auto; }
}
@media (max-width: 479px) {
	#cookie-bar.fixed.bottom { max-width: 100%; left: 0; right: auto; background-color: rgba(255,255,255, 0.9);}
}
/* II. Generic
=============================================================== */
:root {
	--wrapper-width:         1100px;
	--wrapper-gutter:       15px;

	--font-primary:          'Phenomena', sans-serif;
	--font-secondary:        'Montserrat', serif;
	--font-tertiary:        'OpenSans', serif;
	--font-size-base:        16px;
	--font-size-primary: 16px;
	--font-size-primary:     var(--font-size-base);

	--success:               #6cff8f;
	--error:                 #ff5757;
	--info:                  #85bbe7;
	--warning:               #fbd391;

	--color-primary:         #00d32e;
	--color-secondary:       #011b83;
	--color-bg:              #f6c14a;
	--color-green-md:        #00e933;
	--color-blue:            #253f8f;
	--color-pink:            #dc3991;
	--color-neutral-lt:      #f8f8f8;
	--color-neutral-md:      #f2f2f2;
	--color-neutral-dk:      #cbcbcb;
	--color-selected:        #fff;

	--color-titles:          #1c1c1c;
	--color-text:            #1c1c1c;
	--color-text-2: #011b83;
	--color-text-2:          var(--color-secondary);
	--color-text-article: #1c1c1c;
	--color-text-article:    var(--color-text);
	--color-link: #011b83;
	--color-link:            var(--color-text-2);

}
/* ------------------------------------------------------------ *
	#reset
* ------------------------------------------------------------ */
* { margin: 0; padding: 0; outline: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling:touch; }
*::before,
*::after { box-sizing: border-box; }
*::-moz-focus-inner { border: 0; padding: 0; }
*::selection { background-color: #00d32e; background-color: var(--color-primary); color: #fff; }
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background: linear-gradient(rgba(255,255, 255, 0), rgba(255,255, 255, 0)); }
::-webkit-scrollbar-thumb { width: 10px; max-height: 5%; background: #00d32e; background: var(--color-primary);  border-radius: 60px; }
::-webkit-scrollbar-track-piece:start { margin-top: 15px; background: transparent; }
::-webkit-scrollbar-track-piece:end { margin-bottom: 30px; background: transparent; }
html { min-height: 100vh; width: 100%; font-size: 16px; font-size: var(--font-size-base); tap-highlight-color: rgba(0, 0, 0, 0); }
body { overflow-y: auto; min-height: 100vh; width: 100%; font-family: 'Phenomena', sans-serif; font-family: var(--font-primary); font-size: 16px; font-size: var(--font-size-primary); line-height: 1.3; color: #1c1c1c; color: var(--color-text); -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-size-adjust: none; -webkit-text-size-adjust: none; }
body.fancybox-active { overflow-y: scroll; }
a { color: #011b83; color: var(--color-link); text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
ul { list-style: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
article,
aside,
details,
figcaption,
figure,
picture,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: top; transition: all 0.3s; user-select: none; }
table { border-collapse: collapse; border-spacing: 0; }
label:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover { cursor: pointer; }
textarea { overflow: auto; resize: none; overflow-scrolling: touch; }
button,
input,
select,
textarea { font-family: 'Phenomena', sans-serif; font-family: var(--font-primary); transition: all 0.3s; }
small { font-size: 80%; }
sub,
sup { position: relative; /*vertical-align: baseline;*/ font-size: 75%; line-height: 0; }
mark { background-color: transparent; color: #011b83; color: var(--color-secondary); }
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.2; color: #1c1c1c; color: var(--color-titles); font-weight: unset; }
h1 { font-size: 42px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
/* ------------------------------------------------------------ *\
	#fonts
\* ------------------------------------------------------------ */
@font-face {
	font-family: 'Phenomena';
	src: url('../../fonts/Phenomena-Thin.woff2') format('woff2'),
	url('../../fonts/Phenomena-Thin.woff') format('woff'),
	url('../../fonts/Phenomena-Thin.ttf') format('truetype');

	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Phenomena';
	src: url('../../fonts/Phenomena-ExtraLight.woff2') format('woff2'),
	url('../../fonts/Phenomena-ExtraLight.woff') format('woff'),
	url('../../fonts/Phenomena-ExtraLight.ttf') format('truetype');

	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Phenomena';
	src: url('../../fonts/Phenomena-Light.woff2') format('woff2'),
	url('../../fonts/Phenomena-Light.woff') format('woff'),
	url('../../fonts/Phenomena-Light.ttf') format('truetype');

	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Phenomena';
	src: url('../../fonts/Phenomena-Regular.woff2') format('woff2'),
	url('../../fonts/Phenomena-Regular.woff') format('woff'),
	url('../../fonts/Phenomena-Regular.ttf') format('truetype');

	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Phenomena';
	src: url('../../fonts/Phenomena-Bold.woff2') format('woff2'),
	url('../../fonts/Phenomena-Bold.woff') format('woff'),
	url('../../fonts/Phenomena-Bold.ttf') format('truetype');

	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Phenomena';
	src: url('../../fonts/Phenomena-ExtraBold.woff2') format('woff2'),
	url('../../fonts/Phenomena-ExtraBold.woff') format('woff'),
	url('../../fonts/Phenomena-ExtraBold.ttf') format('truetype');

	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Phenomena';
	src: url('../../fonts/Phenomena-Black.woff2') format('woff2'),
	url('../../fonts/Phenomena-Black.woff') format('woff'),
	url('../../fonts/Phenomena-Black.ttf') format('truetype');

	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../../fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../../fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../../fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../../fonts/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../../fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../../fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../../fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../../fonts/OpenSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../../fonts/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../../fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
/* ------------------------------------------------------------ *
	#general
* ------------------------------------------------------------ */
.clearfix::after { content: ' '; display: table; clear: both; }
.error-404 { background: radial-gradient(#fff, #00d32e); background: radial-gradient(#fff, var(--color-primary)); width: 100%; height: 100vh; border-top: 10px solid #011b83; border-top: 10px solid var(--color-secondary); }
.logo { display: block; user-select: none; }
.logo img { max-width: 100%; height: auto; }
.map-embedded { position: relative; padding-bottom: 100%; background-color: #00d32e; background-color: var(--color-primary); }
.map-embedded iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-embedded { position: relative; padding-bottom: 56.23%; background-color: #00d32e; background-color: var(--color-primary); }
.video-embedded iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.date.news-date { display: block; padding-bottom: 15px; font-size: 18px; line-height: 18px; color: #cbcbcb; color: var(--color-neutral-dk); }
.title-default { font-size: 40px; line-height: 1; }
/* z-index hierarchy */
.header,
.footer,
.main,
.accents { position: relative; width: 100%; }
.header { z-index: 10; }
/*.footer { z-index: 30; }
.main { z-index: 20; }*/
.accents { z-index: 10; }
hr { display: block; border: none; width: 100%; height: 1px; margin: 10px 0; background-color: #cbcbcb; background-color: var(--color-neutral-dk); }
.richtext p { margin-bottom: 10px; }
/* ------------------------------------------------------------ *
	#animations
* ------------------------------------------------------------ */
/* ----------------------------------------------
 * Generated by Animista on 2019-12-11 10:11:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@keyframes fade-in {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
		display: block;
	}
}
@keyframes fade-out {
	0% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 0;
		visibility: hidden;
		display: none;
	}
}
@-webkit-keyframes flubber-in {
	0% {
	-webkit-transform: scale3d(0.2, 0.2, 0.2);
			transform: scale3d(0.2, 0.2, 0.2);
	}
	20% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
	30% {
	-webkit-transform: scale3d(1.25, 0.75, 1);
			transform: scale3d(1.25, 0.75, 1);
	}
	40% {
	-webkit-transform: scale3d(0.75, 1.25, 1);
			transform: scale3d(0.75, 1.25, 1);
	}
	50% {
	-webkit-transform: scale3d(1.15, 0.85, 1);
			transform: scale3d(1.15, 0.85, 1);
	}
	65% {
	-webkit-transform: scale3d(0.95, 1.05, 1);
			transform: scale3d(0.95, 1.05, 1);
	}
	75% {
	-webkit-transform: scale3d(1.05, 0.95, 1);
			transform: scale3d(1.05, 0.95, 1);
	}
	100% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
}
@keyframes flubber-in {
	0% {
	-webkit-transform: scale3d(0.2, 0.2, 0.2);
			transform: scale3d(0.2, 0.2, 0.2);
	}
	20% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
	30% {
	-webkit-transform: scale3d(1.25, 0.75, 1);
			transform: scale3d(1.25, 0.75, 1);
	}
	40% {
	-webkit-transform: scale3d(0.75, 1.25, 1);
			transform: scale3d(0.75, 1.25, 1);
	}
	50% {
	-webkit-transform: scale3d(1.15, 0.85, 1);
			transform: scale3d(1.15, 0.85, 1);
	}
	65% {
	-webkit-transform: scale3d(0.95, 1.05, 1);
			transform: scale3d(0.95, 1.05, 1);
	}
	75% {
	-webkit-transform: scale3d(1.05, 0.95, 1);
			transform: scale3d(1.05, 0.95, 1);
	}
	100% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
}
@keyframes jello {
	0% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
	20% {
	-webkit-transform: scale3d(0.9, 1, 0.9);
			transform: scale3d(0.9, 1, 0.9);
	}
	30% {
	-webkit-transform: scale3d(1.15, 0.95, 1);
			transform: scale3d(1.15, 0.95, 1);
	}
	40% {
	-webkit-transform: scale3d(0.75, 1.15, 1);
			transform: scale3d(0.75, 1.15, 1);
	}
	50% {
	-webkit-transform: scale3d(1.15, 0.85, 1);
			transform: scale3d(1.15, 0.85, 1);
	}
	65% {
	-webkit-transform: scale3d(0.95, 1.05, 1);
			transform: scale3d(0.95, 1.05, 1);
	}
	75% {
	-webkit-transform: scale3d(1.05, 0.95, 1);
			transform: scale3d(1.05, 0.95, 1);
	}
	100% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes flubber-out {
	0% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
	20% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
	30% {
	-webkit-transform: scale3d(1.25, 0.75, 1);
			transform: scale3d(1.25, 0.75, 1);
	}
	40% {
	-webkit-transform: scale3d(0.75, 1.25, 1);
			transform: scale3d(0.75, 1.25, 1);
	}
	50% {
	-webkit-transform: scale3d(1.15, 0.85, 1);
			transform: scale3d(1.15, 0.85, 1);
	}
	65% {
	-webkit-transform: scale3d(0.95, 1.05, 1);
			transform: scale3d(0.95, 1.05, 1);
	}
	75% {
	-webkit-transform: scale3d(1.05, 0.95, 1);
			transform: scale3d(1.05, 0.95, 1);
	}
	100% {
	-webkit-transform: scale3d(0.2, 0.2, 0.2);
			transform: scale3d(0.2, 0.2, 0.2);
	}
}
@keyframes flubber-out {
	0% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
	20% {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	}
	30% {
	-webkit-transform: scale3d(1.25, 0.75, 1);
			transform: scale3d(1.25, 0.75, 1);
	}
	40% {
	-webkit-transform: scale3d(0.75, 1.25, 1);
			transform: scale3d(0.75, 1.25, 1);
	}
	50% {
	-webkit-transform: scale3d(1.15, 0.85, 1);
			transform: scale3d(1.15, 0.85, 1);
	}
	65% {
	-webkit-transform: scale3d(0.95, 1.05, 1);
			transform: scale3d(0.95, 1.05, 1);
	}
	75% {
	-webkit-transform: scale3d(1.05, 0.95, 1);
			transform: scale3d(1.05, 0.95, 1);
	}
	100% {
	-webkit-transform: scale3d(0.2, 0.2, 0.2);
			transform: scale3d(0.2, 0.2, 0.2);
	}
}
@keyframes slide-in-left {
	0% {
		left: -100%;
	}
	100% {
		left: 0;
	}
}
@keyframes slide-in-right {
	0% {
		right: -100%;
	}
	100% {
		right: 0;
	}
}
@keyframes glow {
	0% {
		filter: drop-shadow(0px 0px 2.5px #00d32e);
		filter: drop-shadow(0px 0px 2.5px var(--color-primary));
	}
	50% {
		filter: drop-shadow(0px 0px 7.5px #00d32e);
		filter: drop-shadow(0px 0px 7.5px var(--color-primary));
	}
	100% {
		filter: drop-shadow(0px 0px 2.5px #00d32e);
		filter: drop-shadow(0px 0px 2.5px var(--color-primary));
	}
}
/* ------------------------------------------------------------ *
	#messages
* ------------------------------------------------------------ */
.msg { padding: 20px; margin: 5px 0 25px; background-color: #00d32e; background-color: var(--color-primary); background-repeat: no-repeat; background-position: 20px 20px; font-size: 16px; font-size: var(--font-size-primary); line-height: 1.3; color: #fff; }
.msg .title { margin-bottom: 10px; font-size: 18px; font-weight: bold; }
.msg-success,
.msg-error,
.msg-info,
.msg-warning { padding-left: 60px; }
.msg-success { background-color: #6cff8f; background-color: var(--success); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") }
.msg-error { background-color: #ff5757; background-color: var(--error); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") }
.msg-info { background-color: #85bbe7; background-color: var(--info); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") }
.msg-warning { background-color: #fbd391; background-color: var(--warning); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") }
p.msg { padding: 10px; background-image: none; }
/* ------------------------------------------------------------ *\
	#notifications
\* ------------------------------------------------------------ */
.toast-success { background-color: #6cff8f; background-color: var(--success); }
.toast-error { background-color: #ff5757; background-color: var(--error); }
.toast-info { background-color: #85bbe7; background-color: var(--info); }
.toast-warning { background-color: #fbd391; background-color: var(--warning); }
#toast-container > div { box-shadow: none; opacity: 1; }
#toast-container > div:hover { box-shadow: none; opacity: .9; }
.toast-progress { opacity: .6; height: 3px; background-color: #fff; }
/* ------------------------------------------------------------ *
	#grid
* ------------------------------------------------------------ */
.cols::before,
.cols::after { content: ' '; display: table; clear: both; }
.cols,
.col { font-size: 0; line-height: 0; vertical-align: middle; box-sizing: border-box; }
.cols { margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; }
.col { min-height: 10px; display: inline-block;; padding: 0 20px; }
.cols-full { padding-right: 0; padding-left: 0; }
.cols-no-gutter { margin-right: 0; margin-left: 0; }
.cols-no-gutter .col { padding: 0; }
.cols-full.cols-no-gutter { padding-right: 0; padding-left: 0; }
.cols-reverse .col { float: right; }
.col1of12 { width: 8.33333333%; }
.col2of12 { width: 16.66666667%; }
.col3of12 { width: 25%; }
.col4of12 { width: 33.33333333%; }
.col5of12 { width: 41.66666667%; }
.col6of12 { width: 50%; }
.col7of12 { width: 58.33333333%; }
.col8of12 { width: 66.66666667%; }
.col9of12 { width: 75%; }
.col10of12 { width: 83.33333333%; }
.col11of12 { width: 91.66666667%; }
.col12of12 { width: 100%; }
/* III. Regions
=============================================================== */
/* ------------------------------------------------------------ *\
	#containers
\* ------------------------------------------------------------ */
body.in-app .btn-store,
body.in-app #cookie-bar,
body.in-app #forms .external { display: none; }
#js_container { position: relative; z-index: 1; min-height: 100vh; width: 100%; overflow: hidden;  }
.wrapper { width: 1100px; width: var(--wrapper-width); max-width: 100%; margin: 0 auto; padding: 0 15px; padding: 0 var(--wrapper-gutter); z-index: 1; }
.wrapper.relative { position: relative; }
/* ------------------------------------------------------------ *\
	#header
\* ------------------------------------------------------------ */
.header { position: relative; }
.navigation { position: fixed; top: 25px; left: 25px; z-index: 1;  }
.navigation .btn-nav { width: 60px; height: 55px; background: url(../../images/icons/menu_icon.svg) no-repeat; background-size: 100% 100%; }
/* ------------------------------------------------------------ *\
	#footer
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	#main
\* ------------------------------------------------------------ */
main.main { height: 100vh; /*overflow: hidden;*/ background: #f8f8f8; }
main.main.map { /*overflow: auto;*/ scrollbar-width: none; }
main.main.map:-webkit-scrollbar { width: 0px; height: 0px; }
main.select-location .game-guide { width: 420px; height: 45%; left: auto; right: 0; padding: 15px; text-align: right; border-radius: 12px 0 0; }
main.select-location .game-guide .content { width: 100%; text-align: right; font-size: 14px; }
main.select-location .game-guide .text { width: 100%; text-align: left; margin-bottom: 10px; }
main.select-location .game-guide .guide { width: 120px; height: auto; }
.background { position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; }
.background > .layered { background: #0b6ddb; }
.background img { width: 100%; height: 100%; max-height: 100%; object-fit: cover; object-position: bottom; }
.background-landing > img { object-position: 84%; }
.background .listing { background: #f8f8f8; }
.background .listing img { object-position: top; opacity: .3; }
/* IV. Modules
=============================================================== */
/* ------------------------------------------------------------ *\
	#icons
\* ------------------------------------------------------------ */
.icon { display: inline-block; vertical-align: top; max-width: 100%; max-height: 100%; transition: all 0.3s; }
.close { position: absolute; height: 20px; width: 20px; top: 10px; right: 10px; transform: rotate(45deg); cursor: pointer; z-index: 2; }
.close:before,
.close:after { position: absolute; content: ''; position: absolute; left: 0; top: 0; background: #7d7d7d; }
.close:before { left: 50%; width: 2px; height: 100%; transform: translateX(-50%); }
.close:after { top: 50%; width: 100%; height: 2px; transform: translateY(-50%); }
.back { display: none; position: absolute; top: 10px; right: 40px; font-weight: 700; font-size: 18px; line-height: 1; cursor: pointer; z-index: 2; }
.back[data-estate-id] { display: block; }
/* ------------------------------------------------------------ *\
	#helpers
\* ------------------------------------------------------------ */
.w75 { width: 75%; }
.w50 { width: 50%; }
.w25 { width: 25%; }
.w15 { width: 15%; }
.px-0 { padding-left: 0; padding-right: 0; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.mx-auto { margin: 0 auto; }
.input-hidden,
.input-hidden:focus,
.input-hidden:active,
.input-hidden:hover { position: absolute; left: -9999px; height: 0; width: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; opacity: 0; border: none; outline: none; box-shadow: none; }
.scrollbar { scrollbar-width: none; }
.scrollbar::-webkit-scrollbar { width: 5px; }
.scrollbar::-webkit-scrollbar-track { background: none; }
.scrollbar::-webkit-scrollbar-thumb { background: #898989; border-radius: 60px; }
.scrollbar::-webkit-scrollbar-track-piece:start { background: transparent; margin-top: 15px; }
.scrollbar::-webkit-scrollbar-track-piece:end { background: transparent; margin-bottom: 15px; }
/* ------------------------------------------------------------ *\
	#btns
\* ------------------------------------------------------------ */
.btns { font-size: 0; line-height: 0; text-align: center; }
.btns-login { margin-bottom: 30px; }
.btns-store { position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; }
.btns-store img { width: 150px; height: 55px; }
.btns-store .project-info { max-width: 45%; margin: 0 auto; padding-top: 10px; position: relative; font-size: 1rem; line-height: 1; color: #ffffff; z-index: 10;  }
.btns-properties { padding: 0 30px; text-align: right; }
.btns-stats { text-align: right; }
.btns-stats .btn-primary,
.btns-properties .btn-primary { padding: 7.5px 20px; line-height: 1.2; font-weight: 400; }
.btn { position: relative; display: inline-block; vertical-align: top; max-width: 100%; border: 0; text-align: center; font-weight: 700; font-size: 1rem; line-height: 1.2; font-family: 'Phenomena', sans-serif; font-family: var(--font-primary);color: #fff; cursor: pointer; appearance: none; transition: all 0.4s ease-in-out; box-sizing: border-box; user-select: none; }
.btn:hover { text-decoration: none; }
.btn-primary { display: inline-block; min-width: 100px; padding: 10px 30px; font-size: 1rem; line-height: 1.5; background: #00d32e; background: var(--color-primary); border-radius: 16px; box-shadow: 0 0 5px #00d32e; box-shadow: 0 0 5px var(--color-primary); color: #fff; user-select: none; cursor: pointer; text-align: center; }
.btn-primary:hover { box-shadow: 0 0 8px #00d32e; box-shadow: 0 0 8px var(--color-primary); }
.btn-secondary { min-width: 100px; padding: 5px 30px; font-size: 1rem; line-height: 1.5; background: #011b83; background: var(--color-secondary); border: 2px solid #00d32e; border: 2px solid var(--color-primary); border-radius: 16px; box-shadow: 0 0 0px #011b83; box-shadow: 0 0 0px var(--color-secondary); }
.btn-secondary:hover { box-shadow: 0 0 8px #00d32e; box-shadow: 0 0 8px var(--color-primary); }
.btn-gloss { min-width: 100px; background: url(../../images/buttons/btn_gloss.png) no-repeat; background-size: 100% 100%; }
.btn-gloss:hover { animation: jello .6s; }
.btn-store { margin: 0 10px; }
.landing .btn-gloss { font-size: 2.125rem; line-height: 1.35; padding: 15px 65px; text-transform: uppercase; transition: .3s all; }
.landing .btn-gloss.hidden { max-height: 0; padding: 0; opacity: 0; transform: translateY(-60%); }
.form-login .btn-gloss,
.form-password .btn-gloss { font-size: 1.56rem; line-height: 1.4; color: #fff; text-transform: none; }
.form-registration .btn-gloss { padding: 10px 35px; margin-right: 10px; font-size: 1.26rem; line-height: 1.4; color: #fff; text-transform: none; }
.form-registration .btn-gloss:last-child { margin-right: 0; }
.ui-list-tab-content .btns { padding-top: 15px; }
.ui-list-tab-content .btn-primary { border-radius: 20px; padding: 10px 45px; font-size: 18px; line-height: 1.5; }
.pad-repair .btns,
.pad-extras .btns { text-align: right; }
.pad-insurance .btns { text-align: justify; }
.pad-insurance .btns:after { content: ''; width: 100%; display: inline-block; }
.pad-extras .btn-primary,
.pad-repair .btn-primary,
.pad-insurance .btn-primary,
.pad-advertising .btn-primary { float: right; margin-right: 10px; padding: 5px 30px; font-weight: 400; }
.pad-extras .btn-primary[data-action="sell"] { display: none; }
.pad-extras.active .btn-primary[data-action="buy"] { display: none; }
.pad-extras.active .btn-primary[data-action="sell"] { display: block; }
/* ------------------------------------------------------------ *\
	#socials
\* ------------------------------------------------------------ */
.socials { font-size: 0; line-height: 0; }
.external { text-align: center; }
.external .links { list-style: none; font-size: 0; line-height: 0; text-align: center; }
.external .links li { display: inline-block; margin: 0 10px; }
.external .links img { height: 55px; width: 55px; transition: .4s all; }
.external .links li:hover img { transform: scale3D(1.1, 1.1, 1.1); }
/* ------------------------------------------------------------ *\
	#tables
\* ------------------------------------------------------------ */
.table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.table-wrap { overflow: auto; min-width: 600px; }
.table-basic { width: 100%; font-size: 2.3rem; line-height: 2.5rem; }
.table-basic th,
.table-basic td { border-width: 0 1px 1px; border-style: solid; border-color: #cbcbcb; border-color: var(--color-neutral-dk); padding: 5px; text-align: center; font-weight: normal; }
.table-basic th:first-child,
.table-basic td:first-child { border-left-color: transparent; }
.table-basic th:last-child,
.table-basic td:last-child { border-right-color: transparent; }
.table-grid,
.table-grid thead,
.table-grid tbody,
.table-grid tr,
.table-grid th,
.table-grid td { box-sizing: border-box; }
.table-grid th,
.table-grid td { vertical-align: top; }
/* ------------------------------------------------------------ *\
	#navigation
\* ------------------------------------------------------------ */
nav a { transition: all 0.3s; }
nav a:hover { text-decoration: none; }
nav ul { list-style: none; font-size: 0; line-height: 0; }
.nav-primary { position: absolute; top: 120%; left: 10px; opacity: 0; display: none; }
.nav-primary.active { display: block; opacity: 1; animation: fade-in .4s; }
.nav-primary a { display: block; }
.nav-primary .level-1 { white-space: nowrap; text-transform: uppercase; }
.nav-primary .level-1 > li { display: block; position: relative; }
.nav-primary .level-1 > li > a { padding: 10px 20px; background: #fff; border-top: 1px solid #011b83; border-top: 1px solid var(--color-secondary); font-family: 'Phenomena', sans-serif; font-family: var(--font-primary); font-size: 1.125rem; line-height: 1.2; color: #4a4a4a; user-select: none; opacity: 0.85; transition: .4s all; }
.nav-primary .level-1 > li:first-child > a { border-top: 0; }
.nav-primary .level-1 > .selected > a,
.nav-primary .level-1 > li:hover > a { color: #011b83; color: var(--color-secondary); opacity: 1; }
.nav-left { position: fixed; top: 50%; left: 0; transform: translateY(-50%); animation: slide-in-left 1s; }
.nav-right { position: fixed; top: 50%; right: 0; transform: translateY(-50%); animation: slide-in-right 1s; }
.dashboard-nav { padding: 0 30px; }
.dashboard-nav li { margin-bottom: 40px; text-align: center; cursor: pointer; }
.dashboard-nav li:hover .picture > img { filter: drop-shadow(2px 2px 10px #011b83); filter: drop-shadow(2px 2px 10px var(--color-secondary)); }
.dashboard-nav .ribbon { display: block; font-size: 20px; padding: 0 40px; }
.dashboard-nav .picture { display: block; position: relative; margin: 0 auto; text-align: center; }
.dashboard-nav .picture:before,
.dashboard-nav .picture:after { content: ''; position: absolute; top: -15px; left: 50%; width: 140px; height: 140px; display: block; border-radius: 50%; background: #f2f2f2; transform: translateX(-50%); z-index: -1; transition: .4s all; }
.dashboard-nav .picture:before { background: linear-gradient(90deg, #dadada, #fff); }
.dashboard-nav .picture:after { width: 120px; height: 120px; top: -5px; /*left: 5px;*/ background: linear-gradient(45deg, #fff, #dadada); }
.dashboard-nav .picture > img { position: relative; max-width: 75px; max-height: 85px; object-fit: cover; object-position: top; filter: drop-shadow(2px 2px 4px #4a4a4a); transition: .3s all; }
#mute { position: fixed; left: 15px; bottom: 15px; width: 25px; height: 25px; z-index: 105; }
#mute path { pointer-events: none; }
#mute[data-muted="false"] { fill: #ffffff; }
#mute[data-muted="false"] .muted { display: none; }
#mute[data-muted="true"] { fill: #d12525; }
#mute[data-muted="true"] .muted { display: block; }
#mute[data-muted="true"] .wave { display: none; }
/* ------------------------------------------------------------ *\
	#forms
\* ------------------------------------------------------------ */
/* form elements */
legend { display: table; float: left; margin: 0; padding: 0; width: 100%; }
legend + * { clear: both; }
fieldset { border: 0; padding: 0.01em 0 0 0; min-width: 0; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { background: none; border: none; -webkit-text-fill-color: #000; -webkit-box-shadow: none; transition: background-color 5000s ease-in-out 0s; }
fieldset,
legend,
.field input,
.field select,
.field textarea { appearance: none; box-sizing: border-box; }
.field select::-ms-expand { display: none; }
.field [type="search"]::-webkit-search-cancel-button,
.field [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.field ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
.field input,
.field select,
.field textarea { display: block; width: 100%; font-size: 1rem; line-height: 1.2; padding: 10px 10px; appearance:none; -webkit-appearance:none; -moz-appearance: none; outline: none; border: none; border-radius: 10px; background: rgba(215, 215, 215, 0.74902); }
.field select,
.field input::-webkit-input-placeholder,
.field textarea::-webkit-input-placeholder,
.field input::placeholder,
.field textarea::placeholder { color: #011b83; color: var(--color-secondary); }
.field select option { color: #000; }
.choose > .error,
.field > .error { display: none; }
.choose.error > .error,
.field.error > .error { display: block; /*opacity: 0; visibility: hidden; */ color: #ff5757; color: var(--error); font-size: 0.85rem; line-height: 1; }
.field textarea { height: 160px; background-color: #f8f8f8; background-color: var(--color-neutral-lt); }
.field select[disabled],
.field textarea[disabled],
.field input[disabled],
.field input[disabled] { background-color: #cbcbcb; background-color: var(--color-neutral-dk); }
.choose { line-height: 1; }
.choose::after { content: ' '; display: block; clear: both; }
.choose:last-child { padding-bottom: 0; }
.radio > input,
.check > input { float: left; width: 20px; height: 20px; opacity: 0; }
.radio > label,
.check > label { display: inline-block; width: calc(100% - 30px); padding-left: 10px; font-size: 1rem; line-height: 1.2; color: #555; user-select: none; }
.radio > label > a,
.check > label > a { font-size: 1em; line-height: 1.2; color: #011b83; color: var(--color-secondary); cursor: pointer; text-decoration: none; }
.radio > label::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: #fff; transition: all 0.3s; pointer-events: none; border: 1px solid #464646; border-radius: 50%; }
.check > label::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: url(../../images/checkbox_unchecked.svg) no-repeat; transition: all 0.3s; pointer-events: none; }
.radio > label::after { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: #00d32e; background: var(--color-primary); transition: all 0.3s; opacity: 0; visibility: hidden; pointer-events: none; border-radius: 50%; }
.check > label::after { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(../../images/checkbox_checked.svg) no-repeat; transition: all 0.3s; opacity: 0; visibility: hidden; pointer-events: none; }
.radio > input:focus + label::before,
.check > input:focus + label::before { }
.radio > input:checked + label::before,
.check > input:checked + label::before { opacity: 0; visibility: hidden; }
.radio > input:checked + label::after,
.check > input:checked + label::after { opacity: 1; visibility: visible; }
.gender-selection { position: absolute; padding-right: 5px; top: 15px; left: 0; z-index: 1; overflow: hidden; }
.choose-tab > input { opacity: 0; visibility: hidden; height: 0; width: 0; display: block; }
.choose-tab > label { position: relative; display: block; padding: 10px 20px; margin: 5px 0; text-align: center; font-size: 1rem; line-height: 1.2; font-family: 'Phenomena', sans-serif; font-family: var(--font-primary); vertical-align: middle; cursor: pointer; user-select: none; border-radius: 0 12px 12px 0; background: #fff; box-shadow: 0 0 3px #dadada; transition: .3s all; }
.choose-tab.male > input + label { color: #253f8f; color: var(--color-blue); }
.choose-tab.female > input + label { color: #dc3991; color: var(--color-pink); }
.choose-tab > label:before { content: ''; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; border-radius: inherit; transition: .3s all; z-index: -1; }
.choose-tab.male > input + label:before { box-shadow: 0 0 5px #253f8f; box-shadow: 0 0 5px var(--color-blue); }
.choose-tab.female > input + label:before { box-shadow: 0 0 5px #dc3991; box-shadow: 0 0 5px var(--color-pink); }
.choose-tab .icon-svg { margin-left: 5px; width: 12px; height: 15px; display: inline-block; vertical-align: middle; }
.choose-tab.male .icon-svg { fill: #253f8f; fill: var(--color-blue); }
.choose-tab.female .icon-svg { fill: #dc3991; fill: var(--color-pink); }
.choose-tab > input:checked + label:before { opacity: 1; }
.field-select > select:after { content: ''; display: block; position: absolute; height: 12px; width: 20px; right: 15px; top: 50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M10 11.7c-.4 0-.7-.1-1-.4L.4 2.7c-.5-.5-.5-1.4 0-2 .5-.5 1.4-.5 2 0L10 8.3 17.6.7c.5-.5 1.4-.5 2 0 .5.5.5 1.4 0 2L11 11.3c-.3.3-.6.4-1 .4z' fill='%23293079'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%; transform: translateY(-50%); }
/* form errors and messages */
.choose,
.field { position: relative; margin-bottom: 15px; }
.choose.error,
.field.error { margin-bottom: 10px; }
.choose.error > .error,
.field.error > .error { padding-left: 10px; opacity: 1; visibility: visible; }
.field.error > textarea,
.field.error > select,
.field.error > input { position: relative; border-bottom-color: #ff5757; border-bottom-color: var(--error); color: #ff5757; color: var(--error); }
.field.error::after { content: ''; position: absolute; top: 50%; left: 7px; font-size: 2rem; color: #ff5757; color: var(--error); font-weight: bold; transform: translateY(-50%); }
.choose.error > label { color: #ff5757; color: var(--error); }
.field.success > textarea,
.field.success > select,
.field.success > input { position: relative; border-bottom-color: #6cff8f; border-bottom-color: var(--success); color: #6cff8f; color: var(--success); }
.field.success::after { content: '✓'; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: 2px; color: #6cff8f; color: var(--success); transform: translateY(-50%); text-align: center; }
.choose.success > label { color: #6cff8f; color: var(--success); }
.form-msg { padding: 10px 0; font-size: 1.4rem; line-height: 2rem; color: #1c1c1c; color: var(--color-text); }
.form-msg.error { color: #ff5757; color: var(--error); }
.form-msg.success { color: #6cff8f; color: var(--success); }
/* form types */
.form .form-title { margin-bottom: 20px; text-align: center; }
.form .col .btn { display: block; min-width: 0; width: 100%; }
.form .label,
.form .form-label { display: block; font-size: 1rem; line-height: 1.2; }
.form .form-label.required::after { content: '*'; }
.form hr { display: block; border: 0; height: 1px; margin: 15px 0; background-color: #cbcbcb; background-color: var(--color-neutral-dk); }
.form .form-row { padding-bottom: 5px; overflow: hidden; }
.form .form-row + hr { margin-top: 0; }
.form .captcha { position: relative; max-width: 100%; width: 304px; height: 78px; }
.form .btn-inline { margin-top: 3rem; }
.form .form-highlight,
.form .form-note { margin-bottom: 15px; font-size: 16px; font-size: var(--font-size-primary); line-height: 2rem; color: #1c1c1c; color: var(--color-text); }
.form .form-highlight { color: #7accc8; }
.form .form-title + .form-note,
.form .form-title + .form-highlight { margin-top: -15px; }
.form .form-group { padding: 20px 0; }
.form-login { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; padding: 50px 100px; border-radius: 10px; overflow: hidden; pointer-events: none; transition: .4s all; }
.form-password { position: absolute; top: 0; left: 0; width: 100%; padding: 50px 100px; border-radius: 10px; overflow: hidden; }
.form-dashboard { display: none; position: fixed; top: 50%; left: 50%; min-width: 300px; width: 400px; max-width: 480px; padding: 20px 50px 20px; border-radius: 10px; overflow: hidden; transition: .4s all; transform: translate(-50%, -50%); color: #011b83; color: var(--color-secondary); animation: fade-in 1s; animation-fill-mode: forwards; }
.form-registration { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; padding: 40px 100px 20px; border-radius: 10px; overflow: hidden; pointer-events: none; transition: .4s all; }
.form-dashboard.active { display: block; }
.form-password.active,
.form-registration.active,
.form-login.active { opacity: 1; pointer-events: auto; }
.form-password:before,
.form-login:before,
.form-dashboard:before,
.form-registration:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #fff; opacity: 0.9; }
.form-password .form-title,
.form-login .form-title { padding: 30px 0; font-size: 2.25rem; line-height: 1.5; text-align: center; color: #011b83; color: var(--color-text-2); font-weight: 700; }
.form-dashboard .form-title,
.form-registration .form-title { padding: 0 0 15px; font-size: 2.25rem; line-height: 1.5; text-align: center; color: #011b83; color: var(--color-text-2); font-weight: 700; }
.form-login .form-row { margin-bottom: 10px; }
.form-login .form-links { text-decoration: none; font-family: 'Phenomena', sans-serif; font-family: var(--font-primary); font-weight: 400; cursor: pointer; color: #011b83; color: var(--color-text-2); }
.form-login .form-links > * { float: right; transition: .2s all; }
.form-login .form-links > *:hover { text-decoration: none; letter-spacing: 1px; font-weight: 700; }
.form-login .form-links > *:first-child { color: #00d32e; color: var(--color-primary); font-size: 1.1em; float: left; }
.form-login .check > label { color: #011b83; color: var(--color-text-2); }
.form-password .description { margin-bottom: 50px; }
.form-estates { overflow: visible; }
.form-estates input[type='radio']:checked + .box-list-selection.estate:before { opacity: 1; }
.form-extras input[type='checkbox']:checked + .box-list-selection.extra:before { opacity: 1; }
.form-hotel-name { padding: 25px; background: linear-gradient(90deg, #eff8fc 70%, #fff); border-radius: 14px; }
.form-hotel-name .form-row { margin: 0 auto; width: 75%; text-align: center; }
.form-hotel-name .field { text-align: left; }
.form-hotel-name label { display: block; margin-bottom: 20px; text-align: center; font-size: 36px; line-height: 1.5; font-weight: 700; }
.form-hotel-name input { display: block; padding: 15px 20px; font-size: 1.2rem; line-height: 1.5; background: #c4e4eb; box-shadow: inset 0 0 10px #bfbfbf; }
/* ------------------------------------------------------------ *\
	#boxes
\* ------------------------------------------------------------ */
.boxes { font-size: 0; line-height: 0; display: block; }
.box { position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; transition: all 0.3s; }
.boxes-pads { padding: 0 40px; border: solid transparent; border-top-width: 30px; border-bottom-width: 30px; border-left: 0; border-right: 0; }
.boxes-list-selection { position: relative; margin: 0 auto; padding: 0 40px; overflow: auto; border: solid transparent; border-radius: 12px; border-top-width: 30px; border-bottom-width: 30px; border-left: 0; border-right: 0; height: 700px; background: #f1f1f1; overflow: auto; }
.boxes-estates { overflow: visible; }
.boxes-list-selection { scrollbar-width: none; }
.boxes-list-selection::-webkit-scrollbar { width: 5px; }
.boxes-list-selection::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 6px rgba(255,255,255,1); background: none; }
.boxes-list-selection::-webkit-scrollbar-thumb { background: #898989; border-radius: 60px; }
.boxes-list-selection::-webkit-scrollbar-track-piece:start { background: transparent; margin-top: 15px; }
.boxes-list-selection::-webkit-scrollbar-track-piece:end { background: transparent; margin-bottom: 15px; }
.box-list-selection { position: relative; padding: 15px; margin: 10px 19px; height: 300px; width: 290px; border-radius: 16px; }
.box-list-selection.estate { background: url(../../images/estates/estate_background.svg) no-repeat; background-size: cover; }
.box-list-selection.estate:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; box-shadow: 0 0 15px #00e933; box-shadow: 0 0 15px var(--color-green-md); transition: .4s all; border-radius: inherit; }
.box-list-selection.extra { border: 1px solid #e9e9e9; background: linear-gradient(0, #eff8fc 75%, #fff); }
.box-list-selection.extra:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; box-shadow: 0 0 15px #00e933; box-shadow: 0 0 15px var(--color-green-md); transition: .4s all; border-radius: inherit; }
.box-list-selection.extra.active:before { opacity: 1; }
.box-list-selection .picture { text-align: center; }
.box-list-selection .picture > img { max-width: 200px; max-height: 135px; object-position: bottom; }
.box-list-selection .price { position: absolute; top: 10px; right: 15px; font-weight: 600; }
.box-list-selection.estate .price { top: 10px; left: 15px; right: auto; }
.box-list-selection.estate .info-tooltip { top: 10px; right: 15px; }
.box-list-selection .content { display: block; margin-top: -30px; padding-top: 35px; height: 160px; background: #fff; border-radius: inherit; font-size: 1rem; line-height: 1.2; text-align: center; }
.box-list-selection .content .title { font-size: 24px; line-height: 1.2; margin-bottom: 5px; font-weight: 700; }
.box-list-selection .content .short-description { max-height: 2.4em; overflow: hidden; margin-bottom: 10px; }
.box-list-selection .btn-primary { padding: 5px 15px; }
.boxes-properties { min-height: 620px; }
.boxes-pictures { padding: 0 35px; margin-bottom: 15px; text-align: left; }
.box-picture { width: calc((100%/3) - 10px); height: 70px; margin: 5px; overflow: hidden; background: #fff; text-align: center; border-radius: 14px; box-shadow: 0 4px 5px #bebebe; }
.box-picture img { width: 70px; height: 75px; object-fit: cover; object-position: top; }
.box-properties { position: relative; opacity: 0; width: calc((100%/3) - 10px); height: 300px; margin: 5px; padding: 15px 20px; background: #f2f4f5; border-radius: 14px; animation: fade-in 1.5s; animation-fill-mode: forwards; text-align: left; }
.local-estates { font-size: 16px; line-height: 1.2; font-weight: 400; }
.box-properties:nth-child(2) { animation-delay: .2s; }
.box-properties:nth-child(3) { animation-delay: .4s; }
.box-properties:nth-child(4) { animation-delay: .6s; }
.box-properties:nth-child(5) { animation-delay: .4s; }
.box-properties:nth-child(6) { animation-delay: .2s; }
.box-properties.estate { padding: 10px 20px 0; }
.box-properties .chart { /*padding: 30px 20px 30px 0;*/ width: 100%; height: 160px; }
.box-properties > .title { margin-bottom: 10px; font-size: 24px; line-height: 1.2; text-align: center; font-weight: 700; }
.room-properties { padding: 0 30px; margin-bottom: 15px; }
.room-properties li {  }
.room-properties .title { margin-bottom: 5px; padding: 0 25px; font-size: 1rem; line-height: 1.35; font-weight: 700; }
.room-properties .stats { background: #fff; padding: 5px 20px; border-radius: 10px; }
.room-properties .stats .price { display: inline-block; padding: 0; box-shadow: none; font-size: 18px; line-height: 1.2; }
.room-properties .stats .price:before { height: 1.2em; width: 1.2em; }
.room-properties .active-rooms,
.room-properties .deprecation { display: inline-block; width: 25%; font-size: 1rem; line-height: 1.2; vertical-align: middle; text-align: center; font-weight: 700; }
.room-properties .ui-scale { display: inline-block; width: 75%; vertical-align: middle; }
.room-properties .stats-price { text-align: justify; }
.room-properties .stats-price .change { font-size: 1.2rem; line-height: 1.2; color: #011b83; color: var(--color-secondary); cursor: pointer; user-select: none; }
.room-properties .stats-price .stats { font-size: 0; line-height: 0; }
.room-properties .stats-price .stats:after { content: '';  display: inline-block; width: 100%; }
.financial-status li { padding: 0 30px 15px; font-size: 0; line-height: 0; text-align: justify; }
.financial-status li:after { content:''; display: inline-block; width: 100%; }
.financial-status .label { display: inline-block; font-size: 1.125rem; font-weight: 700; }
.financial-status .price { display: inline-block; font-size: 1rem; padding: 7.5px 25px; border: 1px solid #00d32e; border: 1px solid var(--color-primary); }
/* ------------------------------------------------------------ *\
	#pads
\* ------------------------------------------------------------ */
.pads { padding: 0 40px; height: 700px; font-size: 0; line-height: 0; background: #f2f2f2; background: var(--color-neutral-md); text-align: left; border-top: 55px solid #f2f2f2; border-top: 55px solid var(--color-neutral-md); border-bottom: 55px solid #f2f2f2; border-bottom: 55px solid var(--color-neutral-md); overflow: auto; }
.pad { display: inline-block; height: 265px; padding: 15px 15px 0; text-align: left; }
.pad:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; box-shadow: 0 0 15px #00e933; box-shadow: 0 0 15px var(--color-green-md); transition: .4s all; border-radius: inherit; pointer-events: none; }
.pad.active:before { opacity: 1; }
.pads {  }
/*.pad-extras,
.pad-insurance,
.pad-repair,*/
.pad { position: relative; margin: 15px; width: 480px; max-height: 310px; background: #fff; border-radius: 14px; }
.pad-extras,
.pad-insurance,
.pad-repair { margin: 15px; width: 475px; }
.pad-repair:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; }
.pad-repair.active:after { content: none; }
.pad .row-information { margin-bottom: 10px; }
/*.pad-insurance .description,
.pad-repair .description,*/
.pad .description { height: 150px; margin-bottom: 10px; overflow: hidden; line-height: 1.2; }
.pad-advertising .description { height: 70px; overflow: hidden; }
/*.pad-insurance .row-information .pad-information,
.pad-repair .row-information .pad-information,
.pad-advertising .row-information .pad-information,*/
.row-information .pad-information { display: inline-block; width: calc(100% - 170px); vertical-align: top; font-size: 1.1rem; line-height: 1.05; }
/*.pad-insurance .row-information .pad-information,
.pad-repair .row-information .pad-information,*/
.row-information .pad-information {  }
/*.pad-insurance .row-information .pad-information .title,
.pad-repair .row-information .pad-information .title,
.pad-advertising .row-information .pad-information .title,*/
.row-information .pad-information .title { font-size: 1.125em; line-height: 1; margin-bottom: 10px; font-weight: 700; }
/*.pad-insurance .picture,
.pad-repair .picture,
.pad-advertising .picture,*/
.pad .picture { display: inline-block; margin-right: 20px; padding: 15px; border: 1px solid #000; border-radius: 14px; background: #e4f8f7; vertical-align: top; }
/*.pad-insurance .picture img,
.pad-repair .picture img,
.pad-advertising .picture img,*/
.pad .picture img { max-height: 110px; margin-bottom: 10px; }
/*.pad-insurance .price,
.pad-repair .price,
.pad-advertising .price,*/
.pad .price { display: block; box-shadow: none; border: 1px solid #00e933; border: 1px solid var(--color-green-md); font-weight: 600; }
.pad-extras .price.refund { display: none; }
.pad-extras.active .price.refund { display: block; }
.pad-extras.active .price.initial { display: none; }
.pad-advertising .choices { display: block; /*margin-bottom: 10px;*/ font-size: 0; line-height: 0; }
.pad-advertising .choices p { padding: 20px 0; font-size: 1.125rem; line-height: 1.2; font-weight: 700; }
.pad-advertising .choices .choose { display: inline-block; padding-bottom: 0; margin-bottom: 0; vertical-align: top; width: 33.33333332%; }
.pad-insurance .timer,
.pad-advertising .timer { float: left; }
.pad-repair .rooms { display: inline-block; float: left; }
.pad-extras .support { float: left; }
.pad-extras .support .price { margin-left: 10px; display: inline-block; border: none; background: #f2f2f2; }
/* ------------------------------------------------------------ *\
	#blocks
\* ------------------------------------------------------------ */
.landing { width: 50%; height: 100vh; margin: 0 auto; padding-top: 150px; transition: padding 1s; }
.landing .content { position: relative; }
.landing.login { position: relative; width: 50%; margin: 0 auto; padding-top: 25px; }
.landing.login .content { margin-top: -100px; }
.landing.login .logo > img { width: 400px; }
.landing .forms-wrapper { position: relative; opacity: 0; transition: 1s all; }
.landing.login .forms-wrapper.active { opacity: 1; }
.landing.login .project-info { max-width: 90%; }
.information { position: fixed; opacity: 0; top: 50%; left: 50%; padding: 50px 35px; overflow: auto; border-radius: 14px; overflow: hidden; pointer-events: none; transition: .4s all;transform: translate(-50%, -50%); z-index: 105; }
.information.active { opacity: 1; pointer-events: auto; }
.information:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #fff; opacity: 0.9; }
.information .richtext { max-height: 510px; overflow: auto; }
.information .richtext { scrollbar-width: none; }
.information .richtext::-webkit-scrollbar { width: 13px; }
.information .richtext::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 6px rgba(255,255,255,1); background: linear-gradient( to right, transparent 49.5% , #898989 50% , transparent 50.5%); }
.information .richtext::-webkit-scrollbar-thumb { background: #898989; border-radius: 60px; }
.information .richtext::-webkit-scrollbar-track-piece:start { background: transparent; margin-top: 15px; }
.information .richtext::-webkit-scrollbar-track-piece:end { background: transparent; margin-bottom: 15px; }
.information .title { margin-bottom: 15px; font-size: 2.25rem; line-height: 1.5; text-align: center; color: #011b83; color: var(--color-text-2); font-weight: 700;}
.landing .information { position: absolute; top: 0; left: 0; transform: none; z-index: unset; }
.b-hotel-name { position: relative; top: 30px; width: 75%; margin: 0 auto; padding: 0 15px; }
.b-hotel-name img { filter: drop-shadow(0px -4px 4px #4a4a4a); }
.b-hotel-name .form-wrapper { position: absolute; top: 50%; left: 15px; right: 15px; padding: 25px; border-radius: 14px; background: #B3E1E7; box-shadow: 0px 5px 5px #4a4a4a; }
/* ------------------------------------------------------------ *\
	#decorations
\* ------------------------------------------------------------ */
.brand { position: fixed; left: 5%; bottom: 0; max-height: 300px; width: 275px; object-fit: cover; object-position: top; }
.brand .brand-logo{ position: absolute; top: 55px; margin: 0 auto; display: block; }
.landing .logo { position: relative; text-align: center; position: relative; margin-bottom: 30px; pointer-events: none; z-index: 1; }
.landing .logo > img { animation: flubber-in 0.9s both; transition: 1s all; }
.interreg { position: fixed; bottom: 0; left: 5%; max-height: 325px; object-fit: cover; object-position: top; z-index: 1; }
.interreg-mobile { display: none; position: fixed; padding: 5px 10px; border-radius: 12px; background: rgba(255,255,255, 0.75); top: 10px; right: 10px; width: 85px; height: 34px; z-index: 1;  }
.animator { position: absolute; bottom: -5%; right: 2.5%; max-height: 800px; max-width: 280px; object-fit: cover; object-position: top; }
.bgguide-logo { position: fixed; bottom: 0; right: 0; width: 150px;  z-index: 1; opacity: 0.90; background-color: #ffffff; border-radius: 4px ;}
.ribbon { position: relative; display: inline-block; padding: 0 30px; background: #011b83; background: var(--color-secondary); font-size: 24px; line-height: 2; color: #fff; z-index: 1; }
.ribbon:before,
.ribbon:after { content: ""; position: absolute; display: block; top: 0; border: 1em solid #011b83; border: 1em solid var(--color-secondary); z-index: -1; }
.ribbon:before { left: -1em; border-right-width: 1em; border-left-color: transparent; }
.ribbon:after { right: -1em; border-left-width: 1em; border-right-color: transparent; }
.ribbon-extended { position: relative; background: #4ca9b3; }
.ribbon-extended:before,
.ribbon-extended:after { content: ""; position: absolute; display: block; top: -0.8em; border: 0.8em solid #4ca9b3; z-index: -1; }
.ribbon-extended:before { left: -1.6em; border-right-width: 1.6em; border-left-color: transparent; }
.ribbon-extended:after { right: -1.6em; border-left-width: 1.6em; border-right-color: transparent; }
.ribbon-extended .ribbon-content { padding: 0 30px; line-height: 1.6; font-weight: 700; color: #fff; }
.ribbon-extended .ribbon-content:before,
.ribbon-extended .ribbon-content:after { content: ""; position: absolute; display: block; border-style: solid; border-color: transparent transparent transparent #3c8890; top: -0.8em; }
.ribbon-extended .ribbon-content:before { right: 0; border-width: 0.8em 0em 0em 0.8em; border-color: transparent transparent transparent #3c8890; }
.ribbon-extended .ribbon-content:after { left: 0; border-width: 0.8em 0.8em 0em 0em; border-color: transparent #3c8890 transparent transparent ; }
/* ------------------------------------------------------------ *\
	#components
\* ------------------------------------------------------------ */
/*price cost element*/
.price { display: inline-block; padding: 7.5px 15px; border-radius: 10px; background: #fff; box-shadow: 2px -2px 5px #ebebeb; font-size: 12px; line-height: 15px; font-family: 'Montserrat', serif; font-family: var(--font-secondary); font-weight: 500; text-align: center; user-select: none; }
.price:before { content: ''; display: inline-block; margin-right: 10px; width: 15px; height: 15px; background: url(../../images/textures/coin.svg) no-repeat; vertical-align: middle; }
/*funds element*/
.funds { position: fixed; top: 30px; right: 30px; display: inline-block; padding: 2.5px 25px; border-radius: 10px; background: #011b83; background: var(--color-secondary); color: #fff; font-size: 20px; line-height: 1.5; font-family: 'OpenSans', serif; font-family: var(--font-tertiary); font-weight: 700; text-align: center; vertical-align: middle; z-index: 101; user-select: none; }
.funds:before { content: ''; display: inline-block; margin-right: 10px; width: 0.85em; height: 0.85em; background: url(../../images/textures/coin.svg) no-repeat; vertical-align: middle; }
/*timer element*/
.timer { padding-left: 20px; font-size: 1rem; line-height: 1.5; }
.time { display: inline-block; margin-left: 15px; padding: 5px 20px; background: #f2f2f2; background: var(--color-neutral-md); border-radius: 16px; font-weight: 700; }
.time:before { content: ''; display: inline-block; margin-right: 10px; width: 15px; height: 15px; background: url(../../images/textures/clock.svg) no-repeat; vertical-align
: middle; }
/*damaged rooms element*/
.rooms { padding-left: 20px; font-size: 1rem; line-height: 1.5; }
.rooms .count { display: inline-block; margin-left: 15px; padding: 5px 20px; background: #f2f2f2; background: var(--color-neutral-md); font-size: 1.1rem; line-height: 1.2; border-radius: 16px; font-weight: 700; }
.rooms .count:before { content: ''; display: inline-block; margin-right: 10px; width: 20px; height: 20px; background: url(../../images/textures/rooms.svg) no-repeat; vertical-align
: middle; }
/*price cost element*/
.rooms-occupied { display: inline-block; font-size: 12px; line-height: 15px; font-family: 'Montserrat', serif; font-family: var(--font-secondary); font-weight: 500; text-align: center; }
.rooms-occupied:before { content: ''; display: inline-block; margin-right: 10px; width: 15px; height: 15px; background: url(../../images/icons/key.svg) no-repeat; vertical-align: middle; }
/*monthly support element*/
.support { font-size: 1rem; line-height: 1.5; }
/* star rating */
.rating-scale { font-size: 0; line-height: 0; }
.rating-scale .icon-svg { display: inline-block; width: 15px; height: 15px; margin-right: 5px; fill: #595959; }
.rating-scale.scale-1 .icon-svg:nth-child(-n+1),
.rating-scale.scale-2 .icon-svg:nth-child(-n+2),
.rating-scale.scale-3 .icon-svg:nth-child(-n+3),
.rating-scale.scale-4 .icon-svg:nth-child(-n+4),
.rating-scale.scale-5 .icon-svg:nth-child(-n+5) { fill: #f7cc54; }
/*percentage scale element*/
.ui-scale { display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; }
.ui-scale > .track { display: block; height: 0.75rem; border-radius: 36px; background: #fff; box-shadow: inset 0 4px 3px #bebebe; }
.ui-scale > .track > .progress { display: inline-block; height: 100%; max-width: 100%; width: 0; border-radius: 36px; background: #1ca51c; vertical-align: bottom; transition: .3s all; }
/*info popup*/
.info-tooltip { position: absolute; top: 0; right: 0; height: 20px; width: 20px; background: url(../../images/icons/info_icon.svg) no-repeat; }
.info-tooltip .tooltip-content { display: none; position: absolute; top: 25px; left: -15px; width: 400px; font-style: normal; font-weight: 700; animation: fade-in 1s; animation-fill-mode: forwards;  text-align: left; }
.info-tooltip:after { content: ''; display: none; position: absolute; top: 110%; left: 0; border: solid #fff; border-width: 0 8px 9px 8px; border-color: transparent transparent #fff transparent; animation: fade-in 1s; animation-fill-mode: forwards; }
.info-tooltip:hover .tooltip-content { display: block; }
.info-tooltip:hover:after { display: block; }
.tooltip-content { padding: 20px; background: #fff; z-index: 101; border-radius: 12px; }
.tooltip-content .title { display: block; margin-bottom: 10px; font-size: 1rem; line-height: 1.2; color: #d12525; border-bottom: 1px solid #ebebeb; font-weight: 700; }
.tooltip-content .title.icon:after { content: ''; display: inline-block; margin-left: 10px; width: 12px; height: 14px; vertical-align: middle; background: url(../../images/icons/info_icon.svg) no-repeat; }
.tooltip-content .short-description { font-size: 1rem; line-height: 1.2; }
.tooltip-content .row { margin-bottom: 10px; font-size: 0; line-height: 0; font-weight: 400; }
.tooltip-content .row .picture { display: inline-block; margin-left: 5px; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background: #e4f8f7; }
.tooltip-content .row .picture:first-child { margin-left: 0; }
.tooltip-content .row .picture img { width: 100%; }
.tooltip-content .row-extras .picture { border-radius: 4px; border: 1px solid #ebebeb; }
/* current season/month elements */
.season,
.month { display: inline-block; max-width: 120px; margin-right: 10px; user-select: none; font-size: 0; line-height: 0; }
.season .icon-svg { position: relative; display: inline-block; width: 45px; height: 45px; vertical-align: middle; }
.month .icon-svg { position: relative; display: inline-block; width: 40px; height: 40px; vertical-align: middle; }
.season span,
.month span { display: inline-block; width: calc(100% - 25px); margin-left: -25px; padding: 3px 0 3px 25px; vertical-align: middle; background: #cacaca; font-size: 0.75rem; line-height: 1.2; font-family: 'OpenSans', serif; font-family: var(--font-tertiary); font-weight: 600; text-align: center; color: #fff; border-radius: 8px; }
.season span { padding: 3px 0 3px 15px; }
.season-dashboard { position: fixed; bottom: 20px; right: 20px; max-width: 200px; margin-right: 0; z-index: 101; }
.season-dashboard .icon-svg { width: 60px; height: 60px; }
.season-dashboard span { background: rgba(255,255,255,0.6); width: calc(100% - 50px); font-size: 16px; }
.select-location .season-dashboard { bottom: auto; top: 60px; }
.current-day { position: fixed; bottom: 0px; right: 35px; color: #ffffff; font-size: 24px; line-height: 1.2; z-index: 101; }
/* starting screens steps guide */
.game-guide { position: fixed; bottom: -100%; left: 0; width: 100%; padding: 20px 25px 20px; background: rgba(11,10,30, 0.75); transition: .5s all; user-select: none; }
.game-guide .guide { position: absolute; bottom: 0; left: -100%; opacity: 0; width: 350px; height: 450px; object-fit: cover; object-position: top; transition: .5s left, .7s opacity; }
.game-guide .content { width: 75%; margin-left: auto; font-size: 0; line-height: 0; }
.game-guide .content .text { display: inline-block; width: 70%; vertical-align: middle; color: #fff; font-size: 18px; }
.game-guide .content .step,
.game-guide .content .title { margin-bottom: 10px; text-transform: uppercase; font-size: 20px; line-height: 1.5; letter-spacing: 1px; }
.game-guide .content .description { font-size: inherit; line-height: 1.2; }
.game-guide .content .btn { font-family: 'Montserrat', serif; font-family: var(--font-secondary); font-weight: 500; }
.game-guide .content .btn-secondary,
.game-guide .content .btn-primary { display: inline-block; padding: 10px 45px; margin-left: 25px; text-align: center; vertical-align: middle; font-size: 20px; border: 2px solid #00d32e; border: 2px solid var(--color-primary); }
.game-guide .content .btn-secondary { background: rgba(255,255,255, 0.09); }
.game-guide.active #show_guide { display: none; }
.game-guide.active .close { display: none; }
.game-guide.active { bottom: 0; }
.game-guide.active .guide { left: 3.5%; opacity: 1; }
.game-guide .close { display: none; }
.game-guide.active .close { display: block; top: 5px; right: 5px; height: 22px; width: 22px; z-index: 105; }
.game-guide.active .close:before,
.game-guide.active .close:after { background: #ffffff; }
.game-guide #show_guide { display: block; position: fixed; right: 10px; bottom: 10px;  width: 30px; height: 30px; filter: drop-shadow(0px 0px 2.5px #00d32e); filter: drop-shadow(0px 0px 2.5px var(--color-primary)); animation: glow 2s infinite; }
.game-guide.active .content { display: block; }
.list-select { position: relative; display: inline-block;}
.list-select > ul { position: absolute; width: 100%; left: 0; top: 100%; opacity: 0; overflow: hidden; transform-origin: top; transform: scale3d(1,0,1); transition: .3s all; z-index: 1; }
.list-select > ul > li { color: #4a4a4a; background: rgba(255, 255,255, 1); border-bottom: 1px solid transparent; transition: .3s all; }
.list-select > ul > li > label { display: block; }
.list-select > ul > li:last-child { border-bottom: none; }
.list-select > ul > li:hover { user-select: none; cursor: pointer; }
.list-select.active > ul { opacity: 1; transform: scale3d(1,1,1); }
.list-select > .selected { position: relative; display: inline-block; font-size: 14px; line-height: 1.2; font-weight: 700; background: #fff; cursor: pointer; user-select: none; z-index: 2; }
.list-select > svg.selected { max-width: 25px; max-height: 25px; background: none; padding: 0; border: 0; font-size: 0; line-height: 0; z-index: 2; }
.list-select > .selected:after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 10px; border: solid transparent; border-width: .35em .35em 0; border-color: #000 transparent transparent; vertical-align: middle; transition: all .5s; }
.list-select > svg.selected:after { content: none; }
/*dashboard user interface */
*[data-menu-group="dashboard"] { z-index: 102; }
.ui-shop { display: none; position: fixed; top: 50%; left: 50%; font-size: 0; line-height: 0; border-radius: 12px; transform: translate(-50%, -50%); text-align: center; animation: fade-in 0.75s; }
.ui-shop.active { display: block; }
.ui-shop-controls { position: relative; }
.ui-shop-controls .selected { display: none; width: 100%; padding: 15px 0; font-size: 18px; line-height: 1.2; background: #fff; font-weight: 700; border-radius: 12px 12px 0 0; text-transform: uppercase; text-shadow: 0 0 3px #949494; }
.ui-shop-tabs { display: inline-block; text-align: center; font-weight: 800; background: #fff; border-radius: 10px 10px 0 0; }
.ui-shop-tabs > li { position: relative; display: inline-block; padding: 10px 30px; text-align: center; font-size: 1rem; line-height: 1.5; text-transform: uppercase; transition: .3s all; cursor: pointer; user-select: none; z-index: 1; }
.ui-shop-tabs > li:before { content:''; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 5px #4a4a4a; background: #00e933; background: var(--color-green-md); transition: .2s all; z-index: -1; border-radius: 10px 10px 0 0; }
/*.ui-shop-tabs > li:after { content:''; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px 10px 0 0; transition: .2s all; z-index: -1; }*/
.ui-shop-tabs > li:first-child { border-radius: 10px 0 0 0; }
.ui-shop-tabs > li:last-child { border-radius: 0 10px 0 0; }
.ui-shop-tabs > li.active { color: #fff; border-radius: 10px 10px 0 0; z-index: 2; text-shadow: 0 0 3px #949494; }
.ui-shop-tabs > li.active:before{ transform: scale3d(1.1, 1.1, 1.1); opacity: 1; }
.ui-shop-tabs > li .icon-svg { margin-right: 10px; width: 35px; height: 35px; fill: #000; vertical-align: middle; transition: .3s all; }
.ui-shop-tabs > li.active .icon-svg { fill: #fff; filter: drop-shadow(0px -2px 2px #4a4a4a); }
.ui-shop-contents { position: relative; background: #fff; box-shadow: 0 0 5px #fff, 0 2px 10px #dadada; border-radius: 12px; z-index: 2; }
.ui-shop-content { display: none; border-radius: 12px; overflow: hidden; }
.ui-shop-content .ui-list-selection { top: auto; }
.ui-shop-content.active { display: block; animation: fade-in .4s; }
.ui-list-selection { position: relative; top: 80px; font-size: 0; line-height: 0; background: #fff; border-radius: 12px; box-shadow: 0 0 5px #fff, 0 2px 10px #dadada; overflow: hidden; }
.ui-list-selection.list-estates { overflow: visible; }
.ui-list-sidebar { position: relative; display: inline-block; width: 40%; vertical-align: top; }
.ui-list-content { position: relative; display: inline-block; width: 60%; vertical-align: top; }
.ui-list-tabs { max-height: 700px; list-style: none; font-size: 1rem; line-height: 1.2; overflow: auto; }
.ui-list-tabs li { cursor: pointer; text-align: left; }
.ui-list-tabs li > label { display: block; user-select: none; }
.ui-list-tabs { scrollbar-width: none; }
.ui-list-tabs::-webkit-scrollbar { width: 5px; }
.ui-list-tabs::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 6px rgba(255,255,255,1); background: none; }
.ui-list-tabs::-webkit-scrollbar-thumb { background: #bababa; border-radius: 60px; }
.ui-list-tabs::-webkit-scrollbar-track-piece:start { background: transparent; margin-top: 5px; }
.ui-list-tabs::-webkit-scrollbar-track-piece:end { background: transparent; margin-bottom: 5px; }
.ui-list-tab { font-size: 0; line-height: 0; padding: 15px 20px; transition: .4s all; }
.ui-list-tab .picture { display: inline-block; width: 65px; height: 65px; vertical-align: middle; border-radius: 14px; overflow: hidden; background: #fff; border: 1px solid #dadada; text-align: center; transition: .4s all; }
.ui-list-tab .picture > img { padding-top: 5px; width: 45px; height: 65px; object-fit: cover; object-position: top; }
.ui-list-tab .details { display: inline-block; margin-left: 20px; width: calc(100% - 85px); vertical-align: middle; font-size: 1rem; line-height: 1.2; color: #949494; font-weight: 300; }
.ui-list-tab .details .type { font-size: 1.375em; line-height: 1; font-weight: 700; margin-bottom: 10px; color: #000; }
.ui-list-tab.active,
.ui-list-tab:hover { background: #eff4f5; }
.ui-list-tab.active .picture { box-shadow: 0 0 5px #00d32e; box-shadow: 0 0 5px var(--color-primary); }
.ui-list-tab-contents { height: 700px; list-style: none; background: #f8f8f8; box-shadow: inset 20px 0 20px -20px #dadada; border-radius: 0 12px 12px 0; }
.ui-list-tab-content { position: absolute; opacity: 0; left: 0; top: 0; padding: 25px; height: 100%; width: 100%; font-size: 1rem; line-height: 1.2; pointer-events: none; z-index: -1; }
.ui-list-tab-content .price { position: absolute; right: auto; left: 25px; top: 25px; font-weight: 600; }
.ui-list-tab-content .short-description { margin-bottom: 20px; text-align: center; }
.ui-list-tab-content.active { opacity: 1; pointer-events: auto; z-index: auto; }
.ui-list-tab-content .choices { width: 75%; margin: 0 auto; padding: 10px 0; font-size: 0; line-height: 0; text-align: center; }
.ui-list-tab-content .choices-label { /*padding: 20px 0 0;*/ margin-bottom: 20px; font-weight: 700; color: #4a4a4a; font-size: 18px; line-height: 1.2; text-align: center; }
.ui-list-tab-content .choices .choose { display: inline-block; margin: 0 30px; text-align: left; font-size: 18px; }
.fullsize-avatar { position: relative; margin: 0 auto; }
.fullsize-avatar figure { position: relative; margin: 0 auto; text-align: center; }
.fullsize-avatar figcaption { padding: 20px 0; }
.fullsize-avatar figcaption .name { font-size: 24px; line-height: 1.2; font-weight: 700; color: #4a4a4a; text-shadow: 0 1px 1px #5f5f5f; }
.fullsize-avatar figcaption .occupation { font-size: 18px; line-height: 1.2; color: #bababa; }
.fullsize-avatar .fullsize-avatar-image { height: 350px; width: auto; margin: 0 auto; }
.fullsize-avatar .fullsize-avatar-image[data-target="gender-male"],
.fullsize-avatar .fullsize-avatar-image[data-target="gender-female"] { display: none; opacity: 0; transition: .3s all; }
.fullsize-avatar .fullsize-avatar-image.active[data-target="gender-male"],
.fullsize-avatar .fullsize-avatar-image.active[data-target="gender-female"] { display: block; visibility: visible; opacity: 1; animation: fade-in 0.75s; }
.ui-dashboard-estates { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 14px; background: #eff4f5; animation: fade-in .5s; }
.ui-dashboard-estates.active { display: block; }
.ui-dashboard-estates > .title { padding: 15px 0 5px; text-align: center; font-size: 30px; line-height: 1.5; font-weight: 700; }
.estates { position: relative; max-height: 765px; padding: 0 30px; border-top: 15px solid #eff4f5; border-bottom: 15px solid #eff4f5; max-width: 470px; border-radius: 14px; overflow: auto; }
.estates > li { opacity: 0; margin: 0 0 20px; font-size: 0; line-height: 0; border-radius: 14px; background: #f7f7f7; text-align: left; animation: fade-in 1s; animation-fill-mode: forwards; }
.estates > li:nth-child(1) { animation-delay: .2s; }
.estates > li:nth-child(2) { animation-delay: .4s; }
.estates > li:nth-child(3) { animation-delay: .6s; }
.estates > li:nth-child(4) { animation-delay: .8s; }
.estates > li:last-child { margin: 0; }
.estates .picture { display: inline-block; padding: 5px; width: 130px; text-align: center; vertical-align: middle; }
.estates .picture > img { width: 100px; margin-bottom: 10px; filter: drop-shadow(4px 4px 1px #9ba2ab) }
.estates .picture .price { margin-bottom: 10px; padding: 5px 15px; background: #011b83; background: var(--color-secondary); color: #fff; box-shadow: none; }
.estates .content { display: inline-block; padding: 15px 25px 15px 30px; width: calc(100% - 130px); background: #ffffff; font-size: 1rem; line-height: 1.2; border-radius: 12px; vertical-align: middle; }
.estates .content .title { margin-bottom: 10px; font-size: 21px; line-height: 1.2; font-weight: 800; }
.estates .content .short-description { height: 2.4em; overflow: hidden; margin-bottom: 15px; font-size: 16px; line-height: 1.2; }
.estates .content .properties { text-align: justify; font-size: 0; line-height: 0; }
.estates .content .properties::after { content: ''; width: 100%; display: inline-block; }
.estates .content .location { display: inline-block; font-size: 14px; line-height: 1.5; vertical-align: bottom; }
.estates .content .label { color: #9da3ab; }
.estates .content .country { margin-bottom: 5px; }
.estates .content .btn-primary { display: inline-block; line-height: 1; letter-spacing: 0.5px; vertical-align: bottom; }
.ui-dashboard-profile { display: none; position: fixed; top: 50%; left: 50%; padding: 45px; max-width: 470px; transform: translate(-50%, -50%); border-radius: 14px; background: #eff4f5; animation: fade-in .5s; }
.ui-dashboard-profile.active { display: block; }
.ui-dashboard-profile .profile { font-size: 0; line-height: 0; }
.profile .picture { display: inline-block; width: 180px; height: 180px; overflow: hidden; text-align: center; vertical-align: middle; border-radius: 14px; background: #fff; border: 1px solid #00d32e; border: 1px solid var(--color-primary); transition: .4s all; box-shadow: 0 0 10px #cccccc; }
.profile .picture img { width: 180px; height: 180px; }
.profile .profile-info { padding-left: 20px; font-size: 1rem; line-height: 1.2; display: inline-block; width: calc(100% - 180px); vertical-align: top; }
.profile .profile-info .name { font-size: 1.875rem; line-height: 1.2; font-weight: 700; text-shadow: 0 1px 3px #929a9f; }
.profile .profile-info .type { font-size: 1.25rem; line-height: 2; color: #929a9f; }
.profile .profile-info .short-description { margin-bottom: 10px; min-height: 3em; }
.profile .profile-info .btn-primary { font-size: 1.25em; line-height: 2; padding: 0 25px; }
.status { margin-bottom: 15px; }
.status ul { display: block; padding: 20px; background: #fff; border-radius: 14px; box-shadow: 0 0 5px #e3e3e3; }
.status ul li { display: block; margin-bottom: 10px; font-size: 0; line-height: 0; text-align: justify }
.status .title { font-size: 24px; line-height: 20px; padding: 20px 0; font-weight: 700; }
.status ul li:last-child { margin: 0; }
.status ul li:after { content: ''; display: inline-block; width: 100%; }
.status ul li .label { display: inline-block; width: 40%; font-size: 21px; line-height: 1.2; vertical-align: middle; }
.status ul li .price { vertical-align: middle; box-shadow: none; font-size: 20px; line-height: 1.2; background: #e8edee; font-weight: 600; }
.rankings { background: #fff; border-radius: 14px; box-shadow: 0 0 15px #e3e3e3; }
.rankings ul { padding: 0 30px; }
.rankings li { padding: 15px 0; border-top: 1px solid #acacac; font-size: 0; line-height: 0; }
.rankings li:first-child { border-top: none; }
.rankings li .picture { position: relative; display: inline-block; width: 50px; height: 50px; vertical-align: middle; border-radius: 14px; background: #fff; border: 1px solid #dadada; transition: .4s all; }
.rankings li .ranking-info { display: inline-block; margin-left: 15px; width: calc(100% - 65px); vertical-align: middle; font-size: 1rem; line-height: 1.2; }
.rankings li .name { font-size: 1.125em; font-weight: 700; }
.rankings li .type { color: #929a9f; }
.estate-info { font-size: 0; line-height: 0; padding: 20px 0 20px 20px; }
.estate-info .picture-wrapper { padding: 5px; display: inline-block; vertical-align: top; }
.estate-info .picture { background: #fff; border-radius: 10px; }
.estate-info .picture img { padding: 5px; width: 110px; height: 115px; }
.estate-info .properties { display: inline-block; max-width: calc(100% - 140px); margin-left: 15px; font-size: 1rem; line-height: 1.2; vertical-align: top; }
.estate-info .properties .name { margin-bottom: 10px; font-weight: 700; font-size: 24px; line-height: 1; text-shadow: 0 1px 2px #3a3a3a; word-break: break-word; }
.estate-info .properties .rating { margin-bottom: 5px; }
.estate-info .properties .rating .title { margin-bottom: 5px; font-weight: 700; }
.estate-info .btns-properties { text-align: justify; padding: 15px 20px 0 0; font-size: 0; line-height: 0; }
.estate-info .btns-properties:after { content: ''; display: inline-block; width: 100%; }
.ui-dashboard-properties { display: none; position: absolute; padding: 0 45px 45px; top: 50%; left: 50%; width: 1200px; transform: translate(-50%, -50%); background: #fff; border-radius: 12px; animation: fade-in 1s; animation-fill-mode: forwards; }
.ui-dashboard-properties.active { display: block; }
.ui-dashboard-properties .attributes { text-align: left; }
.ui-dashboard-properties .select-hotel { padding: 10px 0 5px; text-align: center; }
.ui-dashboard-properties .list-select > ul { top: 95%; border-radius: 8px 8px 12px 12px; max-height: 150px; overflow: auto }
.ui-dashboard-properties .list-select > .selected { padding: 5px 35px; font-size: 24px; border-radius: 14px; border: 1px solid #00d32e; border: 1px solid var(--color-primary); }
.ui-dashboard-properties .list-select > ul > li { padding: 5px 0; line-height: 1.2; }
.ui-dashboard-properties .list-select > ul > li:hover { background: #00d32e; background: var(--color-primary); color: #fff; border-color: #011b83; border-color: var(--color-secondary); }
.ui-rankings { display: none; position: fixed; top: 50%; left: 50%; padding: 80px 40px 0; transform: translate(-50%, -50%); background: #fff; border-radius: 14px; animation: fade-in 0.75s; }
.ui-rankings .btns { padding: 10px 0; }
.ui-rankings .btn-primary { padding: 7.5px 20px; margin: 0 5px; }
.ui-rankings.active { display: block; }
.ui-rankings .ranklist { display: none; min-width: 400px; max-height: 575px; overflow: auto; padding: 0 20px; background: #f2f2f2; border-radius: inherit; }
.ui-rankings .ranklist.active { display: block; }
.ui-rankings li { padding: 15px; border-top: 1px solid #acacac; text-align: justify; font-size: 0; line-height: 0; }
.ui-rankings li:first-child { border: 0; }
.ui-rankings li:after { content: ''; display: inline-block; width: 100%; }
.ui-rankings .player-info .picture { position: relative; display: inline-block; width: 65px; height: 65px; margin: 0 10px 0 0; padding-top: 5px; background: #fff; border-radius: 12px; text-align: center; vertical-align: middle; }
.ui-rankings .player-info .picture .ranking { position: absolute; top: -10px; left: -10px; height: 40px; width: 30px; background: url(../../images/icons/ranking.svg) no-repeat; font-family: 'OpenSans', serif; font-family: var(--font-tertiary); font-weight: 900; font-size: 0.9rem; line-height: 2; font-style: normal; color: #ef9e01; }
.ui-rankings .player-info img { width: 50px; height: 60px; object-position: top; object-fit: cover; }
.ui-rankings .player-info { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 1.2; }
.ui-rankings .player-info .name { font-weight: 700; }
.ui-rankings .player-info .type { color: #4a4a4a; }
.ui-rankings .info { display: inline-block; vertical-align: middle; }
.ui-rankings .score { display: inline-block; text-align: right; font-size: 24px; line-height: 1.5; font-family: 'OpenSans', serif; font-family: var(--font-tertiary); font-weight: 700; color: #011b83; color: var(--color-secondary); vertical-align: middle; }
.ui-rankings .heading { position: absolute; left: 0; top: -120px; width: 100%; text-align: center; }
.ui-rankings .heading .picture { position: relative; width: 200px; margin: 0 auto; }
.ui-rankings .heading .ribbon-extended { position: absolute; bottom: 0.5em; left: 50%; min-width: 200px; display: inline-block; font-size: 30px; transform: translateX(-50%); }
.ui-dashboard-finances { display: none; position: fixed; top: 50%; left: 50%; padding: 40px; transform: translate(-50%, -50%); background: #fff; border-radius: 14px; animation: fade-in 0.75s; }
.ui-dashboard-finances ul { min-width: 350px; }
.ui-dashboard-finances.active { display: block; }
.ui-dashboard-finances .title { margin-bottom: 20px; font-size: 36px; line-height: 1.5; font-weight: 700; text-align: center; }
.ui-statistics { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1300px; max-width: 1300px; padding: 10px 25px 50px; background: #fff; border-radius: 12px; animation-fill-mode: forwards; animation: fade-in .4s; }
.ui-statistics.active { display: block; }
.ui-statistics .title { margin-bottom: 10px; padding: 5px 0; text-align: center; font-size: 28px; line-height: 1.5; font-weight: 700; }
.ui-statistics .list-select { position: static; margin-right: 5px; display: inline-block; vertical-align: top; }
.ui-statistics .list-select ul { border-radius: 4px; overflow: hidden; }
.ui-statistics .list-select li { font-size: 1rem; line-height: 1.2; padding: 5px; border-bottom: 1px solid #4a4a4a; background: #f7f7f7; }
.ui-statistics .list-select li:hover { background: #011b83; background: var(--color-secondary); color: #fff; }
.ui-statistics .list-select:last-child ul { left: auto; right: 0; max-height: 120px; overflow: auto; }
.ui-statistics .list-select .selected { padding: 5px; border-radius: 8px; border: 1px solid #dedede; color: #4a4a4a; line-height: 1.4; }
.ui-statistics .list-select svg.selected { max-width: 30px; max-height: 30px; padding: 5px; border-radius: 6px; fill: #4a4a4a; background: #fff; border: 0; }
.ui-statistics .list-select .selected:after { margin-left: 5px; border-top-color: #4a4a4a; }
.statistics-list { font-size: 0; line-height: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 0 10px #9d9d9d; }
.statistics-list .mobile-label { display: none; }
.statistics-list .header { position: relative; padding: 15px 10px; color: #fff; background: #9f9f9f; border: 0; z-index: 1;  }
.statistics-list .header .col { opacity: 0; font-size: 1rem; line-height: 1.2; animation: fade-in 1s; animation-fill-mode: forwards; }
.statistics-list .header .col:nth-child(2) { animation-delay: .2s }
.statistics-list .header .col:nth-child(3) { animation-delay: .3s }
.statistics-list .header .col:nth-child(4) { animation-delay: .4s }
.statistics-list .header .col:nth-child(5) { animation-delay: .5s }
.statistics-list .header .col:nth-child(6) { animation-delay: .6s }
.statistics-list .header .col:nth-child(7) { animation-delay: .7s }
.statistics-list .header .col:nth-child(8) { animation-delay: .8s }
.statistics-list .header .filters { text-align: justify; font-size: 0; line-height: 0; }
.statistics-list .header .filters:after { content:''; display: inline-block; width: 100%; }
.statistics-list .row { opacity: 0; padding: 25px 10px; color: #4a4a4a; border-bottom: 1px solid #9f9f9f; animation: fade-in 1s; animation-fill-mode: forwards; }
.statistics-list .row:nth-child(1) { animation-delay: .2s; }
.statistics-list .row:nth-child(2) { animation-delay: .4s; }
.statistics-list .row:nth-child(3) { animation-delay: .6s; }
.statistics-list .row:nth-child(4) { animation-delay: .8s; }
.statistics-list .row:nth-child(5) { animation-delay: 1s; }
.statistics-list .row:nth-child(6) { animation-delay: 1.2s; }
.statistics-list .row:nth-child(7) { animation-delay: 1.4s; }
.statistics-list .row:nth-child(8) { animation-delay: 1.6s; }
.statistics-list .row:last-child { border: 0; }
.statistics-list .col { position: relative; width: 12.5%; font-size: 1rem; line-height: 1.2; }
.statistics-list[data-statistic="last_year"] .col,
.statistics-list[data-statistic="last_month"] .col { width: 20%; }
.statistics-list .price { padding: 0; border-radius: 0; background: none; box-shadow: none; }
/* ------------------------------------------------------------ *\
	#popups
\* ------------------------------------------------------------ */
.popup { display: none; position: fixed; top: 50%; left: 50%; min-width: 300px; max-width: 450px; transform: translate(-50%, -50%); z-index: 101; }
.popup-head { padding: 30px 0; text-align: center; }
.popup-head .icon-svg { display: none; fill: #fff; width: 100px; height: 100px; }
.popup.active { display: block;}
.popup > .content { background: #fff; border-radius: 14px; overflow: hidden; }
.popup .close:before,
.popup .close:after { background: #fff; }
.popup.active > .content { opacity: 1; animation: flubber-in .4s; padding-bottom: 25px; }
.popup[data-type='warning'] .popup-head { background: #ff2e2e; }
.popup[data-type='success'] .popup-head { background: #00d32e; background: var(--color-primary); }
.popup[data-type='warning'] .icon-warning { display: inline-block; }
.popup[data-type='success'] .icon-success { display: inline-block; }
.popup-content { padding: 20px 40px; text-align: center;}
.popup-content .title { margin-bottom: 15px; font-size: 36px; line-height: 1.2; font-weight: 800; }
.popup-content .content { font-size: 18px; line-height: 1.2; }
.popup .btn-primary { background: #00d32e; background: var(--color-primary); }
.popup .btn-primary { padding: 5px 25px; font-weight: 400; box-shadow: none; }
.popup #decline { margin-left: 5px; display: none; }
.popup .btn-primary:hover { box-shadow: 0 0 8px #00d32e; box-shadow: 0 0 8px var(--color-primary); }
.popup[data-type='warning'] .btn-primary { background: #ff2e2e; }
.popup[data-type='warning'] .btn-primary:hover { box-shadow: 0 0 8px #ff2e2e; }
.popup[data-type='success'] .btn-primary { background: #00d32e; background: var(--color-primary); }
.popup[data-type='success'] .btn-primary:hover { box-shadow: 0 0 8px #00d32e; box-shadow: 0 0 8px var(--color-primary); }
.popup[data-disaster-type='earthquake'] .popup-head { background: #f04848; }
.popup[data-disaster-type='flood'] .popup-head { background: #248bff; }
.popup[data-disaster-type='fire'] .popup-head { background: #e91916; }
.popup[data-disaster-type='steal'] .popup-head { background: #797979; }
.popup[data-disaster-type='search_collapse'] .popup-head { background: #dea400; }
.popup[data-disaster-type='staff_disease'] .popup-head { background: #f3f3f3; }
.popup[data-type='disaster'] .icon-disaster > img { display: block; width: 100px; height: 100px; }
.popup[data-type='disaster'] .btn-primary { background: #f04848; }
.popup[data-type='disaster'] .btn-primary:hover { box-shadow: 0 0 8px #ff2e2e; }
.popup[data-action='dialog'] #decline { display: inline-block; }
/* ------------------------------------------------------------ *\
	#map
\* ------------------------------------------------------------ */
.interactive-map { position: fixed; width: 100%; top: 0; left: 0; height: 101vh; overflow: auto; scrollbar-width: none; }
.interactive-map::-webkit-scrollbar { width: 0px; height: 0px; }
.interactive-map::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0 rgba(255,255,255,0); background: none; }
.interactive-map::-webkit-scrollbar-thumb { background: transparent; border-radius: 0; }
.interactive-map::-webkit-scrollbar-thumb:horizontal { background: transparent; border-radius: 0; }
.interactive-map::-webkit-scrollbar-track-piece:start { background: transparent; margin-top: 15px; }
.interactive-map::-webkit-scrollbar-track-piece:end { background: transparent; margin-bottom: 15px; }
#map { width: 1920px; opacity: 0; animation: fade-in 1.5s; animation-fill-mode: forwards; animation-delay: 0.5s; }
#map_mobile { width: 1024px; opacity: 0; display: none; }
#map_mobile g,
#map g { cursor: pointer; }
#map_mobile .area,
#map .area { fill: #fff; opacity: 0; }
#map_mobile .pin,
#map .pin { fill: #3A8B98; transition: .4s all; }
#map_mobile g.active > .pin,
#map g.active > .pin { fill: #011b83; fill: var(--color-secondary); }
#map_mobile g > .pin-large,
#map g > .pin-large { opacity: 0; }
#map_mobile g.has-estates > .pin-large,
#map g.has-estates > .pin-large { opacity: 1; }
#map_mobile g.has-estates > .pin,
#map g.has-estates > .pin { opacity: 0; }
#map_mobile g.active,
#map g.active { opacity: 1; }
#map_mobile path.active:before,
#map path.active:before { content: ''; display: block; }
/* ------------------------------------------------------------ *\
	#404
\* ------------------------------------------------------------ */
.content-404 { position: fixed; top: 50%; left: 50%; max-width: 725px; transform: translate(-50%, -50%); font-weight: 200; text-align: center; z-index: 101;  }
.texture-404 { position: fixed; right: 75px; bottom: -47.5%; max-width: 675px; }
.content-404 .code { font-size: 21.875em; line-height: 1; color: #ffffff; font-weight: 700; }
.content-404 .title { font-size: 3em; color: #ffffff; margin-bottom: 20px; }
.content-404 .btns { font-size: 1.5em; color: #ffffff; margin-bottom: 20px; }
.content-404 .btn { font-size: 1em; padding: 0.25em 1.5em; }
/* V. Responsive
=============================================================== */
/* ------------------------------------------------------------ *\
	# (max-width: 1200px)
\* ------------------------------------------------------------ */
@media (max-width: 1600px) {
	main.select-location .game-guide { height: 325px; width: 300px; }
	main.select-location .game-guide .btn-secondary,
	main.select-location .game-guide .btn-primary { padding: 10px 15px; font-size: 1rem; }
	main.select-location .game-guide .guide { display: none; }
	main.select-location .game-guide .text { margin-bottom: 20px; }
	.game-guide .guide { left: 30px; bottom: -25px; width: 200px; height: auto; }
	.game-guide .content { width: calc(100vw - 250px); }
	.game-guide .content .btn { padding: 5px 20px; font-size: 18px; margin-left: 10px; }
	.game-guide .content .btn:first-child { margin: 0; }
	.info-tooltip .tooltip-content { left: auto; right: -15px; }
}
@media (max-width: 1300px) {
	main::-webkit-scrollbar { width: 0px; height: 0px; }
	main::-webkit-scrollbar-thumb { background: transparent; }
	.landing.login .content { z-index: 1; }
	.landing.login .logo { z-index: 2; }
	.ui-dashboard-properties { padding: 0 0 15px; width: 100%; text-align: center; }
	.ui-statistics { width: 100%; padding: 10px 15px; }
	.boxes-properties { max-height: calc(100vh - 60px); overflow: auto; }
	.box-properties { min-width: 395px; }
	.info-tooltip .tooltip-content { width: 350px; }
	.texture-404 { position: fixed; right: 75px; bottom: -35.5%; max-width: 420px; }
}
@media (max-width: 1100px) {
	.wrapper { width: 100%; padding: 0; }
	.landing.login { width: 50%; }
	.ui-shop,
	.ui-dashboard-properties { width: 100%; padding: 0 0 15px; }
	.game-guide .guide { left: 0; bottom: -25px; width: 150px; height: auto; }
	.game-guide .content { width: calc(100vw - 160px); }
	.game-guide .content .text { width: calc(100% - 210px); }
	.game-guide .content .btn { padding: 5px 20px; font-size: 18px; }
	.game-guide .content .btn-secondary { margin: 0; }
	.game-guide .content .step, .game-guide .content .title { font-size: 16px; margin-bottom: 0; }
	section[data-menu-group="dashboard"] { position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%, -50%); }
	section[data-menu-group="dashboard"]::-webkit-scrollbar { width: 0px; height: 0px; }
	section[data-menu-group="dashboard"]::-webkit-scrollbar-thumb { background: transparent; }
	.pads { text-align: center; border-top: 25px solid #f2f2f2; border-top: 25px solid var(--color-neutral-md); border-bottom: 25px solid #f2f2f2; border-bottom: 25px solid var(--color-neutral-md);  }
	.pad { margin: 5px; }
	.boxes-list-selection { padding: 0 20px; text-align: center; overflow-x: hidden; }
	.box-list-selection { margin: 10px; }
	.texture-404 { right: 25px; bottom: -25.5%; max-width: 320px; }
	.content-404 { font-size: 12px; width: 100%; }
	.interreg { max-height: 275px;  }
}
@media (max-width: 1024px) and (orientation: landscape) {
	.game-guide { padding: 10px 10px; }
	.game-guide .content .btn { padding: 2px 10px; margin-bottom: 5px; vertical-align: bottom; }
	.landing { padding: 0; }
	.landing .logo { margin-bottom: 15px; }
	.landing .content > .btns .btn-gloss { padding: 10px 50px; font-size: 1.75rem; }
	.landing.login { padding: 0; overflow: auto; }
	.landing::-webkit-scrollbar { width: 0px; height: 0px; }
	.landing::-webkit-scrollbar-thumb { background: transparent; }
	.landing.login .forms-wrapper { min-height: 60vw; }
	.landing.login .btns-store { animation: fade-in 1s; animation-fill-mode: forwards; opacity: 0; }
	.interreg { display: none; }
	.interreg-mobile { display: block; width: 170px; height: auto; }
}
/* ------------------------------------------------------------ *\
	# (max-height: 975px)
\* ------------------------------------------------------------ */
@media (max-height: 975px) {
	.landing.login { padding-top: 0; }
	.landing.login .logo > img { width: 250px; }
	.information .richtext { max-height: 400px; }
	.animator { max-width: 200px; max-height: 550px; }
	.main.map,
	.interactive-map { overflow: auto; }
	.game-guide { padding: 10px 20px; z-index: 1; }
	.game-guide .content .text { font-size: 15px; }
	.game-guide .content .step, .game-guide .content .title { font-size: 16px; margin-bottom: 0; }
	main.select-location .game-guide { width: 320px; height: 40%; left: auto; right: 0; padding: 15px; text-align: right; }
	main.select-location .game-guide .content { width: 100%; text-align: right; font-size: 14px; }
	main.select-location .game-guide .text { width: 100%; text-align: left; margin-bottom: 15px; }
	main.select-location .game-guide .guide { width: 110px; height: auto; }
	main.select-location .game-guide .btn { padding: 5px 30px; }
	.ui-list-selection { top: 0; z-index: 1; }
	.ui-rankings .heading { top: -80px; }
	.ui-rankings .heading .picture { width: 165px; }
	.ui-rankings .ranklist { max-height: 480px; }
	nav.nav-right { top: 40%; }
	.texture-404 { position: fixed; }
}
/* ------------------------------------------------------------ *\
	# (max-height: 450px)
\* ------------------------------------------------------------ */
@media (max-height: 450px) {
	.animator,
	.interreg,
	.btns-store { display: none; }
}
/* ------------------------------------------------------------ *\
	# (max-width: 991px)
\* ------------------------------------------------------------ */
@media (max-width: 991px) {
	.game-guide .guide { display: none; }
	.game-guide .content { width: 100%; }
	/*.game-guide .content .text { width: 65%; }*/
	.game-guide .content .text .description { max-height: 1.3em; overflow: hidden; transition: .4s all; text-overflow: ellipsis; white-space: nowrap; }
	.game-guide .content:hover .text .description { max-height: 10em; text-overflow: ellipsis; white-space: normal; }
	main.select-location .game-guide { height: auto; padding: 5px; }
	main.select-location .game-guide .btn { padding: 5px 15px; }
	.nav-right .ribbon { border-radius: 0 10px 10px 0; }
	.navigation { top: 15px; left: 15px; }
	.navigation .btn-nav { width: 45px; height: 40px; }
	#mute { top: 20px; left: 70px; right: auto; z-index: 100; }
	.current-day { top: 95px; bottom: auto; right: 15px; font-size: 16px; }
	.langing { width: 100%; }
	.landing.login .content { margin-top: -75px; }
	.landing.login { padding-top: 0; }
	.landing.login .logo > img { width: 300px; }
	.btn-store { margin: 0 5px; }
	.btns-store img { width: 135px; height: 45px; }
	.form-login,
	.form-registration { padding: 25px 50px; }
	.information { padding: 25px 30px; }
	.information .richtext { max-height: 420px; }
	.form-login .btn-gloss, .form-password .btn-gloss, .form-registration .btn-gloss { font-size: 1.125rem; padding: 10px 35px; }
	.animator { max-width: 200px; max-height: 550px; }
	.interreg { max-height: 250px; width: 220px; left: 0; }
	.external .links li { margin: 0 5px; }
	.external .links img { width: 35px; height: 35px; }

	.dashboard-nav { padding: 0; }
	.dashboard-nav li { margin-bottom: 0; }
	.dashboard-nav li .picture:before,
	.dashboard-nav li .picture:after { content: none; }
	.dashboard-nav .ribbon { padding: 0 10px; display: block; width: 100%; }
	.dashboard-nav .ribbon:before,
	.dashboard-nav .ribbon:after { content: none; }
	.nav-right { right: auto; left: 0; top: 25%; animation: 1s slide-in-left; }
	.nav-left { bottom: 0; top: auto; transform: none; width: 100%; animation: 1s slide-in-right; }
	.nav-left li { display: inline-block; width: 25%; }
	.funds { top: 15px; right: 15px; }
	.season-dashboard { top: 50px; right: 15px; bottom: auto; text-align: right; }
	.season-dashboard span { font-size: 14px; line-height: 1.2; }
	.season-dashboard .icon-svg { width: 50px; height: 50px; }

	.interactive-map { width: 100%; overflow: auto; }
	.main.map { overflow: auto; }
	#map { display: none; animation: none; }
	#map_mobile { display: block; animation: fade-in 1.5s; animation-fill-mode: forwards; animation-delay: 0.5s; }

	.estates { max-height: 570px; }
	.status ul { padding: 10px; }
	.ui-dashboard-profile { min-width: 320px; padding: 20px 25px; }
	.ui-rankings .heading { top: -70px; }
	.ui-rankings .heading .picture { width: 175px; }
	.rankings ul { padding: 0 15px; }
	.rankings ul li { padding: 5px 0; }
	.ui-dashboard-properties { position: relative; top: unset; left: unset; transform: none; text-align: center; }


	/*shop*/
	.ui-shop,
	.ui-dashboard-properties { width: 100%; }
	.ui-list-tabs,
	.ui-list-tab-contents { height: calc(100vh - 60px); }
	.ui-shop-tabs > li { padding: 10px 15px; }
	.fullsize-avatar .fullsize-avatar-image { height: 300px; }
	.ui-list-tab-content .choices { width: auto; }
	.ui-list-tab-content .choices .choose { margin: 0 10px; }
	.ui-list-tab-content .choices-label,
	.ui-list-tab-content .short-description { margin-bottom: 5px; }
	.ui-list-tab-content .btns { padding-top: 5px; }
	.pads { max-height: calc(100vh - 60px); height: auto; padding: 25px; overflow: auto; border-top: 0; border-bottom: 0; }
	.pad { width: 65%; margin: 0 0 10px; padding: 5px; height: auto; }

	/*statistics*/
	.ui-statistics { padding: 10px; max-height: 100vh; overflow: auto; }
	.statistics-list .row { padding: 15px 10px; }
	.statistics-list .col { width: 100%; padding: 5px; text-align: center; background: #f3f3f3; }
	.statistics-list .col:nth-child(odd) { background: none; }
	.statistics-list .col .price { line-height: inherit; font-size: 0.9em; line-height: inherit; }
	.statistics-list .col:after { content: ''; display: block; clear: both; }
	.statistics-list .col .mobile-label { display: inline; float: left; }
	.statistics-list .col .mobile-label + span { float: right; }
	.statistics-list .header .col:not(.filters) { display: none; }
	
	.b-hotel-name { width: 100%; }
}
/* ------------------------------------------------------------ *\
	# (max-width: 767px)
\* ------------------------------------------------------------ */
@media (max-width: 767px) {
	section[data-menu-group="dashboard"] { position: absolute; top: 0; left: 0; width: 100%; transform: none; }

	.game-guide { bottom: -100%; padding: 10px 10px; transition: .5s all; }
	.game-guide.active { bottom: 0; }
	.game-guide .content .btn { padding: 2px 10px; margin-bottom: 5px; vertical-align: bottom; }
	.game-guide .close { display: none; }
	.game-guide.active .close { display: block; top: 5px; right: 5px; height: 22px; width: 22px; z-index: 105; }
	.game-guide.active .close:before,
	.game-guide.active .close:after { background: #ffffff; }
	.game-guide #show_guide { display: block; position: fixed; right: 10px; bottom: 10px;  width: 30px; height: 30px; filter: drop-shadow(0px 0px 2.5px #00d32e); filter: drop-shadow(0px 0px 2.5px var(--color-primary)); animation: glow 2s infinite; }
	.game-guide.active .content { display: block; }

	.background-landing { height: 100vh; }
	.form-login,
	.form-registration,
	.form-password { padding: 25px 20px 10px; }
	.form-login .btn-gloss,
	.form-password .btn-gloss,
	.form-registration .btn-gloss { padding: 5px 15px; margin: 0 5px 0 0; }
	.information { padding: 25px 15px; width: 100%; }
	.information[data-menu-group] { width: 478px; }
	.landing.login { width: 75%; }
	.animator { max-height: 180px; right: 0; max-width: 100px; bottom: 0; pointer-events: none; }
	.interreg { display: none; }
	.interreg-mobile { display: block; width: 125px; height: auto; }
	.bgguide-logo { position: fixed; top: 60px; border-radius: 8px; right: 10px; width: 100px; height: auto;  }
	.btns-store { bottom: 5px; z-index: 0; }

	.dashboard-nav li .picture > img { max-width: 50px; }
	.dashboard-nav.nav-left li:hover .picture > img { width: 60px; max-width: 60px; filter: drop-shadow(2px 2px 10px #00d32e); filter: drop-shadow(2px 2px 10px var(--color-primary)); }
	.profile { text-align: center; }
	.profile .picture { display: block; margin: 0 auto; width: 100px; height: auto; }
	.profile .picture img { width: 100px; height: 100px; }
	.profile .profile-info { padding: 0; width: 100%; }
	.status .title { font-size: 1.225rem; line-height: 1.2; padding: 5px; }
	.status ul li .label,
	.status ul li .price { font-size: 1rem; line-height: 1.2; }

	.ui-list-selection { width: 100%; }

	/*ranklist*/
	.ui-rankings { padding: 0 20px 20px; max-height: 100vh; }
	.ui-rankings .heading { position: relative; top: 0; }
	.ui-rankings .heading .picture { width: 120px; }
	.ui-rankings .heading .ribbon-extended { font-size: 24px; }
	.ui-rankings .ranklist { padding: 0; min-width: 300px; max-height: calc(100vh - 170px); }

	/*estates*/
	.ui-dashboard-estates .estates { max-height: 100%; padding: 0 10px; margin: 0 auto; }

	/*shop*/
	.ui-shop-contents { position: static; height: 100%; border-radius: 0 0 12px 12px; }
	.ui-shop-controls .selected { display: block; text-transform: uppercase; }
	.ui-shop-controls .selected + .ui-shop-tabs { display: none; position: absolute; left: 0; width: 100%; border-radius: 0 0 10px 10px; z-index: 102; }
	.ui-shop-controls.active > .selected + .ui-shop-tabs { display: block; }
	.ui-shop-tabs li { display: block; padding: 5px 0; border-top: 1px solid #00d32e; border-top: 1px solid var(--color-primary); animation: fade-in .6s; animation-fill-mode: forwards; }
	.ui-shop-tabs > li:first-child,
	.ui-shop-tabs > li:last-child { border-radius: 0; }
	.ui-shop-tabs > li.active:before { transform: scale3d(1, 1.1, 1); border-radius: 10px; }
	.ui-shop-tabs > li.active { border: none; }
	.ui-shop-tabs > li.active + li { border: none; }
	.ui-list-content,
	.ui-list-sidebar { width: 100%; }
	.ui-list-tabs { max-height: 210px; }
	.ui-list-tab-contents { min-height: 400px; height: calc(100vh - 270px); }
	.ui-list-tab-content { padding: 10px; }
	.ui-list-tab-content .choices-label, .ui-list-tab-content .short-description,
	.ui-list-tab-content .choices-label, .ui-list-tab-content .short-description { margin: 0; }
	.fullsize-avatar { margin-bottom: 0; }
	.fullsize-avatar .fullsize-avatar-image { height: 150px; vertical-align: middle; margin-bottom: 0; }
	.fullsize-avatar figure { text-align: center; font-size: 0; line-height: 0; }
	.fullsize-avatar figcaption { display: block; padding: 0; vertical-align: middle; text-align: center; }
	.ui-list-tab-content .price { left: auto; top: 15px; right: 15px; }
	.ui-list-tab-content .choices { padding: 0; }
	.pad-advertising .choices .choose { width: auto; margin-right: 5px; }
	.pad-advertising .choices p { padding: 0 0 10px; }
	.ui-list-tab { padding: 5px 10px; }
	.ui-list-tab .picture { width: 60px; height: 60px; }
	.ui-list-tab .picture > img { padding-top: 0; height: 60px; }
	.ui-list-tab .details { font-size: 0.85rem; margin-left: 10px; }
	.pads { padding: 10px; max-height: calc(100vh - 55px); border: 0; overflow: auto; text-align: center; }
	.pad { width: 85%; margin: 0 0 10px; padding: 5px; height: auto; }
	.pad .picture { padding: 5px; }
	.pad .picture > img { width: 100px; }
	.row-information .pad-information { width: calc(100% - 140px); }
	.row-information .pad-information { font-size: 0.85rem; }
	.pad-advertising .description { height: auto; }

	.info-tooltip .tooltip-content { max-width: 350px; left: auto; right: -20px; }
	.form-hotel-name .form-row { width: 100%; }

	/*finances*/
	section.ui-dashboard-finances { top: 50%; left: 50%; transform: translate(-50%, -50%); }
	section.ui-dashboard-profile { top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100vh; overflow: auto; }

	.texture-404 { right: 25px; bottom: -20%; max-width: 275px; }
	.content-404 { font-size: 12px; width: 100%; }
	.content-404 .btn { font-size: 1.5em; }
}
/* ------------------------------------------------------------ *\
	# (max-width: 479px)
\* ------------------------------------------------------------ */
@media (max-width: 479px) {
	.interreg-mobile { display: block; width: 85px; height: auto; }
	
	.navigation { z-index: 2; }
	.nav-left .ribbon { font-size: 18px; }
	/*.game-guide .content:after { content: ''; display: block; clear: both; }*/
	.game-guide .content { text-align: right; }
	.game-guide .content .text { width: 100%; margin-bottom: 5px; text-align: left; }
	.game-guide .content .btn { margin: 0 0 5px; vertical-align: middle; }
	.game-guide .content .btn-secondary { margin-right: 10px; }
	main.select-location .game-guide .text { margin: 0; }
	main.select-location .game-guide { width: 100%; }
	main.select-location .game-guide .btn { padding: 0 15px; margin-bottom: 0; }
	.select-location .season-dashboard { bottom: auto; top: 50px; }


	.funds { padding: 2.5px 15px; font-size: 18px; }
	.ui-dashboard-profile { min-width: 320px; width: 100%; padding: 15px 20px; }
	.ui-dashboard-properties { padding: 0 10px; }

	.estates .picture { width: 100%; }
	.estates .picture img { display: block; margin: 0 auto 5px; }
	.estates .picture .price { margin-bottom: 0; }
	.estates .content { width: 100%; padding: 10px; }

	.profile .profile-info .type { line-height: 1.5; }
	.profile .profile-info .short-description { min-height: auto; }
	.boxes-picture { padding: 0; }
	.box-properties { padding: 10px; min-width: 300px; text-align: left; margin: 10px 0; width: 100%; }

	.btns-properties { padding: 0; }
	.btns-properties .btn-primary,
	.btns-stats .btn-primary { padding: 5px 15px; }
	.box-properties .chart { margin-bottom: 15px; padding: 0; width: 100%; height: 200px; }
	.estate-info { padding: 15px 0 0; }
	.ui-dashboard-finances { padding: 25px; }
	.ui-dashboard-finances ul { min-width: 300px; }
	.financial-status li { padding: 5px; }
	.room-properties { padding: 5px; }
	.form-dashboard { width: 100%; padding: 20px; }

	.interreg { display: none; }
	.bgguide-logo { position: fixed; top: 45px; border-radius: 8px; right: 10px; width: 65px; height: auto;  }
	.bgguide-logo { position: fixed; top: 45px; border-radius: 8px; right: 10px; width: 65px; height: auto;  }
	.landing.login ~ .animator { opacity: 0; pointer-events: none; transition: .3s all; }

	.background-landing { height: 100vh; }
	.landing.login { width: 100%; }
	.landing.login .logo > img { width: 175px; }
	.form-login, .form-registration { padding: 25px 20px 10px; }
	.form-login .btn-gloss,
	.form-password .btn-gloss,
	.form-registration .btn-gloss { padding: 5px 15px; margin: 0 5px 0 0; }
	.btns-login { margin-bottom: 10px; }
	.form-password .form-title, .form-login .form-title { padding: 30px 0 15px; }
	.form-registration .form-title { font-size: 1.75rem; }
	.field { margin-bottom: 10px; }
	.information { padding: 25px 15px; }
	.information[data-menu-group] {  width: 100%; top: 0; left: 0; transform: none; height: 100vh; }
	.information[data-menu-group] .richtext { max-height: calc(100% - 50px); }

	/*shop*/
	.pad { max-height: 100%; width: 100%; }
	.pad .rooms,
	.pad .timer,
	.pad .support { text-align: left; padding-left: 0; }
	.pad .rooms > .label,
	.pad .support > .label,
	.pad .timer > .label { display: block; }
	.pad .rooms > .count,
	.pad .support > .price,
	.pad .timer > .time { margin-left: 0; }
	.pad .timer { padding-left: 0; }
	.pad .btn-primary { margin-right: 0; margin-top: 10px; }
	.pad .pad-information,
	.pad .description { margin-bottom: 0; }
	.pad-advertising { text-align: center; }
	.pad-advertising .picture { margin-right: 0; margin-bottom: 10px; }
	.pad-advertising .pad-information { width: 100%; }
	.pad-advertising .pad-information .title { font-size: 1.5em; }
	.pad-advertising .choices .choose { width: 30%; }
	.pad-advertising .choose label { padding-left: 0; text-align: left; }


	/*boxes*/
	.boxes-list-selection { padding: 0; margin: 0 auto 10px; }
	.info-tooltip .tooltip-content { max-width: 300px; left: auto; right: -20px; text-align: left; }
	.b-hotel-name { top: 80px; }
	.b-hotel-name .form-wrapper { padding: 15px; }
	.form-hotel-name { padding: 15px; }
	.form-hotel-name label { font-size: 24px; }
	.form-hotel-name input { padding: 5px; }
	.texture-404 { right: 0; bottom: -17.5%; max-width: 220px; }
	.content-404 { font-size: 10px; width: 100%; }
}
/* ------------------------------------------------------------ *\
	# (max-width: 359px)
\* ------------------------------------------------------------ */
@media (max-width: 359px) {
	
}
/*# sourceMappingURL=build.css.map */