@charset "UTF-8";
.px2-btn {
  display: inline-block;
  border-radius: 3px;
  background-color: #f9f9f9;
  background-color: var(--px2-background-color, #f9f9f9);
  color: #333;
  color: var(--px2-text-color, #333);
  border: 1px solid #333;
  border: 1px solid var(--px2-text-color, #333);
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
  padding: 0.5em 2em;
  font-size: 1em;
  font-weight: normal;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  -ms-flex-align: stretch;
      align-items: stretch;
  transition: color 0.1s, background-color 0.1s, transform 0.1s; }
  .px2-btn:focus, .px2-btn:hover {
    text-decoration: none;
    font-weight: normal;
    color: #666;
    background-color: #f3f3f3; }
  .px2-btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .px2-btn:hover {
    background-color: #f0f0f0; }
  .px2-btn:active {
    background-color: #333;
    background-color: var(--px2-text-color, #333);
    color: #f9f9f9;
    color: var(--px2-background-color, #f9f9f9);
    box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.3);
    transform: translateY(1px); }

.px2-btn.px2-btn--primary {
  border-color: #00a0e6;
  background-color: #f5fbfe;
  color: #00a0e6; }
  .px2-btn.px2-btn--primary:focus, .px2-btn.px2-btn--primary:hover {
    background-color: #d9f1fb; }
  .px2-btn.px2-btn--primary:hover {
    background-color: #ccecfa; }
  .px2-btn.px2-btn--primary:active {
    background-color: #00a0e6;
    color: #fff; }

.px2-btn.px2-btn--secondary {
  border-color: #333;
  border-color: var(--px2-text-color, #333);
  background: #f9f9f9;
  background: var(--px2-background-color, #f9f9f9);
  color: #333;
  color: var(--px2-text-color, #333); }
  .px2-btn.px2-btn--secondary:focus, .px2-btn.px2-btn--secondary:hover {
    background-color: #f3f3f3; }
  .px2-btn.px2-btn--secondary:hover {
    background-color: #f0f0f0; }
  .px2-btn.px2-btn--secondary:active {
    background-color: #333;
    background-color: var(--px2-text-color, #333);
    color: #f9f9f9;
    color: var(--px2-background-color, #f9f9f9); }

.px2-btn.px2-btn--danger {
  border-color: #e86a60;
  background-color: #fdf8f8;
  color: #e86a60; }
  .px2-btn.px2-btn--danger:focus, .px2-btn.px2-btn--danger:hover {
    background-color: #fce9e7; }
  .px2-btn.px2-btn--danger:hover {
    background-color: #fae1df; }
  .px2-btn.px2-btn--danger:active {
    background-color: #e86a60;
    color: #fff; }

.px2-btn.px2-btn--download {
  border-color: #4ad64d;
  background-color: #f7fcf7;
  color: #4ad64d; }
  .px2-btn.px2-btn--download:focus, .px2-btn.px2-btn--download:hover {
    background-color: #e4f9e4; }
  .px2-btn.px2-btn--download:hover {
    background-color: #dbf7db; }
  .px2-btn.px2-btn--download:active {
    background-color: #4ad64d;
    color: #fff; }

.px2-btn[disabled] {
  border-color: #ddd;
  background-color: rgba(153, 153, 153, 0.05);
  color: #ddd;
  cursor: default;
  transform: none; }
  .px2-btn[disabled]:focus, .px2-btn[disabled]:hover, .px2-btn[disabled]:active {
    border-color: #ddd;
    background-color: rgba(153, 153, 153, 0.05);
    color: #ddd;
    cursor: default;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    transform: none; }

.px2-btn--toggle-on {
  box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.15);
  transform: translateY(1px); }
  .px2-btn--toggle-on[disabled] {
    box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.15);
    transform: translateY(1px); }
    .px2-btn--toggle-on[disabled]:focus, .px2-btn--toggle-on[disabled]:hover, .px2-btn--toggle-on[disabled]:active {
      box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.15);
      transform: translateY(1px); }

.px2-btn--sm {
  font-size: 0.8em; }

.px2-btn--lg {
  font-size: 1.2em; }

.px2-btn--block {
  display: block;
  width: 100%; }

.px2-a:before,
.px2-link.px2-link--burette:before,
.px2-link.px2-link--bullet:before {
  content: ' ';
  width: 0;
  height: 0;
  display: inline-block;
  margin-right: 0.2em;
  border-width: 0.35em 0 0.35em 0.6em;
  border-style: solid;
  border-color: #00a0e6;
  border-color: var(--px2-main-color, #00a0e6);
  border-top-color: transparent;
  border-bottom-color: transparent; }

.px2-open-in-new-window:after {
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZDc1YjU3Zi0xN2JmLTQ1M2QtYTU2Yi04NzdkZDRjYjdmNTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkZGNTIyODQ5QThGMTFFOThGRDdBQTREMEZBOEJGRTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkZGNTIyODM5QThGMTFFOThGRDdBQTREMEZBOEJGRTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplZDc1YjU3Zi0xN2JmLTQ1M2QtYTU2Yi04NzdkZDRjYjdmNTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZWQ3NWI1N2YtMTdiZi00NTNkLWE1NmItODc3ZGQ0Y2I3ZjUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XVsr4gAAAAlQTFRF4uLiZmZm////FEU16AAAAAN0Uk5T//8A18oNQQAAAEBJREFUeNpiYAIDBkIAqowRLxhVRq4ywgCijKA5o8ooVEYw/AepMlSP0EkZNjYWZbAyZngow5eQaKOMqLIZIMAA4+ID9MPe1VIAAAAASUVORK5CYII=);
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.3em; }

.px2-list {
  padding: 0 0 0 40px; }
  .px2-list li {
    list-style-type: disc; }

.px2-horizontal-list,
.px2-horizontal-list > ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 0; }
  .px2-horizontal-list > ul > li,
  .px2-horizontal-list > li,
  .px2-horizontal-list > ul > ul > li,
  .px2-horizontal-list > ul > li {
    list-style-type: none;
    padding-left: 0;
    padding-right: 1em; }
    .px2-horizontal-list > ul > li > p,
    .px2-horizontal-list > li > p,
    .px2-horizontal-list > ul > ul > li > p,
    .px2-horizontal-list > ul > li > p {
      margin: 0; }

.px2-horizontal-list--left {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.px2-horizontal-list--center {
  -ms-flex-pack: center;
      justify-content: center; }

.px2-horizontal-list--right {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.px2-vertical-list,
.px2-vertical-list > ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding-left: 0; }
  .px2-vertical-list > ul > li,
  .px2-vertical-list > li,
  .px2-vertical-list > ul > ul > li,
  .px2-vertical-list > ul > li {
    list-style-type: none;
    padding-left: 0; }
    .px2-vertical-list > ul > li > p,
    .px2-vertical-list > li > p,
    .px2-vertical-list > ul > ul > li > p,
    .px2-vertical-list > ul > li > p {
      margin: 0; }

.px2-ordered-list {
  padding: 0 0 0 40px; }
  .px2-ordered-list li {
    list-style-type: decimal; }

.px2-note-list,
.px2-note-list > ul {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em; }
  .px2-note-list > ul > li,
  .px2-note-list > li,
  .px2-note-list > ul > ul > li,
  .px2-note-list > ul > li {
    list-style-type: none;
    color: #999;
    font-size: 86%;
    position: relative; }
    .px2-note-list > ul > li::before,
    .px2-note-list > li::before,
    .px2-note-list > ul > ul > li::before,
    .px2-note-list > ul > li::before {
      content: "※";
      position: absolute;
      left: -1.5em; }

.px2-table {
  border: none;
  border-collapse: collapse;
  text-align: left; }
  .px2-table th,
  .px2-table td {
    vertical-align: top;
    border: 1px solid #999999;
    background: #f9f9f9;
    background: var(--px2-background-color, #f9f9f9);
    padding: 10px; }
  .px2-table th {
    background: #e7e7e7; }
  .px2-table thead th,
  .px2-table tfoot th {
    background: #d9d9d9;
    text-align: center; }
  .px2-table thead td,
  .px2-table tfoot td {
    background: #eeeeee; }

.px2-notice {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.75em 1.25em;
  border-radius: 0.25em;
  color: #004085;
  background-color: #cce5ff;
  border: 1px solid #b8daff; }
  .px2-notice * {
    margin-top: 0;
    margin-bottom: 0; }

.px2-notice.px2-notice--success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }

.px2-notice.px2-notice--warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }

.px2-notice.px2-notice--danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

.px2-notice.px2-notice--info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb; }

.px2-modal {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
  .px2-modal > form {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .px2-modal__close {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    width: 1.4em;
    height: 1.4em; }
    .px2-modal__close button {
      position: absolute;
      left: 0;
      right: 0;
      display: block;
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      border-radius: 50%;
      border: 1px solid #999;
      background-color: #eee;
      color: #999;
      cursor: pointer; }
      .px2-modal__close button::before, .px2-modal__close button::after {
        content: "";
        border-bottom: 1px solid #999;
        width: 70%;
        position: absolute;
        top: 50%;
        left: 15%; }
      .px2-modal__close button::before {
        transform: rotate(45deg); }
      .px2-modal__close button::after {
        transform: rotate(-45deg); }
      .px2-modal__close button:hover {
        border: 1px solid #666;
        background-color: #f9f9f9; }
        .px2-modal__close button:hover::before, .px2-modal__close button:hover::after {
          border-bottom: 1px solid #666; }

@keyframes px2-modal--initial {
  0% {
    transform: translateY(-10px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
  .px2-modal__dialog {
    position: relative;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    color: #333;
    color: var(--px2-text-color, #333);
    background-color: #f9f9f9;
    background-color: var(--px2-background-color, #f9f9f9);
    box-sizing: border-box;
    padding: 10px 0;
    margin: 20px auto;
    width: calc(100% - 40px);
    max-width: 520px;
    height: auto;
    max-height: calc(100% - 40px);
    overflow: visible;
    border-radius: 5px;
    font-size: medium;
    animation: px2-modal--initial .3s ease 0s 1 normal none running; }
    .px2-modal__dialog h1 {
      font-size: 124%;
      margin: 0;
      font-weight: bold; }
    .px2-modal__dialog h2 {
      font-size: 124%;
      margin: 2em 0 0.5em 0;
      font-weight: bold; }
    .px2-modal__dialog h3 {
      font-size: 112%;
      margin: 1em 0 0.5em 0;
      font-weight: bold; }
    .px2-modal__dialog h4 {
      font-size: 104%;
      margin: 1em 0 0.5em 0;
      font-weight: bold; }
    .px2-modal__dialog h5 {
      font-size: 100%;
      margin: 1em 0 0.5em 0;
      font-weight: bold; }
    .px2-modal__dialog h6 {
      font-size: 100%;
      margin: 1em 0 0.5em 0;
      font-weight: bold; }
    .px2-modal__dialog--closed {
      animation: px2-modal--initial .3s ease 0s 1 reverse forwards running; }
  .px2-modal__header {
    border-bottom: 1px solid #999;
    padding: 8px 20px;
    margin-bottom: 0.5em;
    box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.1); }
  .px2-modal__body {
    position: relative;
    top: 0;
    left: 0;
    padding: 0 20px;
    overflow: auto;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .px2-modal__title {
    font-weight: bold; }
  .px2-modal__footer {
    border-top: 1px solid #999;
    margin: 10px 0 0 0;
    padding: 10px 20px 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .px2-modal__footer-primary > ul,
    .px2-modal__footer-secondary > ul,
    .px2-modal__footer > ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end;
      margin: 0;
      padding: 0; }
      .px2-modal__footer-primary > ul > li,
      .px2-modal__footer-secondary > ul > li,
      .px2-modal__footer > ul > li {
        list-style-type: none;
        margin: 0 0 0 5px;
        padding: 0; }

.px2-editor-type {
  display: inline-block;
  font-size: 12px;
  font-family: sans-serif;
  line-height: 1;
  padding: 0.4em 1em;
  text-align: center;
  color: #fff; }
  .px2-editor-type__html, .px2-editor-type--html {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
    background-color: #4a8a98; }
    .px2-editor-type__html:before, .px2-editor-type--html:before {
      content: "HTML"; }
  .px2-editor-type__html-gui, .px2-editor-type--html-gui {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
    background-color: #9f5b75; }
    .px2-editor-type__html-gui:before, .px2-editor-type--html-gui:before {
      content: "Block"; }
  .px2-editor-type__txt, .px2-editor-type--txt {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
    background-color: #999; }
    .px2-editor-type__txt:before, .px2-editor-type--txt:before {
      content: "TEXT"; }
  .px2-editor-type__md, .px2-editor-type--md {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
    background-color: #ae9b59; }
    .px2-editor-type__md:before, .px2-editor-type--md:before {
      content: "Markdown"; }
  .px2-editor-type__jade, .px2-editor-type--jade {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
    background-color: #999; }
    .px2-editor-type__jade:before, .px2-editor-type--jade:before {
      content: "Jade"; }
  .px2-editor-type__not-exists, .px2-editor-type--not-exists {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
    background-color: #c3c3c3; }
    .px2-editor-type__not-exists:before, .px2-editor-type--not-exists:before {
      content: "未作成"; }
  .px2-editor-type__page-not-exists, .px2-editor-type--page-not-exists {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
    background-color: #c3c3c3; }
    .px2-editor-type__page-not-exists:before, .px2-editor-type--page-not-exists:before {
      content: "ページ未作成"; }
  .px2-editor-type__alias, .px2-editor-type--alias {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 1;
    padding: 0.4em 1em;
    text-align: center;
    color: #fff;
    background-color: #c3c3c3; }
    .px2-editor-type__alias:before, .px2-editor-type--alias:before {
      content: "ALIAS"; }
  .px2-editor-type--fullwidth {
    width: auto;
    display: block;
    float: none; }

@keyframes px2-loading {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }

.px2-loading {
  clear: both;
  float: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  padding: 80px;
  z-index: 1010000; }
  .px2-loading::before {
    display: block;
    content: "";
    background-color: #00a0e6;
    background-color: var(--px2-main-color, #00a0e6);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    animation-fill-mode: both;
    display: inline-block;
    height: 60px;
    width: 60px;
    animation: px2-loading 1s 0s ease-in-out infinite; }

.px2-document {
  font-size: medium;
  line-height: 1.5; }
  .px2-document p {
    margin-top: 1em;
    margin-bottom: 1em; }
  .px2-document h1 {
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 0.5em; }
  .px2-document h2, .px2-document h3, .px2-document h4, .px2-document h5, .px2-document h6 {
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 0.5em; }
  .px2-document h1 {
    font-size: 240%; }
  .px2-document h2 {
    font-size: 180%; }
  .px2-document h3 {
    font-size: 160%; }
  .px2-document h4 {
    font-size: 130%; }
  .px2-document h5 {
    font-size: 120%; }
  .px2-document h6 {
    font-size: 110%; }
  .px2-document ul, .px2-document ol {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px; }
    .px2-document ul ul, .px2-document ul ol, .px2-document ol ul, .px2-document ol ol {
      margin-top: 0;
      margin-bottom: 0; }

.px2-p {
  margin-top: 1em;
  margin-bottom: 1em; }

.px2-text-align-left {
  text-align: left; }

.px2-text-align-center {
  text-align: center; }

.px2-text-align-right {
  text-align: right; }

.px2-font-size-ss {
  font-size: 74%; }

.px2-font-size-s {
  font-size: 88%; }

.px2-font-size-l {
  font-size: 112%; }

.px2-font-size-ll {
  font-size: 136%; }

.px2-slim {
  margin: 0;
  padding: 0; }
  .px2-slim--r * {
    margin: 0;
    padding: 0; }

.px2-responsive {
  overflow: auto; }

.px2-header {
  height: 45px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
  .px2-header__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background-color: #fff;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 10px;
    z-index: 100;
    border-bottom: 3px solid #00a0e6;
    border-bottom: 3px solid var(--px2-main-color, #00a0e6);
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.1);
    color: #666;
    line-height: 1;
    box-sizing: border-box;
    border-bottom-color: #00a0e6;
    border-bottom-color: var(--px2-main-color, #00a0e6);
    color: #00a0e6;
    color: var(--px2-main-color, #00a0e6); }
  .px2-header a {
    color: #333;
    text-decoration: underline; }
    .px2-header a:hover {
      color: #000;
      text-decoration: none; }
  .px2-header__px2logo {
    transition: min-width 0.3s ease-out 0s , width 0.3s ease-out 0s , height 0.3s ease-out 0s;
    position: relative;
    left: 0px;
    top: 0px;
    padding: 6px;
    margin-left: 6px;
    width: 45px;
    height: auto;
    box-sizing: border-box; }
    .px2-header__px2logo a {
      display: inline-block;
      position: absolute;
      padding: 6px;
      background-color: #fff;
      left: 0;
      top: 0;
      transition: min-width 0.3s ease-out 0s , width 0.3s ease-out 0s , height 0.3s ease-out 0s;
      width: 45px;
      height: 45px;
      box-sizing: border-box; }
      .px2-header__px2logo a img, .px2-header__px2logo a svg {
        width: 100%;
        height: 100%; }
  .px2-header__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-positive: 100;
        flex-grow: 100;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .px2-header__id {
    width: auto;
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 13px;
    transition: opacity 0.5s ease 0; }
    .px2-header__id * {
      color: #00a0e6;
      color: var(--px2-main-color, #00a0e6);
      margin: 0 0.5em;
      display: inline-block;
      text-shadow: none;
      font-weight: normal; }
    .px2-header__id a {
      color: #00a0e6;
      color: var(--px2-main-color, #00a0e6);
      text-decoration: none; }
      .px2-header__id a:hover {
        color: #000;
        text-decoration: none; }
  .px2-header__global-menu {
    padding: 0;
    margin: 0;
    margin-right: 35px;
    margin-bottom: -3px;
    line-height: 1;
    min-height: calc(12px + 5px + 1em); }
    .px2-header__global-menu ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: end;
          justify-content: flex-end;
      margin: 0;
      padding: 0; }
      .px2-header__global-menu ul li {
        margin: 0 1px 0 1px;
        padding: 0;
        list-style-type: none;
        font-size: 13px;
        position: relative; }
        .px2-header__global-menu ul li a, .px2-header__global-menu ul li span {
          display: block;
          margin: 0;
          padding: 12px 2em 5px;
          color: #666;
          border: none;
          font-weight: normal;
          text-decoration: none;
          border-bottom: 3px solid transparent; }
          .px2-header__global-menu ul li a:hover, .px2-header__global-menu ul li span:hover {
            color: #00a0e6;
            color: var(--px2-main-color, #00a0e6); }
          .px2-header__global-menu ul li a.current, .px2-header__global-menu ul li span.current {
            font-weight: bold;
            border-bottom-color: rgba(255, 255, 255, 0.85);
            color: #00a0e6;
            color: var(--px2-main-color, #00a0e6);
            padding-left: 1em; }
            .px2-header__global-menu ul li a.current:before, .px2-header__global-menu ul li span.current:before {
              content: ' ';
              width: 0;
              height: 0;
              display: inline-block;
              margin-right: 0.5em;
              border-width: 0.3em 0 0.3em 0.5em;
              border-style: solid;
              border-color: #00a0e6;
              border-color: var(--px2-main-color, #00a0e6);
              border-top-color: transparent;
              border-bottom-color: transparent; }
        .px2-header__global-menu ul li span {
          padding-left: 0;
          padding-right: 0; }
      .px2-header__global-menu ul ul {
        display: none;
        position: absolute;
        right: 0;
        top: 100%; }
      .px2-header__global-menu ul li.px2-header__global-menu-group > a::after {
        content: ' ';
        width: 0;
        height: 0;
        display: inline-block;
        margin-left: 0.3em;
        border-width: 0.3em 0 0.3em 0.5em;
        border-style: solid;
        border-color: #666;
        border-top-color: transparent;
        border-bottom-color: transparent;
        transition: transform 0.2s ease-in;
        transform: rotate(90deg); }
      .px2-header__global-menu ul li.px2-header__global-menu-group ul {
        padding: 0;
        background-color: #999; }
        .px2-header__global-menu ul li.px2-header__global-menu-group ul li {
          list-style-type: none; }
          .px2-header__global-menu ul li.px2-header__global-menu-group ul li a {
            font-weight: normal;
            padding: 0.8em 2em;
            color: #eee;
            background-color: #333;
            text-decoration: none; }
            .px2-header__global-menu ul li.px2-header__global-menu-group ul li a:hover {
              background-color: #666;
              color: #fff; }
            .px2-header__global-menu ul li.px2-header__global-menu-group ul li a.current {
              font-weight: bold;
              padding: 0.8em 2em;
              background-color: #00a0e6;
              background-color: var(--px2-main-color, #00a0e6);
              color: #fff;
              border: none; }
              .px2-header__global-menu ul li.px2-header__global-menu-group ul li a.current:before {
                content: none; }
      .px2-header__global-menu ul li.px2-header__global-menu-group-opened {
        z-index: 10000; }
      .px2-header__global-menu ul li.px2-header__global-menu-group-opened > a::after {
        transform: rotate(90deg); }
  .px2-header__shoulder-menu {
    position: fixed;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .px2-header__shoulder-menu > button {
      background: #f9f9f9;
      border: none;
      border-radius: 0;
      border-left: 1px solid #00a0e6;
      border-left: 1px solid var(--px2-main-color, #00a0e6);
      position: absolute;
      top: 0;
      right: 0;
      height: 30px;
      width: 30px;
      box-sizing: border-box;
      padding: 0.5em;
      cursor: pointer; }
    .px2-header__shoulder-menu > ul {
      position: absolute;
      top: 30px;
      right: 0;
      display: none;
      margin: 0;
      padding: 0;
      list-style-type: none;
      background-color: #333;
      border: 1px solid #aaa;
      overflow: auto;
      width: 280px;
      max-width: 100%;
      opacity: 0.95; }
      .px2-header__shoulder-menu > ul li {
        margin: 0 0 1px 0;
        border-bottom: 1px solid #555;
        font-size: 13px; }
        .px2-header__shoulder-menu > ul li:last-child {
          border: none; }
        .px2-header__shoulder-menu > ul li a {
          display: block;
          font-weight: normal;
          padding: 0.8em 2em;
          color: #eee;
          background-color: #333;
          text-decoration: none; }
          .px2-header__shoulder-menu > ul li a:hover {
            background-color: #444;
            color: #fff; }
          .px2-header__shoulder-menu > ul li a.current {
            font-weight: bold;
            background-color: #00a0e6;
            background-color: var(--px2-main-color, #00a0e6);
            color: #fff; }
      .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group > a::after {
        content: ' ';
        width: 0;
        height: 0;
        display: inline-block;
        margin-left: 1em;
        border-width: 0.3em 0 0.3em 0.5em;
        border-style: solid;
        border-color: #eee;
        border-top-color: transparent;
        border-bottom-color: transparent;
        transition: transform 0.2s ease-in; }
      .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul {
        padding: 0 0 0 15px;
        margin: 0 0 0 0;
        display: none; }
        .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li {
          list-style-type: none; }
          .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a {
            background-color: #555;
            color: #ddd; }
            .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a:hover {
              background-color: #666;
              color: #fff; }
            .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a.current {
              font-weight: bold;
              background-color: #00a0e6;
              background-color: var(--px2-main-color, #00a0e6);
              color: #fff; }
      .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group-opened > a::after {
        transform: rotate(90deg); }
      .px2-header__shoulder-menu > ul > li:last-child {
        margin-bottom: 30px; }
  .px2-header__hamburger, .px2-header__hamburger:before, .px2-header__hamburger:after {
    display: block;
    position: absolute;
    height: 2px;
    width: calc(100% - 1em);
    border-radius: 1px;
    margin: 0 auto;
    background: #00a0e6;
    background: var(--px2-main-color, #00a0e6);
    content: ''; }
  .px2-header__hamburger:before {
    bottom: -6px;
    width: 100%; }
  .px2-header__hamburger:after {
    bottom: 6px;
    width: 100%; }
  .px2-header .px2-header__shoulder-global-menu {
    display: none; }
  @media all and (max-width: 640px) {
    .px2-header__global-menu ul {
      display: none; }
    .px2-header .px2-header__shoulder-global-menu {
      display: block; }
    .px2-header .px2-header__shoulder-global-menu--last {
      border-bottom: 5px solid #aaa; } }

input[type=text].px2-input,
input[type=password].px2-input,
input[type=number].px2-input,
input[type=search].px2-input,
input[type=tel].px2-input,
input[type=url].px2-input,
input[type=email].px2-input,
input[type=datetime].px2-input,
input[type=date].px2-input,
input[type=month].px2-input,
input[type=week].px2-input,
input[type=time].px2-input,
input[type=color].px2-input,
input[type=file].px2-input,
input[type=datetime-local].px2-input,
textarea.px2-input,
select.px2-input {
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  min-width: 50px;
  max-width: 100%;
  padding: .375rem .75rem;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5;
  color: #333;
  color: var(--px2-text-color, #333);
  background-color: #f9f9f9;
  background-color: var(--px2-background-color, #f9f9f9);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
  input[type=text].px2-input:focus,
  input[type=password].px2-input:focus,
  input[type=number].px2-input:focus,
  input[type=search].px2-input:focus,
  input[type=tel].px2-input:focus,
  input[type=url].px2-input:focus,
  input[type=email].px2-input:focus,
  input[type=datetime].px2-input:focus,
  input[type=date].px2-input:focus,
  input[type=month].px2-input:focus,
  input[type=week].px2-input:focus,
  input[type=time].px2-input:focus,
  input[type=color].px2-input:focus,
  input[type=file].px2-input:focus,
  input[type=datetime-local].px2-input:focus,
  textarea.px2-input:focus,
  select.px2-input:focus {
    color: #333;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  input[type=text].px2-input[readonly],
  input[type=password].px2-input[readonly],
  input[type=number].px2-input[readonly],
  input[type=search].px2-input[readonly],
  input[type=tel].px2-input[readonly],
  input[type=url].px2-input[readonly],
  input[type=email].px2-input[readonly],
  input[type=datetime].px2-input[readonly],
  input[type=date].px2-input[readonly],
  input[type=month].px2-input[readonly],
  input[type=week].px2-input[readonly],
  input[type=time].px2-input[readonly],
  input[type=color].px2-input[readonly],
  input[type=file].px2-input[readonly],
  input[type=datetime-local].px2-input[readonly],
  textarea.px2-input[readonly],
  select.px2-input[readonly] {
    background-color: #eee; }
    input[type=text].px2-input[readonly]:focus,
    input[type=password].px2-input[readonly]:focus,
    input[type=number].px2-input[readonly]:focus,
    input[type=search].px2-input[readonly]:focus,
    input[type=tel].px2-input[readonly]:focus,
    input[type=url].px2-input[readonly]:focus,
    input[type=email].px2-input[readonly]:focus,
    input[type=datetime].px2-input[readonly]:focus,
    input[type=date].px2-input[readonly]:focus,
    input[type=month].px2-input[readonly]:focus,
    input[type=week].px2-input[readonly]:focus,
    input[type=time].px2-input[readonly]:focus,
    input[type=color].px2-input[readonly]:focus,
    input[type=file].px2-input[readonly]:focus,
    input[type=datetime-local].px2-input[readonly]:focus,
    textarea.px2-input[readonly]:focus,
    select.px2-input[readonly]:focus {
      border-color: #ced4da;
      box-shadow: none; }
  input[type=text].px2-input[disabled],
  input[type=password].px2-input[disabled],
  input[type=number].px2-input[disabled],
  input[type=search].px2-input[disabled],
  input[type=tel].px2-input[disabled],
  input[type=url].px2-input[disabled],
  input[type=email].px2-input[disabled],
  input[type=datetime].px2-input[disabled],
  input[type=date].px2-input[disabled],
  input[type=month].px2-input[disabled],
  input[type=week].px2-input[disabled],
  input[type=time].px2-input[disabled],
  input[type=color].px2-input[disabled],
  input[type=file].px2-input[disabled],
  input[type=datetime-local].px2-input[disabled],
  textarea.px2-input[disabled],
  select.px2-input[disabled] {
    color: #8e959c;
    background-color: #eee; }
  input[type=text].px2-input--block,
  input[type=password].px2-input--block,
  input[type=number].px2-input--block,
  input[type=search].px2-input--block,
  input[type=tel].px2-input--block,
  input[type=url].px2-input--block,
  input[type=email].px2-input--block,
  input[type=datetime].px2-input--block,
  input[type=date].px2-input--block,
  input[type=month].px2-input--block,
  input[type=week].px2-input--block,
  input[type=time].px2-input--block,
  input[type=color].px2-input--block,
  input[type=file].px2-input--block,
  input[type=datetime-local].px2-input--block,
  textarea.px2-input--block,
  select.px2-input--block {
    display: block;
    width: 100%; }
  input[type=text].px2-input--error,
  input[type=password].px2-input--error,
  input[type=number].px2-input--error,
  input[type=search].px2-input--error,
  input[type=tel].px2-input--error,
  input[type=url].px2-input--error,
  input[type=email].px2-input--error,
  input[type=datetime].px2-input--error,
  input[type=date].px2-input--error,
  input[type=month].px2-input--error,
  input[type=week].px2-input--error,
  input[type=time].px2-input--error,
  input[type=color].px2-input--error,
  input[type=file].px2-input--error,
  input[type=datetime-local].px2-input--error,
  textarea.px2-input--error,
  select.px2-input--error {
    border-color: #721c24;
    color: #721c24;
    background-color: #f8d7da; }

.px2-input-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  box-sizing: border-box;
  border-radius: 0px;
  max-width: 100%; }
  .px2-input-group__text {
    display: inline-block;
    box-sizing: border-box;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
    color: var(--px2-text-color, #333);
    background-color: #f9f9f9;
    background-color: var(--px2-background-color, #f9f9f9);
    border: 1px solid #ced4da; }
  .px2-input-group > *,
  .px2-input-group > input.px2-input,
  .px2-input-group > select.px2-input,
  .px2-input-group > textarea.px2-input,
  .px2-input-group > .px2-btn {
    border-right-width: 0px;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .px2-input-group > :first-child,
  .px2-input-group > input:first-child.px2-input,
  .px2-input-group > select:first-child.px2-input,
  .px2-input-group > textarea:first-child.px2-input,
  .px2-input-group > :first-child.px2-btn {
    border-radius: .25rem 0 0 .25rem / .25rem 0 0 .25rem; }
  .px2-input-group > :last-child,
  .px2-input-group > input:last-child.px2-input,
  .px2-input-group > select:last-child.px2-input,
  .px2-input-group > textarea:last-child.px2-input,
  .px2-input-group > :last-child.px2-btn {
    border-right-width: 1px;
    border-radius: 0 .25rem .25rem 0 / 0 .25rem .25rem 0; }
  .px2-input-group--fluid {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }

.px2-form-input-list {
  margin-top: 1em;
  margin-bottom: 1em; }
  .px2-form-input-list ul.px2-form-input-list__ul {
    display: table;
    border-collapse: collapse;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #999999;
    margin: 0;
    padding: 0; }
    .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li {
      display: table-row;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__label {
        display: table-cell;
        vertical-align: top;
        background-color: #e7e7e7;
        font-weight: bold;
        padding: 0.4em 1em;
        width: 30%;
        border: 1px solid #999999; }
      .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__input {
        display: table-cell;
        vertical-align: top;
        background-color: #f9f9f9;
        background-color: var(--px2-background-color, #f9f9f9);
        padding: 0.4em 1em;
        width: 70%;
        border: 1px solid #999999; }
      .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li p, .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-p {
        margin-top: 0.2em;
        margin-bottom: 0.2em; }
      .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li--required .px2-form-input-list__label::after {
        content: "*";
        color: #e11;
        font-weight: bold;
        margin: 0 0 0 0.7em; }
      .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li--error .px2-form-input-list__label {
        color: #721c24; }
        .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li--error .px2-form-input-list__label::before {
          content: "!!!";
          color: #e11;
          margin: 0 0.7em 0 0; }
  @media all and (max-width: 544px) {
    .px2-form-input-list ul.px2-form-input-list__ul {
      display: block;
      border-bottom: 0 none; }
      .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li {
        display: block; }
        .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__label {
          display: block;
          border-left: 0 none;
          border-top: 0 none;
          border-right: 0 none;
          padding: 0.4em 1em;
          width: auto; }
        .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__input {
          display: block;
          border-left: 0 none;
          border-top: 0 none;
          border-right: 0 none;
          padding: 0.4em 1em;
          width: auto; } }

.px2-form-submit-area {
  margin: 1em 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .px2-form-submit-area__btns, .px2-form-submit-area__backward-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    margin: 0;
    padding: 0; }
    .px2-form-submit-area__btns > li, .px2-form-submit-area__backward-btns > li {
      margin: 0;
      padding: 0;
      list-style-type: none; }
  @media all and (max-width: 544px) {
    .px2-form-submit-area {
      -ms-flex-direction: column;
          flex-direction: column; }
      .px2-form-submit-area__btns, .px2-form-submit-area__backward-btns {
        -ms-flex-direction: column;
            flex-direction: column; }
        .px2-form-submit-area__btns > li, .px2-form-submit-area__backward-btns > li {
          margin: 0.2em auto; }
      .px2-form-submit-area__backward-btns {
        margin-top: 1em; }
        .px2-form-submit-area__backward-btns > li {
          margin: 0.2em auto 0.2em 0; } }

.px2-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1em -0.5rem 0 -0.5rem;
  box-sizing: border-box; }
  .px2-grid__col-1of1 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 100% - 1rem); }
  .px2-grid__col-1of2 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 50% - 1rem); }
  .px2-grid__col-1of3 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 33.33% - 1rem); }
  .px2-grid__col-2of3 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 66.66% - 1rem); }
  .px2-grid__col-1of4 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 25% - 1rem); }
  .px2-grid__col-1of5 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 20% - 1rem); }
  .px2-grid__col-2of5 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 40% - 1rem); }
  .px2-grid__col-3of5 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 60% - 1rem); }
  .px2-grid__col-4of5 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 80% - 1rem); }
  .px2-grid__col-1of6 {
    margin: 0 0.5rem 1em 0.5rem;
    box-sizing: border-box;
    width: calc( 16.66% - 1rem); }
  @media all and (max-width: 768px) {
    .px2-grid__col-1of5, .px2-grid__col-2of5, .px2-grid__col-3of5, .px2-grid__col-4of5, .px2-grid__col-1of6 {
      width: calc( 33.33% - 1rem); } }
  @media all and (max-width: 660px) {
    .px2-grid__col-1of4, .px2-grid__col-3of4, .px2-grid__col-1of5, .px2-grid__col-2of5, .px2-grid__col-3of5, .px2-grid__col-4of5, .px2-grid__col-1of6 {
      width: calc( 50% - 1rem); } }
  @media all and (max-width: 544px) {
    .px2-grid__col-1of3, .px2-grid__col-2of3, .px2-grid__col-1of4, .px2-grid__col-3of4, .px2-grid__col-1of5, .px2-grid__col-2of5, .px2-grid__col-3of5, .px2-grid__col-4of5, .px2-grid__col-1of6 {
      width: calc( 50% - 1rem); } }
  @media all and (max-width: 440px) {
    .px2-grid__col-1of2, .px2-grid__col-1of3, .px2-grid__col-2of3, .px2-grid__col-1of4, .px2-grid__col-3of4, .px2-grid__col-1of5, .px2-grid__col-2of5, .px2-grid__col-3of5, .px2-grid__col-4of5, .px2-grid__col-1of6 {
      width: calc( 100% - 1rem); } }
  @media all and (min-width: 993px) {
    .px2-grid__col-lg-1of1 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 100% - 1rem); }
    .px2-grid__col-lg-1of2 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 50% - 1rem); }
    .px2-grid__col-lg-1of3 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 33.33% - 1rem); }
    .px2-grid__col-lg-2of3 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 66.66% - 1rem); }
    .px2-grid__col-lg-1of4 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 25% - 1rem); }
    .px2-grid__col-lg-1of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 20% - 1rem); }
    .px2-grid__col-lg-2of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 40% - 1rem); }
    .px2-grid__col-lg-3of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 60% - 1rem); }
    .px2-grid__col-lg-4of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 80% - 1rem); }
    .px2-grid__col-lg-1of6 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 16.66% - 1rem); } }
  @media all and (min-width: 769px) and (max-width: 992px) {
    .px2-grid__col-md-1of1 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 100% - 1rem); }
    .px2-grid__col-md-1of2 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 50% - 1rem); }
    .px2-grid__col-md-1of3 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 33.33% - 1rem); }
    .px2-grid__col-md-2of3 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 66.66% - 1rem); }
    .px2-grid__col-md-1of4 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 25% - 1rem); }
    .px2-grid__col-md-1of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 20% - 1rem); }
    .px2-grid__col-md-2of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 40% - 1rem); }
    .px2-grid__col-md-3of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 60% - 1rem); }
    .px2-grid__col-md-4of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 80% - 1rem); }
    .px2-grid__col-md-1of6 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 16.66% - 1rem); } }
  @media all and (max-width: 768px) {
    .px2-grid__col-sm-1of1 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 100% - 1rem); }
    .px2-grid__col-sm-1of2 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 50% - 1rem); }
    .px2-grid__col-sm-1of3 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 33.33% - 1rem); }
    .px2-grid__col-sm-2of3 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 66.66% - 1rem); }
    .px2-grid__col-sm-1of4 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 25% - 1rem); }
    .px2-grid__col-sm-1of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 20% - 1rem); }
    .px2-grid__col-sm-2of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 40% - 1rem); }
    .px2-grid__col-sm-3of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 60% - 1rem); }
    .px2-grid__col-sm-4of5 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 80% - 1rem); }
    .px2-grid__col-sm-1of6 {
      margin: 0 0.5rem 1em 0.5rem;
      box-sizing: border-box;
      width: calc( 16.66% - 1rem); } }

.px2-darkmode {
  /**
 * Header
 */
  /**
 * Table
 */ }
  .px2-darkmode .px2-header {
    color: #ccc; }
    .px2-darkmode .px2-header__inner {
      background-color: #222;
      box-shadow: 0 5px 13px rgba(255, 100, 100, 0.1); }
    .px2-darkmode .px2-header a {
      color: #ccc; }
      .px2-darkmode .px2-header a:hover {
        color: #fff; }
    .px2-darkmode .px2-header__px2logo a {
      background-color: #222; }
    .px2-darkmode .px2-header__id a:hover {
      color: #fff; }
    .px2-darkmode .px2-header__global-menu ul li a, .px2-darkmode .px2-header__global-menu ul li span {
      color: #999; }
      .px2-darkmode .px2-header__global-menu ul li a.current, .px2-darkmode .px2-header__global-menu ul li span.current {
        border-bottom-color: rgba(0, 0, 0, 0.85); }
    .px2-darkmode .px2-header__global-menu ul li.px2-header__global-menu-group > a::after {
      border-color: #999;
      border-top-color: transparent;
      border-bottom-color: transparent; }
    .px2-darkmode .px2-header__shoulder-menu > button {
      background: #060606; }
    .px2-darkmode .px2-header__shoulder-menu > ul {
      background-color: #555;
      border-color: #222; }
      .px2-darkmode .px2-header__shoulder-menu > ul li {
        border-bottom-color: #333; }
        .px2-darkmode .px2-header__shoulder-menu > ul li a {
          color: #ccc;
          background-color: #555; }
          .px2-darkmode .px2-header__shoulder-menu > ul li a:hover {
            background-color: #444;
            color: #eee; }
          .px2-darkmode .px2-header__shoulder-menu > ul li a.current {
            color: #eee; }
      .px2-darkmode .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group > a::after {
        border-color: #eee;
        border-top-color: transparent;
        border-bottom-color: transparent; }
      .px2-darkmode .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a {
        background-color: #333;
        color: #ddd; }
        .px2-darkmode .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a:hover {
          background-color: #444;
          color: #eee; }
        .px2-darkmode .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a.current {
          color: #eee; }
  .px2-darkmode .px2-btn {
    background-color: #242424;
    color: #ccc;
    border: 3px solid #ccc;
    box-shadow: 0 2px 0px rgba(255, 255, 255, 0.1); }
    .px2-darkmode .px2-btn:focus, .px2-darkmode .px2-btn:hover {
      color: #eee;
      background-color: #222; }
    .px2-darkmode .px2-btn:focus {
      box-shadow: 0 0 0 0.2rem rgba(123, 230, 255, 0.25); }
    .px2-darkmode .px2-btn:hover {
      background-color: #292929; }
    .px2-darkmode .px2-btn:active {
      background-color: #ccc;
      color: #242424;
      box-shadow: inset 0 3px 15px rgba(255, 255, 255, 0.3); }
  .px2-darkmode .px2-btn.px2-btn--primary {
    border-color: #00a0e6;
    background-color: #d9f1fb;
    color: #00a0e6; }
    .px2-darkmode .px2-btn.px2-btn--primary:focus, .px2-darkmode .px2-btn.px2-btn--primary:hover {
      background-color: #ccecfa; }
    .px2-darkmode .px2-btn.px2-btn--primary:hover {
      background-color: #f5fbfe; }
    .px2-darkmode .px2-btn.px2-btn--primary:active {
      background-color: #00a0e6;
      color: #fff; }
  .px2-darkmode .px2-btn.px2-btn--secondary {
    border-color: #ccc;
    background: #242424;
    color: #ccc; }
    .px2-darkmode .px2-btn.px2-btn--secondary:focus, .px2-darkmode .px2-btn.px2-btn--secondary:hover {
      color: #eee;
      background-color: #222; }
    .px2-darkmode .px2-btn.px2-btn--secondary:hover {
      background-color: #292929; }
    .px2-darkmode .px2-btn.px2-btn--secondary:active {
      background-color: #ccc;
      color: #242424; }
  .px2-darkmode .px2-btn.px2-btn--danger {
    border-color: #e86a60;
    background-color: #fdf8f8;
    color: #e86a60; }
    .px2-darkmode .px2-btn.px2-btn--danger:focus, .px2-darkmode .px2-btn.px2-btn--danger:hover {
      background-color: #fce9e7; }
    .px2-darkmode .px2-btn.px2-btn--danger:hover {
      background-color: #fae1df; }
    .px2-darkmode .px2-btn.px2-btn--danger:active {
      background-color: #e86a60;
      color: #fff; }
  .px2-darkmode .px2-btn.px2-btn--download {
    border-color: #4ad64d;
    background-color: #f7fcf7;
    color: #4ad64d; }
    .px2-darkmode .px2-btn.px2-btn--download:focus, .px2-darkmode .px2-btn.px2-btn--download:hover {
      background-color: #e4f9e4; }
    .px2-darkmode .px2-btn.px2-btn--download:hover {
      background-color: #dbf7db; }
    .px2-darkmode .px2-btn.px2-btn--download:active {
      background-color: #4ad64d;
      color: #fff; }
  .px2-darkmode .px2-btn[disabled] {
    border-color: #444;
    background-color: rgba(153, 153, 153, 0.05);
    color: #444; }
    .px2-darkmode .px2-btn[disabled]:focus, .px2-darkmode .px2-btn[disabled]:hover, .px2-darkmode .px2-btn[disabled]:active {
      border-color: #444;
      background-color: rgba(153, 153, 153, 0.05);
      color: #444;
      box-shadow: 0 2px 0px rgba(255, 255, 255, 0.1); }
  .px2-darkmode .px2-btn--toggle-on {
    box-shadow: inset 0 3px 15px rgba(255, 255, 255, 0.15); }
    .px2-darkmode .px2-btn--toggle-on[disabled] {
      box-shadow: inset 0 3px 15px rgba(255, 255, 255, 0.15); }
      .px2-darkmode .px2-btn--toggle-on[disabled]:focus, .px2-darkmode .px2-btn--toggle-on[disabled]:hover, .px2-darkmode .px2-btn--toggle-on[disabled]:active {
        box-shadow: inset 0 3px 15px rgba(255, 255, 255, 0.15); }
  .px2-darkmode .px2-modal {
    background: rgba(223, 223, 223, 0.5); }
    .px2-darkmode .px2-modal__close button {
      border-color: #999;
      background-color: #111;
      color: #999; }
      .px2-darkmode .px2-modal__close button::before, .px2-darkmode .px2-modal__close button::after {
        border-bottom: 1px solid #999; }
      .px2-darkmode .px2-modal__close button:hover {
        border: 1px solid #ccc;
        background-color: #000; }
        .px2-darkmode .px2-modal__close button:hover::before, .px2-darkmode .px2-modal__close button:hover::after {
          border-bottom: 1px solid #ccc; }
    .px2-darkmode .px2-modal__dialog {
      color: #ccc;
      background-color: #242424; }
    .px2-darkmode .px2-modal__header {
      border-bottom: 1px solid #999;
      box-shadow: 0 5px 12px -5px rgba(255, 255, 255, 0.4); }
  .px2-darkmode .px2-notice {
    color: #91b4da;
    background-color: #1f456e;
    border: 1px solid #3c6794; }
  .px2-darkmode .px2-notice.px2-notice--success {
    color: #98c4a2;
    background-color: #1b5c2a;
    border-color: #458052; }
  .px2-darkmode .px2-notice.px2-notice--warning {
    color: #d6c9a3;
    background-color: #68561c;
    border-color: #948b6c; }
  .px2-darkmode .px2-notice.px2-notice--danger {
    color: #dfc7ca;
    background-color: #5e1319;
    border-color: #91595f; }
  .px2-darkmode .px2-notice.px2-notice--info {
    color: #bbe1e7;
    background-color: #144b55;
    border-color: #5b868d; }
  .px2-darkmode .px2-table {
    color: #ccc; }
    .px2-darkmode .px2-table th,
    .px2-darkmode .px2-table td {
      border-color: #666;
      background: #242424; }
    .px2-darkmode .px2-table th {
      background: #191919; }
    .px2-darkmode .px2-table thead th,
    .px2-darkmode .px2-table tfoot th {
      background: #111; }
    .px2-darkmode .px2-table thead td,
    .px2-darkmode .px2-table tfoot td {
      background: #111; }
  .px2-darkmode input[type=text].px2-input,
  .px2-darkmode input[type=password].px2-input,
  .px2-darkmode input[type=number].px2-input,
  .px2-darkmode input[type=search].px2-input,
  .px2-darkmode input[type=tel].px2-input,
  .px2-darkmode input[type=url].px2-input,
  .px2-darkmode input[type=email].px2-input,
  .px2-darkmode input[type=datetime].px2-input,
  .px2-darkmode input[type=date].px2-input,
  .px2-darkmode input[type=month].px2-input,
  .px2-darkmode input[type=week].px2-input,
  .px2-darkmode input[type=time].px2-input,
  .px2-darkmode input[type=color].px2-input,
  .px2-darkmode input[type=file].px2-input,
  .px2-darkmode input[type=datetime-local].px2-input,
  .px2-darkmode textarea.px2-input,
  .px2-darkmode select.px2-input {
    color: #ccc;
    background-color: #242424;
    border: 1px solid #555; }
    .px2-darkmode input[type=text].px2-input:focus,
    .px2-darkmode input[type=password].px2-input:focus,
    .px2-darkmode input[type=number].px2-input:focus,
    .px2-darkmode input[type=search].px2-input:focus,
    .px2-darkmode input[type=tel].px2-input:focus,
    .px2-darkmode input[type=url].px2-input:focus,
    .px2-darkmode input[type=email].px2-input:focus,
    .px2-darkmode input[type=datetime].px2-input:focus,
    .px2-darkmode input[type=date].px2-input:focus,
    .px2-darkmode input[type=month].px2-input:focus,
    .px2-darkmode input[type=week].px2-input:focus,
    .px2-darkmode input[type=time].px2-input:focus,
    .px2-darkmode input[type=color].px2-input:focus,
    .px2-darkmode input[type=file].px2-input:focus,
    .px2-darkmode input[type=datetime-local].px2-input:focus,
    .px2-darkmode textarea.px2-input:focus,
    .px2-darkmode select.px2-input:focus {
      color: #f3f3f3;
      background-color: #000;
      border-color: #80bdff;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .px2-darkmode input[type=text].px2-input[readonly],
    .px2-darkmode input[type=password].px2-input[readonly],
    .px2-darkmode input[type=number].px2-input[readonly],
    .px2-darkmode input[type=search].px2-input[readonly],
    .px2-darkmode input[type=tel].px2-input[readonly],
    .px2-darkmode input[type=url].px2-input[readonly],
    .px2-darkmode input[type=email].px2-input[readonly],
    .px2-darkmode input[type=datetime].px2-input[readonly],
    .px2-darkmode input[type=date].px2-input[readonly],
    .px2-darkmode input[type=month].px2-input[readonly],
    .px2-darkmode input[type=week].px2-input[readonly],
    .px2-darkmode input[type=time].px2-input[readonly],
    .px2-darkmode input[type=color].px2-input[readonly],
    .px2-darkmode input[type=file].px2-input[readonly],
    .px2-darkmode input[type=datetime-local].px2-input[readonly],
    .px2-darkmode textarea.px2-input[readonly],
    .px2-darkmode select.px2-input[readonly] {
      color: #ccc;
      background-color: #242424; }
      .px2-darkmode input[type=text].px2-input[readonly]:focus,
      .px2-darkmode input[type=password].px2-input[readonly]:focus,
      .px2-darkmode input[type=number].px2-input[readonly]:focus,
      .px2-darkmode input[type=search].px2-input[readonly]:focus,
      .px2-darkmode input[type=tel].px2-input[readonly]:focus,
      .px2-darkmode input[type=url].px2-input[readonly]:focus,
      .px2-darkmode input[type=email].px2-input[readonly]:focus,
      .px2-darkmode input[type=datetime].px2-input[readonly]:focus,
      .px2-darkmode input[type=date].px2-input[readonly]:focus,
      .px2-darkmode input[type=month].px2-input[readonly]:focus,
      .px2-darkmode input[type=week].px2-input[readonly]:focus,
      .px2-darkmode input[type=time].px2-input[readonly]:focus,
      .px2-darkmode input[type=color].px2-input[readonly]:focus,
      .px2-darkmode input[type=file].px2-input[readonly]:focus,
      .px2-darkmode input[type=datetime-local].px2-input[readonly]:focus,
      .px2-darkmode textarea.px2-input[readonly]:focus,
      .px2-darkmode select.px2-input[readonly]:focus {
        border-color: #555;
        box-shadow: none; }
    .px2-darkmode input[type=text].px2-input[disabled],
    .px2-darkmode input[type=password].px2-input[disabled],
    .px2-darkmode input[type=number].px2-input[disabled],
    .px2-darkmode input[type=search].px2-input[disabled],
    .px2-darkmode input[type=tel].px2-input[disabled],
    .px2-darkmode input[type=url].px2-input[disabled],
    .px2-darkmode input[type=email].px2-input[disabled],
    .px2-darkmode input[type=datetime].px2-input[disabled],
    .px2-darkmode input[type=date].px2-input[disabled],
    .px2-darkmode input[type=month].px2-input[disabled],
    .px2-darkmode input[type=week].px2-input[disabled],
    .px2-darkmode input[type=time].px2-input[disabled],
    .px2-darkmode input[type=color].px2-input[disabled],
    .px2-darkmode input[type=file].px2-input[disabled],
    .px2-darkmode input[type=datetime-local].px2-input[disabled],
    .px2-darkmode textarea.px2-input[disabled],
    .px2-darkmode select.px2-input[disabled] {
      color: #8e959c;
      background-color: #333; }
    .px2-darkmode input[type=text].px2-input--error,
    .px2-darkmode input[type=password].px2-input--error,
    .px2-darkmode input[type=number].px2-input--error,
    .px2-darkmode input[type=search].px2-input--error,
    .px2-darkmode input[type=tel].px2-input--error,
    .px2-darkmode input[type=url].px2-input--error,
    .px2-darkmode input[type=email].px2-input--error,
    .px2-darkmode input[type=datetime].px2-input--error,
    .px2-darkmode input[type=date].px2-input--error,
    .px2-darkmode input[type=month].px2-input--error,
    .px2-darkmode input[type=week].px2-input--error,
    .px2-darkmode input[type=time].px2-input--error,
    .px2-darkmode input[type=color].px2-input--error,
    .px2-darkmode input[type=file].px2-input--error,
    .px2-darkmode input[type=datetime-local].px2-input--error,
    .px2-darkmode textarea.px2-input--error,
    .px2-darkmode select.px2-input--error {
      border-color: #721c24;
      color: #721c24;
      background-color: #f8d7da; }
  .px2-darkmode .px2-input-group__text {
    color: #ccc;
    background-color: #333;
    border: 1px solid #555; }
  .px2-darkmode .px2-form-input-list {
    color: #ccc; }
    .px2-darkmode .px2-form-input-list ul.px2-form-input-list__ul {
      border: 1px solid #666; }
      .px2-darkmode .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__label {
        background-color: #191919;
        border: 1px solid #666; }
      .px2-darkmode .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__input {
        background-color: #242424;
        border: 1px solid #666; }