*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  font-family: "DM Sans", Roboto, sans-serif;
  font-size: 16px;
  font-optical-sizing: auto;
  font-weight: normal;
  line-height: 1.5;
  color: #171717;
  background-color: #fff;
  text-align: left;
}

root, header, footer, nav, main, details, section {
  display: block;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

p {
  margin: 0 0 16px 0;
}

ol, ul, dl {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none inside;
}

dt {
  font-size: 16px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: hidden;
}

pre {
  font-family: monospace;
  font-size: 16px;
}

a {
  color: #171717;
  background-color: transparent;
  text-decoration: none;
  text-underline-offset: 0.125rem;
  cursor: pointer;
}
a.hover, a:hover {
  color: #1c55b1;
  text-decoration: underline;
}
a.non-color:hover {
  color: #171717;
}
a.non-underline {
  text-decoration: none;
}

.non-underline a,
.non-underline a:hover {
  text-decoration: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: 800;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -4px;
}

sup {
  top: -8px;
}

img {
  border-style: none;
  vertical-align: middle;
}

svg {
  vertical-align: top;
  overflow: hidden;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  outline: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

textarea {
  resize: vertical;
  overflow: auto;
}

[type=radio],
[type=checkbox] {
  padding: 0;
  box-sizing: border-box;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[hidden] {
  display: none;
}

.flex, .align-stretch, .align-baseline, .align-center, .align-end, .align-start, .justify-around, .justify-between, .justify-center, .justify-end, .justify-start, .flex-fill, .flex-wrap-reverse, .flex-nowrap, .flex-wrap, .flex-column, .flex-row {
  display: flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-around {
  justify-content: space-around !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-end {
  align-items: flex-end !important;
}

.align-center {
  align-items: center !important;
}

.align-baseline {
  align-items: baseline !important;
}

.align-stretch {
  align-items: stretch !important;
}

.col-auto {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 0;
  padding: 0;
  font-family: "DM Sans", Roboto, sans-serif;
  font-weight: 900;
  line-height: 1.5;
  color: inherit;
}

h1, .h1 {
  font-size: 2rem;
}

h2, .h2 {
  font-size: 1.75rem;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.375rem;
}

h5, .h5 {
  font-size: 1.0625rem;
}

h6, .h6 {
  font-size: 1rem;
}

.w-10 {
  width: 10% !important;
}

.h-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.h-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.h-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.h-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.h-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.h-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.h-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.h-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

.h-90 {
  width: 90% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  width: 100% !important;
}

.w-33 {
  width: 33.3333%;
}

.d-100 {
  width: 100% !important;
  height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3,
.my-3 {
  margin-top: 0.75rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 0.75rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

.mt-5,
.my-5 {
  margin-top: 1.25rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 1.25rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 1.25rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 1.25rem !important;
}

.m-6 {
  margin: 1.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 1.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 1.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 1.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 1.5rem !important;
}

.m-7 {
  margin: 1.75rem !important;
}

.mt-7,
.my-7 {
  margin-top: 1.75rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 1.75rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 1.75rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 1.75rem !important;
}

.m-8 {
  margin: 2rem !important;
}

.mt-8,
.my-8 {
  margin-top: 2rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 2rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 2rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 2rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3,
.py-3 {
  padding-top: 0.75rem !important;
}

.pr-3,
.px-3 {
  padding-right: 0.75rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3,
.px-3 {
  padding-left: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.pt-5,
.py-5 {
  padding-top: 1.25rem !important;
}

.pr-5,
.px-5 {
  padding-right: 1.25rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 1.25rem !important;
}

.pl-5,
.px-5 {
  padding-left: 1.25rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 1.5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 1.5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 1.5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 1.5rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.pt-7,
.py-7 {
  padding-top: 1.75rem !important;
}

.pr-7,
.px-7 {
  padding-right: 1.75rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 1.75rem !important;
}

.pl-7,
.px-7 {
  padding-left: 1.75rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.pt-8,
.py-8 {
  padding-top: 2rem !important;
}

.pr-8,
.px-8 {
  padding-right: 2rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 2rem !important;
}

.pl-8,
.px-8 {
  padding-left: 2rem !important;
}

.text-left {
  text-align: left !important;
}

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

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-through {
  text-decoration: line-through;
}

.text-italic {
  font-style: italic;
}

.text-bold {
  font-weight: bold;
}

.text-small {
  font-size: 0.9375rem !important;
}

.text-micro {
  font-size: 0.875rem !important;
}

.text-nano {
  font-size: 0.75rem !important;
}

.text-toned {
  font-weight: 600 !important;
}

.text-red {
  color: #EF0000 !important;
}

.text-green {
  color: #029763 !important;
}

.text-grey {
  color: #9A9A9A !important;
}

body {
  font-size: 1rem;
  tab-size: 4;
}

.app-header {
  height: 6rem;
  background-color: rgba(255, 255, 255, 0.9);
}
.app-header .app-layout, .app-header .app-page, .app-header .app-headline,
.app-header .app-navigate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.app-header .header-main {
  display: flex;
  align-items: center;
}
.app-header .app-logo {
  margin-right: 6rem;
}
.app-header .app-logo img {
  width: 12rem;
}
.app-header .nav-contact {
  padding: 0.5rem 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background-color: #1c55b1;
  border-radius: 0.25rem;
}

.nav-layout {
  padding-right: 1.5rem;
}
.nav-layout .nav-item {
  margin-right: 2rem;
}
.nav-layout .nav-item .item-title {
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
.nav-layout .nav-item:last-child {
  margin-right: 0;
}
.nav-layout .nav-item a:hover {
  text-decoration: none;
}
.nav-layout .nav-trigger {
  position: relative;
}
.nav-layout .nav-trigger .item-title {
  display: flex;
  align-items: center;
}
.nav-layout .nav-trigger .item-title::after {
  display: block;
  margin-left: 0.25rem;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3e%3cpath d='M17.4,8.8c-0.4-0.4-1-0.4-1.4,0l-3.9,3.8l-4-3.8c-0.4-0.4-1-0.3-1.4,0.1c-0.4,0.4-0.3,1,0,1.4l5.3,5.1l5.3-5.1 C17.7,9.9,17.8,9.3,17.4,8.8C17.4,8.9,17.4,8.9,17.4,8.8L17.4,8.8z'/%3e%3c/svg%3e");
  background-size: 1.5rem;
  background-repeat: no-repeat;
}
.nav-layout .nav-trigger .item-title:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3e%3cpath d='M17.4,15.2C17.4,15.1,17.4,15.1,17.4,15.2c0.4-0.5,0.3-1.1-0.1-1.5L12,8.6l-5.3,5.1c-0.3,0.4-0.4,1,0,1.4 c0.4,0.4,1,0.5,1.4,0.1l4-3.8l3.9,3.8C16.4,15.6,17,15.6,17.4,15.2L17.4,15.2z'/%3e%3c/svg%3e");
}
.nav-layout .nav-trigger .more-panel {
  display: none;
  position: absolute;
  left: -1.5rem;
  padding: 0.75rem 0;
  font-weight: 500;
  background-color: #fff;
  border-radius: 0.75rem;
  z-index: 999;
}
.nav-layout .nav-trigger .more-panel .more-item {
  padding: 0.5rem 2rem 0.5rem 1.25rem;
  text-align: left;
}
.nav-layout .nav-trigger .more-panel .more-item .item-link {
  white-space: nowrap;
}
.nav-layout .nav-trigger .more-panel .more-item:hover > a {
  color: #171717;
  text-decoration: underline #3a79e0 0.15rem;
  text-underline-offset: 0.25rem;
}
.nav-layout .nav-trigger .more-panel .more-item:hover .more-children {
  display: block;
}
.nav-layout .nav-trigger:hover .more-panel {
  display: block;
}
.nav-layout .nav-trigger .more-children {
  display: none;
  position: absolute;
  left: 100%;
  margin-top: -2.75rem;
  padding: 1rem 2rem 1rem 1.25rem;
  background-color: #fff;
  border: 1px solid #F0F0F0;
  border-radius: 0.75rem;
}
.nav-layout .nav-trigger .more-children li {
  position: relative;
  padding: 0.25rem 0;
}
.nav-layout .nav-trigger .more-children li a:hover {
  color: #1c55b1;
  text-decoration: underline;
}

.app {
  margin: 0 auto;
  width: 100%;
  max-width: 2560px;
  text-align: center;
}

.app-overlay {
  padding: 3rem 0;
  border-top: 1px solid #E0E0E0;
}

.app-layout, .app-page, .app-headline,
.app-navigate {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  text-align: left;
}

.app-headline {
  margin-bottom: 2.5rem;
  font-size: 1.875rem;
}

.column-lr {
  display: flex;
  justify-content: space-between;
}
.column-lr.reverse {
  flex-direction: row-reverse;
}

.subtitle {
  padding: 0.5rem 0;
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
}

.light-shadder {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}

.text-medium {
  font-weight: 600;
}

.before-icon {
  display: inline-flex;
  align-items: center;
  font-size: 0.9375rem;
}
.before-icon::before {
  content: "";
  margin-right: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: 1.25rem;
}

.before-dotted::before {
  content: "";
  margin-right: 0.5rem;
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background-color: #ddd;
  border: 2px solid #fff;
  outline: 1px solid #ddd;
  border-radius: 0.875rem;
}
.before-dotted:hover::before {
  background-color: rgba(2, 151, 99, 0.375);
  outline-color: rgba(2, 151, 99, 0.375);
}
.before-dotted.current::before {
  background-color: #029763;
  outline-color: #029763;
}

.attr-date::before {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3e%3cpath d='M20.5,5.3h-2.9V3.6C17.6,3.3,17.3,3,17,3h-1.2c-0.3,0-0.6,0.3-0.6,0.6v1.7H9.4V3.6C9.4,3.3,9.1,3,8.8,3H7.6 C7.3,3,7.1,3.3,7.1,3.6v1.7H4.2C3.5,5.3,3,5.9,3,6.5v11C3,19.4,4.6,21,6.5,21h11.6c1.9,0,3.5-1.6,3.6-3.5v-11 C21.7,5.8,21.1,5.3,20.5,5.3z M19.3,17c0,0.9-0.8,1.7-1.8,1.7H7c-0.9,0-1.7-0.7-1.7-1.7v-4.1h14V17z'/%3e%3c/svg%3e");
}

.attr-author::before {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3e%3cpath d='M15.1,11.7c0.2-0.2,0.3-0.5,0.3-0.8c0-0.3-0.1-0.6-0.3-0.8c-0.4-0.5-1.2-0.5-1.6,0L12,11.5L10.5,10C10.3,9.8,10,9.7,9.7,9.7 c-0.3,0-0.6,0.1-0.8,0.3c-0.5,0.4-0.5,1.2,0,1.6l2.3,2.3c0,0,0,0,0,0c0.4,0.4,1.2,0.4,1.6,0C12.8,14,15.1,11.7,15.1,11.7z'/%3e%3cpath d='M21.2,6.9c0-1-0.7-1.9-1.7-2.1l-6.9-1.9c-0.4-0.1-0.8-0.1-1.2,0L4.5,4.7C3.6,5,2.9,5.9,2.8,6.9c-0.2,2.2,0.1,4.4,0.7,6.5 c0.6,1.8,1.6,3.4,3,4.7c1.3,1.3,2.9,2.4,4.7,3c0.5,0.2,1.1,0.2,1.7,0c1.8-0.6,3.4-1.7,4.7-3c1.3-1.3,2.3-2.9,3-4.7 C21.1,11.2,21.3,9.1,21.2,6.9z M18.3,12.5c-0.5,1.5-1.3,2.8-2.4,3.9c-1.1,1.1-2.4,2-3.9,2.5c-1.5-0.5-2.8-1.4-3.9-2.5 C7,15.3,6.2,14,5.7,12.5C5.2,10.7,5,8.8,5.1,7L12,5.1L18.9,7C19,8.8,18.8,10.7,18.3,12.5L18.3,12.5z'/%3e%3c/svg%3e");
}

.attr-comment::before {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3e%3cpath d='M16.1,3.6H8.4c0,0,0,0,0,0c-3.2,0-5.7,2.6-5.7,5.8v5.8c0,3.2,2.6,5.8,5.8,5.8h12.5c0.5,0,1-0.4,1-1V9.4 C21.8,6.2,19.3,3.6,16.1,3.6z M19.3,18c0,0.2-0.2,0.4-0.4,0.4H8.7c-1.9,0-3.5-1.6-3.5-3.5V9.6c0,0,0,0,0,0c0-1.9,1.6-3.5,3.5-3.5 h7.1c1.9,0,3.5,1.6,3.5,3.5V18z'/%3e%3cpath d='M15,10.2c0.9,0,1.6,0.7,1.6,1.6s-0.7,1.6-1.6,1.6s-1.6-0.7-1.6-1.6S14.1,10.2,15,10.2L15,10.2z'/%3e%3cpath d='M9.4,10.2c0.9,0,1.6,0.7,1.6,1.6s-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6S8.5,10.2,9.4,10.2L9.4,10.2z'/%3e%3c/svg%3e");
}

.app-navigate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: -1.5rem;
  margin-bottom: 3rem;
  font-size: 0.9375rem;
  font-weight: 500;
}
.app-navigate .spacer {
  padding: 0.5rem 0.875rem;
  color: #9A9A9A;
}
.app-navigate .item-drops {
  position: relative;
}
.app-navigate .item-drops .drops-title {
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
  border: 1px solid #DADADA;
  border-radius: 2px;
  cursor: pointer;
}
.app-navigate .item-drops .drops-title::after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3e%3cpath d='M17.4,8.8c-0.4-0.4-1-0.4-1.4,0l-3.9,3.8l-4-3.8c-0.4-0.4-1-0.3-1.4,0.1c-0.4,0.4-0.3,1,0,1.4l5.3,5.1l5.3-5.1 C17.7,9.9,17.8,9.3,17.4,8.8C17.4,8.9,17.4,8.9,17.4,8.8L17.4,8.8z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1rem;
}
.app-navigate .item-drops .more-panel {
  display: none;
  position: absolute;
  padding-top: 4px;
  z-index: 999;
}
.app-navigate .item-drops .more-panel .more-list {
  padding: 0.75rem;
  background-color: #fff;
  border: 1px solid #DADADA;
  border-radius: 2px;
}
.app-navigate .item-drops .more-panel .more-list .item-count {
  display: none;
}
.app-navigate .item-drops .more-panel .more-item {
  padding-right: 0.5rem;
}
.app-navigate .item-drops .more-panel .more-item .item-link {
  white-space: nowrap;
}
.app-navigate .item-drops:hover .drops-title::after {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3e%3cpath d='M17.4,8.8c-0.4-0.4-1-0.4-1.4,0l-3.9,3.8l-4-3.8c-0.4-0.4-1-0.3-1.4,0.1c-0.4,0.4-0.3,1,0,1.4l5.3,5.1l5.3-5.1 C17.7,9.9,17.8,9.3,17.4,8.8C17.4,8.9,17.4,8.9,17.4,8.8L17.4,8.8z'/%3e%3c/svg%3e");
}
.app-navigate .item-drops:hover .more-panel {
  display: block;
}

.app-main {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.app-main > :last-child {
  margin-bottom: 0;
}
.app-main .main-title {
  margin-bottom: 2.5rem;
  font-size: 1.875rem;
  line-height: 1.175;
}
.app-main .main-summary {
  margin-bottom: 2rem;
}
.app-main .no-contents {
  margin-bottom: 2rem;
  color: #9A9A9A;
}
.app-main .section-title {
  margin-bottom: 2rem;
}
.app-main.reverse .app-main {
  margin-right: 0;
}
.app-main .app-section:last-child {
  margin-bottom: 0;
}

.app-section {
  margin-bottom: 3.5rem;
}

.app-page .app-section:last-child, .app-headline .app-section:last-child {
  margin-bottom: 1rem;
}

.section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.section-title h2, .section-title h3 {
  font-size: 1.75rem;
}
.section-title h2 span, .section-title h3 span {
  font-weight: 500;
}
.section-title .view-all {
  display: flex;
  align-items: center;
}
.section-title .view-all::after {
  margin-left: 0.25rem;
  display: inline-block;
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M20.4,15.9H1.5v-2h16.6l-5-5l1.4-1.4l6.6,6.6c0.1,0.1,0.2,0.2,0.3,0.4c0.1,0.2,0.1,0.5,0,0.7c-0.1,0.3-0.3,0.5-0.5,0.6 C20.7,15.9,20.6,15.9,20.4,15.9z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1rem;
}

.app-poster {
  padding-top: 12rem;
  height: 35rem;
  color: #fff;
  background-image: url("/img/poster_06.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.app-poster h3 {
  font-size: 2.5rem;
  text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.2);
}
.app-poster p {
  font-size: 2rem;
  text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
}

.app-googleMap {
  height: 30rem;
}

.app-overlay.home {
  border-top: 0;
}

.app-events .event-item {
  padding: 2rem 1rem;
  text-align: left;
  background-color: #F0F0F0;
  border-radius: 1rem;
}
.app-events .event-item:first-child {
  margin-bottom: 1rem;
}
.app-events .event-item:hover {
  background-color: #E8E8E8;
}
.app-events .event-item .item-created {
  margin-bottom: 0.75rem;
  padding: 0;
}

.app-featured-ropes .section-title {
  margin-bottom: 2rem;
}
.app-featured-ropes .ropes-menus {
  margin-bottom: 2rem;
}
.app-featured-ropes .ropes-menus .menu-item {
  user-select: none;
  display: inline-block;
  margin: 0.375rem;
  padding: 0.375rem 1rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  cursor: default;
  white-space: nowrap;
  background-color: #F0F0F0;
  border-radius: 0.5rem;
}
.app-featured-ropes .ropes-menus .menu-item.active {
  font-weight: 800;
  color: #fff;
  background-color: #1c55b1;
}
.app-featured-ropes .switch-container {
  display: grid;
  overflow: hidden;
}
.app-featured-ropes .switch-container .switch-slides {
  display: flex;
  align-items: flex-start;
  width: 99999px;
}
.app-featured-ropes .switch-container .switch-grid {
  grid-area: 1/1;
}
.app-featured-ropes .switch-container .switch-content {
  transition: all 0.5s ease;
  opacity: 1;
}
.app-featured-ropes .switch-container .switch-content.hide {
  opacity: 0;
}

.form-control {
  padding: 0.75rem 0.875rem;
  width: 100%;
  font-size: 1rem;
  background-color: #fff;
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  outline: none;
  box-shadow: none;
}
.form-control.blue {
  border-color: rgba(2, 151, 99, 0.7);
  background-color: rgba(2, 151, 99, 0.07);
  box-shadow: 0 0 0 3px rgba(2, 151, 99, 0.2);
}
.form-control:focus {
  border-color: #1A73E8;
  background-color: #fff;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.3);
  transition: background-color 0.2s ease-out;
}
.form-control:disabled {
  background-color: #F0F0F0;
  opacity: 0.5;
}
.form-control:autofill {
  transition: background-color 5000s ease-in-out 0s;
}
.form-control::placeholder {
  color: #9A9A9A;
}

.form-radio,
.form-checkbox {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
  user-select: none;
}
.form-radio input[type=radio],
.form-radio input[type=checkbox],
.form-checkbox input[type=radio],
.form-checkbox input[type=checkbox] {
  appearance: none;
  display: inline-block;
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #BDBDBD;
  transition: all 200ms ease;
  outline: none;
}

.form-radio [type=radio] {
  border-radius: 50%;
}
.form-radio [type=radio]:checked {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23272727'%3e%3ccircle cx='10' cy='10' r='5'/%3e%3c/svg%3e");
  border-color: #272727;
}

.form-checkbox [type=checkbox] {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23E8E8E8'%3e%3cpolygon points='17.8,6.5 14.9,3.6 7.9,10.7 5.1,7.9 2.2,10.7 7.9,16.4 '/%3e%3c/svg%3e");
}
.form-checkbox [type=checkbox]:checked {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23272727'%3e%3cpolygon points='17.8,6.5 14.9,3.6 7.9,10.7 5.1,7.9 2.2,10.7 7.9,16.4 '/%3e%3c/svg%3e");
  border-color: #272727;
}

.button {
  display: block;
  padding: 0.5rem 1.5rem;
  color: #fff;
  background-color: #1c55b1;
  border-width: 0;
  border-radius: 2rem;
  text-decoration: none;
}
.button:hover {
  color: #fff;
  background-color: #1f60c7;
  text-decoration: none;
}
.button:disabled {
  opacity: 0.5;
}

.form-row {
  margin-bottom: 1.5rem;
}
.form-row .form-label {
  display: block;
  margin-bottom: 0.5rem;
}
.form-row .form-label.required::after {
  content: "*";
  padding-left: 0.25rem;
  color: #EF0000;
}

.form .form-error {
  color: #EF0000;
}
.form .button {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-radius: 0.5rem;
}

.column-list {
  display: grid;
  list-style: none;
}
.column-list.main-column {
  margin-bottom: 3rem;
}
.column-list .column-item {
  padding: 1rem;
  border: 1px solid #E0E0E0;
  border-radius: 0.75rem;
}
.column-list .column-item .item-image {
  position: relative;
  margin-bottom: 0.75rem;
  background-color: #F0F0F0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.column-list .column-item .item-image img {
  width: 100%;
}
.column-list .column-item .item-image .no-image {
  display: block;
  position: absolute;
  margin-top: -1rem;
  top: 50%;
  left: 0;
  width: 100%;
  color: #BDBDBD;
  text-align: center;
  text-decoration: none;
  z-index: 10;
}
.column-list .column-item .item-image .no-image::before {
  content: "No image";
  font-size: 1rem;
  font-family: Georgia, Sans-serif;
}
.column-list .column-item .item-title {
  font-weight: 500;
  text-align: center;
}
.column-list .column-item.no-border {
  padding: 0;
  border-width: 0;
}
.column-list.column-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
}
.column-list.column-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2rem;
}
.column-list.column-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 2rem;
}

.app-main .column-list.column-6 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
}

.product-column {
  align-items: flex-start;
  margin-bottom: 3rem;
}
.product-column.product-head {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #E0E0E0;
}
.product-column .product-gallery {
  margin-right: 3rem;
  width: 32rem;
  overflow: hidden;
}
.product-column .product-gallery .gallery-madia {
  margin-bottom: 2rem;
}
.product-column .product-gallery .gallery-madia img {
  width: 100%;
}
.product-column .product-gallery .gallery-note {
  font-size: 0.875rem;
  line-height: 1.17;
  color: #505050;
}
.product-column .product-brief h1 {
  margin-bottom: 0.75rem;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.17;
}
.product-column .product-brief .item-mark {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.product-column .product-brief .item-mark .text-mark {
  margin-right: 0.5rem;
  padding: 0.3rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  background-color: #1c975d;
  border-radius: 0.5rem;
}
.product-column .product-brief .item-mark .text-mark:last-child {
  margin-right: 0;
}
.product-column .product-brief .item-mark .text-mark-swaged {
  background-color: #373737;
}
.product-column .product-brief .item-series {
  display: flex;
  margin-bottom: 2rem;
}
.product-column .product-brief .item-series .series-select {
  position: relative;
  min-width: 75%;
  max-width: 100%;
}
.product-column .product-brief .item-series .series-select:hover .series-popper {
  display: block;
}
.product-column .product-brief .item-series .series-select:hover .series-current::after {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M19.2,14.1l-3.4-3.4l-2.1-2.1c-0.9-0.9-2.3-0.9-3.2,0l-5.5,5.5c-0.7,0.7-0.2,2,0.8,2h12.7 C19.4,16.1,19.9,14.9,19.2,14.1z'/%3e%3c/svg%3e");
}
.product-column .product-brief .item-series .series-popper {
  display: none;
  position: absolute;
  right: 0;
  width: 100%;
  padding: 1.25rem 1.5rem;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 1rem;
  z-index: 9;
}
.product-column .product-brief .item-series .series-popper .series-item {
  padding: 0.125rem 0;
}
.product-column .product-brief .item-series .series-popper .series-item .series-sku {
  font-weight: 700;
}
.product-column .product-brief .item-series .series-popper .series-item:hover::before {
  background-color: #029763;
  outline-color: #029763;
}
.product-column .product-brief .item-series .series-current {
  position: relative;
  padding: 1rem 4rem 1rem 1.5rem;
  width: 100%;
  background-color: #f0f1f2;
  border-color: #E0E0E0;
  border-radius: 1rem;
  cursor: default;
}
.product-column .product-brief .item-series .series-current::after {
  display: block;
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M18.3,7.9H5.7c-1,0-1.5,1.2-0.8,2l5.5,5.5c0.9,0.9,2.3,0.9,3.2,0l2.1-2.1l3.4-3.4C19.9,9.1,19.4,7.9,18.3,7.9z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
}
.product-column .product-brief .item-sku {
  margin-bottom: 1rem;
  font-size: 0.9375rem;
  color: #9A9A9A;
}
.product-column .product-brief .item-sku span {
  margin-right: 0.25rem;
}
.product-column .product-brief .item-summary {
  margin-bottom: 2em;
}
.product-column .product-brief .item-summary ul {
  margin-bottom: 2rem;
  padding-left: 2.25em;
  list-style: disc outside;
}
.product-column .product-brief .item-summary ul li {
  padding: 1px 0;
}
.product-column .product-brief .item-summary ul.none-ul {
  padding: 0;
  list-style: none;
}
.product-column .product-brief .item-summary ul.none-ul li {
  padding-bottom: 0;
}
.product-column .product-brief .item-summary h5 {
  margin-bottom: 1rem;
}
.product-column .product-brief .item-action {
  margin-bottom: 2rem;
}
.product-column .product-brief .item-extra {
  font-size: 0.9375rem;
}
.product-column .product-brief .item-extra .separator {
  margin-right: 0.5rem;
}
.product-column .product-brief .item-extra a {
  color: #808080;
}
.product-column .product-brief .item-extra a:hover {
  color: #1c55b1;
}

.column-product .column-item-series {
  position: relative;
}
.column-product .column-item-series .item-series {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.25rem;
  height: 1.25rem;
}
.column-product .column-item-series .item-series .series-trigger {
  width: 100%;
  height: 100%;
  background-color: #171717;
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3e%3cpath d='M6,7l6,6l6-6l2,2l-8,8L4,9L6,7z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1rem;
  border-radius: 1rem;
}
.column-product .column-item-series .item-series .series-trigger.up {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3e%3cpath d='M4,15l8-8l8,8l-2,2l-6-6l-6,6L4,15z'/%3e%3c/svg%3e");
}
.column-product .column-item-series .item-series .series-popper {
  display: none;
  position: absolute;
  right: 0;
  padding: 1rem;
  width: 17rem;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 0.5rem;
  z-index: 999;
}
.column-product .column-item-series .item-series .series-popper.show {
  display: block;
}
.column-product .column-item-series .item-series .series-popper .child-item {
  display: flex;
  padding: 0.25rem 0;
}
.column-product .column-item-series .item-series .series-popper .child-item::before {
  margin-top: 0.25rem;
}
.column-product .column-item-series .item-series .series-popper .item-title {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.375;
  text-align: left;
}

.detail-specs .specs-selectable {
  position: relative;
}
.detail-specs .specs-selectable .specs-item {
  display: none;
  margin-bottom: 2.5rem;
}
.detail-specs .specs-selectable .specs-item .specs-title {
  display: flex;
  margin-bottom: 0.25rem;
  padding-bottom: 1rem;
  font-size: 1.375rem;
  font-weight: 800;
}
.detail-specs .specs-selectable .specs-item .specs-title span {
  margin-right: 1rem;
}
.detail-specs .specs-selectable .specs-item .specs-title i {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3e%3cpath d='M11,16l1,1l8-8l-2-2L12,13L6,7l-2,2L11,16L11,16z'/%3e%3c/svg%3e");
  background-size: 1.25rem;
  background-color: #171717;
  border-radius: 0.5rem;
}
.detail-specs .specs-selectable .specs-item.active {
  display: block;
}
.detail-specs .specs-selectable .specs-item .popper-handle {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: -1rem;
  padding-bottom: 1rem;
  cursor: pointer;
}
.detail-specs .specs-selectable .specs-item .popper-handle:hover i {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3e%3cpath d='M11,7.9l-7,7l2,2l6-6l5.9,6.1l2-2l-8-8L11,7.9L11,7.9z'/%3e%3c/svg%3e");
}
.detail-specs .specs-selectable .specs-item .popper-handle:hover .specs-selector {
  display: block;
}
.detail-specs .specs-selectable .specs-item.active-newly .specs-title i {
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3e%3cpath d='M11,7.9l-7,7l2,2l6-6l5.9,6.1l2-2l-8-8L11,7.9L11,7.9z'/%3e%3c/svg%3e");
}
.detail-specs .specs-selectable .specs-item.active-newly .specs-title .specs-selector {
  display: block;
}
.detail-specs .specs-selectable .specs-item.active-fake {
  display: block;
}
.detail-specs .specs-selectable .specs-item.active-fake .specs-title i {
  display: none;
}
.detail-specs .specs-selectable .specs-selector {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 2rem;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
  z-index: 999;
}
.detail-specs .specs-selectable .specs-selector .selector-item {
  display: flex;
  align-items: center;
  padding: 0.125rem 0;
  font-size: 1rem;
}
.detail-specs .specs-selectable .specs-selector .selector-item a {
  font-weight: 400;
  color: #171717;
  text-decoration: none;
  white-space: nowrap;
}
.detail-specs .specs-selectable .specs-selector .selector-item:hover::before {
  background-color: #a7c3f1;
  outline-color: #a7c3f1;
}
.detail-specs .specs-selectable .specs-selector .selector-item:hover a {
  color: #1c55b1;
  text-decoration: underline;
}
.detail-specs .specs-selectable .specs-selector .selector-item.current::before {
  background-color: #1c55b1;
  outline-color: #1c55b1;
}
.detail-specs .specs-selectable .specs-selector .selector-item.current a {
  font-weight: 600;
}
.detail-specs .specs-selectable .specs-image {
  margin-bottom: 2rem;
}
.detail-specs .specs-selectable .specs-image .image-fit {
  display: inline-block;
}
.detail-specs .specs-selectable .specs-image .image-fit img {
  width: 66.6667%;
}
.detail-specs .specs-content table.data-sheet {
  font-family: Archivo, Roboto, sans-serif;
  box-shadow: 0 1px 0 0 #e0e0e0;
}
.detail-specs .specs-content table.data-sheet th,
.detail-specs .specs-content table.data-sheet td {
  padding: 0.375rem 0.5rem;
  font-size: 0.9375rem;
  text-align: center;
  line-height: 1.375;
  border: 2px solid #fff;
}
.detail-specs .specs-content table.data-sheet th .vertical-rl,
.detail-specs .specs-content table.data-sheet td .vertical-rl {
  margin: 0;
  font-size: 1rem;
  line-height: 2.5;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.detail-specs .specs-content table.data-sheet th {
  padding: 0.3rem 0.5rem;
  background-color: #E0E0E0;
  vertical-align: bottom;
}
.detail-specs .specs-content table.data-sheet th .unit {
  font-size: 0.875rem;
  font-weight: 500;
}
.detail-specs .specs-content table.data-sheet tr:nth-child(even) {
  background-color: #EEE;
}
.detail-specs .specs-content table.data-sheet tr:hover td {
  background-color: #fff;
}
.detail-specs .specs-content table.data-sheet tr:hover td:not([rowspan]) {
  background-color: #cbdde7;
}
.detail-specs .specs-content table.data-sheet .note-star {
  font-size: 0.875rem;
  font-weight: 400;
}
.detail-specs .specs-content .data-sheet-note {
  margin-top: -0.5rem;
  padding: 0;
  font-size: 0.875rem;
  list-style: none;
}

.detail-question .question-list .question-item, .app-question .question-list .question-item {
  padding: 2rem 0;
  border-bottom: 1px solid #E0E0E0;
}
.detail-question .question-list .question-item:last-child, .app-question .question-list .question-item:last-child {
  border-width: 0;
}
.detail-question .question-list .question-item:first-child, .app-question .question-list .question-item:first-child, .detail-question .question-list .question-item:hover, .app-question .question-list .question-item:hover {
  background: linear-gradient(to right, rgba(2, 151, 99, 0), rgba(2, 151, 99, 0.1));
  border-color: transparent;
  outline: 0.5rem solid #fff;
  border-radius: 1rem;
}
.detail-question .question-list:hover .question-item:first-child:not(:hover), .app-question .question-list:hover .question-item:first-child:not(:hover) {
  background: transparent;
  border-bottom: 1px solid #E0E0E0;
  outline: 0;
  border-radius: 0;
}
.detail-question .question-list .item-prefix, .app-question .question-list .item-prefix {
  margin-right: 0.5rem;
  font-size: 1.375rem;
  font-weight: 800;
}
.detail-question .question-list .item-title, .app-question .question-list .item-title {
  margin-bottom: 0.5rem;
  font-size: 1.375rem;
  font-weight: 800;
}
.detail-question .question-list .item-content, .app-question .question-list .item-content {
  padding-right: 1.5rem;
}
.detail-question .question-list .item-content p:last-child, .app-question .question-list .item-content p:last-child {
  margin-bottom: 0;
}

.app-question {
  margin-bottom: 3rem;
}
.app-question .question-search {
  margin-bottom: 2rem;
}
.app-question .question-search .form {
  display: flex;
  align-items: center;
  position: relative;
}
.app-question .question-search .form .form-control {
  margin-right: 0.75rem;
  width: 40%;
  padding-left: 2.5rem;
}
.app-question .question-search .form .button {
  font-weight: 600;
}
.app-question .question-search .form .query-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 0.75rem;
  margin-top: -0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml;charset=utf8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235F5F5F'%3e%3cpath d='M10.5,1.5c5,0,9,4,9,9c0,2.1-0.8,4.2-2.1,5.8L23,22L22,23l-5.7-5.7c-3.8,3.2-9.5,2.7-12.7-1.1S0.9,6.8,4.7,3.6 C6.3,2.3,8.4,1.5,10.5,1.5z M10.5,3C6.4,3,3,6.4,3,10.5S6.4,18,10.5,18s7.5-3.4,7.5-7.5S14.6,3,10.5,3z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
}
.app-question .question-search .form .cancel {
  color: #808080;
  text-decoration: underline;
}
.app-question .question-search .form .cancel:hover {
  color: #1c55b1;
}
.detail-question {
  margin-bottom: 3rem;
}
.app-simple-quote {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.5rem;
  padding: 3rem 3rem 3rem 0;
  background: linear-gradient(to right, rgba(2, 151, 182, 0), rgba(2, 151, 182, 0.1));
  border-radius: 1rem;
}
.app-simple-quote h3 {
  margin-bottom: 0.75rem;
  font-size: 1.375rem;
}
.app-simple-quote .quote-text {
  max-width: 75%;
}
.app-simple-quote .button {
  font-weight: 500;
  text-transform: uppercase;
}

.detail-quote .major-title {
  margin-bottom: 2rem;
}

.quote-form .loading {
  width: 1.5rem;
}
.quote-form .form-row {
  padding-right: 5%;
}
.quote-form .form-control[name=number] {
  display: none;
}
.quote-form .form-control[name=number].show {
  display: block;
}
.quote-form .button {
  font-weight: 600;
}

.float-quote {
  position: relative;
}
.float-quote .quote-button {
  display: flex;
  align-items: center;
}
.float-quote .quote-button .button {
  margin-right: 1rem;
  padding: 0.75rem 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 2rem;
}
.float-quote .quote-button .quote-prompt {
  font-size: 0.9375rem;
  font-style: italic;
}
.float-quote .quote-layout {
  display: none;
  position: absolute;
  left: 0;
  margin-top: 1.5rem;
  margin-left: -12.5rem;
  width: 35rem;
  padding: 2rem;
  background-color: #fff;
  border: 1px solid #DADADA;
  z-index: 999;
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.float-quote .quote-layout.show {
  display: block;
}
.float-quote .quote-layout::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 20%;
  width: 60%;
  height: 0.8rem;
  background-color: #fff;
  z-index: 2;
}
.float-quote .quote-layout::after {
  display: block;
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 50%;
  margin-left: -0.7rem;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  border: 1px solid #DADADA;
  transform: rotate(45deg);
  z-index: 1;
}
.float-quote .quote-layout .quote-form .form-row {
  margin-bottom: 1rem;
  padding: 0;
}
.float-quote .quote-layout .quote-form .form-checkbox.align-start input {
  margin-top: 0.25rem;
}
.float-quote .quote-layout .quote-form .button {
  padding: 0.5rem 0.75rem;
}

.app-overlay.app-document-contact {
  border-top: 0;
}

.app-document .app-headline,
.app-document .app-page {
  width: 720px;
}

.app-blog {
  margin-bottom: 3rem;
}

.alone-list .alone-item {
  padding: 2rem 0;
  border-bottom: 1px solid #E0E0E0;
}
.alone-list .alone-item:first-child, .alone-list .alone-item:hover {
  background: linear-gradient(to right, rgba(2, 151, 99, 0), rgba(2, 151, 99, 0.1));
  border-color: transparent;
  outline: 0.5rem solid #fff;
  border-radius: 1rem;
}
.alone-list .alone-item:last-child {
  border-width: 0;
}
.alone-list .alone-item .item-created {
  font-size: 0.9375rem;
  color: #808080;
}
.alone-list .alone-item .item-title {
  margin-bottom: 1.5rem;
  width: 85%;
  font-size: 1.375rem;
  line-height: 1.175;
}
.alone-list .alone-item .item-column {
  padding-bottom: 0;
}
.alone-list .alone-item .item-image {
  margin-right: 1.5rem;
  width: 240px;
  border-radius: 1rem;
  overflow: hidden;
}
.alone-list .alone-item .item-image img {
  width: 100%;
}
.alone-list .alone-item .item-summary {
  margin-bottom: 1.25rem;
  padding-right: 1.5rem;
}
.alone-list .alone-item .item-action .button {
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
}
.alone-list:hover .alone-item:first-child:not(:hover) {
  background: transparent;
  border-bottom: 1px solid #E0E0E0;
  outline: 0;
  border-radius: 0;
}

.paginator-numbers {
  padding: 1rem 0;
}
.paginator-numbers:empty {
  display: none !important;
}
.paginator-numbers li {
  margin-left: -1px;
}
.paginator-numbers li.active a {
  color: #BDBDBD;
  background-color: #171717;
}
.paginator-numbers li.disabled {
  opacity: 0.5;
}
.paginator-numbers li:first-child a {
  border-radius: 4px 0 0 4px;
}
.paginator-numbers li:last-child a {
  border-radius: 0 4px 4px 0;
}
.paginator-numbers .prev a,
.paginator-numbers .next a {
  line-height: 2.25rem;
}
.paginator-numbers .ellipsis {
  padding: 0 0.5rem;
  margin-top: -0.375rem;
}
.paginator-numbers a {
  display: block;
  padding: 0 0.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #171717;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  text-decoration: none;
}
.paginator-numbers a:hover {
  background-color: #E8E8E8;
}

.app-page .detail-title, .app-headline .detail-title {
  margin-bottom: 0.5rem;
  max-width: 87.5%;
  font-size: 2.5rem;
  line-height: 1.17;
}
.app-page .detail-attrs, .app-headline .detail-attrs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.app-page .detail-attrs span, .app-headline .detail-attrs span {
  padding: 0.25rem 0;
}
.app-page .detail-snapshot, .app-headline .detail-snapshot {
  margin-bottom: 2rem;
}
.app-page .detail-snapshot img, .app-headline .detail-snapshot img {
  border-radius: 1rem;
}
.app-page .detail-video, .app-headline .detail-video {
  margin-bottom: 2rem;
}
.app-page .detail-body, .app-headline .detail-body {
  margin-bottom: 2.5rem;
  font-size: 1rem;
  font-family: "DM Sans", Roboto, sans-serif;
  line-height: 1.5;
}
.app-page .detail-body p, .app-headline .detail-body p {
  margin-bottom: 1.5rem;
}
.app-page .detail-body a, .app-headline .detail-body a {
  color: #1c55b1;
  text-decoration: underline;
}
.app-page .detail-body h1, .app-headline .detail-body h1,
.app-page .detail-body h2,
.app-headline .detail-body h2,
.app-page .detail-body h3,
.app-headline .detail-body h3,
.app-page .detail-body h4,
.app-headline .detail-body h4,
.app-page .detail-body h5,
.app-headline .detail-body h5,
.app-page .detail-body h6,
.app-headline .detail-body h6 {
  margin-bottom: 1.5rem;
}
.app-page .detail-body hr, .app-headline .detail-body hr,
.app-page .detail-body p,
.app-headline .detail-body p,
.app-page .detail-body ul,
.app-headline .detail-body ul,
.app-page .detail-body ol,
.app-headline .detail-body ol {
  margin-bottom: 1.5rem;
}
.app-page .detail-body hr:last-child, .app-headline .detail-body hr:last-child,
.app-page .detail-body p:last-child,
.app-headline .detail-body p:last-child,
.app-page .detail-body ul:last-child,
.app-headline .detail-body ul:last-child,
.app-page .detail-body ol:last-child,
.app-headline .detail-body ol:last-child {
  margin-bottom: 1rem;
}
.app-page .detail-body img, .app-headline .detail-body img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
}
.app-page .detail-body ul, .app-headline .detail-body ul {
  padding-left: 2.25em;
  list-style: disc outside;
}
.app-page .detail-body hr, .app-headline .detail-body hr {
  background-color: #E0E0E0;
}
.app-page .detail-body table, .app-headline .detail-body table {
  margin-bottom: 1.5rem;
  width: auto;
  line-height: 1.7;
  border-collapse: collapse;
  border: 1px solid #DADADA;
}
.app-page .detail-body table tr:hover td, .app-headline .detail-body table tr:hover td {
  background-color: #F0F0F0;
}
.app-page .detail-body table th, .app-headline .detail-body table th,
.app-page .detail-body table td,
.app-headline .detail-body table td {
  padding: 0.25rem 0.5rem;
  border: 1px solid #DADADA;
}
.app-page .detail-body table th p:last-child, .app-headline .detail-body table th p:last-child,
.app-page .detail-body table td p:last-child,
.app-headline .detail-body table td p:last-child {
  margin-bottom: 0 !important;
}
.app-page .detail-body table th, .app-headline .detail-body table th {
  background-color: #F0F0F0;
  white-space: nowrap;
}
.app-page .detail-body table td:first-child, .app-headline .detail-body table td:first-child {
  white-space: nowrap;
}
.app-page .detail-body table.nowrap th, .app-headline .detail-body table.nowrap th,
.app-page .detail-body table.nowrap td,
.app-headline .detail-body table.nowrap td {
  white-space: nowrap;
}
.app-page .detail-taglist, .app-headline .detail-taglist {
  display: flex;
  flex-wrap: wrap;
  margin-top: -1rem;
  margin-bottom: 2.5rem;
}
.app-page .detail-taglist:empty, .app-headline .detail-taglist:empty {
  display: none;
}
.app-page .detail-taglist .tag-item, .app-headline .detail-taglist .tag-item {
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
.app-page .detail-taglist .tag-item:hover, .app-headline .detail-taglist .tag-item:hover {
  background-color: #E0E0E0;
}
.app-page .detail-taglist .tag-item:hover a, .app-headline .detail-taglist .tag-item:hover a {
  color: #171717;
  text-decoration: none;
}
.app-page .sticky-table-scroll, .app-headline .sticky-table-scroll {
  position: relative;
  margin-bottom: 2rem;
}
.app-page .sticky-table-scroll table, .app-headline .sticky-table-scroll table {
  margin-bottom: 0 !important;
}
.app-page .sticky-table-scroll .wrap-first table th:first-child, .app-headline .sticky-table-scroll .wrap-first table th:first-child,
.app-page .sticky-table-scroll .wrap-first table td:first-child,
.app-headline .sticky-table-scroll .wrap-first table td:first-child {
  white-space: wrap;
}
.app-page .sticky-table-scroll .table-head, .app-headline .sticky-table-scroll .table-head {
  position: relative;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.app-page .sticky-table-scroll .table-head::-webkit-scrollbar, .app-headline .sticky-table-scroll .table-head::-webkit-scrollbar {
  display: none;
}
.app-page .sticky-table-scroll .table-head.stickying, .app-headline .sticky-table-scroll .table-head.stickying {
  position: fixed;
  top: 0;
  z-index: 999;
}
.app-page .sticky-table-scroll .table-head thead th, .app-headline .sticky-table-scroll .table-head thead th {
  background-color: #f5f5f5;
}
.app-page .sticky-table-scroll .table-body, .app-headline .sticky-table-scroll .table-body {
  position: relative;
  top: -1px;
  width: 100%;
  overflow: auto;
}
.app-page .sticky-table-scroll .table-body table tr:hover td, .app-headline .sticky-table-scroll .table-body table tr:hover td {
  background-color: #e8f5e9 !important;
}
.app-page .sticky-table-scroll.sticky-table table th:first-child::after, .app-headline .sticky-table-scroll.sticky-table table th:first-child::after,
.app-page .sticky-table-scroll.sticky-table table td:first-child::after,
.app-headline .sticky-table-scroll.sticky-table table td:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
  width: 0.625rem;
  box-shadow: inset 0.625rem 0 0.5rem -0.5rem #0003;
  pointer-events: none;
}
.app-page .sticky-table-scroll.sticky-table .table-head th:first-child, .app-headline .sticky-table-scroll.sticky-table .table-head th:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
}
.app-page .sticky-table-scroll.sticky-table .table-body td:first-child, .app-headline .sticky-table-scroll.sticky-table .table-body td:first-child {
  position: sticky;
  left: 0;
  z-index: 5;
  background-color: #f5f5f5;
}
.app-page .detail-related, .app-headline .detail-related {
  padding-right: 3rem;
}

.app-category .detail-body,
.app-document .detail-body {
  border-bottom: 0;
}

.app-category .app-aside {
  margin-right: 3rem;
  width: 19rem;
  border-right: 1px solid #E0E0E0;
}
.app-category .app-aside .aside-title {
  margin-bottom: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #505050;
}
.app-category .app-aside .aside-categories {
  padding-right: 2rem;
}
.app-category .app-aside .aside-categories .category-list li {
  padding: 0.4rem 0.4rem 0.4rem 0;
}
.app-category .app-aside .aside-categories .category-list li .item-title {
  font-size: 1rem;
  font-weight: 500;
}
.app-category .app-aside .aside-categories .category-list li .item-title:hover {
  color: #1c55b1;
}
.app-category .app-aside .aside-categories .category-list li.current .item-title {
  font-weight: 800;
}
.app-category .app-aside .aside-categories .category-list .children-list {
  padding: 0.5rem 0;
}
.app-category .app-aside .aside-categories .category-list .children-list li {
  position: relative;
  padding: 0.25rem 0 0.25rem 1.5rem;
  font-weight: 500;
}
.app-category .app-aside .aside-categories .category-list .children-list li::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 0.75rem;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #BDBDBD;
  border-radius: 2px;
}
.app-category .app-aside .aside-categories .category-list .children-list li:hover::before {
  background-color: #1c55b1;
}
.app-category .app-aside .aside-categories .category-list .children-list li.current {
  font-weight: 700;
}

.app-blog .app-main,
.app-question .app-main {
  margin-right: 2rem;
}
.app-blog .app-aside,
.app-question .app-aside {
  width: 200px;
  background-color: rgba(240, 240, 240, 0.5);
  border-radius: 1rem;
}

.product-column .app-aside {
  width: 200px;
  background-color: rgba(240, 240, 240, 0.5);
  border-radius: 1rem;
}

.app-footer {
  color: #fff;
  background-color: #171717;
  border-top: 3rem solid #242424;
  box-shadow: 0 2px #171717;
}
.app-footer .app-layout, .app-footer .app-page,
.app-footer .app-navigate, .app-footer .app-headline {
  height: 3rem;
  font-size: 0.9375rem;
  line-height: 3rem;
  color: #fff;
  background-color: #171717;
}
.app-footer a {
  color: #fff;
}
.app-footer a:hover {
  text-decoration: underline;
}
.app-footer .footer-link li:not(:last-child) {
  margin-right: 0.5rem;
}
.app-footer .footer-link li:not(:first-child)::before {
  margin-right: 0.5rem;
  content: "|";
}

@media screen and (max-width: 1280px) {
  .app-header {
    flex-wrap: wrap;
    height: auto;
    text-align: center;
  }
  .app-header .app-logo {
    display: flex;
    justify-content: center;
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
  .app-header .app-logo a {
    width: 20rem;
    height: 10rem;
  }
  .app-header .nav-layout {
    margin: -1.5rem auto 0;
    text-align: left;
  }
  .app-header .nav-layout .nav-item .item-title {
    height: 4rem;
    line-height: 4rem;
  }

  .app-overlay .app-main {
    width: 100%;
  }
  .app-overlay .app-aside {
    display: none;
  }
}
@media screen and (max-width: 1180px) {
  .app-layout, .app-page,
.app-navigate, .app-headline {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .search-backdrop .search-panel .search-form {
    width: 75%;
  }
}
@media screen and (max-width: 640px) {
  .app-layout, .app-page,
.app-navigate, .app-headline {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .app-header .app-logo {
    padding-top: 1rem;
  }
  .app-header .app-logo a {
    width: 18rem;
    height: 8rem;
  }

  .app-heading .heading-title {
    font-size: 3rem;
  }

  .app-main .content-item {
    margin-right: 5%;
    margin-bottom: 5%;
    width: 47.5%;
  }
  .app-main .content-item:nth-child(2n) {
    margin-right: 0;
  }
  .app-main .similar-contents .content-item {
    margin-right: 4%;
    width: 30.6666%;
  }
  .app-main .similar-contents .content-item:nth-child(3n) {
    margin-right: 0;
  }

  .search-backdrop .search-panel .search-form {
    width: 87.5%;
  }

  .app-footer {
    display: block !important;
  }
  .app-footer span {
    display: block;
  }
  .app-footer .icon-list {
    padding-top: 1rem;
  }
  .app-footer .icon-list .icon-item {
    margin-left: 0;
    margin-right: 0.5rem;
  }
}

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