@import url(https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Pangolin&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Londrina+Solid&display=swap);
@import url(https://use.typekit.net/ssz6crf.css);

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 30, 2018 */
@font-face {
	font-family:"lores-9-plus-wide";
	src:url("https://use.typekit.net/af/6eeb5a/00000000000000007735bf84/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/6eeb5a/00000000000000007735bf84/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/6eeb5a/00000000000000007735bf84/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-display:auto;font-style:normal;font-weight:700;
}
@font-face {
    font-family: 'Cafeta';
    src: url('cafeta__-webfont.woff2') format('woff2'),
         url('cafeta__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'NexaLight';
    src: url('nexa_light-webfont.woff2') format('woff2'),
         url('nexa_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'NexaBold';
    src: url('nexa_bold-webfont.woff2') format('woff2'),
         url('nexa_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
	font-family: 'GothamRounded-Bold';
	src: /* url('nexa_bold-webfont.woff2') format('woff2'), */
			 url('GothamRnd-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'GothamRounded-Book';
	src: url('GothamRnd-Book.eot');
	src: local('☺'), 
		url('GothamRnd-Book.woff') format('woff'), 
		url('GothamRnd-Book.ttf') format('truetype'), 
		url('GothamRnd-Book.svg') format('svg');
		font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamRounded-Medium';
	src: url('GothamRnd-Book.eot');
	src: local('☺'), 
		url('GothamRnd-Book.woff') format('woff'), 
		url('GothamRnd-Book.ttf') format('truetype'), 
		url('GothamRnd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NexaBold';
    src: url('nexa_bold-webfont.woff2') format('woff2'),
         url('nexa_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
	font-family: 'Josefin Sans';
	src: url('JosefinSans-SemiBold.eot');
	src: local('☺'), 
		url('JosefinSans-SemiBold.woff') format('woff'), 
		url('JosefinSans-SemiBold.ttf') format('truetype'), 
		url('JosefinSans-SemiBold.svg') format('svg');
		font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Josefin Sans';
	src: url('JosefinSans-SemiBoldItalic.eot');
	src: local('☺'), 
		url('JosefinSans-SemiBoldItalic.woff') format('woff'), 
		url('JosefinSans-SemiBoldItalic.ttf') format('truetype'), 
		url('JosefinSans-SemiBoldItalic.svg') format('svg');
		font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Josefin Sans';
	src: url('JosefinSans-Bold.eot');
	src: local('☺'), 
		url('JosefinSans-Bold.woff') format('woff'), 
		url('JosefinSans-Bold.ttf') format('truetype'), 
		url('JosefinSans-Bold.svg') format('svg');
		font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'SkaterGirlsRock';
	src: local('☺'), 
		url('SkaterGirlsRock.woff') format('woff'), 
		url('SkaterGirlsRock.ttf') format('truetype'), 
		url('SkaterGirlsRock.woff2') format('woff2');
		font-weight: normal;
	font-style: normal;
}
.anim_right {
  position: relative;
}
.anim_left {
  position: relative;
}
.anim_bottom, .anim_bottom_delay {
  position: relative;
}
.anim_top {
  position: relative;
}
.anim_fade {
  transition: opacity 0.3s;
  transition-timing-function: ease-out;
}
.btn_anim:active {
  transform: scale(1.03);
}
.btn_anim_small:active, a.btn_icon_right:active, a.btn_back:active, a.btn_small:active {
  font-size: 20px;
}
/*__________________________________________________________*/
/* generic */
.btn, a.btn_icon_right, a.btn_back, a.btn_small, a.btn_link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
textarea:focus, input:focus, button:focus {
  outline: none;
}
.clickable {
  cursor: pointer;
}
/*__________________________________________________________*/
a.btn_link {
  display: inline-block;
}
a.btn_back {
  background-image: url('assets/images/ui/btns/icon_back.png');
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-top: 2px;
  text-align: left;
}
a.btn_icon_right {
  display: flex;
  align-items: center;
}
a.btn_icon_right > img {
  margin-left: 10px;
}
/*__________________________________________________________*/
/* inputs */
input.regular {
  width: 330px;
  height: 30px;
  border: 0;
  background-color: transparent;
  background-image: url('assets/images/ui/btns/bg_input.png');
  padding: 0px 10px;
}
input.regular:not(:first-child) {
  margin-top: 13px;
}
input[type=checkbox]:checked + label {
  background-image: url('assets/images/ui/inputs/checkbox-checked.png');
  background-repeat: no-repeat;
}
input[type=checkbox] + label {
  background-image: url('assets/images/ui/inputs/checkbox.png');
  background-repeat: no-repeat;
  padding-left: 38px;
  padding-top: 5px;
  padding-bottom: 7px;
  cursor: pointer;
}
.anim_right {
  position: relative;
}
.anim_left {
  position: relative;
}
.anim_bottom, .anim_bottom_delay {
  position: relative;
}
.anim_top {
  position: relative;
}
.anim_fade {
  transition: opacity 0.3s;
  transition-timing-function: ease-out;
}
.btn_anim:active {
  transform: scale(1.03);
}
.btn_anim_small:active, a.btn_small:active, a.btn_back:active, a.btn_icon_right:active {
  font-size: 20px;
}
.rotatedevice {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: #1a425f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rotatedevice > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rotatedevice .rotatedevice_icon {
  background-repeat: no-repeat;
  width: 321px;
  height: 400px;
}
.rotatedevice .rotatedevice_text {
  margin-top: 50px;
  font-size: 48px;
  color: white;
}
@media only screen and (orientation: portrait) {
  .rotatedevice {
    display: flex;
  }
}
@media only screen and (orientation: landscape) {
  .rotatedevice {
    display: none;
  }
}
html, body {
  width: 100%;
  height: 100%;
}
body {
  margin: 0;
  overflow: hidden;
}
p {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  margin-bottom: 0;
  margin-top: 0;
}
app-root {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  background-color: black;
}
.cafeta_32 {
  font-family: "Cafeta";
  font-size: 32px;
  letter-spacing: 0px;
}
.gothamrounded_bold_21, a.btn_back, a.btn_icon_right {
  font-family: "GothamRounded-Bold";
  font-size: 21px;
  letter-spacing: 0px;
}
.cafeta_25 {
  font-family: "Cafeta";
  font-size: 25px;
  letter-spacing: 0px;
}
input.regular::-moz-placeholder {
  font-family: "NexaLight";
  font-size: 16px;
  letter-spacing: 0px;
}
.nexalight_16, input.regular, input.regular::placeholder {
  font-family: "NexaLight";
  font-size: 16px;
  letter-spacing: 0px;
}
.nexalight_13, a.btn_link {
  font-family: "NexaLight";
  font-size: 13px;
  letter-spacing: 0px;
  text-decoration: underline;
}
.cafeta_27 {
  font-family: "Cafeta";
  font-size: 27px;
  letter-spacing: 0px;
}
.cafeta_36 {
  font-family: "Cafeta";
  font-size: 36px;
  letter-spacing: 0px;
}
.cafeta_36_percent {
  font-family: "Cafeta";
  font-size: 36px;
  letter-spacing: 3px;
}
.cafeta_17 {
  font-family: "Cafeta";
  font-size: 17px;
  letter-spacing: 0px;
}
.cafeta_22 {
  font-family: "Cafeta";
  font-size: 22px;
  letter-spacing: 0px;
}
.cafeta_52 {
  font-family: "Cafeta";
  font-size: 52px;
  letter-spacing: 0px;
}
.chicago_19 {
  font-family: "Chicago";
  font-size: 19px;
  letter-spacing: 0px;
}
.cafeta_26 {
  font-family: "Cafeta";
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 23px;
}
.gothamrounded_book_17 {
  font-family: "GothamRounded-Book";
  font-size: 17px;
  letter-spacing: 0px;
}
.nexabold_18 {
  font-family: "NexaBold";
  font-size: 18px;
  letter-spacing: 0px;
}
.nexabold_25 {
  font-family: "NexaBold";
  font-size: 25px;
  letter-spacing: 0px;
}
.nexabold_40 {
  font-family: "NexaBold";
  font-size: 40px;
  letter-spacing: 0px;
}
.nexabold_68 {
  font-family: "NexaBold";
  font-size: 68px;
  letter-spacing: 0px;
}
.cafeta_73 {
  font-family: "Cafeta";
  font-size: 73px;
  letter-spacing: 0px;
}
.cafeta_80 {
  font-family: "Cafeta";
  font-size: 80px;
  letter-spacing: 0px;
}
.gothamrounded_medium_17 {
  font-family: "GothamRounded-Medium";
  font-size: 17px;
  letter-spacing: 0px;
}
.chicago_21 {
  font-family: "NexaBold";
  font-size: 21px;
  letter-spacing: 0px;
}
.cafeta_29 {
  font-family: "Cafeta";
  font-size: 29px;
  letter-spacing: 0px;
}
.cafeta_42 {
  font-family: "Cafeta";
  font-size: 42px;
  letter-spacing: 0px;
}
.cafeta_38 {
  font-family: "Cafeta";
  font-size: 38px;
  letter-spacing: 0px;
}
.gothamrounded_book_19 {
  font-family: "GothamRounded-Book";
  font-size: 19px;
  letter-spacing: 0px;
}
.gothamrounded_medium_21 {
  font-family: "GothamRounded-Medium";
  font-size: 21px;
  letter-spacing: 0px;
}
.gothamrounded_medium_19 {
  font-family: "GothamRounded-Medium";
  font-size: 19px;
  letter-spacing: 0px;
}
.nexabold_15 {
  font-family: "NexaBold";
  font-size: 15px;
  letter-spacing: 0px;
}
.nexabold_22 {
  font-family: "NexaBold";
  font-size: 22px;
  letter-spacing: 0px;
}
.nexabold_19 {
  font-family: "NexaBold";
  font-size: 19px;
  letter-spacing: 0px;
}
.cafeta_31 {
  font-family: "Cafeta";
  font-size: 31px;
  letter-spacing: 0px;
}
.nexabold_17 {
  font-family: "NexaBold";
  font-size: 17px;
  letter-spacing: 0px;
}
.gothamrounded_book_14 {
  font-family: "GothamRounded-Book";
  font-size: 14px;
  letter-spacing: 0px;
}
.cafeta_21 {
  font-family: "Cafeta";
  font-size: 21px;
  letter-spacing: 0px;
}
.gothamrounded_bookitalic_19 {
  font-family: "GothamRounded-Book";
  font-size: 19px;
  letter-spacing: 0px;
  font-style: italic;
}
.nexabold_21 {
  font-family: "NexaBold";
  font-size: 21px;
  letter-spacing: 0px;
}
.nexabold_69 {
  font-family: "NexaBold";
  font-size: 69px;
  letter-spacing: 0px;
}
.cafeta_24 {
  font-family: "Cafeta";
  font-size: 24px;
  letter-spacing: 0px;
}
.gothamrounded_book_15 {
  font-family: "GothamRounded-Book";
  font-size: 15px;
  letter-spacing: 0px;
}
input.regular::-moz-placeholder {
  text-align: left;
}
.text_left, a.btn_link, input.regular, input.regular::placeholder {
  text-align: left;
}
.text_right {
  text-align: right;
}
.text_center {
  text-align: center;
}
.text_justify {
  text-align: justify;
}
.col_light, a.btn_link:active, a.btn_back, a.btn_icon_right {
  color: #fff;
}
.col_tonic {
  color: #ebce45;
}
.col_blue {
  color: #418fde;
}
.col_red {
  color: #c21c37;
}
/*-- characters --*/
.col_ben {
  color: #b03131;
}
.col_joseph {
  color: #418f71;
}
.col_alice {
  color: #dba818;
}
.col_grey, a.btn_link {
  color: #a4a8ad;
}
input.regular::-moz-placeholder {
  color: #000;
}
.col_dark, input.regular, input.regular::placeholder {
  color: #000;
}
.col_danger {
  color: #B00;
}
.col_warning {
  color: #fa0;
}
.col_valid {
  color: #0a0;
}
.col_D68424 {
  color: #D68424;
}
.glow {
  text-shadow: 0 0 8px #4cd4fb;
}
.glow_white {
  text-shadow: 0 0 5px #ffffff;
}
.glow_title {
  text-shadow: 0 0 4px #ebce45;
}
.glow_red {
  text-shadow: 0 0 4px #eb4568;
}
.glow_desc {
  text-shadow: 0 0 9px #3dbef4;
}
.scaled_container {
  position: absolute;
  width: 1200px;
  height: 675px;
  top: 50%;
  left: 50%;
  overflow: hidden;
}
.background {
  width: 1200px;
  height: 675px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.cache_modal {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #001122;
  opacity: 0.95;
}
.center_container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.container_bottom {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -100%);
}
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal_container {
  background-color: #16222c;
  opacity: 0.9;
  border-radius: 25px;
  padding: 35px 70px;
  padding-bottom: 66px;
}
/*__________________________________________________________*/
/* application */
.linesep {
  background-image: url('assets/images/pages/common/linesep.png');
  width: 364px;
  height: 14px;
}
.logo {
  background-image: url('assets/images/pages/home/logo.png');
  width: 435px;
  height: 435px;
}

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