nav .brand-logo {
  width: 100%;
  pointer-events: none;
}

nav ul, nav ul li, nav ul li a {
  height: 100%;
}

.brand-logo .logo {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABQCAMAAAB4SEgzAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAALnRSTlMAC/qs58g18tmeJARcRxWyDYhhF+3QHXKHKwf14ta9tpiKdGtWSTumkoHBSm9AzMo6ngAAAhdJREFUWMPNmN2WQ0AQhBkEm7AINiHyH/nbnfd/vD3ZhOagxmZcqEvtfImpqR5auegLVZEW51yfyVMeMiaylKdsdwgKN7+mMpRSmSNDIX1+SFBIbKHKU8h1GQq5LkMh12Uo77vOW2U5shRyXZ7Cma9KUN5ynQOxfAhKMMR/2Q+xLrvnDcnNkaDYrxsC4Lp4vxTbN4JZx5Rb8qrn0HVMibyirqGsY4pVpjpmlZWa/4uix2XZB1nHlHBZVtUQZB1S0pyqAcg6pLDqz0VtWfd6UI6V4g/IOqQcqEQ2Nzs8plxrRbUmn1ddB5QL2FkH0OFrpTOAHBtb89RO2YADxGGow1fXDAR3YnIOXKdLGTgSlyHs8ERZxd2QeNWKINdLKOhnbsaRbLegmKB7qAbHigqKpVVVS26y5mJKi1htY56pAJ6oKa0K2SIArW5Tpwrkihl60NXrVrXwILGd19kxryA8ogSQYhQenEbShsKTdjPM/RR27yMKD+5SJH2KwoM7JskvwmNhdzHlte6egd3FlLUgPJtep9oMniHWvdcJGyYUHuAuoNBRsoDuiil/rwvf0F0xxXhcmmF3xZTHvXcG3RVTTFVR8hS7K6ZsKTyN7PanTJRYF7grpkQUHuguphy8SOSumJLO10J3xZSzBt4Ce1Oyemcex5ew1Fc5uTuOaYXU5IS+58cxUbKckUzabHcEE0g2yDR0Gw4wmf0F70eS+0c6/xQAAAAASUVORK5CYII=);
  background-size: 26px 32px;
  background-repeat: no-repeat;
  display: block;
  width: 26px;
  height: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
}

.brand-logo .title {
  font-size: 1.5rem;
  margin-left: 35px;
}

.icon-language {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI3LjI1IiBzdHJva2U9IiNGQkZCRkUiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxwYXRoIGQ9Ik04IDE1LjI1QzcuNzY0OSAxNS4yNSA3LjQ4MTgxIDE1LjE0NDIgNy4xNTg5NCAxNC44MzIxQzYuODMyNDYgMTQuNTE2NSA2LjUwNDE5IDE0LjAyMzUgNi4yMTIyNCAxMy4zNTYyQzUuNjI5MzIgMTIuMDIzOSA1LjI1IDEwLjEzMDcgNS4yNSA4QzUuMjUgNS44NjkyOCA1LjYyOTMyIDMuOTc2MTUgNi4yMTIyNCAyLjY0Mzc2QzYuNTA0MTkgMS45NzY0NSA2LjgzMjQ2IDEuNDgzNTIgNy4xNTg5NCAxLjE2Nzg5QzcuNDgxODEgMC44NTU3NTEgNy43NjQ5IDAuNzUgOCAwLjc1QzguMjM1MSAwLjc1IDguNTE4MTkgMC44NTU3NTEgOC44NDEwNiAxLjE2Nzg5QzkuMTY3NTQgMS40ODM1MiA5LjQ5NTgxIDEuOTc2NDUgOS43ODc3NiAyLjY0Mzc2QzEwLjM3MDcgMy45NzYxNSAxMC43NSA1Ljg2OTI4IDEwLjc1IDhDMTAuNzUgMTAuMTMwNyAxMC4zNzA3IDEyLjAyMzkgOS43ODc3NiAxMy4zNTYyQzkuNDk1ODEgMTQuMDIzNSA5LjE2NzU0IDE0LjUxNjUgOC44NDEwNiAxNC44MzIxQzguNTE4MTkgMTUuMTQ0MiA4LjIzNTEgMTUuMjUgOCAxNS4yNVoiIHN0cm9rZT0iI0ZCRkJGRSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPGxpbmUgeDE9IjEiIHkxPSI1Ljc1IiB4Mj0iMTUiIHkyPSI1Ljc1IiBzdHJva2U9IiNGQkZCRkUiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxsaW5lIHgxPSIxIiB5MT0iMTAuMjUiIHgyPSIxNSIgeTI9IjEwLjI1IiBzdHJva2U9IiNGQkZCRkUiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  display: block;
  width: 18px;
  height: 100%;
  background-position-y: center;
  margin-right: 6px;
}

.section .card-panel {
  padding: 10px;
}

.button-group .btn-small {
  margin-bottom: .35rem;
}

.range {
  margin-top: 1.25rem;
}

.video {
  width: 100%;
  height: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .video {
    height: 28rem;
  }
}

@media only screen and (max-width: 600px) {
  .video {
    height: 15rem;
    margin-top: 0;
  }
  .container {
    width: 93%;
  }
  .section .card-panel {
    padding: 5px;
  }
  .tabs .tab a {
    padding: 0 5px;
  }
}

.simple-stat-info {
  width: 100%;
  height: 1.2rem;
  font-size: 12px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}

.simple-stat-info-show {
  background-color: rgba(38, 166, 154, 0.15);
}

.stat-info {
  width: 22rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  display: none;
}

ul.stat {
  width: 100%;
  list-style: none;
  font-size: .75rem;
  line-height: .8rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.75);
  display: table;
  margin: 0;
  padding: 0.25rem 0 0.25rem 1rem;
}

.close-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg3OEU5QSIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==);
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: inherit;
  font-size: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
}

.stat li {
  display: table-row;
}

.stat li .title {
  margin-left: -0.5rem;
}

.stat li .label {
  display: table-cell;
  width: 11rem;
}

.stat li .text {
  display: table-cell;
}

.tabs .tab, .btn-small {
  text-transform: none;
}

.tab-container {
  padding-top: 0;
}

.tab-container .row {
  position: relative;
}

.tab-container .row .col {
  padding: 0;
}

.tab-container .row .col.tab-panel {
  display: none;
  height: 36rem;
  overflow: auto;
}

.copy {
  display: none;
  position: absolute;
  top: 55px;
  right: 15px;
  height: 25px;
  line-height: 25px;
  padding: 0 8px;
}

.head {
  font-size: 14px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
  width: 40%;
}

table td, table th {
  font-size: 13px;
  padding: 10px 6px;
}

td + td {
  word-break: break-all;
}

@media only screen and (max-width: 800px) {
  span.badge {
    margin-left: 3px;
    padding: 0 3px;
  }
  .head {
    font-size: 13px;
  }
  table td, table th {
    font-size: 12px;
    padding: 6px 6px;
  }
}

table.borderless tr {
  border-bottom: none;
}

td.num {
  width: 40px;
  color: #ee6e73;
  background-color: rgba(255, 235, 238, 0.8);
  font-feature-settings: "tnum";
}
td.num.time {
  width: 90px;
}

.btn-link {
  float: right;
  cursor: pointer;
  color: #fb8c00;
  padding: 0 5px;
  border-bottom: 1px dashed #fcb853;
}

.switch-field {
  position: relative;
  margin-bottom: 1rem;
  height: 2rem;
}

.switch-field .switch {
  display: inline-block;
  vertical-align: text-bottom;
}

.switch-field .switch label .lever {
  margin: 0 10px;
}

.switch-field .radio {
  display: none;
}

@media only screen and (max-width: 600px) {
  .switch-field.mb {
    margin-bottom: 2rem;
  }
  .switch-field .switch label .lever {
    margin: 0 5px;
  }
}

[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {
  padding-left: 28px;
}

.row .col.w-fit {
  width: 20%;
}

.select-wrapper * { transition: none !important; transform: none !important; }