@media only screen and (max-width: 1440px) {
  .dfxxl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .dnxxl {
    display: none !important; }
  .w100xxl {
    width: 100% !important; }
  .rxxl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important; }
  .rrxxl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    width: 100% !important; }
  .cxxl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .crxxl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; } }

@media only screen and (max-width: 1260px) {
  .h10-xl {
    height: 10% !important; } }

@media only screen and (max-width: 1260px) {
  .dfxl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .dnxl {
    display: none !important; }
  .w100xl {
    width: 100% !important; }
  .mw100xl {
    max-width: 100% !important; }
  .h100xl {
    height: 100% !important; }
  .rxl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important; }
  .rrxl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    width: 100% !important; }
  .cxl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .crxl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .tacxl {
    text-align: center !important; } }

@media only screen and (max-width: 1080px) {
  .dflg {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .dnlg {
    display: none !important; }
  .w100lg {
    width: 100% !important; }
  .rlg {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important; }
  .rrlg {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    width: 100% !important; }
  .clg {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .crlg {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; } }

@media only screen and (max-width: 900px) {
  .dfml, header > div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .dnml, header nav {
    display: none !important; }
  .w100ml {
    width: 100% !important; }
  .rml {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important; }
  .rrml {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    width: 100% !important; }
  .cml {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .crml {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; } }

@media only screen and (max-width: 720px) {
  .dfmd {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .dnmd {
    display: none !important; }
  .prmd22 {
    padding-right: 2.2rem !important; }
  .w100md {
    width: 100% !important; }
  .rmd {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important; }
  .rrmd {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    width: 100% !important; }
  .cmd {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .crmd {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; } }

@media only screen and (max-width: 540px) {
  .dfsm {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .dnsm {
    display: none !important; }
  .w100sm {
    width: 100% !important; }
  .rsm {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important; }
  .rrsm {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    width: 100% !important; }
  .csm {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .crsm {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; } }

@media only screen and (max-width: 360px) {
  .dfxs {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .dnxs {
    display: none !important; }
  .w100xs {
    width: 100% !important; }
  .rxs {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 100% !important; }
  .rrxs {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    width: 100% !important; }
  .cxs {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .crxs {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; } }

.dn, header > div nav, header > div input {
  display: none; }

.r, #app #profile_window .profile-image, #app_container.project-dash header, #app_container.project-single header, header, header > a, header > div nav a, header > div label, header nav, header nav a,
.rxs,
.rsm,
.rmd,
.rml,
.rlg,
.rxl,
.rxxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.rr,
.rrxs,
.rrsm,
.rrmd,
.rrml,
.rrlg,
.rrxl,
.rrxxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.c, #app #profile_window, #window #window_content_block #update_profile, header > div nav, #page_front main section,
.cxs,
.csm,
.cmd,
.cml,
.clg,
.cxl,
.cxxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.cr,
.crxs,
.crsm,
.crmd,
.crml,
.crlg,
.crxl,
.crxxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.jfe, header nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.jfs, header > a, #page_front main section {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.jc, #app #profile_window, #app #profile_window .profile-image, #window #window_content_block #update_profile, #app_container.project-dash header, #app_container.project-single header, header > div, header > div nav a, header > div label, header nav a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.jse {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.jsb, header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.jsa {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.afe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.afs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.ac, #app #profile_window, #app #profile_window .profile-image, #window #window_content_block #update_profile, #app_container.project-dash header, #app_container.project-single header, header, header > div, header > div nav a, header > div label, header nav, header nav a, #page_front main section {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.as {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.ab {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.acfe {
  -ms-flex-line-pack: end;
  align-content: flex-end; }

.acfs {
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.acc {
  -ms-flex-line-pack: center;
  align-content: center; }

.acs {
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.acsa {
  -ms-flex-line-pack: distribute;
  align-content: space-around; }

.acsb {
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.m0, body, header > div nav, header nav, #page_front main h3, #page_front main p, footer h3, footer p {
  margin: 0; }

.dn, header > div nav, header > div input {
  display: none !important; }

.dfxxl {
  display: none; }

.dnxxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dfxl {
  display: none; }

.dnxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dflg {
  display: none; }

.dnlg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dfml, header > div {
  display: none; }

.dnml, header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dfmd {
  display: none; }

.dnmd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dfsm {
  display: none; }

.dnsm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dfxs {
  display: none; }

.dnxs {
  display: none !important; }

.w0 {
  width: 0; }

.w10 {
  width: 10%; }

.w20 {
  width: 20%; }

.w25, header > a {
  width: 25%; }

.w30 {
  width: 30%; }

.w40 {
  width: 40%; }

.w50 {
  width: 50%; }

.w60 {
  width: 60%; }

.w70 {
  width: 70%; }

.w75, header nav {
  width: 75%; }

.w80 {
  width: 80%; }

.w90, header > div nav a {
  width: 90%; }

.w100, header, header > div nav, header > div nav a:hover, #page_front main section {
  width: 100%; }

.miw0 {
  min-width: 0; }

.miw10 {
  min-width: 10%; }

.miw20 {
  min-width: 20%; }

.miw30 {
  min-width: 30%; }

.miw40 {
  min-width: 40%; }

.miw50 {
  min-width: 50%; }

.miw60 {
  min-width: 60%; }

.miw70 {
  min-width: 70%; }

.miw80 {
  min-width: 80%; }

.miw90 {
  min-width: 90%; }

.miw100 {
  min-width: 100%; }

.mwxxl, header, #page_front main {
  max-width: 1440px; }

.mwxl {
  max-width: 1260px; }

.mwlg {
  max-width: 1080px; }

.mwml {
  max-width: 900px; }

.mwmd {
  max-width: 720px; }

.mwsm {
  max-width: 540px; }

.mwxs {
  max-width: 360px; }

.mw0 {
  max-width: 0; }

.mw10 {
  max-width: 10%; }

.mw20 {
  max-width: 20%; }

.mw30 {
  max-width: 30%; }

.mw40 {
  max-width: 40%; }

.mw50 {
  max-width: 50%; }

.mw60 {
  max-width: 60%; }

.mw70 {
  max-width: 70%; }

.mw80 {
  max-width: 80%; }

.mw90 {
  max-width: 90%; }

.mw100 {
  max-width: 100%; }

.mw223 {
  max-width: 223px; }

.mwxxl, header, #page_front main {
  max-width: 1440px; }

.mwxl {
  max-width: 1260px; }

.mwlg {
  max-width: 1080px; }

.mwml {
  max-width: 900px; }

.mwmd {
  max-width: 720px; }

.mwsm {
  max-width: 540px; }

.mwxs {
  max-width: 360px; }

.h0 {
  height: 0; }

.h10 {
  height: 10%; }

.h20 {
  height: 20%; }

.h25 {
  height: 25%; }

.h30 {
  height: 30%; }

.h40 {
  height: 40%; }

.h50 {
  height: 50%; }

.h60 {
  height: 60%; }

.h70 {
  height: 70%; }

.h80 {
  height: 80%; }

.h90 {
  height: 90%; }

.h100 {
  height: 100%; }

.h0r {
  height: 0; }

.h01r {
  height: 0.1rem; }

.h02r {
  height: 0.2rem; }

.h03r {
  height: 0.3rem; }

.h04r {
  height: 0.4rem; }

.h05r {
  height: 0.5rem; }

.h06r {
  height: 0.6rem; }

.h07r {
  height: 0.7rem; }

.h08r {
  height: 0.8rem; }

.h09r {
  height: 0.9rem; }

.h1r {
  height: 1rem; }

.h2r {
  height: 2rem; }

.h3r {
  height: 3rem; }

.h4r {
  height: 4rem; }

.h5r, header, header > div nav a {
  height: 5rem; }

.h6r {
  height: 6rem; }

.h7r {
  height: 7rem; }

.h8r {
  height: 8rem; }

.h9r {
  height: 9rem; }

.mih0 {
  min-height: 0; }

.mih10 {
  min-height: 10%; }

.mih20 {
  min-height: 20%; }

.mih30 {
  min-height: 30%; }

.mih40 {
  min-height: 40%; }

.mih50 {
  min-height: 50%; }

.mih60 {
  min-height: 60%; }

.mih70 {
  min-height: 70%; }

.mih80 {
  min-height: 80%; }

.mih90 {
  min-height: 90%; }

.mih100 {
  min-height: 100%; }

.mh0 {
  max-height: 0; }

.mh10 {
  max-height: 10%; }

.mh20 {
  max-height: 20%; }

.mh30 {
  max-height: 30%; }

.mh40 {
  max-height: 40%; }

.mh50 {
  max-height: 50%; }

.mh60 {
  max-height: 60%; }

.mh70 {
  max-height: 70%; }

.mh80 {
  max-height: 80%; }

.mh90 {
  max-height: 90%; }

.mh100 {
  max-height: 100%; }

.p0 {
  padding: 0; }

.p1 {
  padding: 0.25rem; }

.p2 {
  padding: 0.5rem; }

.p3 {
  padding: 1rem; }

.p4 {
  padding: 1.5rem; }

.p5 {
  padding: 3rem; }

.pl0 {
  padding-left: 0; }

.pl1 {
  padding-left: 0.25rem; }

.pl2 {
  padding-left: 0.5rem; }

.pl3 {
  padding-left: 1rem; }

.pl4 {
  padding-left: 1.5rem; }

.pl5 {
  padding-left: 3rem; }

.pl20 {
  padding-top: 20px; }

.pr0 {
  padding-right: 0; }

.pr1 {
  padding-right: 0.25rem; }

.pr2 {
  padding-right: 0.5rem; }

.pr3 {
  padding-right: 1rem; }

.pr4 {
  padding-right: 1.5rem; }

.pr5 {
  padding-right: 3rem; }

.pt0 {
  padding-top: 0; }

.pt1 {
  padding-top: 0.25rem; }

.pt2 {
  padding-top: 0.5rem; }

.pt3 {
  padding-top: 1rem; }

.pt4 {
  padding-top: 1.5rem; }

.pt5 {
  padding-top: 3rem; }

.pt18 {
  padding-top: 18px; }

.pb0 {
  padding-bottom: 0; }

.pb1 {
  padding-bottom: 0.25rem; }

.pb2 {
  padding-bottom: 0.5rem; }

.pb3 {
  padding-bottom: 1rem; }

.pb4 {
  padding-bottom: 1.5rem; }

.pb5 {
  padding-bottom: 3rem; }

.py0 {
  padding-top: 0;
  padding-bottom: 0; }

.py1, #page_front main button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.py2, footer button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.py3, #page_front main button a, footer button a {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py4, #page_front main section {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.py5, header > div {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.px0 {
  padding-right: 0;
  padding-left: 0; }

.px1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem; }

.px2, header nav a, #page_front main, #page_front main button a, footer button a {
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

.px3, #page_front main h2, #page_front main button, footer h2 {
  padding-right: 1rem;
  padding-left: 1rem; }

.px4, footer button {
  padding-right: 1.5rem;
  padding-left: 1.5rem; }

.px5 {
  padding-right: 3rem;
  padding-left: 3rem; }

.m0, body, header > div nav, header nav, #page_front main h3, #page_front main p, footer h3, footer p {
  margin: auto; }

.m0, body, header > div nav, header nav, #page_front main h3, #page_front main p, footer h3, footer p {
  margin: 0; }

.m1 {
  margin: 0.25rem; }

.m2 {
  margin: 0.5rem; }

.m3 {
  margin: 1rem; }

.m4 {
  margin: 1.5rem; }

.m5 {
  margin: 3rem; }

.mla {
  margin-left: auto; }

.ml0 {
  margin-left: 0; }

.ml1 {
  margin-left: 0.25rem; }

.ml2, header > a img {
  margin-left: 0.5rem; }

.ml3 {
  margin-left: 1rem; }

.ml4, header > a {
  margin-left: 1.5rem; }

.ml5 {
  margin-left: 3rem; }

.mra {
  margin-right: auto; }

.mr0 {
  margin-right: 0; }

.mr1 {
  margin-right: 0.25rem; }

.mr2 {
  margin-right: 0.5rem; }

.mr3 {
  margin-right: 1rem; }

.mr4, header > div, header nav {
  margin-right: 1.5rem; }

.mr5 {
  margin-right: 3rem; }

.mta {
  margin-top: auto; }

.mt0 {
  margin-top: 0; }

.mt1 {
  margin-top: 0.25rem; }

.mt2, #page_front main p, footer p {
  margin-top: 0.5rem; }

.mt3 {
  margin-top: 1rem; }

.mt4, #page_front main h2, footer h2 {
  margin-top: 1.5rem; }

.mt5 {
  margin-top: 3rem; }

.mt6 {
  margin-top: 4em; }

.mba {
  margin-bottom: auto; }

.mb0 {
  margin-bottom: 0; }

.mb1 {
  margin-bottom: 0.25rem; }

.mb2, #page_front main h3, footer h3 {
  margin-bottom: 0.5rem; }

.mb3 {
  margin-bottom: 1rem; }

.mb4, #page_front main p, footer p {
  margin-bottom: 1.5rem; }

.mb5 {
  margin-bottom: 3rem; }

.mya {
  margin-top: auto;
  margin-bottom: auto; }

.my0, header, #page_front main {
  margin-top: 0;
  margin-bottom: 0; }

.my1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my3 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.my5 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.mxa, header, #page_front main {
  margin-right: auto;
  margin-left: auto; }

.mx0 {
  margin-right: 0;
  margin-left: 0; }

.mx1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem; }

.mx2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem; }

.mx3 {
  margin-right: 1rem;
  margin-left: 1rem; }

.mx4 {
  margin-right: 1.5rem;
  margin-left: 1.5rem; }

.mx5 {
  margin-right: 3rem;
  margin-left: 3rem; }

.fs075 {
  font-size: 0.75rem; }

.fs1 {
  font-size: 1rem; }

.fs15, header > div label, #page_front main p, #page_front main button, footer p, footer button {
  font-size: 1.5rem; }

.fs2, #page_front main h3, footer h3 {
  font-size: 2rem; }

.fs3, #page_front main h2, footer h2 {
  font-size: 3rem; }

.fs4 {
  font-size: 4rem; }

.fs5 {
  font-size: 5rem; }

.fw200, #page_front main p, footer p {
  font-weight: 200; }

.tac, #page_front main h2, #page_front main h3, #page_front main p, footer h3 {
  text-align: center !important; }

.tal, footer h2, footer p {
  text-align: left !important; }

.tar {
  text-align: right !important; }

.wsnw {
  white-space: nowrap; }

.hp, header > div nav a, header > div label, header nav a {
  cursor: default; }
  .hp:hover, header > div nav a:hover, header > div label:hover, header nav a:hover {
    cursor: pointer !important; }

.hc:hover, header > div label:hover, header nav a:hover {
  color: #97509e !important; }

.hbs:hover, header > div nav a:hover {
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3) !important; }

.lsn, header > div, header nav {
  list-style: none !important; }

.tdn, header > div nav a, header > div label, header nav a, #page_front main button a, footer button a {
  text-decoration: none; }

.fk {
  font-family: "Karla", sans-serif; }

.cw, header > div nav, header > div nav a, header > div label, header nav a, #page_front main h2, #page_front main h3, #page_front main p, #page_front main button a, footer h2, footer h3, footer p, footer button a {
  color: white; }

.cb {
  color: black; }

.cred {
  color: red; }

.bs, header > div nav {
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3); }

.bgac, #page_front main button, footer button {
  background-color: #97509e; }

.bgw {
  background-color: white; }

.bgb {
  background-color: black; }

.bt {
  background: transparent; }

.fdcr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.fdrr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.fdr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.fww {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.fwwr {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse; }

.fwnr {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.font1, #page_front main h1, #page_front main h2, #page_front main h3, footer h1, footer h2, footer h3 {
  font-family: "Futura", sans-serif; }

.font2, body {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; }

.font3 {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; }

.ts015e {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }

.ts50e, header > div nav a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.poa, header > div nav {
  position: absolute; }

.por {
  position: relative; }

.pof {
  position: fixed; }

.pos {
  position: -webkit-sticky;
  position: sticky; }

.posta {
  position: static; }

.ofv {
  overflow: visible !important; }

.br4 {
  border-radius: 4px; }

.br8 {
  border-radius: 8px; }

.br12 {
  border-radius: 12px; }

.br16 {
  border-radius: 16px; }

.br20 {
  border-radius: 20px; }

.bottom0 {
  bottom: 0; }

.hidden {
  display: none; }

.header-gap {
  margin-top: 64px; }

.bs, header > div nav {
  -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2), 0 8px 16px -8px rgba(0, 0, 0, 0.3); }

.tac, #page_front main h2, #page_front main h3, #page_front main p, footer h3 {
  text-align: center; }

.tar {
  text-align: right; }

.tal, footer h2, footer p {
  text-align: left; }

@media only screen and (max-width: 1540px) {
  .tac-xxl {
    text-align: center; } }

@media only screen and (max-width: 1200px) {
  .tac-xl {
    text-align: center; } }

@media only screen and (max-width: 1080px) {
  .tac-lg {
    text-align: center; } }

@media only screen and (max-width: 900px) {
  .tac-ml {
    text-align: center; } }

@media only screen and (max-width: 720px) {
  .tac-md {
    text-align: center; } }

@media only screen and (max-width: 540px) {
  .tac-sm {
    text-align: center; } }

@media only screen and (max-width: 360px) {
  .tac-xs {
    text-align: center; } }

@media only screen and (max-width: 1540px) {
  .tal-xxl {
    text-align: left; } }

@media only screen and (max-width: 1200px) {
  .tal-xl {
    text-align: left; } }

@media only screen and (max-width: 1080px) {
  .tal-lg {
    text-align: left; } }

@media only screen and (max-width: 900px) {
  .tal-ml {
    text-align: left; } }

@media only screen and (max-width: 720px) {
  .tal-md {
    text-align: left; } }

@media only screen and (max-width: 540px) {
  .tal-sm {
    text-align: left; } }

@media only screen and (max-width: 360px) {
  .tal-xs {
    text-align: left; } }

@media only screen and (max-width: 1540px) {
  .tar-xxl {
    text-align: right; } }

@media only screen and (max-width: 1200px) {
  .tar-xl {
    text-align: right; } }

@media only screen and (max-width: 1080px) {
  .tar-lg {
    text-align: right; } }

@media only screen and (max-width: 900px) {
  .tar-ml {
    text-align: right; } }

@media only screen and (max-width: 720px) {
  .tar-md {
    text-align: right; } }

@media only screen and (max-width: 540px) {
  .tar-sm {
    text-align: right; } }

@media only screen and (max-width: 360px) {
  .tar-xs {
    text-align: right; } }

@media only screen and (max-width: 1540px) {
  .c-r-xxl,
  .rr-r-xxl,
  .cr-r-xxl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .r-c-xxl,
  .rr-c-xxl,
  .cr-c-xxl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .r-rr-xxl,
  .c-rr-xxl,
  .cr-rr-xxl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .r-cr-xxl,
  .c-cr-xxl,
  .rr-cr-xxl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; } }

@media only screen and (max-width: 1200px) {
  .c-r-xl,
  .rr-r-xl,
  .cr-r-xl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .r-c-xl,
  .rr-c-xl,
  .cr-c-xl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .r-rr-xl,
  .c-rr-xl,
  .cr-rr-xl {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .r-cr-xl,
  .c-cr-xl,
  .rr-cr-xl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; } }

@media only screen and (max-width: 1080px) {
  .c-r-lg,
  .rr-r-lg,
  .cr-r-lg {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .r-c-lg,
  .rr-c-lg,
  .cr-c-lg {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .r-rr-lg,
  .c-rr-lg,
  .cr-rr-lg {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .r-cr-lg,
  .c-cr-lg,
  .rr-cr-lg {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; } }

@media only screen and (max-width: 900px) {
  .c-r-ml,
  .rr-r-ml,
  .cr-r-ml {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .r-c-ml,
  .rr-c-ml,
  .cr-c-ml {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .r-rr-ml,
  .c-rr-ml,
  .cr-rr-ml {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .r-cr-ml,
  .c-cr-ml,
  .rr-cr-ml {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; } }

@media only screen and (max-width: 720px) {
  .c-r-md,
  .rr-r-md,
  .cr-r-md {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .r-c-md,
  .rr-c-md,
  .cr-c-md {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .r-rr-md,
  .c-rr-md,
  .cr-rr-md {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .r-cr-md,
  .c-cr-md,
  .rr-cr-md {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; } }

@media only screen and (max-width: 540px) {
  .c-r-sm,
  .rr-r-sm,
  .cr-r-sm {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .r-c-sm,
  .rr-c-sm,
  .cr-c-sm {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .r-rr-sm,
  .c-rr-sm,
  .cr-rr-sm {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .r-cr-sm,
  .c-cr-sm,
  .rr-cr-sm {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; } }

@media only screen and (max-width: 360px) {
  .c-r-xs,
  .rr-r-xs,
  .cr-r-xs {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .r-c-xs,
  .rr-c-xs,
  .cr-c-xs {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .r-rr-xs,
  .c-rr-xs,
  .cr-rr-xs {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .r-cr-xs,
  .c-cr-xs,
  .rr-cr-xs {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; } }

.r, #app #profile_window .profile-image, #app_container.project-dash header, #app_container.project-single header, header, header > a, header > div nav a, header > div label, header nav, header nav a,
.r-c-xs, .r-c-sm, .r-c-md, .r-c-ml, .r-c-lg, .r-c-xl, .r-c-xxl,
.r-rr-xs, .r-rr-sm, .r-rr-md, .r-rr-ml, .r-rr-lg, .r-rr-xl, .r-rr-xxl,
.r-cr-xs, .r-cr-sm, .r-cr-md, .r-cr-ml, .r-cr-lg, .r-cr-xl, .r-cr-xxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.c, #app #profile_window, #window #window_content_block #update_profile, header > div nav, #page_front main section,
.c-r-xs, .c-r-sm, .c-r-md, .c-r-ml, .c-r-lg, .c-r-xl, .c-r-xxl,
.c-rr-xs, .c-rr-sm, .c-rr-md, .c-rr-ml, .c-rr-lg, .c-rr-xl, .c-rr-xxl,
.c-cr-xs, .c-cr-sm, .c-cr-md, .c-cr-ml, .c-cr-lg, .c-cr-xl, .c-cr-xxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.rr,
.rr-c-xs, .rr-c-sm, .rr-c-md, .rr-c-ml, .rr-c-lg, .rr-c-xl, .rr-c-xxl,
.rr-r-xs, .rr-r-sm, .rr-r-md, .rr-r-ml, .rr-r-lg, .rr-r-xl, .rr-r-xxl,
.rr-cr-xs, .rr-cr-sm, .rr-cr-md, .rr-cr-ml, .rr-cr-lg, .rr-cr-xl, .rr-cr-xxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.cr,
.cr-c-xs, .cr-c-sm, .cr-c-md, .cr-c-ml, .cr-c-lg, .cr-c-xl, .cr-c-xxl,
.cr-r-xs, .cr-r-sm, .cr-r-md, .cr-r-ml, .cr-r-lg, .cr-r-xl, .cr-r-xxl,
.cr-rr-xs, .cr-rr-sm, .cr-rr-md, .cr-rr-ml, .cr-rr-lg, .cr-rr-xl, .cr-rr-xxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

@media only screen and (max-width: 1540px) {
  .afe-xxl {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .afs-xxl {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .ac-xxl {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .as-xxl {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .ab-xxl {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .acfe-xxl {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .acfs-xxl {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .acc-xxl {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .acs-xxl {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .acsa-xxl {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .acsb-xxl {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .jfe-xxl {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .jfs-xxl {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .jc-xxl {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .jse-xxl {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important; }
  .jsb-xxl {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .jsa-xxl {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; } }

@media only screen and (max-width: 1200px) {
  .afe-xl {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .afs-xl {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .ac-xl {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .as-xl {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .ab-xl {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .acfe-xl {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .acfs-xl {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .acc-xl {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .acs-xl {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .acsa-xl {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .acsb-xl {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .jfe-xl {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .jfs-xl {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .jc-xl {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .jse-xl {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important; }
  .jsb-xl {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .jsa-xl {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; } }

@media only screen and (max-width: 1080px) {
  .afe-lg {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .afs-lg {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .ac-lg {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .as-lg {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .ab-lg {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .acfe-lg {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .acfs-lg {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .acc-lg {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .acs-lg {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .acsa-lg {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .acsb-lg {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .jfe-lg {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .jfs-lg {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .jc-lg {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .jse-lg {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important; }
  .jsb-lg {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .jsa-lg {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; } }

@media only screen and (max-width: 900px) {
  .afe-ml {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .afs-ml {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .ac-ml {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .as-ml {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .ab-ml {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .acfe-ml {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .acfs-ml {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .acc-ml {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .acs-ml {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .acsa-ml {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .acsb-ml {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .jfe-ml {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .jfs-ml {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .jc-ml {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .jse-ml {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important; }
  .jsb-ml {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .jsa-ml {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; } }

@media only screen and (max-width: 720px) {
  .afe-md {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .afs-md {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .ac-md {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .as-md {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .ab-md {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .acfe-md {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .acfs-md {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .acc-md {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .acs-md {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .acsa-md {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .acsb-md {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .jfe-md {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .jfs-md {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .jc-md {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .jse-md {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important; }
  .jsb-md {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .jsa-md {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; } }

@media only screen and (max-width: 540px) {
  .afe-sm {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .afs-sm {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .ac-sm {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .as-sm {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .ab-sm {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .acfe-sm {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .acfs-sm {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .acc-sm {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .acs-sm {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .acsa-sm {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .acsb-sm {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .jfe-sm {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .jfs-sm {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .jc-sm {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .jse-sm {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important; }
  .jsb-sm {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .jsa-sm {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; } }

@media only screen and (max-width: 360px) {
  .afe-xs {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .afs-xs {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .ac-xs {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .as-xs {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .ab-xs {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .acfe-xs {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .acfs-xs {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .acc-xs {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .acs-xs {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .acsa-xs {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .acsb-xs {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .jfe-xs {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .jfs-xs {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .jc-xs {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .jse-xs {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important; }
  .jsb-xs {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .jsa-xs {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; } }

.afe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.afs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.ac, #app #profile_window, #app #profile_window .profile-image, #window #window_content_block #update_profile, #app_container.project-dash header, #app_container.project-single header, header, header > div, header > div nav a, header > div label, header nav, header nav a, #page_front main section {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.as {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.ab {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.acfe {
  -ms-flex-line-pack: end;
  align-content: flex-end; }

.acfs {
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.acc {
  -ms-flex-line-pack: center;
  align-content: center; }

.acs {
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.acsa {
  -ms-flex-line-pack: distribute;
  align-content: space-around; }

.acsb {
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.jfe, header nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.jfs, header > a, #page_front main section {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.jc, #app #profile_window, #app #profile_window .profile-image, #window #window_content_block #update_profile, #app_container.project-dash header, #app_container.project-single header, header > div, header > div nav a, header > div label, header nav a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.jse {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.jsb, header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.jsa {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.fdcr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.fdrr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.fdr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.fww {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.fwwr {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse; }

.fwnr {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

@media only screen and (max-width: 1260px) {
  .c-r-1260,
  .rr-r-1260,
  .cr-r-1260 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .r-c-1260,
  .rr-c-1260,
  .cr-c-1260 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .r-rr-1260,
  .c-rr-1260,
  .cr-rr-1260 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .r-cr-1260,
  .c-cr-1260,
  .rr-cr-1260 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; } }

.ma {
  margin: auto; }

.m-uns {
  margin: unset; }

.m-ini {
  margin: initial; }

.m0, body, header > div nav, header nav, #page_front main h3, #page_front main p, footer h3, footer p {
  margin: 0; }

.m1 {
  margin: 0.25rem; }

.m2 {
  margin: 0.5rem; }

.m3 {
  margin: 1rem; }

.m4 {
  margin: 1.5rem; }

.m5 {
  margin: 3rem; }

.m6 {
  margin: 5rem; }

.mta {
  margin-top: auto; }

.mt-uns {
  margin-top: unset; }

.mt-ini {
  margin-top: initial; }

.mt0 {
  margin-top: 0; }

.mt1 {
  margin-top: 0.25rem; }

.mt2, #page_front main p, footer p {
  margin-top: 0.5rem; }

.mt3 {
  margin-top: 1rem; }

.mt4, #page_front main h2, footer h2 {
  margin-top: 1.5rem; }

.mt5 {
  margin-top: 3rem; }

.mt6 {
  margin-top: 5rem; }

.mra {
  margin-right: auto; }

.mr-uns {
  margin-right: unset; }

.mr-ini {
  margin-right: initial; }

.mr0 {
  margin-right: 0; }

.mr1 {
  margin-right: 0.25rem; }

.mr2 {
  margin-right: 0.5rem; }

.mr3 {
  margin-right: 1rem; }

.mr4, header > div, header nav {
  margin-right: 1.5rem; }

.mr5 {
  margin-right: 3rem; }

.mr6 {
  margin-right: 5rem; }

.mba {
  margin-bottom: auto; }

.mb-uns {
  margin-bottom: unset; }

.mb-ini {
  margin-bottom: initial; }

.mb0 {
  margin-bottom: 0; }

.mb1 {
  margin-bottom: 0.25rem; }

.mb2, #page_front main h3, footer h3 {
  margin-bottom: 0.5rem; }

.mb3 {
  margin-bottom: 1rem; }

.mb4, #page_front main p, footer p {
  margin-bottom: 1.5rem; }

.mb5 {
  margin-bottom: 3rem; }

.mb6 {
  margin-bottom: 5rem; }

.mla {
  margin-left: auto; }

.ml-uns {
  margin-left: unset; }

.ml-ini {
  margin-left: initial; }

.ml0 {
  margin-left: 0; }

.ml1 {
  margin-left: 0.25rem; }

.ml2, header > a img {
  margin-left: 0.5rem; }

.ml3 {
  margin-left: 1rem; }

.ml4, header > a {
  margin-left: 1.5rem; }

.ml5 {
  margin-left: 3rem; }

.ml6 {
  margin-left: 5rem; }

.mxa, header, #page_front main {
  margin-left: auto;
  margin-right: auto; }

.mx-uns {
  margin-left: unset;
  margin-right: unset; }

.mx-ini {
  margin-left: initial;
  margin-right: initial; }

.mx0 {
  margin-left: 0;
  margin-right: 0; }

.mx1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

.mx2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.mx3 {
  margin-left: 1rem;
  margin-right: 1rem; }

.mx4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

.mx5 {
  margin-left: 3rem;
  margin-right: 3rem; }

.mx6 {
  margin-left: 5rem;
  margin-right: 5rem; }

.mya {
  margin-top: auto;
  margin-bottom: auto; }

.my-uns {
  margin-top: unset;
  margin-bottom: unset; }

.my-ini {
  margin-top: initial;
  margin-bottom: initial; }

.my0, header, #page_front main {
  margin-top: 0;
  margin-bottom: 0; }

.my1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.my2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my3 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.my5 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.my6 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

@media only screen and (max-width: 1540px) {
  .ma-xxl {
    margin: auto !important; }
  .m-uns-xxl {
    margin: unset !important; }
  .m-ini-xxl {
    margin: initial !important; }
  .m0-xxl {
    margin: 0 !important; }
  .m1-xxl {
    margin: 0.25rem !important; }
  .m2-xxl {
    margin: 0.5rem !important; }
  .m3-xxl {
    margin: 1rem !important; }
  .m4-xxl {
    margin: 1.5rem !important; }
  .m5-xxl {
    margin: 3rem !important; }
  .m6-xxl {
    margin: 5rem !important; }
  .mta-xxl {
    margin-top: auto !important; }
  .mt-uns-xxl {
    margin-top: unset !important; }
  .mt-ini-xxl {
    margin-top: initial !important; }
  .mt0-xxl {
    margin-top: 0 !important; }
  .mt1-xxl {
    margin-top: 0.25rem !important; }
  .mt2-xxl {
    margin-top: 0.5rem !important; }
  .mt3-xxl {
    margin-top: 1rem !important; }
  .mt4-xxl {
    margin-top: 1.5rem !important; }
  .mt5-xxl {
    margin-top: 3rem !important; }
  .mt6-xxl {
    margin-top: 5rem !important; }
  .mra-xxl {
    margin-right: auto !important; }
  .mr-uns-xxl {
    margin-right: unset !important; }
  .mr-ini-xxl {
    margin-right: initial !important; }
  .mr0-xxl {
    margin-right: 0 !important; }
  .mr1-xxl {
    margin-right: 0.25rem !important; }
  .mr2-xxl {
    margin-right: 0.5rem !important; }
  .mr3-xxl {
    margin-right: 1rem !important; }
  .mr4-xxl {
    margin-right: 1.5rem !important; }
  .mr5-xxl {
    margin-right: 3rem !important; }
  .mr6-xxl {
    margin-right: 5rem !important; }
  .mba-xxl {
    margin-bottom: auto !important; }
  .mb-uns-xxl {
    margin-bottom: unset !important; }
  .mb-ini-xxl {
    margin-bottom: initial !important; }
  .mb0-xxl {
    margin-bottom: 0 !important; }
  .mb1-xxl {
    margin-bottom: 0.25rem !important; }
  .mb2-xxl {
    margin-bottom: 0.5rem !important; }
  .mb3-xxl {
    margin-bottom: 1rem !important; }
  .mb4-xxl {
    margin-bottom: 1.5rem !important; }
  .mb5-xxl {
    margin-bottom: 3rem !important; }
  .mb6-xxl {
    margin-bottom: 5rem !important; }
  .mla-xxl {
    margin-left: auto !important; }
  .ml-uns-xxl {
    margin-left: unset !important; }
  .ml-ini-xxl {
    margin-left: initial !important; }
  .ml0-xxl {
    margin-left: 0 !important; }
  .ml1-xxl {
    margin-left: 0.25rem !important; }
  .ml2-xxl {
    margin-left: 0.5rem !important; }
  .ml3-xxl {
    margin-left: 1rem !important; }
  .ml4-xxl {
    margin-left: 1.5rem !important; }
  .ml5-xxl {
    margin-left: 3rem !important; }
  .ml6-xxl {
    margin-left: 5rem !important; }
  .mxa-xxl {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mx-uns-xxl {
    margin-left: unset !important;
    margin-right: unset !important; }
  .mx-ini-xxl {
    margin-left: initial !important;
    margin-right: initial !important; }
  .mx0-xxl {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx1-xxl {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mx2-xxl {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mx3-xxl {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mx4-xxl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mx5-xxl {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mx6-xxl {
    margin-left: 5rem !important;
    margin-right: 5rem !important; }
  .mya-xxl {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .my-uns-xxl {
    margin-top: unset !important;
    margin-bottom: unset !important; }
  .my-ini-xxl {
    margin-top: initial !important;
    margin-bottom: initial !important; }
  .my0-xxl {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my1-xxl {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my2-xxl {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my3-xxl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my4-xxl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my5-xxl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my6-xxl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important; } }

@media only screen and (max-width: 1200px) {
  .ma-xl {
    margin: auto !important; }
  .m-uns-xl {
    margin: unset !important; }
  .m-ini-xl {
    margin: initial !important; }
  .m0-xl {
    margin: 0 !important; }
  .m1-xl {
    margin: 0.25rem !important; }
  .m2-xl {
    margin: 0.5rem !important; }
  .m3-xl {
    margin: 1rem !important; }
  .m4-xl {
    margin: 1.5rem !important; }
  .m5-xl {
    margin: 3rem !important; }
  .m6-xl {
    margin: 5rem !important; }
  .mta-xl {
    margin-top: auto !important; }
  .mt-uns-xl {
    margin-top: unset !important; }
  .mt-ini-xl {
    margin-top: initial !important; }
  .mt0-xl {
    margin-top: 0 !important; }
  .mt1-xl {
    margin-top: 0.25rem !important; }
  .mt2-xl {
    margin-top: 0.5rem !important; }
  .mt3-xl {
    margin-top: 1rem !important; }
  .mt4-xl {
    margin-top: 1.5rem !important; }
  .mt5-xl {
    margin-top: 3rem !important; }
  .mt6-xl {
    margin-top: 5rem !important; }
  .mra-xl {
    margin-right: auto !important; }
  .mr-uns-xl {
    margin-right: unset !important; }
  .mr-ini-xl {
    margin-right: initial !important; }
  .mr0-xl {
    margin-right: 0 !important; }
  .mr1-xl {
    margin-right: 0.25rem !important; }
  .mr2-xl {
    margin-right: 0.5rem !important; }
  .mr3-xl {
    margin-right: 1rem !important; }
  .mr4-xl {
    margin-right: 1.5rem !important; }
  .mr5-xl {
    margin-right: 3rem !important; }
  .mr6-xl {
    margin-right: 5rem !important; }
  .mba-xl {
    margin-bottom: auto !important; }
  .mb-uns-xl {
    margin-bottom: unset !important; }
  .mb-ini-xl {
    margin-bottom: initial !important; }
  .mb0-xl {
    margin-bottom: 0 !important; }
  .mb1-xl {
    margin-bottom: 0.25rem !important; }
  .mb2-xl {
    margin-bottom: 0.5rem !important; }
  .mb3-xl {
    margin-bottom: 1rem !important; }
  .mb4-xl {
    margin-bottom: 1.5rem !important; }
  .mb5-xl {
    margin-bottom: 3rem !important; }
  .mb6-xl {
    margin-bottom: 5rem !important; }
  .mla-xl {
    margin-left: auto !important; }
  .ml-uns-xl {
    margin-left: unset !important; }
  .ml-ini-xl {
    margin-left: initial !important; }
  .ml0-xl {
    margin-left: 0 !important; }
  .ml1-xl {
    margin-left: 0.25rem !important; }
  .ml2-xl {
    margin-left: 0.5rem !important; }
  .ml3-xl {
    margin-left: 1rem !important; }
  .ml4-xl {
    margin-left: 1.5rem !important; }
  .ml5-xl {
    margin-left: 3rem !important; }
  .ml6-xl {
    margin-left: 5rem !important; }
  .mxa-xl {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mx-uns-xl {
    margin-left: unset !important;
    margin-right: unset !important; }
  .mx-ini-xl {
    margin-left: initial !important;
    margin-right: initial !important; }
  .mx0-xl {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx1-xl {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mx2-xl {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mx3-xl {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mx4-xl {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mx5-xl {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mx6-xl {
    margin-left: 5rem !important;
    margin-right: 5rem !important; }
  .mya-xl {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .my-uns-xl {
    margin-top: unset !important;
    margin-bottom: unset !important; }
  .my-ini-xl {
    margin-top: initial !important;
    margin-bottom: initial !important; }
  .my0-xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my1-xl {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my2-xl {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my3-xl {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my4-xl {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my5-xl {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my6-xl {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important; } }

@media only screen and (max-width: 1080px) {
  .ma-lg {
    margin: auto !important; }
  .m-uns-lg {
    margin: unset !important; }
  .m-ini-lg {
    margin: initial !important; }
  .m0-lg {
    margin: 0 !important; }
  .m1-lg {
    margin: 0.25rem !important; }
  .m2-lg {
    margin: 0.5rem !important; }
  .m3-lg {
    margin: 1rem !important; }
  .m4-lg {
    margin: 1.5rem !important; }
  .m5-lg {
    margin: 3rem !important; }
  .m6-lg {
    margin: 5rem !important; }
  .mta-lg {
    margin-top: auto !important; }
  .mt-uns-lg {
    margin-top: unset !important; }
  .mt-ini-lg {
    margin-top: initial !important; }
  .mt0-lg {
    margin-top: 0 !important; }
  .mt1-lg {
    margin-top: 0.25rem !important; }
  .mt2-lg {
    margin-top: 0.5rem !important; }
  .mt3-lg {
    margin-top: 1rem !important; }
  .mt4-lg {
    margin-top: 1.5rem !important; }
  .mt5-lg {
    margin-top: 3rem !important; }
  .mt6-lg {
    margin-top: 5rem !important; }
  .mra-lg {
    margin-right: auto !important; }
  .mr-uns-lg {
    margin-right: unset !important; }
  .mr-ini-lg {
    margin-right: initial !important; }
  .mr0-lg {
    margin-right: 0 !important; }
  .mr1-lg {
    margin-right: 0.25rem !important; }
  .mr2-lg {
    margin-right: 0.5rem !important; }
  .mr3-lg {
    margin-right: 1rem !important; }
  .mr4-lg {
    margin-right: 1.5rem !important; }
  .mr5-lg {
    margin-right: 3rem !important; }
  .mr6-lg {
    margin-right: 5rem !important; }
  .mba-lg {
    margin-bottom: auto !important; }
  .mb-uns-lg {
    margin-bottom: unset !important; }
  .mb-ini-lg {
    margin-bottom: initial !important; }
  .mb0-lg {
    margin-bottom: 0 !important; }
  .mb1-lg {
    margin-bottom: 0.25rem !important; }
  .mb2-lg {
    margin-bottom: 0.5rem !important; }
  .mb3-lg {
    margin-bottom: 1rem !important; }
  .mb4-lg {
    margin-bottom: 1.5rem !important; }
  .mb5-lg {
    margin-bottom: 3rem !important; }
  .mb6-lg {
    margin-bottom: 5rem !important; }
  .mla-lg {
    margin-left: auto !important; }
  .ml-uns-lg {
    margin-left: unset !important; }
  .ml-ini-lg {
    margin-left: initial !important; }
  .ml0-lg {
    margin-left: 0 !important; }
  .ml1-lg {
    margin-left: 0.25rem !important; }
  .ml2-lg {
    margin-left: 0.5rem !important; }
  .ml3-lg {
    margin-left: 1rem !important; }
  .ml4-lg {
    margin-left: 1.5rem !important; }
  .ml5-lg {
    margin-left: 3rem !important; }
  .ml6-lg {
    margin-left: 5rem !important; }
  .mxa-lg {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mx-uns-lg {
    margin-left: unset !important;
    margin-right: unset !important; }
  .mx-ini-lg {
    margin-left: initial !important;
    margin-right: initial !important; }
  .mx0-lg {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx1-lg {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mx2-lg {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mx3-lg {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mx4-lg {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mx5-lg {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mx6-lg {
    margin-left: 5rem !important;
    margin-right: 5rem !important; }
  .mya-lg {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .my-uns-lg {
    margin-top: unset !important;
    margin-bottom: unset !important; }
  .my-ini-lg {
    margin-top: initial !important;
    margin-bottom: initial !important; }
  .my0-lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my1-lg {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my2-lg {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my3-lg {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my4-lg {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my5-lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my6-lg {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important; } }

@media only screen and (max-width: 900px) {
  .ma-ml {
    margin: auto !important; }
  .m-uns-ml {
    margin: unset !important; }
  .m-ini-ml {
    margin: initial !important; }
  .m0-ml {
    margin: 0 !important; }
  .m1-ml {
    margin: 0.25rem !important; }
  .m2-ml {
    margin: 0.5rem !important; }
  .m3-ml {
    margin: 1rem !important; }
  .m4-ml {
    margin: 1.5rem !important; }
  .m5-ml {
    margin: 3rem !important; }
  .m6-ml {
    margin: 5rem !important; }
  .mta-ml {
    margin-top: auto !important; }
  .mt-uns-ml {
    margin-top: unset !important; }
  .mt-ini-ml {
    margin-top: initial !important; }
  .mt0-ml {
    margin-top: 0 !important; }
  .mt1-ml {
    margin-top: 0.25rem !important; }
  .mt2-ml {
    margin-top: 0.5rem !important; }
  .mt3-ml {
    margin-top: 1rem !important; }
  .mt4-ml {
    margin-top: 1.5rem !important; }
  .mt5-ml {
    margin-top: 3rem !important; }
  .mt6-ml {
    margin-top: 5rem !important; }
  .mra-ml {
    margin-right: auto !important; }
  .mr-uns-ml {
    margin-right: unset !important; }
  .mr-ini-ml {
    margin-right: initial !important; }
  .mr0-ml {
    margin-right: 0 !important; }
  .mr1-ml {
    margin-right: 0.25rem !important; }
  .mr2-ml {
    margin-right: 0.5rem !important; }
  .mr3-ml {
    margin-right: 1rem !important; }
  .mr4-ml {
    margin-right: 1.5rem !important; }
  .mr5-ml {
    margin-right: 3rem !important; }
  .mr6-ml {
    margin-right: 5rem !important; }
  .mba-ml {
    margin-bottom: auto !important; }
  .mb-uns-ml {
    margin-bottom: unset !important; }
  .mb-ini-ml {
    margin-bottom: initial !important; }
  .mb0-ml {
    margin-bottom: 0 !important; }
  .mb1-ml {
    margin-bottom: 0.25rem !important; }
  .mb2-ml {
    margin-bottom: 0.5rem !important; }
  .mb3-ml {
    margin-bottom: 1rem !important; }
  .mb4-ml {
    margin-bottom: 1.5rem !important; }
  .mb5-ml {
    margin-bottom: 3rem !important; }
  .mb6-ml {
    margin-bottom: 5rem !important; }
  .mla-ml {
    margin-left: auto !important; }
  .ml-uns-ml {
    margin-left: unset !important; }
  .ml-ini-ml {
    margin-left: initial !important; }
  .ml0-ml {
    margin-left: 0 !important; }
  .ml1-ml {
    margin-left: 0.25rem !important; }
  .ml2-ml {
    margin-left: 0.5rem !important; }
  .ml3-ml {
    margin-left: 1rem !important; }
  .ml4-ml {
    margin-left: 1.5rem !important; }
  .ml5-ml {
    margin-left: 3rem !important; }
  .ml6-ml {
    margin-left: 5rem !important; }
  .mxa-ml {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mx-uns-ml {
    margin-left: unset !important;
    margin-right: unset !important; }
  .mx-ini-ml {
    margin-left: initial !important;
    margin-right: initial !important; }
  .mx0-ml {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx1-ml {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mx2-ml {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mx3-ml {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mx4-ml {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mx5-ml {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mx6-ml {
    margin-left: 5rem !important;
    margin-right: 5rem !important; }
  .mya-ml {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .my-uns-ml {
    margin-top: unset !important;
    margin-bottom: unset !important; }
  .my-ini-ml {
    margin-top: initial !important;
    margin-bottom: initial !important; }
  .my0-ml {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my1-ml {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my2-ml {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my3-ml {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my4-ml {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my5-ml {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my6-ml {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important; } }

@media only screen and (max-width: 720px) {
  .ma-md {
    margin: auto !important; }
  .m-uns-md {
    margin: unset !important; }
  .m-ini-md {
    margin: initial !important; }
  .m0-md {
    margin: 0 !important; }
  .m1-md {
    margin: 0.25rem !important; }
  .m2-md {
    margin: 0.5rem !important; }
  .m3-md {
    margin: 1rem !important; }
  .m4-md {
    margin: 1.5rem !important; }
  .m5-md {
    margin: 3rem !important; }
  .m6-md {
    margin: 5rem !important; }
  .mta-md {
    margin-top: auto !important; }
  .mt-uns-md {
    margin-top: unset !important; }
  .mt-ini-md {
    margin-top: initial !important; }
  .mt0-md {
    margin-top: 0 !important; }
  .mt1-md {
    margin-top: 0.25rem !important; }
  .mt2-md {
    margin-top: 0.5rem !important; }
  .mt3-md {
    margin-top: 1rem !important; }
  .mt4-md {
    margin-top: 1.5rem !important; }
  .mt5-md {
    margin-top: 3rem !important; }
  .mt6-md {
    margin-top: 5rem !important; }
  .mra-md {
    margin-right: auto !important; }
  .mr-uns-md {
    margin-right: unset !important; }
  .mr-ini-md {
    margin-right: initial !important; }
  .mr0-md {
    margin-right: 0 !important; }
  .mr1-md {
    margin-right: 0.25rem !important; }
  .mr2-md {
    margin-right: 0.5rem !important; }
  .mr3-md {
    margin-right: 1rem !important; }
  .mr4-md {
    margin-right: 1.5rem !important; }
  .mr5-md {
    margin-right: 3rem !important; }
  .mr6-md {
    margin-right: 5rem !important; }
  .mba-md {
    margin-bottom: auto !important; }
  .mb-uns-md {
    margin-bottom: unset !important; }
  .mb-ini-md {
    margin-bottom: initial !important; }
  .mb0-md {
    margin-bottom: 0 !important; }
  .mb1-md {
    margin-bottom: 0.25rem !important; }
  .mb2-md {
    margin-bottom: 0.5rem !important; }
  .mb3-md {
    margin-bottom: 1rem !important; }
  .mb4-md {
    margin-bottom: 1.5rem !important; }
  .mb5-md {
    margin-bottom: 3rem !important; }
  .mb6-md {
    margin-bottom: 5rem !important; }
  .mla-md {
    margin-left: auto !important; }
  .ml-uns-md {
    margin-left: unset !important; }
  .ml-ini-md {
    margin-left: initial !important; }
  .ml0-md {
    margin-left: 0 !important; }
  .ml1-md {
    margin-left: 0.25rem !important; }
  .ml2-md {
    margin-left: 0.5rem !important; }
  .ml3-md {
    margin-left: 1rem !important; }
  .ml4-md {
    margin-left: 1.5rem !important; }
  .ml5-md {
    margin-left: 3rem !important; }
  .ml6-md {
    margin-left: 5rem !important; }
  .mxa-md {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mx-uns-md {
    margin-left: unset !important;
    margin-right: unset !important; }
  .mx-ini-md {
    margin-left: initial !important;
    margin-right: initial !important; }
  .mx0-md {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx1-md {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mx2-md {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mx3-md {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mx4-md {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mx5-md {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mx6-md {
    margin-left: 5rem !important;
    margin-right: 5rem !important; }
  .mya-md {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .my-uns-md {
    margin-top: unset !important;
    margin-bottom: unset !important; }
  .my-ini-md {
    margin-top: initial !important;
    margin-bottom: initial !important; }
  .my0-md {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my1-md {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my2-md {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my3-md {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my4-md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my5-md {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my6-md {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important; } }

@media only screen and (max-width: 540px) {
  .ma-sm {
    margin: auto !important; }
  .m-uns-sm {
    margin: unset !important; }
  .m-ini-sm {
    margin: initial !important; }
  .m0-sm {
    margin: 0 !important; }
  .m1-sm {
    margin: 0.25rem !important; }
  .m2-sm {
    margin: 0.5rem !important; }
  .m3-sm {
    margin: 1rem !important; }
  .m4-sm {
    margin: 1.5rem !important; }
  .m5-sm {
    margin: 3rem !important; }
  .m6-sm {
    margin: 5rem !important; }
  .mta-sm {
    margin-top: auto !important; }
  .mt-uns-sm {
    margin-top: unset !important; }
  .mt-ini-sm {
    margin-top: initial !important; }
  .mt0-sm {
    margin-top: 0 !important; }
  .mt1-sm {
    margin-top: 0.25rem !important; }
  .mt2-sm {
    margin-top: 0.5rem !important; }
  .mt3-sm {
    margin-top: 1rem !important; }
  .mt4-sm {
    margin-top: 1.5rem !important; }
  .mt5-sm {
    margin-top: 3rem !important; }
  .mt6-sm {
    margin-top: 5rem !important; }
  .mra-sm {
    margin-right: auto !important; }
  .mr-uns-sm {
    margin-right: unset !important; }
  .mr-ini-sm {
    margin-right: initial !important; }
  .mr0-sm {
    margin-right: 0 !important; }
  .mr1-sm {
    margin-right: 0.25rem !important; }
  .mr2-sm {
    margin-right: 0.5rem !important; }
  .mr3-sm {
    margin-right: 1rem !important; }
  .mr4-sm {
    margin-right: 1.5rem !important; }
  .mr5-sm {
    margin-right: 3rem !important; }
  .mr6-sm {
    margin-right: 5rem !important; }
  .mba-sm {
    margin-bottom: auto !important; }
  .mb-uns-sm {
    margin-bottom: unset !important; }
  .mb-ini-sm {
    margin-bottom: initial !important; }
  .mb0-sm {
    margin-bottom: 0 !important; }
  .mb1-sm {
    margin-bottom: 0.25rem !important; }
  .mb2-sm {
    margin-bottom: 0.5rem !important; }
  .mb3-sm {
    margin-bottom: 1rem !important; }
  .mb4-sm {
    margin-bottom: 1.5rem !important; }
  .mb5-sm {
    margin-bottom: 3rem !important; }
  .mb6-sm {
    margin-bottom: 5rem !important; }
  .mla-sm {
    margin-left: auto !important; }
  .ml-uns-sm {
    margin-left: unset !important; }
  .ml-ini-sm {
    margin-left: initial !important; }
  .ml0-sm {
    margin-left: 0 !important; }
  .ml1-sm {
    margin-left: 0.25rem !important; }
  .ml2-sm {
    margin-left: 0.5rem !important; }
  .ml3-sm {
    margin-left: 1rem !important; }
  .ml4-sm {
    margin-left: 1.5rem !important; }
  .ml5-sm {
    margin-left: 3rem !important; }
  .ml6-sm {
    margin-left: 5rem !important; }
  .mxa-sm {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mx-uns-sm {
    margin-left: unset !important;
    margin-right: unset !important; }
  .mx-ini-sm {
    margin-left: initial !important;
    margin-right: initial !important; }
  .mx0-sm {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx1-sm {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mx2-sm {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mx3-sm {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mx4-sm {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mx5-sm {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mx6-sm {
    margin-left: 5rem !important;
    margin-right: 5rem !important; }
  .mya-sm {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .my-uns-sm {
    margin-top: unset !important;
    margin-bottom: unset !important; }
  .my-ini-sm {
    margin-top: initial !important;
    margin-bottom: initial !important; }
  .my0-sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my1-sm {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my2-sm {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my3-sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my4-sm {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my5-sm {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my6-sm {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important; } }

@media only screen and (max-width: 360px) {
  .ma-xs {
    margin: auto !important; }
  .m-uns-xs {
    margin: unset !important; }
  .m-ini-xs {
    margin: initial !important; }
  .m0-xs {
    margin: 0 !important; }
  .m1-xs {
    margin: 0.25rem !important; }
  .m2-xs {
    margin: 0.5rem !important; }
  .m3-xs {
    margin: 1rem !important; }
  .m4-xs {
    margin: 1.5rem !important; }
  .m5-xs {
    margin: 3rem !important; }
  .m6-xs {
    margin: 5rem !important; }
  .mta-xs {
    margin-top: auto !important; }
  .mt-uns-xs {
    margin-top: unset !important; }
  .mt-ini-xs {
    margin-top: initial !important; }
  .mt0-xs {
    margin-top: 0 !important; }
  .mt1-xs {
    margin-top: 0.25rem !important; }
  .mt2-xs {
    margin-top: 0.5rem !important; }
  .mt3-xs {
    margin-top: 1rem !important; }
  .mt4-xs {
    margin-top: 1.5rem !important; }
  .mt5-xs {
    margin-top: 3rem !important; }
  .mt6-xs {
    margin-top: 5rem !important; }
  .mra-xs {
    margin-right: auto !important; }
  .mr-uns-xs {
    margin-right: unset !important; }
  .mr-ini-xs {
    margin-right: initial !important; }
  .mr0-xs {
    margin-right: 0 !important; }
  .mr1-xs {
    margin-right: 0.25rem !important; }
  .mr2-xs {
    margin-right: 0.5rem !important; }
  .mr3-xs {
    margin-right: 1rem !important; }
  .mr4-xs {
    margin-right: 1.5rem !important; }
  .mr5-xs {
    margin-right: 3rem !important; }
  .mr6-xs {
    margin-right: 5rem !important; }
  .mba-xs {
    margin-bottom: auto !important; }
  .mb-uns-xs {
    margin-bottom: unset !important; }
  .mb-ini-xs {
    margin-bottom: initial !important; }
  .mb0-xs {
    margin-bottom: 0 !important; }
  .mb1-xs {
    margin-bottom: 0.25rem !important; }
  .mb2-xs {
    margin-bottom: 0.5rem !important; }
  .mb3-xs {
    margin-bottom: 1rem !important; }
  .mb4-xs {
    margin-bottom: 1.5rem !important; }
  .mb5-xs {
    margin-bottom: 3rem !important; }
  .mb6-xs {
    margin-bottom: 5rem !important; }
  .mla-xs {
    margin-left: auto !important; }
  .ml-uns-xs {
    margin-left: unset !important; }
  .ml-ini-xs {
    margin-left: initial !important; }
  .ml0-xs {
    margin-left: 0 !important; }
  .ml1-xs {
    margin-left: 0.25rem !important; }
  .ml2-xs {
    margin-left: 0.5rem !important; }
  .ml3-xs {
    margin-left: 1rem !important; }
  .ml4-xs {
    margin-left: 1.5rem !important; }
  .ml5-xs {
    margin-left: 3rem !important; }
  .ml6-xs {
    margin-left: 5rem !important; }
  .mxa-xs {
    margin-left: auto !important;
    margin-right: auto !important; }
  .mx-uns-xs {
    margin-left: unset !important;
    margin-right: unset !important; }
  .mx-ini-xs {
    margin-left: initial !important;
    margin-right: initial !important; }
  .mx0-xs {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx1-xs {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mx2-xs {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mx3-xs {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mx4-xs {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mx5-xs {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .mx6-xs {
    margin-left: 5rem !important;
    margin-right: 5rem !important; }
  .mya-xs {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .my-uns-xs {
    margin-top: unset !important;
    margin-bottom: unset !important; }
  .my-ini-xs {
    margin-top: initial !important;
    margin-bottom: initial !important; }
  .my0-xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my1-xs {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my2-xs {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my3-xs {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my4-xs {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my5-xs {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .my6-xs {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important; } }

.p-uns {
  padding: unset; }

.p-ini {
  padding: initial; }

.p0 {
  padding: 0; }

.p1 {
  padding: 0.25rem; }

.p2 {
  padding: 0.5rem; }

.p3 {
  padding: 1rem; }

.p4 {
  padding: 1.5rem; }

.p5 {
  padding: 3rem; }

.p6 {
  padding: 5rem; }

.pt-uns {
  padding-top: unset; }

.pt-ini {
  padding-top: initial; }

.pt0 {
  padding-top: 0; }

.pt1 {
  padding-top: 0.25rem; }

.pt2 {
  padding-top: 0.5rem; }

.pt3 {
  padding-top: 1rem; }

.pt4 {
  padding-top: 1.5rem; }

.pt5 {
  padding-top: 3rem; }

.pt6 {
  padding-top: 5rem; }

.pr-uns {
  padding-right: unset; }

.pr-ini {
  padding-right: initial; }

.pr0 {
  padding-right: 0; }

.pr1 {
  padding-right: 0.25rem; }

.pr2 {
  padding-right: 0.5rem; }

.pr3 {
  padding-right: 1rem; }

.pr4 {
  padding-right: 1.5rem; }

.pr5 {
  padding-right: 3rem; }

.pr6 {
  padding-right: 5rem; }

.pb-uns {
  padding-bottom: unset; }

.pb-ini {
  padding-bottom: initial; }

.pb0 {
  padding-bottom: 0; }

.pb1 {
  padding-bottom: 0.25rem; }

.pb2 {
  padding-bottom: 0.5rem; }

.pb3 {
  padding-bottom: 1rem; }

.pb4 {
  padding-bottom: 1.5rem; }

.pb5 {
  padding-bottom: 3rem; }

.pb6 {
  padding-bottom: 5rem; }

.pl-uns {
  padding-left: unset; }

.pl-ini {
  padding-left: initial; }

.pl0 {
  padding-left: 0; }

.pl1 {
  padding-left: 0.25rem; }

.pl2 {
  padding-left: 0.5rem; }

.pl3 {
  padding-left: 1rem; }

.pl4 {
  padding-left: 1.5rem; }

.pl5 {
  padding-left: 3rem; }

.pl6 {
  padding-left: 5rem; }

.px-uns {
  padding-left: unset;
  padding-right: unset; }

.px-ini {
  padding-left: initial;
  padding-right: initial; }

.px0 {
  padding-left: 0;
  padding-right: 0; }

.px1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

.px2, header nav a, #page_front main, #page_front main button a, footer button a {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.px3, #page_front main h2, #page_front main button, footer h2 {
  padding-left: 1rem;
  padding-right: 1rem; }

.px4, footer button {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.px5 {
  padding-left: 3rem;
  padding-right: 3rem; }

.px6 {
  padding-left: 5rem;
  padding-right: 5rem; }

.py-uns {
  padding-top: unset;
  padding-bottom: unset; }

.py-ini {
  padding-top: initial;
  padding-bottom: initial; }

.py0 {
  padding-top: 0;
  padding-bottom: 0; }

.py1, #page_front main button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

.py2, footer button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.py3, #page_front main button a, footer button a {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py4, #page_front main section {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.py5, header > div {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.py6 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

@media only screen and (max-width: 1540px) {
  .p-uns-xxl {
    padding: unset !important; }
  .p-ini-xxl {
    padding: initial !important; }
  .p0-xxl {
    padding: 0 !important; }
  .p1-xxl {
    padding: 0.25rem !important; }
  .p2-xxl {
    padding: 0.5rem !important; }
  .p3-xxl {
    padding: 1rem !important; }
  .p4-xxl {
    padding: 1.5rem !important; }
  .p5-xxl {
    padding: 3rem !important; }
  .p6-xxl {
    padding: 5rem !important; }
  .pt-uns-xxl {
    padding-top: unset !important; }
  .pt-ini-xxl {
    padding-top: initial !important; }
  .pt0-xxl {
    padding-top: 0 !important; }
  .pt1-xxl {
    padding-top: 0.25rem !important; }
  .pt2-xxl {
    padding-top: 0.5rem !important; }
  .pt3-xxl {
    padding-top: 1rem !important; }
  .pt4-xxl {
    padding-top: 1.5rem !important; }
  .pt5-xxl {
    padding-top: 3rem !important; }
  .pt6-xxl {
    padding-top: 5rem !important; }
  .pr-uns-xxl {
    padding-right: unset !important; }
  .pr-ini-xxl {
    padding-right: initial !important; }
  .pr0-xxl {
    padding-right: 0 !important; }
  .pr1-xxl {
    padding-right: 0.25rem !important; }
  .pr2-xxl {
    padding-right: 0.5rem !important; }
  .pr3-xxl {
    padding-right: 1rem !important; }
  .pr4-xxl {
    padding-right: 1.5rem !important; }
  .pr5-xxl {
    padding-right: 3rem !important; }
  .pr6-xxl {
    padding-right: 5rem !important; }
  .pb-uns-xxl {
    padding-bottom: unset !important; }
  .pb-ini-xxl {
    padding-bottom: initial !important; }
  .pb0-xxl {
    padding-bottom: 0 !important; }
  .pb1-xxl {
    padding-bottom: 0.25rem !important; }
  .pb2-xxl {
    padding-bottom: 0.5rem !important; }
  .pb3-xxl {
    padding-bottom: 1rem !important; }
  .pb4-xxl {
    padding-bottom: 1.5rem !important; }
  .pb5-xxl {
    padding-bottom: 3rem !important; }
  .pb6-xxl {
    padding-bottom: 5rem !important; }
  .pl-uns-xxl {
    padding-left: unset !important; }
  .pl-ini-xxl {
    padding-left: initial !important; }
  .pl0-xxl {
    padding-left: 0 !important; }
  .pl1-xxl {
    padding-left: 0.25rem !important; }
  .pl2-xxl {
    padding-left: 0.5rem !important; }
  .pl3-xxl {
    padding-left: 1rem !important; }
  .pl4-xxl {
    padding-left: 1.5rem !important; }
  .pl5-xxl {
    padding-left: 3rem !important; }
  .pl6-xxl {
    padding-left: 5rem !important; }
  .px-uns-xxl {
    padding-left: unset !important;
    padding-right: unset !important; }
  .px-ini-xxl {
    padding-left: initial !important;
    padding-right: initial !important; }
  .px0-xxl {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px1-xxl {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .px2-xxl {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .px3-xxl {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .px4-xxl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .px5-xxl {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .px6-xxl {
    padding-left: 5rem !important;
    padding-right: 5rem !important; }
  .py-uns-xxl {
    padding-top: unset !important;
    padding-bottom: unset !important; }
  .py-ini-xxl {
    padding-top: initial !important;
    padding-bottom: initial !important; }
  .py0-xxl {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py1-xxl {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py2-xxl {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py3-xxl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py4-xxl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py5-xxl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .py6-xxl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important; } }

@media only screen and (max-width: 1200px) {
  .p-uns-xl {
    padding: unset !important; }
  .p-ini-xl {
    padding: initial !important; }
  .p0-xl {
    padding: 0 !important; }
  .p1-xl {
    padding: 0.25rem !important; }
  .p2-xl {
    padding: 0.5rem !important; }
  .p3-xl {
    padding: 1rem !important; }
  .p4-xl {
    padding: 1.5rem !important; }
  .p5-xl {
    padding: 3rem !important; }
  .p6-xl {
    padding: 5rem !important; }
  .pt-uns-xl {
    padding-top: unset !important; }
  .pt-ini-xl {
    padding-top: initial !important; }
  .pt0-xl {
    padding-top: 0 !important; }
  .pt1-xl {
    padding-top: 0.25rem !important; }
  .pt2-xl {
    padding-top: 0.5rem !important; }
  .pt3-xl {
    padding-top: 1rem !important; }
  .pt4-xl {
    padding-top: 1.5rem !important; }
  .pt5-xl {
    padding-top: 3rem !important; }
  .pt6-xl {
    padding-top: 5rem !important; }
  .pr-uns-xl {
    padding-right: unset !important; }
  .pr-ini-xl {
    padding-right: initial !important; }
  .pr0-xl {
    padding-right: 0 !important; }
  .pr1-xl {
    padding-right: 0.25rem !important; }
  .pr2-xl {
    padding-right: 0.5rem !important; }
  .pr3-xl {
    padding-right: 1rem !important; }
  .pr4-xl {
    padding-right: 1.5rem !important; }
  .pr5-xl {
    padding-right: 3rem !important; }
  .pr6-xl {
    padding-right: 5rem !important; }
  .pb-uns-xl {
    padding-bottom: unset !important; }
  .pb-ini-xl {
    padding-bottom: initial !important; }
  .pb0-xl {
    padding-bottom: 0 !important; }
  .pb1-xl {
    padding-bottom: 0.25rem !important; }
  .pb2-xl {
    padding-bottom: 0.5rem !important; }
  .pb3-xl {
    padding-bottom: 1rem !important; }
  .pb4-xl {
    padding-bottom: 1.5rem !important; }
  .pb5-xl {
    padding-bottom: 3rem !important; }
  .pb6-xl {
    padding-bottom: 5rem !important; }
  .pl-uns-xl {
    padding-left: unset !important; }
  .pl-ini-xl {
    padding-left: initial !important; }
  .pl0-xl {
    padding-left: 0 !important; }
  .pl1-xl {
    padding-left: 0.25rem !important; }
  .pl2-xl {
    padding-left: 0.5rem !important; }
  .pl3-xl {
    padding-left: 1rem !important; }
  .pl4-xl {
    padding-left: 1.5rem !important; }
  .pl5-xl {
    padding-left: 3rem !important; }
  .pl6-xl {
    padding-left: 5rem !important; }
  .px-uns-xl {
    padding-left: unset !important;
    padding-right: unset !important; }
  .px-ini-xl {
    padding-left: initial !important;
    padding-right: initial !important; }
  .px0-xl {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px1-xl {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .px2-xl {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .px3-xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .px4-xl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .px5-xl {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .px6-xl {
    padding-left: 5rem !important;
    padding-right: 5rem !important; }
  .py-uns-xl {
    padding-top: unset !important;
    padding-bottom: unset !important; }
  .py-ini-xl {
    padding-top: initial !important;
    padding-bottom: initial !important; }
  .py0-xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py1-xl {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py2-xl {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py3-xl {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py4-xl {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py5-xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .py6-xl {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important; } }

@media only screen and (max-width: 1080px) {
  .p-uns-lg {
    padding: unset !important; }
  .p-ini-lg {
    padding: initial !important; }
  .p0-lg {
    padding: 0 !important; }
  .p1-lg {
    padding: 0.25rem !important; }
  .p2-lg {
    padding: 0.5rem !important; }
  .p3-lg {
    padding: 1rem !important; }
  .p4-lg {
    padding: 1.5rem !important; }
  .p5-lg {
    padding: 3rem !important; }
  .p6-lg {
    padding: 5rem !important; }
  .pt-uns-lg {
    padding-top: unset !important; }
  .pt-ini-lg {
    padding-top: initial !important; }
  .pt0-lg {
    padding-top: 0 !important; }
  .pt1-lg {
    padding-top: 0.25rem !important; }
  .pt2-lg {
    padding-top: 0.5rem !important; }
  .pt3-lg {
    padding-top: 1rem !important; }
  .pt4-lg {
    padding-top: 1.5rem !important; }
  .pt5-lg {
    padding-top: 3rem !important; }
  .pt6-lg {
    padding-top: 5rem !important; }
  .pr-uns-lg {
    padding-right: unset !important; }
  .pr-ini-lg {
    padding-right: initial !important; }
  .pr0-lg {
    padding-right: 0 !important; }
  .pr1-lg {
    padding-right: 0.25rem !important; }
  .pr2-lg {
    padding-right: 0.5rem !important; }
  .pr3-lg {
    padding-right: 1rem !important; }
  .pr4-lg {
    padding-right: 1.5rem !important; }
  .pr5-lg {
    padding-right: 3rem !important; }
  .pr6-lg {
    padding-right: 5rem !important; }
  .pb-uns-lg {
    padding-bottom: unset !important; }
  .pb-ini-lg {
    padding-bottom: initial !important; }
  .pb0-lg {
    padding-bottom: 0 !important; }
  .pb1-lg {
    padding-bottom: 0.25rem !important; }
  .pb2-lg {
    padding-bottom: 0.5rem !important; }
  .pb3-lg {
    padding-bottom: 1rem !important; }
  .pb4-lg {
    padding-bottom: 1.5rem !important; }
  .pb5-lg {
    padding-bottom: 3rem !important; }
  .pb6-lg {
    padding-bottom: 5rem !important; }
  .pl-uns-lg {
    padding-left: unset !important; }
  .pl-ini-lg {
    padding-left: initial !important; }
  .pl0-lg {
    padding-left: 0 !important; }
  .pl1-lg {
    padding-left: 0.25rem !important; }
  .pl2-lg {
    padding-left: 0.5rem !important; }
  .pl3-lg {
    padding-left: 1rem !important; }
  .pl4-lg {
    padding-left: 1.5rem !important; }
  .pl5-lg {
    padding-left: 3rem !important; }
  .pl6-lg {
    padding-left: 5rem !important; }
  .px-uns-lg {
    padding-left: unset !important;
    padding-right: unset !important; }
  .px-ini-lg {
    padding-left: initial !important;
    padding-right: initial !important; }
  .px0-lg {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px1-lg {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .px2-lg {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .px3-lg {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .px4-lg {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .px5-lg {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .px6-lg {
    padding-left: 5rem !important;
    padding-right: 5rem !important; }
  .py-uns-lg {
    padding-top: unset !important;
    padding-bottom: unset !important; }
  .py-ini-lg {
    padding-top: initial !important;
    padding-bottom: initial !important; }
  .py0-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py1-lg {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py2-lg {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py3-lg {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py4-lg {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py5-lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .py6-lg {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important; } }

@media only screen and (max-width: 900px) {
  .p-uns-ml {
    padding: unset !important; }
  .p-ini-ml {
    padding: initial !important; }
  .p0-ml {
    padding: 0 !important; }
  .p1-ml {
    padding: 0.25rem !important; }
  .p2-ml {
    padding: 0.5rem !important; }
  .p3-ml {
    padding: 1rem !important; }
  .p4-ml {
    padding: 1.5rem !important; }
  .p5-ml {
    padding: 3rem !important; }
  .p6-ml {
    padding: 5rem !important; }
  .pt-uns-ml {
    padding-top: unset !important; }
  .pt-ini-ml {
    padding-top: initial !important; }
  .pt0-ml {
    padding-top: 0 !important; }
  .pt1-ml {
    padding-top: 0.25rem !important; }
  .pt2-ml {
    padding-top: 0.5rem !important; }
  .pt3-ml {
    padding-top: 1rem !important; }
  .pt4-ml {
    padding-top: 1.5rem !important; }
  .pt5-ml {
    padding-top: 3rem !important; }
  .pt6-ml {
    padding-top: 5rem !important; }
  .pr-uns-ml {
    padding-right: unset !important; }
  .pr-ini-ml {
    padding-right: initial !important; }
  .pr0-ml {
    padding-right: 0 !important; }
  .pr1-ml {
    padding-right: 0.25rem !important; }
  .pr2-ml {
    padding-right: 0.5rem !important; }
  .pr3-ml {
    padding-right: 1rem !important; }
  .pr4-ml {
    padding-right: 1.5rem !important; }
  .pr5-ml {
    padding-right: 3rem !important; }
  .pr6-ml {
    padding-right: 5rem !important; }
  .pb-uns-ml {
    padding-bottom: unset !important; }
  .pb-ini-ml {
    padding-bottom: initial !important; }
  .pb0-ml {
    padding-bottom: 0 !important; }
  .pb1-ml {
    padding-bottom: 0.25rem !important; }
  .pb2-ml {
    padding-bottom: 0.5rem !important; }
  .pb3-ml {
    padding-bottom: 1rem !important; }
  .pb4-ml {
    padding-bottom: 1.5rem !important; }
  .pb5-ml {
    padding-bottom: 3rem !important; }
  .pb6-ml {
    padding-bottom: 5rem !important; }
  .pl-uns-ml {
    padding-left: unset !important; }
  .pl-ini-ml {
    padding-left: initial !important; }
  .pl0-ml {
    padding-left: 0 !important; }
  .pl1-ml {
    padding-left: 0.25rem !important; }
  .pl2-ml {
    padding-left: 0.5rem !important; }
  .pl3-ml {
    padding-left: 1rem !important; }
  .pl4-ml {
    padding-left: 1.5rem !important; }
  .pl5-ml {
    padding-left: 3rem !important; }
  .pl6-ml {
    padding-left: 5rem !important; }
  .px-uns-ml {
    padding-left: unset !important;
    padding-right: unset !important; }
  .px-ini-ml {
    padding-left: initial !important;
    padding-right: initial !important; }
  .px0-ml {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px1-ml {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .px2-ml {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .px3-ml {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .px4-ml {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .px5-ml {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .px6-ml {
    padding-left: 5rem !important;
    padding-right: 5rem !important; }
  .py-uns-ml {
    padding-top: unset !important;
    padding-bottom: unset !important; }
  .py-ini-ml {
    padding-top: initial !important;
    padding-bottom: initial !important; }
  .py0-ml {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py1-ml {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py2-ml {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py3-ml {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py4-ml {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py5-ml {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .py6-ml {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important; } }

@media only screen and (max-width: 720px) {
  .p-uns-md {
    padding: unset !important; }
  .p-ini-md {
    padding: initial !important; }
  .p0-md {
    padding: 0 !important; }
  .p1-md {
    padding: 0.25rem !important; }
  .p2-md {
    padding: 0.5rem !important; }
  .p3-md {
    padding: 1rem !important; }
  .p4-md {
    padding: 1.5rem !important; }
  .p5-md {
    padding: 3rem !important; }
  .p6-md {
    padding: 5rem !important; }
  .pt-uns-md {
    padding-top: unset !important; }
  .pt-ini-md {
    padding-top: initial !important; }
  .pt0-md {
    padding-top: 0 !important; }
  .pt1-md {
    padding-top: 0.25rem !important; }
  .pt2-md {
    padding-top: 0.5rem !important; }
  .pt3-md {
    padding-top: 1rem !important; }
  .pt4-md {
    padding-top: 1.5rem !important; }
  .pt5-md {
    padding-top: 3rem !important; }
  .pt6-md {
    padding-top: 5rem !important; }
  .pr-uns-md {
    padding-right: unset !important; }
  .pr-ini-md {
    padding-right: initial !important; }
  .pr0-md {
    padding-right: 0 !important; }
  .pr1-md {
    padding-right: 0.25rem !important; }
  .pr2-md {
    padding-right: 0.5rem !important; }
  .pr3-md {
    padding-right: 1rem !important; }
  .pr4-md {
    padding-right: 1.5rem !important; }
  .pr5-md {
    padding-right: 3rem !important; }
  .pr6-md {
    padding-right: 5rem !important; }
  .pb-uns-md {
    padding-bottom: unset !important; }
  .pb-ini-md {
    padding-bottom: initial !important; }
  .pb0-md {
    padding-bottom: 0 !important; }
  .pb1-md {
    padding-bottom: 0.25rem !important; }
  .pb2-md {
    padding-bottom: 0.5rem !important; }
  .pb3-md {
    padding-bottom: 1rem !important; }
  .pb4-md {
    padding-bottom: 1.5rem !important; }
  .pb5-md {
    padding-bottom: 3rem !important; }
  .pb6-md {
    padding-bottom: 5rem !important; }
  .pl-uns-md {
    padding-left: unset !important; }
  .pl-ini-md {
    padding-left: initial !important; }
  .pl0-md {
    padding-left: 0 !important; }
  .pl1-md {
    padding-left: 0.25rem !important; }
  .pl2-md {
    padding-left: 0.5rem !important; }
  .pl3-md {
    padding-left: 1rem !important; }
  .pl4-md {
    padding-left: 1.5rem !important; }
  .pl5-md {
    padding-left: 3rem !important; }
  .pl6-md {
    padding-left: 5rem !important; }
  .px-uns-md {
    padding-left: unset !important;
    padding-right: unset !important; }
  .px-ini-md {
    padding-left: initial !important;
    padding-right: initial !important; }
  .px0-md {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px1-md {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .px2-md {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .px3-md {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .px4-md {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .px5-md {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .px6-md {
    padding-left: 5rem !important;
    padding-right: 5rem !important; }
  .py-uns-md {
    padding-top: unset !important;
    padding-bottom: unset !important; }
  .py-ini-md {
    padding-top: initial !important;
    padding-bottom: initial !important; }
  .py0-md {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py1-md {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py2-md {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py3-md {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py4-md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py5-md {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .py6-md {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important; } }

@media only screen and (max-width: 540px) {
  .p-uns-sm {
    padding: unset !important; }
  .p-ini-sm {
    padding: initial !important; }
  .p0-sm {
    padding: 0 !important; }
  .p1-sm {
    padding: 0.25rem !important; }
  .p2-sm {
    padding: 0.5rem !important; }
  .p3-sm {
    padding: 1rem !important; }
  .p4-sm {
    padding: 1.5rem !important; }
  .p5-sm {
    padding: 3rem !important; }
  .p6-sm {
    padding: 5rem !important; }
  .pt-uns-sm {
    padding-top: unset !important; }
  .pt-ini-sm {
    padding-top: initial !important; }
  .pt0-sm {
    padding-top: 0 !important; }
  .pt1-sm {
    padding-top: 0.25rem !important; }
  .pt2-sm {
    padding-top: 0.5rem !important; }
  .pt3-sm {
    padding-top: 1rem !important; }
  .pt4-sm {
    padding-top: 1.5rem !important; }
  .pt5-sm {
    padding-top: 3rem !important; }
  .pt6-sm {
    padding-top: 5rem !important; }
  .pr-uns-sm {
    padding-right: unset !important; }
  .pr-ini-sm {
    padding-right: initial !important; }
  .pr0-sm {
    padding-right: 0 !important; }
  .pr1-sm {
    padding-right: 0.25rem !important; }
  .pr2-sm {
    padding-right: 0.5rem !important; }
  .pr3-sm {
    padding-right: 1rem !important; }
  .pr4-sm {
    padding-right: 1.5rem !important; }
  .pr5-sm {
    padding-right: 3rem !important; }
  .pr6-sm {
    padding-right: 5rem !important; }
  .pb-uns-sm {
    padding-bottom: unset !important; }
  .pb-ini-sm {
    padding-bottom: initial !important; }
  .pb0-sm {
    padding-bottom: 0 !important; }
  .pb1-sm {
    padding-bottom: 0.25rem !important; }
  .pb2-sm {
    padding-bottom: 0.5rem !important; }
  .pb3-sm {
    padding-bottom: 1rem !important; }
  .pb4-sm {
    padding-bottom: 1.5rem !important; }
  .pb5-sm {
    padding-bottom: 3rem !important; }
  .pb6-sm {
    padding-bottom: 5rem !important; }
  .pl-uns-sm {
    padding-left: unset !important; }
  .pl-ini-sm {
    padding-left: initial !important; }
  .pl0-sm {
    padding-left: 0 !important; }
  .pl1-sm {
    padding-left: 0.25rem !important; }
  .pl2-sm {
    padding-left: 0.5rem !important; }
  .pl3-sm {
    padding-left: 1rem !important; }
  .pl4-sm {
    padding-left: 1.5rem !important; }
  .pl5-sm {
    padding-left: 3rem !important; }
  .pl6-sm {
    padding-left: 5rem !important; }
  .px-uns-sm {
    padding-left: unset !important;
    padding-right: unset !important; }
  .px-ini-sm {
    padding-left: initial !important;
    padding-right: initial !important; }
  .px0-sm {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px1-sm {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .px2-sm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .px3-sm {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .px4-sm {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .px5-sm {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .px6-sm {
    padding-left: 5rem !important;
    padding-right: 5rem !important; }
  .py-uns-sm {
    padding-top: unset !important;
    padding-bottom: unset !important; }
  .py-ini-sm {
    padding-top: initial !important;
    padding-bottom: initial !important; }
  .py0-sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py1-sm {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py2-sm {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py3-sm {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py4-sm {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py5-sm {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .py6-sm {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important; } }

@media only screen and (max-width: 360px) {
  .p-uns-xs {
    padding: unset !important; }
  .p-ini-xs {
    padding: initial !important; }
  .p0-xs {
    padding: 0 !important; }
  .p1-xs {
    padding: 0.25rem !important; }
  .p2-xs {
    padding: 0.5rem !important; }
  .p3-xs {
    padding: 1rem !important; }
  .p4-xs {
    padding: 1.5rem !important; }
  .p5-xs {
    padding: 3rem !important; }
  .p6-xs {
    padding: 5rem !important; }
  .pt-uns-xs {
    padding-top: unset !important; }
  .pt-ini-xs {
    padding-top: initial !important; }
  .pt0-xs {
    padding-top: 0 !important; }
  .pt1-xs {
    padding-top: 0.25rem !important; }
  .pt2-xs {
    padding-top: 0.5rem !important; }
  .pt3-xs {
    padding-top: 1rem !important; }
  .pt4-xs {
    padding-top: 1.5rem !important; }
  .pt5-xs {
    padding-top: 3rem !important; }
  .pt6-xs {
    padding-top: 5rem !important; }
  .pr-uns-xs {
    padding-right: unset !important; }
  .pr-ini-xs {
    padding-right: initial !important; }
  .pr0-xs {
    padding-right: 0 !important; }
  .pr1-xs {
    padding-right: 0.25rem !important; }
  .pr2-xs {
    padding-right: 0.5rem !important; }
  .pr3-xs {
    padding-right: 1rem !important; }
  .pr4-xs {
    padding-right: 1.5rem !important; }
  .pr5-xs {
    padding-right: 3rem !important; }
  .pr6-xs {
    padding-right: 5rem !important; }
  .pb-uns-xs {
    padding-bottom: unset !important; }
  .pb-ini-xs {
    padding-bottom: initial !important; }
  .pb0-xs {
    padding-bottom: 0 !important; }
  .pb1-xs {
    padding-bottom: 0.25rem !important; }
  .pb2-xs {
    padding-bottom: 0.5rem !important; }
  .pb3-xs {
    padding-bottom: 1rem !important; }
  .pb4-xs {
    padding-bottom: 1.5rem !important; }
  .pb5-xs {
    padding-bottom: 3rem !important; }
  .pb6-xs {
    padding-bottom: 5rem !important; }
  .pl-uns-xs {
    padding-left: unset !important; }
  .pl-ini-xs {
    padding-left: initial !important; }
  .pl0-xs {
    padding-left: 0 !important; }
  .pl1-xs {
    padding-left: 0.25rem !important; }
  .pl2-xs {
    padding-left: 0.5rem !important; }
  .pl3-xs {
    padding-left: 1rem !important; }
  .pl4-xs {
    padding-left: 1.5rem !important; }
  .pl5-xs {
    padding-left: 3rem !important; }
  .pl6-xs {
    padding-left: 5rem !important; }
  .px-uns-xs {
    padding-left: unset !important;
    padding-right: unset !important; }
  .px-ini-xs {
    padding-left: initial !important;
    padding-right: initial !important; }
  .px0-xs {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px1-xs {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .px2-xs {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .px3-xs {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .px4-xs {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .px5-xs {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .px6-xs {
    padding-left: 5rem !important;
    padding-right: 5rem !important; }
  .py-uns-xs {
    padding-top: unset !important;
    padding-bottom: unset !important; }
  .py-ini-xs {
    padding-top: initial !important;
    padding-bottom: initial !important; }
  .py0-xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py1-xs {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py2-xs {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py3-xs {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py4-xs {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py5-xs {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .py6-xs {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important; } }

@media only screen and (max-width: 1540px) {
  .h-uns-xxl {
    height: unset !important; }
  .h-ini-xxl {
    height: initial !important; }
  .h0-xxl {
    height: 0 !important; }
  .h5-xxl {
    height: 5% !important; }
  .h10-xxl {
    height: 10% !important; }
  .h15-xxl {
    height: 15% !important; }
  .h20-xxl {
    height: 20% !important; }
  .h25-xxl {
    height: 25% !important; }
  .h30-xxl {
    height: 30% !important; }
  .h35-xxl {
    height: 35% !important; }
  .h40-xxl {
    height: 40% !important; }
  .h45-xxl {
    height: 45% !important; }
  .h50-xxl {
    height: 50% !important; }
  .h55-xxl {
    height: 55% !important; }
  .h60-xxl {
    height: 60% !important; }
  .h65-xxl {
    height: 65% !important; }
  .h70-xxl {
    height: 70% !important; }
  .h75-xxl {
    height: 75% !important; }
  .h80-xxl {
    height: 80% !important; }
  .h85-xxl {
    height: 85% !important; }
  .h90-xxl {
    height: 90% !important; }
  .h95-xxl {
    height: 95% !important; }
  .h100-xxl {
    height: 100% !important; } }

@media only screen and (max-width: 1200px) {
  .h-uns-xl {
    height: unset !important; }
  .h-ini-xl {
    height: initial !important; }
  .h0-xl {
    height: 0 !important; }
  .h5-xl {
    height: 5% !important; }
  .h10-xl {
    height: 10% !important; }
  .h15-xl {
    height: 15% !important; }
  .h20-xl {
    height: 20% !important; }
  .h25-xl {
    height: 25% !important; }
  .h30-xl {
    height: 30% !important; }
  .h35-xl {
    height: 35% !important; }
  .h40-xl {
    height: 40% !important; }
  .h45-xl {
    height: 45% !important; }
  .h50-xl {
    height: 50% !important; }
  .h55-xl {
    height: 55% !important; }
  .h60-xl {
    height: 60% !important; }
  .h65-xl {
    height: 65% !important; }
  .h70-xl {
    height: 70% !important; }
  .h75-xl {
    height: 75% !important; }
  .h80-xl {
    height: 80% !important; }
  .h85-xl {
    height: 85% !important; }
  .h90-xl {
    height: 90% !important; }
  .h95-xl {
    height: 95% !important; }
  .h100-xl {
    height: 100% !important; } }

@media only screen and (max-width: 1080px) {
  .h-uns-lg {
    height: unset !important; }
  .h-ini-lg {
    height: initial !important; }
  .h0-lg {
    height: 0 !important; }
  .h5-lg {
    height: 5% !important; }
  .h10-lg {
    height: 10% !important; }
  .h15-lg {
    height: 15% !important; }
  .h20-lg {
    height: 20% !important; }
  .h25-lg {
    height: 25% !important; }
  .h30-lg {
    height: 30% !important; }
  .h35-lg {
    height: 35% !important; }
  .h40-lg {
    height: 40% !important; }
  .h45-lg {
    height: 45% !important; }
  .h50-lg {
    height: 50% !important; }
  .h55-lg {
    height: 55% !important; }
  .h60-lg {
    height: 60% !important; }
  .h65-lg {
    height: 65% !important; }
  .h70-lg {
    height: 70% !important; }
  .h75-lg {
    height: 75% !important; }
  .h80-lg {
    height: 80% !important; }
  .h85-lg {
    height: 85% !important; }
  .h90-lg {
    height: 90% !important; }
  .h95-lg {
    height: 95% !important; }
  .h100-lg {
    height: 100% !important; } }

@media only screen and (max-width: 900px) {
  .h-uns-ml {
    height: unset !important; }
  .h-ini-ml {
    height: initial !important; }
  .h0-ml {
    height: 0 !important; }
  .h5-ml {
    height: 5% !important; }
  .h10-ml {
    height: 10% !important; }
  .h15-ml {
    height: 15% !important; }
  .h20-ml {
    height: 20% !important; }
  .h25-ml {
    height: 25% !important; }
  .h30-ml {
    height: 30% !important; }
  .h35-ml {
    height: 35% !important; }
  .h40-ml {
    height: 40% !important; }
  .h45-ml {
    height: 45% !important; }
  .h50-ml {
    height: 50% !important; }
  .h55-ml {
    height: 55% !important; }
  .h60-ml {
    height: 60% !important; }
  .h65-ml {
    height: 65% !important; }
  .h70-ml {
    height: 70% !important; }
  .h75-ml {
    height: 75% !important; }
  .h80-ml {
    height: 80% !important; }
  .h85-ml {
    height: 85% !important; }
  .h90-ml {
    height: 90% !important; }
  .h95-ml {
    height: 95% !important; }
  .h100-ml {
    height: 100% !important; } }

@media only screen and (max-width: 720px) {
  .h-uns-md {
    height: unset !important; }
  .h-ini-md {
    height: initial !important; }
  .h0-xs {
    height: 0 !important; }
  .h5-md {
    height: 5% !important; }
  .h10-md {
    height: 10% !important; }
  .h15-md {
    height: 15% !important; }
  .h20-md {
    height: 20% !important; }
  .h25-md {
    height: 25% !important; }
  .h30-md {
    height: 30% !important; }
  .h35-md {
    height: 35% !important; }
  .h40-md {
    height: 40% !important; }
  .h45-md {
    height: 45% !important; }
  .h50-md {
    height: 50% !important; }
  .h55-md {
    height: 55% !important; }
  .h60-md {
    height: 60% !important; }
  .h65-md {
    height: 65% !important; }
  .h70-md {
    height: 70% !important; }
  .h75-md {
    height: 75% !important; }
  .h80-md {
    height: 80% !important; }
  .h85-md {
    height: 85% !important; }
  .h90-md {
    height: 90% !important; }
  .h95-md {
    height: 95% !important; }
  .h100-md {
    height: 100% !important; } }

@media only screen and (max-width: 540px) {
  .h-uns-sm {
    height: unset !important; }
  .h-ini-sm {
    height: initial !important; }
  .h0-sm {
    height: 0 !important; }
  .h5-sm {
    height: 5% !important; }
  .h10-sm {
    height: 10% !important; }
  .h15-sm {
    height: 15% !important; }
  .h20-sm {
    height: 20% !important; }
  .h25-sm {
    height: 25% !important; }
  .h30-sm {
    height: 30% !important; }
  .h35-sm {
    height: 35% !important; }
  .h40-sm {
    height: 40% !important; }
  .h45-sm {
    height: 45% !important; }
  .h50-sm {
    height: 50% !important; }
  .h55-sm {
    height: 55% !important; }
  .h60-sm {
    height: 60% !important; }
  .h65-sm {
    height: 65% !important; }
  .h70-sm {
    height: 70% !important; }
  .h75-sm {
    height: 75% !important; }
  .h80-sm {
    height: 80% !important; }
  .h85-sm {
    height: 85% !important; }
  .h90-sm {
    height: 90% !important; }
  .h95-sm {
    height: 95% !important; }
  .h100-sm {
    height: 100% !important; } }

@media only screen and (max-width: 360px) {
  .h-uns-xs {
    height: unset !important; }
  .h-ini-xs {
    height: initial !important; }
  .h0-xs {
    height: 0 !important; }
  .h5-xs {
    height: 5% !important; }
  .h10-xs {
    height: 10% !important; }
  .h15-xs {
    height: 15% !important; }
  .h20-xs {
    height: 20% !important; }
  .h25-xs {
    height: 25% !important; }
  .h30-xs {
    height: 30% !important; }
  .h35-xs {
    height: 35% !important; }
  .h40-xs {
    height: 40% !important; }
  .h45-xs {
    height: 45% !important; }
  .h50-xs {
    height: 50% !important; }
  .h55-xs {
    height: 55% !important; }
  .h60-xs {
    height: 60% !important; }
  .h65-xs {
    height: 65% !important; }
  .h70-xs {
    height: 70% !important; }
  .h75-xs {
    height: 75% !important; }
  .h80-xs {
    height: 80% !important; }
  .h85-xs {
    height: 85% !important; }
  .h90-xs {
    height: 90% !important; }
  .h95-xs {
    height: 95% !important; }
  .h100-xs {
    height: 100% !important; } }

.h-uns {
  height: unset; }

.h-ini {
  height: initial; }

.h0 {
  height: 0; }

.h5 {
  height: 5%; }

.h10 {
  height: 10%; }

.h15 {
  height: 15%; }

.h20 {
  height: 20%; }

.h25 {
  height: 25%; }

.h30 {
  height: 30%; }

.h35 {
  height: 35%; }

.h40 {
  height: 40%; }

.h45 {
  height: 45%; }

.h50 {
  height: 50%; }

.h55 {
  height: 55%; }

.h60 {
  height: 60%; }

.h65 {
  height: 65%; }

.h70 {
  height: 70%; }

.h75 {
  height: 75%; }

.h80 {
  height: 80%; }

.h85 {
  height: 85%; }

.h90 {
  height: 90%; }

.h95 {
  height: 95%; }

.h100 {
  height: 100%; }

.w-uns {
  width: unset; }

.w-ini {
  width: initial; }

.w0 {
  width: 0; }

.w5 {
  width: 5%; }

.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25, header > a {
  width: 25%; }

.w30 {
  width: 30%; }

.w33 {
  width: 33.3333333333%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w66 {
  width: 66.6666666666%; }

.w70 {
  width: 70%; }

.w75, header nav {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90, header > div nav a {
  width: 90%; }

.w95 {
  width: 95%; }

.w100, header, header > div nav, header > div nav a:hover, #page_front main section {
  width: 100%; }

.mwxxl, header, #page_front main {
  max-width: 1540px; }

.mwxl {
  max-width: 1200px; }

.mwlg {
  max-width: 1080px; }

.mwml {
  max-width: 900px; }

.mwmd {
  max-width: 720px; }

.mwsm {
  max-width: 540px; }

.mwxs {
  max-width: 360px; }

@media only screen and (max-width: 1540px) {
  .w-uns-xxl {
    width: unset !important; }
  .w-ini-xxl {
    width: initial !important; }
  .w0-xxl {
    width: 0 !important; }
  .w5-xxl {
    width: 5% !important; }
  .w10-xxl {
    width: 10% !important; }
  .w15-xxl {
    width: 15% !important; }
  .w20-xxl {
    width: 20% !important; }
  .w25-xxl {
    width: 25% !important; }
  .w30-xxl {
    width: 30% !important; }
  .w35-xxl {
    width: 35% !important; }
  .w40-xxl {
    width: 40% !important; }
  .w45-xxl {
    width: 45% !important; }
  .w50-xxl {
    width: 50% !important; }
  .w55-xxl {
    width: 55% !important; }
  .w60-xxl {
    width: 60% !important; }
  .w65-xxl {
    width: 65% !important; }
  .w70-xxl {
    width: 70% !important; }
  .w75-xxl {
    width: 75% !important; }
  .w80-xxl {
    width: 80% !important; }
  .w85-xxl {
    width: 85% !important; }
  .w90-xxl {
    width: 90% !important; }
  .w95-xxl {
    width: 95% !important; }
  .w100-xxl {
    width: 100% !important; } }

@media only screen and (max-width: 1200px) {
  .w-uns-xl {
    width: unset !important; }
  .w-ini-xl {
    width: initial !important; }
  .w0-xl {
    width: 0 !important; }
  .w5-xl {
    width: 5% !important; }
  .w10-xl {
    width: 10% !important; }
  .w15-xl {
    width: 15% !important; }
  .w20-xl {
    width: 20% !important; }
  .w25-xl {
    width: 25% !important; }
  .w30-xl {
    width: 30% !important; }
  .w35-xl {
    width: 35% !important; }
  .w40-xl {
    width: 40% !important; }
  .w45-xl {
    width: 45% !important; }
  .w50-xl {
    width: 50% !important; }
  .w55-xl {
    width: 55% !important; }
  .w60-xl {
    width: 60% !important; }
  .w65-xl {
    width: 65% !important; }
  .w70-xl {
    width: 70% !important; }
  .w75-xl {
    width: 75% !important; }
  .w80-xl {
    width: 80% !important; }
  .w85-xl {
    width: 85% !important; }
  .w90-xl {
    width: 90% !important; }
  .w95-xl {
    width: 95% !important; }
  .w100-xl {
    width: 100% !important; } }

@media only screen and (max-width: 1080px) {
  .w-uns-lg {
    width: unset !important; }
  .w-ini-lg {
    width: initial !important; }
  .w0-lg {
    width: 0 !important; }
  .w5-lg {
    width: 5% !important; }
  .w10-lg {
    width: 10% !important; }
  .w15-lg {
    width: 15% !important; }
  .w20-lg {
    width: 20% !important; }
  .w25-lg {
    width: 25% !important; }
  .w30-lg {
    width: 30% !important; }
  .w35-lg {
    width: 35% !important; }
  .w40-lg {
    width: 40% !important; }
  .w45-lg {
    width: 45% !important; }
  .w50-lg {
    width: 50% !important; }
  .w55-lg {
    width: 55% !important; }
  .w60-lg {
    width: 60% !important; }
  .w65-lg {
    width: 65% !important; }
  .w70-lg {
    width: 70% !important; }
  .w75-lg {
    width: 75% !important; }
  .w80-lg {
    width: 80% !important; }
  .w85-lg {
    width: 85% !important; }
  .w90-lg {
    width: 90% !important; }
  .w95-lg {
    width: 95% !important; }
  .w100-lg {
    width: 100% !important; } }

@media only screen and (max-width: 900px) {
  .w-uns-ml {
    width: unset !important; }
  .w-ini-ml {
    width: initial !important; }
  .w0-ml {
    width: 0 !important; }
  .w5-ml {
    width: 5% !important; }
  .w10-ml {
    width: 10% !important; }
  .w15-ml {
    width: 15% !important; }
  .w20-ml {
    width: 20% !important; }
  .w25-ml {
    width: 25% !important; }
  .w30-ml {
    width: 30% !important; }
  .w35-ml {
    width: 35% !important; }
  .w40-ml {
    width: 40% !important; }
  .w45-ml {
    width: 45% !important; }
  .w50-ml {
    width: 50% !important; }
  .w55-ml {
    width: 55% !important; }
  .w60-ml {
    width: 60% !important; }
  .w65-ml {
    width: 65% !important; }
  .w70-ml {
    width: 70% !important; }
  .w75-ml {
    width: 75% !important; }
  .w80-ml {
    width: 80% !important; }
  .w85-ml {
    width: 85% !important; }
  .w90-ml {
    width: 90% !important; }
  .w95-ml {
    width: 95% !important; }
  .w100-ml {
    width: 100% !important; } }

@media only screen and (max-width: 720px) {
  .w-uns-md {
    width: unset !important; }
  .w-ini-md {
    width: initial !important; }
  .w0-md {
    width: 0 !important; }
  .w5-md {
    width: 5% !important; }
  .w10-md {
    width: 10% !important; }
  .w15-md {
    width: 15% !important; }
  .w20-md {
    width: 20% !important; }
  .w25-md {
    width: 25% !important; }
  .w30-md {
    width: 30% !important; }
  .w35-md {
    width: 35% !important; }
  .w40-md {
    width: 40% !important; }
  .w45-md {
    width: 45% !important; }
  .w50-md {
    width: 50% !important; }
  .w55-md {
    width: 55% !important; }
  .w60-md {
    width: 60% !important; }
  .w65-md {
    width: 65% !important; }
  .w70-md {
    width: 70% !important; }
  .w75-md {
    width: 75% !important; }
  .w80-md {
    width: 80% !important; }
  .w85-md {
    width: 85% !important; }
  .w90-md {
    width: 90% !important; }
  .w95-md {
    width: 95% !important; }
  .w100-md {
    width: 100% !important; } }

@media only screen and (max-width: 540px) {
  .w-uns-sm {
    width: unset !important; }
  .w-ini-sm {
    width: initial !important; }
  .w0-sm {
    width: 0 !important; }
  .w5-sm {
    width: 5% !important; }
  .w10-sm {
    width: 10% !important; }
  .w15-sm {
    width: 15% !important; }
  .w20-sm {
    width: 20% !important; }
  .w25-sm {
    width: 25% !important; }
  .w30-sm {
    width: 30% !important; }
  .w35-sm {
    width: 35% !important; }
  .w40-sm {
    width: 40% !important; }
  .w45-sm {
    width: 45% !important; }
  .w50-sm {
    width: 50% !important; }
  .w55-sm {
    width: 55% !important; }
  .w60-sm {
    width: 60% !important; }
  .w65-sm {
    width: 65% !important; }
  .w70-sm {
    width: 70% !important; }
  .w75-sm {
    width: 75% !important; }
  .w80-sm {
    width: 80% !important; }
  .w85-sm {
    width: 85% !important; }
  .w90-sm {
    width: 90% !important; }
  .w95-sm {
    width: 95% !important; }
  .w100-sm {
    width: 100% !important; } }

@media only screen and (max-width: 360px) {
  .w-uns-xs {
    width: unset !important; }
  .w-ini-xs {
    width: initial !important; }
  .w0-xs {
    width: 0 !important; }
  .w5-xs {
    width: 5% !important; }
  .w10-xs {
    width: 10% !important; }
  .w15-xs {
    width: 15% !important; }
  .w20-xs {
    width: 20% !important; }
  .w25-xs {
    width: 25% !important; }
  .w30-xs {
    width: 30% !important; }
  .w35-xs {
    width: 35% !important; }
  .w40-xs {
    width: 40% !important; }
  .w45-xs {
    width: 45% !important; }
  .w50-xs {
    width: 50% !important; }
  .w55-xs {
    width: 55% !important; }
  .w60-xs {
    width: 60% !important; }
  .w65-xs {
    width: 65% !important; }
  .w70-xs {
    width: 70% !important; }
  .w75-xs {
    width: 75% !important; }
  .w80-xs {
    width: 80% !important; }
  .w85-xs {
    width: 85% !important; }
  .w90-xs {
    width: 90% !important; }
  .w95-xs {
    width: 95% !important; }
  .w100-xs {
    width: 100% !important; } }

@media only screen and (max-width: 1540px) {
  .pos-rel-xxl {
    position: relative !important; }
  .pos-abs-xxl {
    position: absolute !important; }
  .pos-fix-xxl {
    position: fixed !important; }
  .pos-sta-xxl {
    position: static !important; }
  .pos-sti-xxl {
    position: -webkit-sticky !important;
    position: sticky !important; } }

@media only screen and (max-width: 1200px) {
  .pos-rel-xl {
    position: relative !important; }
  .pos-abs-xl {
    position: absolute !important; }
  .pos-fix-xl {
    position: fixed !important; }
  .pos-sta-xl {
    position: static !important; }
  .pos-sti-xl {
    position: -webkit-sticky !important;
    position: sticky !important; } }

@media only screen and (max-width: 1080px) {
  .pos-rel-lg {
    position: relative !important; }
  .pos-abs-lg {
    position: absolute !important; }
  .pos-fix-lg {
    position: fixed !important; }
  .pos-sta-lg {
    position: static !important; }
  .pos-sti-lg {
    position: -webkit-sticky !important;
    position: sticky !important; } }

@media only screen and (max-width: 900px) {
  .pos-rel-ml {
    position: relative !important; }
  .pos-abs-ml {
    position: absolute !important; }
  .pos-fix-ml {
    position: fixed !important; }
  .pos-sta-ml {
    position: static !important; }
  .pos-sti-ml {
    position: -webkit-sticky !important;
    position: sticky !important; } }

@media only screen and (max-width: 720px) {
  .pos-rel-md {
    position: relative !important; }
  .pos-abs-md {
    position: absolute !important; }
  .pos-fix-md {
    position: fixed !important; }
  .pos-sta-md {
    position: static !important; }
  .pos-sti-md {
    position: -webkit-sticky !important;
    position: sticky !important; } }

@media only screen and (max-width: 540px) {
  .pos-rel-sm {
    position: relative !important; }
  .pos-abs-sm {
    position: absolute !important; }
  .pos-fix-sm {
    position: fixed !important; }
  .pos-sta-sm {
    position: static !important; }
  .pos-sti-sm {
    position: -webkit-sticky !important;
    position: sticky !important; } }

@media only screen and (max-width: 360px) {
  .pos-rel-xs {
    position: relative !important; }
  .pos-abs-xs {
    position: absolute !important; }
  .pos-fix-xs {
    position: fixed !important; }
  .pos-sta-xs {
    position: static !important; }
  .pos-sti-xs {
    position: -webkit-sticky !important;
    position: sticky !important; } }

.pos-abs {
  position: absolute; }

.pos-rel {
  position: relative; }

.pos-fix {
  position: fixed; }

.pos-sti {
  position: -webkit-sticky;
  position: sticky; }

.pos-sta {
  position: -webkit-sticky;
  position: sticky; }

@media only screen and (max-width: 1540px) {
  .d-n-xxl {
    display: none !important; } }

@media only screen and (max-width: 1200px) {
  .d-n-xl {
    display: none !important; } }

@media only screen and (max-width: 1080px) {
  .d-n-lg {
    display: none !important; } }

@media only screen and (max-width: 900px) {
  .d-n-ml {
    display: none !important; } }

@media only screen and (max-width: 720px) {
  .d-n-md {
    display: none !important; } }

@media only screen and (max-width: 540px) {
  .d-n-sm {
    display: none !important; } }

@media only screen and (max-width: 360px) {
  .d-n-xs {
    display: none !important; } }

@media only screen and (max-width: 1540px) {
  .d-f-xxl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 1200px) {
  .d-f-xl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 1080px) {
  .d-f-lg {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 900px) {
  .d-f-ml {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 720px) {
  .d-f-md {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 540px) {
  .d-f-sm {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 360px) {
  .d-f-xs {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

.container,
.container-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto; }

.container {
  max-width: 100%; }

.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 1540px; }

.container-xl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px; }

.container-lg {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 1080px; }

.container-ml {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 900px; }

.container-md {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 720px; }

.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 540px; }

.container-xs {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 360px; }

@media only screen and (max-width: 1580px) {
  .container, .container-xl, .container-xxl {
    max-width: 1200px; } }

@media only screen and (max-width: 1240px) {
  .container, .container-lg, .container-xl, .container-xxl {
    max-width: 1080px; } }

@media only screen and (max-width: 1120px) {
  .container, .container-ml, .container-lg, .container-xl, .container-xxl {
    max-width: 900px; } }

@media only screen and (max-width: 940px) {
  .container, .container-md, .container-ml, .container-lg, .container-xl, .container-xxl {
    max-width: 720px; } }

@media only screen and (max-width: 760px) {
  .container, .container-sm, .container-md, .container-ml, .container-lg, .container-xl, .container-xxl {
    max-width: 540px; } }

@media only screen and (max-width: 580px) {
  .container, .container-xs, .container-sm, .container-md, .container-ml, .container-lg, .container-xl, .container-xxl {
    max-width: 100%; } }

#app {
  /* Optional: show position indicator in red */
  background-image: url("/images/space2.jpg.png"), -webkit-gradient(linear, left top, right bottom, from(#f7f7fc), to(#dbe9ee));
  background-image: url("/images/space2.jpg.png"), linear-gradient(to bottom right, #f7f7fc, #dbe9ee);
  background-size: cover; }
  #app ::-webkit-scrollbar {
    width: 0px;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */ }
  #app ::-webkit-scrollbar-thumb {
    background: #ff0000; }
  #app button:hover {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important; }
  #app header {
    background: #1c1c25;
    font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
    max-width: 100vw !important; }
    #app header .profile-image {
      padding: 2px;
      height: 50px;
      margin-right: 25px;
      background: #9b55a3;
      -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
      box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
      border-radius: 50%;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      #app header .profile-image:hover {
        cursor: pointer;
        -webkit-transform: translateY(-4px) !important;
        transform: translateY(-4px) !important; }
  #app #profile_window {
    position: absolute;
    top: 83px;
    right: 20px;
    z-index: 23423;
    color: #fff;
    background: #0c0c15;
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    border-radius: 20px; }
    #app #profile_window button {
      margin-top: 0 !important;
      width: 89%; }
    #app #profile_window .name {
      margin-bottom: 10px;
      font-size: 1.4rem; }
    #app #profile_window .email {
      margin-bottom: 10px;
      font-size: 0.8rem; }
    #app #profile_window .profile-image {
      color: #fff;
      font-size: 3rem;
      height: 100px;
      margin: 15px;
      width: 100px;
      background: #9b55a3;
      border-radius: 50%; }
      #app #profile_window .profile-image:hover {
        cursor: pointer; }
  #app #app_root {
    background: rgba(28, 28, 37, 0.85);
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 !important;
    overflow-x: hidden;
    border-radius: 20px;
    height: 100%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; }
    #app #app_root input[type="color"] {
      border: none;
      cursor: pointer;
      border-radius: 20px;
      width: 30px;
      padding: 0;
      margin-bottom: 0px; }
    #app #app_root textarea {
      border: solid 1px #9b55a3;
      border-radius: 20px;
      width: 300px;
      height: 100px;
      padding: 10px 20px;
      font-size: 16px;
      margin-bottom: 5px;
      resize: none; }
    #app #app_root .input-radio {
      width: -webkit-fit-content !important;
      width: -moz-fit-content !important;
      width: fit-content !important; }

#menu_box {
  width: 25%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  height: 100vh;
  top: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: -webkit-sticky;
  position: sticky;
  background: rgba(3, 4, 8, 0.458824);
  max-width: 300px; }

#content_box {
  width: 100%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px; }

#window {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(41, 43, 54, 0.59); }
  #window #window_content_block {
    overflow-y: scroll;
    background: #0c0c15;
    border: none;
    border-radius: 25px;
    color: white;
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    padding: 1rem 2rem;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    font-size: 16px;
    margin: 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    #window #window_content_block .ct-line {
      stroke-width: 1px; }
    #window #window_content_block .ct-point {
      stroke-width: 5px; }
    #window #window_content_block input[type="range"] {
      border: solid 1px #9b55a3;
      border-radius: 20px;
      width: 200px;
      padding: 0;
      height: 10px;
      font-size: 16px; }
    #window #window_content_block #update_profile p {
      width: 100%; }
    #window #window_content_block .white-link a {
      color: white;
      text-align: center; }
      #window #window_content_block .white-link a:visited {
        color: white; }
      #window #window_content_block .white-link a:hover {
        color: #9b55a3; }
    #window #window_content_block h2 {
      color: white; }

#project_section_dashboard {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

#project_settings_project_name input,
#project_settings_project_desc input {
  background-color: white !important; }

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 1;
  -webkit-transition: 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.slider:hover {
  opacity: 1; }

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #9b55a3;
  cursor: pointer; }

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #9b55a3;
  cursor: pointer; }

#app_container {
  height: calc(100%);
  min-height: calc(100vh - 84px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3); }

.widget-selection {
  overflow-y: scroll; }
  .widget-selection .bbutton {
    width: 300px;
    height: 200px;
    background: rgba(41, 43, 54, 0.59); }

#app_container.project-dash {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }
  #app_container.project-dash h2 {
    text-align: left;
    color: white; }
  #app_container.project-dash .fa-search {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    margin-bottom: -2px;
    color: grey; }
  #app_container.project-dash .fa-times-circle {
    -webkit-transform: translate(-76px, 1px);
    transform: translate(-76px, 1px);
    height: 20px;
    background: transparent;
    color: transparent;
    width: 20px;
    margin-right: -38px; }
  #app_container.project-dash input {
    height: 12px;
    padding-left: 38px;
    margin-right: 10px; }
  #app_container.project-dash header {
    width: 100%;
    height: 4rem;
    overflow: hidden;
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: rgba(28, 28, 37, 0.73);
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  #app_container.project-dash section {
    width: 100%; }
    #app_container.project-dash section h2 {
      text-align: left;
      color: white; }
    #app_container.project-dash section hr {
      width: 90%; }
  #app_container.project-dash footer {
    width: 100vw;
    height: 8vh; }

#project_section_feed {
  width: 100%; }

#project_section {
  -ms-flex-line-pack: start;
  align-content: flex-start; }

#app_container.project-single {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 0 !important; }
  #app_container.project-single header {
    width: 100%;
    height: 10vh;
    padding: 12px 0px;
    background: transparent !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  #app_container.project-single .charts {
    width: 60%;
    border-radius: 10px; }
  #app_container.project-single .feeds {
    border-radius: 10px; }
    #app_container.project-single .feeds h3 {
      color: white;
      font-size: 2rem; }
    #app_container.project-single .feeds h4 {
      color: white;
      font-size: 1rem; }
    #app_container.project-single .feeds .r, #app_container.project-single .feeds #app #profile_window .profile-image, #app #profile_window #app_container.project-single .feeds .profile-image, #app_container.project-single .feeds #app_container.project-dash header, #app_container.project-dash #app_container.project-single .feeds header, #app_container.project-single .feeds header, #app_container.project-single .feeds header, #app_container.project-single .feeds header > a, #app_container.project-single .feeds header > div nav a, header > div nav #app_container.project-single .feeds a, #app_container.project-single .feeds header > div label, header > div #app_container.project-single .feeds label, #app_container.project-single .feeds header nav, header #app_container.project-single .feeds nav, #app_container.project-single .feeds header nav a, header nav #app_container.project-single .feeds a {
      width: 100%; }
      #app_container.project-single .feeds .r button, #app_container.project-single .feeds #app #profile_window .profile-image button, #app #profile_window #app_container.project-single .feeds .profile-image button, #app_container.project-single .feeds #app_container.project-dash header button, #app_container.project-dash #app_container.project-single .feeds header button, #app_container.project-single .feeds header button, #app_container.project-single .feeds header button, #app_container.project-single .feeds header > a button, #app_container.project-single .feeds header > div nav a button, header > div nav #app_container.project-single .feeds a button, #app_container.project-single .feeds header > div label button, header > div #app_container.project-single .feeds label button, #app_container.project-single .feeds header nav button, header #app_container.project-single .feeds nav button, #app_container.project-single .feeds header nav a button, header nav #app_container.project-single .feeds a button {
        margin-left: 0;
        margin-bottom: 0;
        height: 32px; }
    #app_container.project-single .feeds .feed {
      max-width: 320px; }
      #app_container.project-single .feeds .feed input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        padding-right: 40px; }
      #app_container.project-single .feeds .feed .name-input {
        background: #9b55a3;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        color: #9b55a3;
        padding: 5px 15px 5px 15px;
        margin: 0; }
      #app_container.project-single .feeds .feed input.name-input[disabled] {
        color: #f3f000; }
      #app_container.project-single .feeds .feed button {
        position: relative;
        right: 25px;
        color: #9b55a3;
        background: transparent; }
        #app_container.project-single .feeds .feed button:hover {
          color: #170e1d; }
      #app_container.project-single .feeds .feed .double-button {
        right: 40px; }
      #app_container.project-single .feeds .feed .double-button-load {
        right: 23px;
        top: 6px;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        cursor: default !important; }
      #app_container.project-single .feeds .feed .double-button2 {
        right: 35px; }
  #app_container.project-single .variables {
    border-radius: 10px; }
    #app_container.project-single .variables h3 {
      color: white;
      font-size: 2rem; }
    #app_container.project-single .variables .r, #app_container.project-single .variables #app #profile_window .profile-image, #app #profile_window #app_container.project-single .variables .profile-image, #app_container.project-single .variables #app_container.project-dash header, #app_container.project-dash #app_container.project-single .variables header, #app_container.project-single .variables header, #app_container.project-single .variables header, #app_container.project-single .variables header > a, #app_container.project-single .variables header > div nav a, header > div nav #app_container.project-single .variables a, #app_container.project-single .variables header > div label, header > div #app_container.project-single .variables label, #app_container.project-single .variables header nav, header #app_container.project-single .variables nav, #app_container.project-single .variables header nav a, header nav #app_container.project-single .variables a {
      width: 100%; }
      #app_container.project-single .variables .r button, #app_container.project-single .variables #app #profile_window .profile-image button, #app #profile_window #app_container.project-single .variables .profile-image button, #app_container.project-single .variables #app_container.project-dash header button, #app_container.project-dash #app_container.project-single .variables header button, #app_container.project-single .variables header button, #app_container.project-single .variables header button, #app_container.project-single .variables header > a button, #app_container.project-single .variables header > div nav a button, header > div nav #app_container.project-single .variables a button, #app_container.project-single .variables header > div label button, header > div #app_container.project-single .variables label button, #app_container.project-single .variables header nav button, header #app_container.project-single .variables nav button, #app_container.project-single .variables header nav a button, header nav #app_container.project-single .variables a button {
        margin-left: 0;
        margin-bottom: 0;
        height: 32px; }
    #app_container.project-single .variables .variable {
      max-width: 320px; }
      #app_container.project-single .variables .variable input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        padding-right: 40px; }
      #app_container.project-single .variables .variable .name-input {
        background: #9b55a3;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        color: white;
        padding: 5px 15px 5px 15px;
        margin: 0; }
      #app_container.project-single .variables .variable input.name-input[disabled] {
        color: #f3f000; }
      #app_container.project-single .variables .variable button {
        position: relative;
        right: 25px;
        color: #9b55a3;
        background: transparent; }
        #app_container.project-single .variables .variable button:hover {
          color: #170e1d; }
      #app_container.project-single .variables .variable .double-button {
        right: 40px; }
      #app_container.project-single .variables .variable .double-button-load {
        right: 23px;
        top: 6px;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        cursor: default !important; }
      #app_container.project-single .variables .variable .double-button2 {
        right: 35px; }
  #app_container.project-single section {
    width: 100%; }
    #app_container.project-single section h2 {
      text-align: center; }
    #app_container.project-single section hr {
      width: 90%; }
  #app_container.project-single footer {
    width: 100vw;
    height: 8vh; }

.loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #9b55a3;
  border-radius: 50%;
  margin-top: 20vh;
  width: 100px;
  height: 100px; }

.dashboard-button-select {
  border-left: solid 3px #9b55a3 !important; }

.dashboard-button {
  border-left: solid 3px transparent;
  margin-left: 3px; }
  .dashboard-button:hover {
    background: rgba(155, 85, 163, 0.33);
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
    cursor: pointer; }
  .dashboard-button button {
    background: transparent; }
    .dashboard-button button .fa, .dashboard-button button header > div label, header > div .dashboard-button button label {
      margin-right: 1.3rem; }
    .dashboard-button button:hover {
      -webkit-transform: none;
      transform: none;
      -webkit-box-shadow: none;
      box-shadow: none; }

.loader-small {
  border: 2px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 2px solid #9b55a3;
  border-radius: 50%;
  width: 40px;
  height: 18px;
  margin: 0 !important; }

@media only screen and (max-width: 1260px) {
  .dashboard-button-select {
    border-bottom: solid 3px #9b55a3 !important;
    border-left: solid 3px transparent !important; }
  #app_container.project-single #menu_box {
    position: unset;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 20px; }
    #app_container.project-single #menu_box .dashboard-button {
      width: calc(25% - 32px);
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 !important;
      border-bottom: solid 3px transparent;
      border-left: solid 3px transparent; }
      #app_container.project-single #menu_box .dashboard-button button {
        margin: auto !important; }
        #app_container.project-single #menu_box .dashboard-button button i {
          margin-right: 0 !important; }
        #app_container.project-single #menu_box .dashboard-button button p {
          display: none; } }

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

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

.projects-nav a {
  color: white;
  margin: auto 1rem;
  font-size: 1rem;
  white-space: nowrap; }

#your_projects:hover,
#shared_projects:hover,
#explore_projects:hover {
  color: #9b55a3;
  cursor: pointer; }

.div2 {
  color: white; }

.bl-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  color: white; }

#card_description {
  font-size: 0.6rem; }

div.bl-card-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 1rem; }
  div.bl-card-header .card-image .asd {
    height: 50px;
    border-radius: 50%;
    background-color: #97509e;
    width: 50px; }
  div.bl-card-header .bl-card-header-text {
    width: 50%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0; }
    div.bl-card-header .bl-card-header-text h3 {
      margin: 0;
      font-size: 1rem;
      width: 100%;
      white-space: nowrap;
      text-align: left; }
    div.bl-card-header .bl-card-header-text h4 {
      margin: 0;
      font-size: 0.75rem;
      width: 100%;
      white-space: nowrap;
      text-align: left;
      color: #b8b8ba; }

#create_project .project-image {
  width: 341px;
  height: 191px; }

#create_project .project-image:hover {
  cursor: pointer; }

#create_project input#file-upload-button {
  display: none; }

#uploadImg {
  background-image: url("/images/default_image.png");
  width: 341px;
  height: 191px;
  background-size: 100% 100%;
  border-radius: 4px; }

.project-image {
  width: 341px;
  height: 191px;
  background-size: 100% 100%;
  border-radius: 4px; }

.project-image:hover {
  cursor: pointer; }

.fa-share-alt,
.fa-external-link-alt {
  cursor: pointer; }

.fa-share-alt:hover {
  -webkit-transition: 100ms;
  transition: 100ms;
  -webkit-transform: scale(1.3);
  transform: scale(1.3); }

.fa-external-link-alt:hover {
  -webkit-transition: 100ms;
  transition: 100ms;
  -webkit-transform: scale(1.3);
  transform: scale(1.3); }

#cardImg:hover {
  cursor: pointer; }

#newProjectButton {
  display: none; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
  height: 34px; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%; }

input:checked + .slider {
  background-color: #9b55a3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px); }

#momentaryButton:hover {
  cursor: pointer; }

div[type='line_graph'] {
  display: none !important; }

.projectCard:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 8px 3px rgba(245, 245, 245, 0.2);
  box-shadow: 0 0 8px 3px rgba(245, 245, 245, 0.2); }

#feed_data .fa-trash-alt:hover {
  cursor: pointer; }

.projectCard {
  height: 285px;
  min-width: 345px;
  max-width: 345px;
  margin: 1rem;
  color: white;
  background: rgba(3, 4, 8, 0.46);
  border-radius: 8px;
  width: calc(25% - 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-shadow: 1px 2px rgba(0, 0, 0, 0.13);
  box-shadow: 1px 2px rgba(0, 0, 0, 0.13); }
  .projectCard .likes {
    width: 345px;
    margin-top: 250px; }
    .projectCard .likes .fa-heart {
      padding: 10px; }
      .projectCard .likes .fa-heart:hover {
        color: red; }
    .projectCard .likes p {
      font-size: 14px; }
  .projectCard .pos-abs {
    width: 345px; }
    .projectCard .pos-abs .expand-icon {
      background: #717790;
      padding: .5rem;
      border-radius: 6px;
      height: 19px;
      width: 19px;
      -webkit-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
      .projectCard .pos-abs .expand-icon svg {
        fill: #ffffff; }
    .projectCard .pos-abs .expand-icon:hover {
      cursor: pointer;
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
      -webkit-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
  .projectCard .fa-expand:hover {
    cursor: pointer;
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
  .projectCard .image-box {
    border-radius: 8px;
    background-size: cover !important;
    background-position: center;
    height: 285px;
    width: 100%; }
  .projectCard img {
    border-radius: 50%; }
  .projectCard h4 {
    font-weight: 100;
    font-size: 14px;
    color: #cfcfcf; }

.project-tabs {
  width: 100%;
  margin: 2rem 0 0; }
  .project-tabs a {
    font-size: 1.2rem;
    padding: 0 1.5rem .4rem;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    color: #717790;
    border-bottom: 2px solid #2c303a;
    text-align: center;
    line-height: 27px; }
    .project-tabs a:hover {
      color: #aaaebc !important; }
  .project-tabs .selected {
    color: #ffffff;
    border-bottom: 2px solid #9b55a3; }

#momentaryButton {
  background-color: red;
  width: 150px;
  height: 100px;
  border-radius: 1rem; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
  height: 34px; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%; }

input:checked + .slider {
  background-color: #9b55a3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px); }

.momentary-button-1:hover,
.momentary-button-2:hover,
.momentary-button-3:hover,
.momentary-button-4:hover,
.momentary-button-5:hover,
.momentary-button-6:hover,
.momentary-button-7:hover,
.momentary-button-8:hover,
.momentary-button-9:hover,
.momentary-button-10:hover,
.momentary-button-11:hover,
.momentary-button-12:hover {
  cursor: pointer; }

.selectFeed {
  border: solid 1px #9b55a3;
  border-radius: 20px;
  width: 223px;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 5px; }

.button-container-inputs-1 {
  border: solid 1px #9b55a3;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 5px; }

.button-container-inputs-2 {
  border: solid 1px #9b55a3;
  border-radius: 20px;
  width: 100px;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 5px; }

.button-container-inputs-4 {
  border: solid 1px #9b55a3;
  border-radius: 20px;
  width: 50px;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 5px; }

.button-container-inputs-6 {
  border: solid 1px #9b55a3;
  border-radius: 20px;
  width: 40px;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 5px; }

.momentary-button-1,
.momentary-button-3 {
  background-color: #9b55a3;
  width: 150px;
  height: 100px;
  border-radius: 1rem; }

.momentary-button-2 {
  background-color: #9b55a3;
  width: 125px;
  height: 75px;
  border-radius: 1rem; }

.momentary-button-4 {
  background-color: #9b55a3;
  width: 125px;
  height: 75px;
  border-radius: 1rem; }

.momentary-button-5 {
  background-color: #9b55a3;
  width: 125px;
  height: 75px;
  border-radius: 1rem; }

.momentary-button-6 {
  background-color: #9b55a3;
  width: 100px;
  height: 75px;
  border-radius: 1rem; }

.momentary-button-7,
.momentary-button-8,
.momentary-button-9,
.momentary-button-10 {
  background-color: #9b55a3;
  width: 100px;
  height: 100px;
  border-radius: 100px; }

.momentary-button-12 {
  background-color: #9b55a3;
  width: 75px;
  height: 75px;
  border-radius: 100px; }

.momentary-button-11 {
  background-color: #9b55a3;
  width: 75px;
  height: 75px;
  border-radius: 100px; }

.colorBox {
  width: 40px !important;
  height: 40px; }

.number-pad-widget-selection {
  height: 24px;
  width: 24px;
  border-radius: 100px;
  background-color: #30a819; }

.number-pad-widget-selection-sym {
  height: 24px;
  width: 24px;
  border-radius: 100px;
  background-color: #c72020; }

.create-window-number-pad,
.edit-window-number-pad {
  height: 50px;
  width: 50px;
  border-radius: 100px;
  background-color: #30a819; }

.create-window-number-pad-symbols,
.edit-window-number-pad-symbols {
  height: 50px;
  width: 50px;
  border-radius: 100px;
  background-color: #c72020; }

.dash-window-number-pad {
  height: 50px;
  width: 50px;
  border-radius: 100px;
  background-color: #30a819; }

.dash-window-number-pad-symbols {
  height: 50px;
  width: 50px;
  border-radius: 100px;
  background-color: #c72020; }

.dash-window-number-pad,
.dash-window-number-pad-symbols {
  cursor: pointer; }

.message-input-selection {
  background-color: white;
  font-size: 8px;
  text-align: left;
  color: #050505;
  border-radius: 4px;
  height: 21px;
  width: 196px; }

.message-button-selection {
  background-color: black;
  font-size: 8px;
  color: white;
  border-radius: 4px;
  border: solid 1px #9b55a3;
  height: 21px; }

.message-button {
  background-color: black;
  font-size: 8px;
  color: white;
  border-radius: 4px;
  border: solid 1px #9b55a3; }

.message-input {
  background-color: white;
  font-size: 12px;
  text-align: left;
  color: #050505;
  border-radius: 4px;
  width: 250px; }

.user-list {
  color: black;
  height: 3rem;
  border-radius: 4px;
  margin-bottom: 2px;
  background-color: #f3f3f3; }

#user-values {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  color: white; }

#user-values h4 {
  color: white !important; }

.users {
  color: white; }

.user {
  border-radius: 10px; }

.user h3 {
  color: white; }

.user h4 {
  color: white;
  font-size: 1rem; }

.user .r, .user #app #profile_window .profile-image, #app #profile_window .user .profile-image, .user #app_container.project-dash header, #app_container.project-dash .user header, .user #app_container.project-single header, #app_container.project-single .user header, .user header, .user header > a, .user header > div nav a, header > div nav .user a, .user header > div label, header > div .user label, .user header nav, header .user nav, .user header nav a, header nav .user a, .user #app #profile_window .profile-image, #app #profile_window .user .profile-image, .user #app_container.project-dash header, #app_container.project-dash .user header, .user #app_container.project-single header, #app_container.project-single .user header, .user header, .user header > a, .user header > div nav a, header > div nav .user a, .user header > div label, header > div .user label, .user header nav, header .user nav, .user header nav a, header nav .user a {
  width: 100%; }

.user .r button, .user #app #profile_window .profile-image button, #app #profile_window .user .profile-image button, .user #app_container.project-dash header button, #app_container.project-dash .user header button, .user #app_container.project-single header button, #app_container.project-single .user header button, .user header button, .user header > a button, .user header > div nav a button, header > div nav .user a button, .user header > div label button, header > div .user label button, .user header nav button, header .user nav button, .user header nav a button, header nav .user a button, .user #app #profile_window .profile-image button, #app #profile_window .user .profile-image button, .user #app_container.project-dash header button, #app_container.project-dash .user header button, .user #app_container.project-single header button, #app_container.project-single .user header button, .user header button, .user header > a button, .user header > div nav a button, header > div nav .user a button, .user header > div label button, header > div .user label button, .user header nav button, header .user nav button, .user header nav a button, header nav .user a button {
  margin-left: 0;
  margin-bottom: 0;
  height: 32px; }

/* Styling Checkbox Starts */
.checkbox-label {
  display: block;
  position: relative;
  margin: auto;
  cursor: pointer;
  font-size: 22px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  clear: both; }

.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.checkbox-label .checkbox-custom {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border-radius: 5px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #ffffff; }

.checkbox-label input:checked ~ .checkbox-custom {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #ffffff; }

.checkbox-label .checkbox-custom::after {
  position: absolute;
  content: "";
  left: 12px;
  top: 12px;
  height: 0px;
  width: 0px;
  border-radius: 5px;
  border: solid #9b55a3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; }

.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #9b55a3;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0; }

/* For Ripple Effect */
.checkbox-label .checkbox-custom::before {
  position: absolute;
  content: "";
  left: 10px;
  top: 10px;
  width: 0px;
  height: 0px;
  border-radius: 5px;
  border: 2px solid #ffffff;
  -webkit-transform: scale(0);
  transform: scale(0); }

.checkbox-label input:checked ~ .checkbox-custom::before {
  left: -3px;
  top: -3px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  -webkit-transform: scale(3);
  transform: scale(3);
  opacity: 0;
  z-index: 999;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; }

.switch-h {
  position: relative;
  display: inline-block;
  width: 118px;
  height: 56px; }

.switch-h input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider-h {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 56px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider-h:before {
  position: absolute;
  content: "";
  height: 50px;
  width: 50px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

input:checked + .slider-h {
  background-color: #9b55a3; }

input:focus + .slider-h {
  -webkit-box-shadow: 0 0 1px #9b55a3;
  box-shadow: 0 0 1px #9b55a3; }

input:checked + .slider-h:before {
  -webkit-transform: translateX(60px);
  transform: translateX(60px); }

/* Rounded sliders */
.slider-h.round-h {
  border-radius: 56px; }

.slider-h.round-h:before {
  border-radius: 50%; }

.switch-v {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 118px; }

.switch-v input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider-v {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 118px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider-v:before {
  position: absolute;
  content: "";
  height: 50px;
  width: 50px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

input:checked + .slider-v {
  background-color: #9b55a3; }

input:focus + .slider-v {
  -webkit-box-shadow: 0 0 1px #9b55a3;
  box-shadow: 0 0 1px #9b55a3; }

input:checked + .slider-v:before {
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px); }

/* Rounded sliders */
.slider-v.round-v {
  border-radius: 56px; }

.slider-v.round-v:before {
  border-radius: 50%; }

.switch-v-dash {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 118px; }

.switch-v-dash input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider-v-dash {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 118px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider-v-dash:before {
  position: absolute;
  content: "";
  height: 50px;
  width: 50px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

input:checked + .slider-v-dash {
  background-color: #9b55a3; }

input:focus + .slider-v-dash {
  -webkit-box-shadow: 0 0 1px #9b55a3;
  box-shadow: 0 0 1px #9b55a3; }

input:checked + .slider-v-dash:before {
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px); }

/* Rounded sliders */
.slider-v-dash.round-v-dash {
  border-radius: 56px; }

.slider-v-dash.round-v-dash:before {
  border-radius: 50%; }

.switch-h-dash {
  position: relative;
  display: inline-block;
  width: 118px;
  height: 56px; }

.switch-h-dash input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider-h-dash {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 56px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.slider-h-dash:before {
  position: absolute;
  content: "";
  height: 50px;
  width: 50px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

input:checked + .slider-h-dash {
  background-color: #9b55a3; }

input:focus + .slider-h-dash {
  -webkit-box-shadow: 0 0 1px #9b55a3;
  box-shadow: 0 0 1px #9b55a3; }

input:checked + .slider-h-dash:before {
  -webkit-transform: translateX(60px);
  transform: translateX(60px); }

/* Rounded sliders */
.slider-h-dash.round-h-dash {
  border-radius: 56px; }

.slider-h-dash.round-h-dash:before {
  border-radius: 50%; }

#indicator_selection {
  width: 65px;
  height: 65px;
  border-radius: 50px;
  background: #30f85f; }

#indicator_create {
  width: 65px;
  height: 65px;
  border-radius: 50px;
  background: #30f85f; }

.indicator-dash {
  width: 65px;
  height: 65px;
  border-radius: 50px; }

.selectCondition {
  border: solid 1px #9b55a3;
  border-radius: 20px;
  width: 223px;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 5px; }

.slider-selection::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 25px; }

.slider-selection::-moz-range-thumb {
  width: 25px;
  height: 25px; }

.vertical-slider {
  display: inline-block;
  width: 20px;
  height: 150px; }

.vertical-slider input {
  width: 150px;
  height: 20px;
  margin: 0;
  -webkit-transform-origin: 75px 75px;
  transform-origin: 75px 75px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.vertical-slider-dash {
  display: inline-block;
  width: 20px;
  height: 150px; }

.vertical-slider-dash input {
  width: 150px;
  height: 20px;
  margin: 0;
  -webkit-transform-origin: 75px 75px;
  transform-origin: 75px 75px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  padding: 0; }

body {
  overflow-x: hidden !important; }

body header {
  background: transparent;
  overflow: hidden; }

body button {
  background: #9b55a3;
  border: none;
  border-radius: 25px;
  color: white;
  padding: 8px 30px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 16px;
  margin: 1rem; }

body button:hover {
  cursor: pointer !important;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3); }

body input:focus, body textarea:focus, body select:focus, body button:focus {
  outline: none; }

body input, body input[type="search"] {
  border: solid 1px #9b55a3;
  border-radius: 20px;
  width: 200px;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 5px; }

header > div nav {
  background: rgba(36, 18, 37, 0.99);
  top: 80px;
  left: 0;
  z-index: 10; }

header > div nav a:hover {
  background: rgba(0, 0, 0, 0.5); }

header > div input:checked + label:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\f00d";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; }

header > div input:checked ~ nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

header > div label:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\f0c9";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; }

@media only screen and (max-width: 1080px) {
  header {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    background: rgba(28, 28, 37, 0.86) !important; }
  header > a img {
    content: url("/images/BL_Flask_White.png") !important;
    height: 45px !important;
    margin-left: 1rem; } }

#page_front {
  background-repeat: no-repeat;
  background-image: url("../images/Space-Background-sm.jpg");
  background-attachment: fixed;
  background-size: cover; }

.component-input input {
  padding-right: 60px; }

.component-input .fa-pencil-alt {
  color: #9b55a3;
  -webkit-transform: translate(-28px, 13px);
  transform: translate(-28px, 13px); }

.component-input .fa-pencil-alt:hover {
  -webkit-transform: translate(-28px, 9px);
  transform: translate(-28px, 9px); }

.component-input .fa-loader {
  border: 2px solid #f3f3f3;
  -webkit-transform: translate(-28px, 13px);
  transform: translate(-28px, 13px);
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 2px solid #9b55a3;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  margin: 0 !important;
  margin-top: 11px !important;
  margin-left: -34px !important; }

.component-input .fa-times {
  color: red;
  -webkit-transform: translate(-28px, 13px);
  transform: translate(-28px, 13px); }

.component-input .fa-times:hover {
  -webkit-transform: translate(-28px, 9px);
  transform: translate(-28px, 9px); }

.component-input .fa-check {
  color: green;
  -webkit-transform: translate(-52px, 13px);
  transform: translate(-52px, 13px); }

.component-input .fa-check:hover {
  -webkit-transform: translate(-52px, 9px);
  transform: translate(-52px, 9px); }

.component-input .fa-pencil-alt, .component-input .fa-check, .component-input .fa-times {
  font-size: 18px;
  position: absolute; }

.component-input .fa-pencil-alt:hover, .component-input .fa-check:hover, .component-input .fa-times:hover {
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }

.component-input .error-popup {
  position: absolute;
  background: white;
  border: 1px solid red;
  border-radius: 8px;
  max-width: 246px; }

.component-input .error-popup .fa-check {
  position: relative !important;
  -webkit-transform: none;
  transform: none; }

.component-input .error-popup .fa-times-circle {
  color: black !important;
  background: white;
  border-radius: 50%;
  position: relative;
  padding-left: 10px; }

.component-input .error-popup .fa-times-circle:hover {
  cursor: pointer; }

.component-input .error-popup i, .component-input .error-popup p {
  color: red;
  margin: 0;
  font-size: 14px; }

.component-input .error-popup span {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 14px solid red;
  position: relative;
  top: 20px;
  right: 88px; }

.component-input .error-popup-success {
  border: 1px solid green; }

.component-input .error-popup-success i, .component-input .error-popup-success p {
  color: green; }

@font-face {
  font-family: "Futura";
  src: url("/fonts/FUTURAM.TTF") format("truetype"); }

footer {
  background: rgba(0, 0, 0, 0.5); }

.ct-grid {
  stroke: #afafaf !important; }

.ct-label {
  color: #afafaf !important; }

.ct-pl-x-title-units {
  text-align: right;
  -webkit-transform: translate(-16px, -20px);
  transform: translate(-16px, -20px);
  position: relative;
  color: white; }

.ct-pl-y-title-units {
  position: relative;
  color: white; }

.ct-pl-x-title {
  -webkit-transform: translate(0px, -20px);
  transform: translate(0px, -20px); }

.ct-pl-y-title {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  top: 46px;
  max-width: 200px;
  right: 3px;
  transform-origin-x: 64px;
  text-align: center;
  transform-origin-y: 85px; }

.widget-plot-graph-settings input[type="color"] {
  border: none;
  cursor: pointer;
  border-radius: 20px;
  background: none;
  width: 18px !important;
  padding: 0;
  margin-left: 4px;
  margin-bottom: 0px; }

.ct-zoom-rect {
  fill: rgba(200, 100, 100, 0.3);
  stroke: red; }

.ct-legend {
  position: relative;
  z-index: 10; }

.ct-legend li {
  position: relative;
  padding-left: 23px;
  margin-bottom: 3px; }

.ct-legend li:before {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  content: '';
  border: 3px solid transparent;
  border-radius: 2px; }

.ct-legend li.inactive:before {
  background: transparent; }

.ct-legend.ct-legend-inside {
  position: absolute;
  top: 0;
  right: 0; }

.ct-legend .ct-series-0:before {
  background-color: red;
  border-color: red; }

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  min-width: 5em;
  padding: .5em;
  background: #F4C63D;
  color: #453D3F;
  font-weight: 700;
  text-align: left;
  pointer-events: none;
  z-index: 1; }

.chartist-tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #F4C63D; }

.chartist-tooltip {
  display: none; }

.my-cool-point {
  fill-opacity: 1 !important;
  stroke-width: 0px;
  stroke: red;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.my-cool-point:hover {
  r: 7;
  stroke-opacity: 0.2;
  stroke-width: 20px; }

#table_head {
  border: none;
  border-radius: 16px; }

#table_head td {
  padding: 1rem; }

#table_head tr:nth-child(even) {
  background-color: #f8f6ff; }

#table_head tbody tr:nth-child(odd) {
  background-color: #ffffff !important; }

.theadrow {
  background-color: #9b55a3; }

/* Styling Checkbox Starts */
.checkbox-label {
  display: block;
  position: relative;
  margin: auto;
  cursor: pointer;
  font-size: 22px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  clear: both; }

.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.checkbox-label .checkbox-custom {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border-radius: 5px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #ffffff; }

.checkbox-label input:checked ~ .checkbox-custom {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #ffffff; }

.checkbox-label .checkbox-custom::after {
  position: absolute;
  content: "";
  left: 12px;
  top: 12px;
  height: 0px;
  width: 0px;
  border-radius: 5px;
  border: solid #9b55a3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; }

.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #9b55a3;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0; }

/* For Ripple Effect */
.checkbox-label .checkbox-custom::before {
  position: absolute;
  content: "";
  left: 10px;
  top: 10px;
  width: 0px;
  height: 0px;
  border-radius: 5px;
  border: 2px solid #ffffff;
  -webkit-transform: scale(0);
  transform: scale(0); }

.checkbox-label input:checked ~ .checkbox-custom::before {
  left: -3px;
  top: -3px;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  -webkit-transform: scale(3);
  transform: scale(3);
  opacity: 0;
  z-index: 999;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; }

.user {
  background: rgba(155, 85, 163, 0.8);
  padding: 10px;
  margin: 10px 0px;
  border-radius: 10px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 600px; }
  .user .fa-cog, .user .fa-key {
    -ms-flex-item-align: end;
    align-self: end;
    color: #ffffff; }
  .user .fa-cog:hover, .user .fa-key:hover {
    cursor: pointer;
    color: #0c0c15; }
  .user p, .user h3 {
    height: 20px !important;
    margin: 0; }
  .user p {
    margin-top: 4px;
    font-size: 14px; }
  .user .user-permission {
    width: 25%; }
  .user .user-img {
    height: 45px;
    width: 45px; }
    .user .user-img img {
      height: 45px;
      width: 45px;
      border-radius: 50%; }

.feed-button {
  background-color: #f5f5f5;
  border-radius: none;
  padding-top: 1rem;
  padding-bottom: 1rem; }

#current_feeds {
  border-radius: 12px 12px 12px 12px; }

#feed-values {
  border-radius: 12px 12px 12px 12px !important; }

body {
  overflow-x: hidden !important; }
  body header {
    background: transparent;
    overflow: hidden; }
  body button {
    background: #9b55a3;
    border: none;
    border-radius: 25px;
    color: white;
    padding: 8px 30px;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    font-size: 16px;
    margin: 1rem; }
    body button:hover {
      cursor: pointer !important;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
      -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);
      box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3); }
  body input:focus, body textarea:focus, body select:focus, body button:focus {
    outline: none; }
  body input, body input[type="search"] {
    border: solid 1px #9b55a3;
    border-radius: 20px;
    width: 180px;
    padding: 10px 20px;
    font-size: 16px; }
  body #feed_data {
    height: 80vh;
    overflow-y: scroll;
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    body #feed_data table {
      width: 500px;
      max-height: 50vh;
      overflow: scroll;
      background: white;
      margin: 2rem;
      border-top-color: gray;
      border-color: #0c0c15; }
      body #feed_data table thead {
        background: #555555;
        color: white;
        border-color: #0c0c15; }
        body #feed_data table thead th {
          border-color: #0c0c15; }
      body #feed_data table tbody {
        border-color: #0c0c15; }
        body #feed_data table tbody tr {
          border-color: #0c0c15; }
        body #feed_data table tbody tr:nth-child(odd) {
          background: #9d9d9d; }

header > div nav {
  background: rgba(36, 18, 37, 0.99);
  top: 80px;
  left: 0;
  z-index: 10; }
  header > div nav a:hover {
    background: rgba(0, 0, 0, 0.5); }

header > div input:checked + label:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\f00d";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; }

header > div input:checked ~ nav {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

header > div label:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  content: "\f0c9";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; }

@media only screen and (max-width: 1080px) {
  header {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    background: rgba(28, 28, 37, 0.86) !important; }
    header > a img {
      content: url("/images/BL_Flask_White.png") !important;
      height: 45px !important;
      margin-left: 1rem; } }

#page_front {
  background-repeat: no-repeat;
  background-image: url("../images/Space-Background-sm.jpg");
  background-attachment: fixed;
  background-size: cover; }

.component-input input {
  padding-right: 60px; }

.component-input .fa-pencil-alt {
  color: #9b55a3;
  -webkit-transform: translate(-28px, 13px);
  transform: translate(-28px, 13px); }
  .component-input .fa-pencil-alt:hover {
    -webkit-transform: translate(-28px, 9px);
    transform: translate(-28px, 9px); }

.component-input .fa-loader {
  border: 2px solid #f3f3f3;
  -webkit-transform: translate(-28px, 13px);
  transform: translate(-28px, 13px);
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 2px solid #9b55a3;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  margin: 0 !important;
  margin-top: 11px !important;
  margin-left: -34px !important; }

.component-input .fa-times {
  color: red;
  -webkit-transform: translate(-28px, 13px);
  transform: translate(-28px, 13px); }
  .component-input .fa-times:hover {
    -webkit-transform: translate(-28px, 9px);
    transform: translate(-28px, 9px); }

.component-input .fa-check {
  color: green;
  -webkit-transform: translate(-52px, 13px);
  transform: translate(-52px, 13px); }
  .component-input .fa-check:hover {
    -webkit-transform: translate(-52px, 9px);
    transform: translate(-52px, 9px); }

.component-input .fa-pencil-alt, .component-input .fa-check, .component-input .fa-times {
  font-size: 18px;
  position: absolute; }
  .component-input .fa-pencil-alt:hover, .component-input .fa-check:hover, .component-input .fa-times:hover {
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }

.component-input .error-popup {
  position: absolute;
  background: white;
  border: 1px solid red;
  border-radius: 8px;
  max-width: 246px; }
  .component-input .error-popup .fa-check {
    position: relative !important;
    -webkit-transform: none;
    transform: none; }
  .component-input .error-popup .fa-times-circle {
    color: black !important;
    background: white;
    border-radius: 50%;
    position: relative;
    padding-left: 10px; }
    .component-input .error-popup .fa-times-circle:hover {
      cursor: pointer; }
  .component-input .error-popup i, .component-input .error-popup p {
    color: red;
    margin: 0;
    font-size: 14px; }
  .component-input .error-popup span {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 14px solid red;
    position: relative;
    top: 20px;
    right: 88px; }

.component-input .error-popup-success {
  border: 1px solid green; }
  .component-input .error-popup-success i, .component-input .error-popup-success p {
    color: green; }

@font-face {
  font-family: "Futura";
  src: url("/fonts/FUTURAM.TTF") format("truetype"); }

footer {
  background: rgba(0, 0, 0, 0.5); }

.ct-grid {
  stroke: #afafaf !important; }

.ct-label {
  color: #afafaf !important; }

.ct-pl-x-title-units {
  text-align: right;
  -webkit-transform: translate(-16px, -20px);
  transform: translate(-16px, -20px);
  position: relative;
  color: white; }

.ct-pl-y-title-units {
  position: relative;
  color: white; }

.ct-pl-x-title {
  -webkit-transform: translate(0px, -20px);
  transform: translate(0px, -20px); }

.ct-pl-y-title {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  top: 46px;
  max-width: 200px;
  right: 3px;
  transform-origin-x: 64px;
  text-align: center;
  transform-origin-y: 85px; }

.widget-plot-graph-settings input[type="color"] {
  border: none;
  cursor: pointer;
  border-radius: 20px;
  background: none;
  width: 18px !important;
  padding: 0;
  margin-left: 4px;
  margin-bottom: 0px; }

.ct-zoom-rect {
  fill: rgba(200, 100, 100, 0.3);
  stroke: red; }

.ct-legend {
  position: relative;
  z-index: 10; }
  .ct-legend li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 3px; }
  .ct-legend li:before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    content: '';
    border: 3px solid transparent;
    border-radius: 2px; }
  .ct-legend li.inactive:before {
    background: transparent; }
  .ct-legend.ct-legend-inside {
    position: absolute;
    top: 0;
    right: 0; }
  .ct-legend .ct-series-0:before {
    background-color: red;
    border-color: red; }

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  min-width: 5em;
  padding: .5em;
  background: #F4C63D;
  color: #453D3F;
  font-weight: 700;
  text-align: left;
  pointer-events: none;
  z-index: 1; }

.chartist-tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #F4C63D; }

.chartist-tooltip {
  display: none; }

.my-cool-point {
  fill-opacity: 1 !important;
  stroke-width: 0px;
  stroke: red;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.my-cool-point:hover {
  r: 7;
  stroke-opacity: 0.2;
  stroke-width: 20px; }