/* ==============

 * DGCMS - DGCMS
 * Versions v1.0.0
 * Author by dgtraffic
 * Licensed under MIT

 ============== */
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #595a5c;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #595a5c;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #fdf2bf;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #fce788;
}

.table-hover .table-primary:hover {
  background-color: #fceda6;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #fceda6;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #c0d9ec;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #8bb8dc;
}

.table-hover .table-secondary:hover {
  background-color: #accde6;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #accde6;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fbfbfb;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f8f8f8;
}

.table-hover .table-light:hover {
  background-color: #eeeeee;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #eeeeee;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: 43px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #595a5c;
  background-color: #f2f2f2;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #595a5c;
  background-color: #f2f2f2;
  border-color: #fcea96;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #595a5c;
  background-color: #f2f2f2;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #595a5c;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #f2f2f2 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #f2f2f2 no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #f9d01a;
  background-color: #f9d01a;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #fcea96;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #fef4c8;
  border-color: #fef4c8;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #f2f2f2;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #f9d01a;
  background-color: #f9d01a;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(249, 208, 26, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(249, 208, 26, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(249, 208, 26, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #f2f2f2;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(249, 208, 26, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: 43px;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #595a5c;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #f2f2f2;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #fcea96;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
}

.custom-select:focus::-ms-value {
  color: #595a5c;
  background-color: #f2f2f2;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 43px;
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 43px;
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #fcea96;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
}

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 43px;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #595a5c;
  background-color: #f2f2f2;
  border: 1px solid transparent;
  border-radius: 5px;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #595a5c;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 5px 5px 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #f9d01a;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #fef4c8;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #f9d01a;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #fef4c8;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #f9d01a;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #fef4c8;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    -webkit-transition: none;
    transition: none;
  }
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #f9d01a;
}

.nav-fill .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #f9d01a;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #c19f05;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #f9d01a;
  border-color: #f9d01a;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    -webkit-transition: none;
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #212529;
  background-color: #f9d01a;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #212529;
  background-color: #dab306;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(249, 208, 26, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #1f76bc;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #185b90;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(31, 118, 188, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(31, 118, 188, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f2f2f2;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #d9d9d9;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #816c0e;
  background-color: #fef6d1;
  border-color: #fdf2bf;
}

.alert-primary hr {
  border-top-color: #fceda6;
}

.alert-primary .alert-link {
  color: #534509;
}

.alert-secondary {
  color: #103d62;
  background-color: #d2e4f2;
  border-color: #c0d9ec;
}

.alert-secondary hr {
  border-top-color: #accde6;
}

.alert-secondary .alert-link {
  color: #092236;
}

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

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

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

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

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

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

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

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #7e7e7e;
  background-color: #fcfcfc;
  border-color: #fbfbfb;
}

.alert-light hr {
  border-top-color: #eeeeee;
}

.alert-light .alert-link {
  color: #656565;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #f9d01a;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #595a5c;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #f9d01a;
  border-color: #f9d01a;
}

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

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-primary {
  color: #816c0e;
  background-color: #fdf2bf;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #816c0e;
  background-color: #fceda6;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #816c0e;
  border-color: #816c0e;
}

.list-group-item-secondary {
  color: #103d62;
  background-color: #c0d9ec;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #103d62;
  background-color: #accde6;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #103d62;
  border-color: #103d62;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #7e7e7e;
  background-color: #fbfbfb;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #7e7e7e;
  background-color: #eeeeee;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #7e7e7e;
  border-color: #7e7e7e;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #595a5c;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  -webkit-transition: 0s 0.6s opacity;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 5%;
  margin-left: 5%;
  list-style: none;
}

.carousel-indicators li {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.entry-point {
  position: relative;
  line-height: 1.75;
  /* =WordPress Core
    -------------------------------------------------------------- */
  /* Text meant only for screen readers. */
}

.entry-point h1, .entry-point h2, .entry-point h3, .entry-point h4, .entry-point h5, .entry-point h6 {
  margin-bottom: 20px;
  font-weight: 900;
}

.entry-point p, .entry-point img, .entry-point ul, .entry-point ol, .entry-point div {
  margin-bottom: 20px;
}

.entry-point p:last-child, .entry-point img:last-child, .entry-point ul:last-child, .entry-point ol:last-child, .entry-point div:last-child {
  margin-bottom: 0;
}

.entry-point .alignnone {
  margin: 5px 20px 20px 0;
}

.entry-point .aligncenter,
.entry-point div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.entry-point .alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.entry-point .alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.entry-point a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.entry-point a img.alignnone {
  margin: 5px 20px 20px 0;
}

.entry-point a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.entry-point a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.entry-point .wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.entry-point .wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.entry-point .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.entry-point .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.entry-point .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.entry-point .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.entry-point .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.entry-point .screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.u-overlap--1 {
  z-index: 1001;
}

.u-overlap--2 {
  z-index: 1002;
}

.u-overlap--3 {
  z-index: 1003;
}

.u-overlap--4, .menu, .hamburger, .float {
  z-index: 1004;
}

.u-overlap--5 {
  z-index: 1005;
}

.u-overlap--6 {
  z-index: 1006;
}

.u-overlap--7 {
  z-index: 1007;
}

.u-overlap--8 {
  z-index: 1008;
}

.u-heading h1, .u-heading h2, .u-heading h3, .u-heading h4, .u-heading h5, .u-heading h6 {
  margin-bottom: 0;
}

.u-label label {
  margin-bottom: 0;
}

.u-figure figure {
  margin-bottom: 0;
}

.u-uppercase, .step__form label {
  text-transform: uppercase;
}

.u-link a:hover {
  text-decoration: none;
}

.u-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.u-list--counter {
  counter-reset: my-counter;
}

.u-list--counter li {
  counter-increment: my-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-list--counter li::before {
  content: counter(my-counter) ". ";
  color: inherit;
}

.u-list--counter li span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 15px;
}

.u-title {
  margin-bottom: 40px;
}

.panel .u-title {
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  .panel .u-title {
    margin-bottom: 10px;
  }
}

.u-title > h3 {
  font-size: 50px;
  font-weight: 400;
}

@media (max-width: 767.98px) {
  .u-title > h3 {
    font-size: 21px;
  }
}

.u-title > h3 strong {
  font-weight: 900;
}

.panel .u-title > h3 {
  color: #1f76bc;
}

.u-title > span {
  letter-spacing: 2px;
  font-weight: 700;
}

@media (max-width: 1199.98px) {
  .u-title > span {
    font-size: 11px;
  }
}

@media (min-width: 992px) {
  .u-title > span {
    margin-left: 40px;
  }
}

.u-excerpt {
  display: -webkit-box;
  margin-bottom: 0;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.u-excerpt--1 {
  -webkit-line-clamp: 1;
}

.u-excerpt--2 {
  -webkit-line-clamp: 2;
}

.u-excerpt--3, .card__content > .describe > p, .media-body > .describe > p {
  -webkit-line-clamp: 3;
}

.u-excerpt--4 {
  -webkit-line-clamp: 4;
}

.u-flexbox, .form-watch, .quantity-nav, .bar, .bar__item, .menu > .container, .menu__list, .menu__list > ul, .menu__login, .menu__hamburger, .accordion--single > div > a, .main-banner__content, .footer__bottom, .footer__bottom > ul, .footer__list.social > li > a, .step__tab > ul, .step__tab > ul > li > a, .step__form .form-submit, .step__thanks .texting .social > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.u-flexbox--y, .bar__item, .menu__list > ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.u-flexbox--x {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.u-flexbox--between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.u-tile {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
}

.u-images {
  background-repeat: no-repeat;
}

.u-images--pure {
  background-size: 100% auto;
}

.u-images--cover {
  background-size: cover;
}

.u-images--contain {
  background-size: contain;
}

.u-images--center {
  background-position: center;
}

.u-scale {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  transition: opacity .35s, transform .35s, -webkit-transform .35s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .accordion--single > div > a, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 50px;
}

@media (max-width: 1199.98px) {
  h1, .h1 {
    font-size: 30px;
  }
}

h2, .h2 {
  font-size: 35px;
}

@media (max-width: 1199.98px) {
  h2, .h2 {
    font-size: 24px;
  }
}

h3, .h3 {
  font-size: 24px;
}

@media (max-width: 1199.98px) {
  h3, .h3 {
    font-size: 17px;
  }
}

h4, .h4 {
  font-size: 21px;
}

@media (max-width: 1199.98px) {
  h4, .h4 {
    font-size: 16px;
  }
}

h5, .h5, .accordion--single > div > a {
  font-size: 17px;
}

@media (max-width: 1199.98px) {
  h5, .h5, .accordion--single > div > a {
    font-size: 14px;
  }
}

h6, .h6 {
  font-size: 14px;
}

@media (max-width: 1199.98px) {
  h6, .h6 {
    font-size: 11px;
  }
}

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

.form-row {
  margin-right: -15px;
  margin-left: -15px;
}

.form-row > [class*='col-'] {
  padding-right: 15px;
  padding-left: 15px;
}

.form-control {
  padding: 0 15px;
}

.form-control.material {
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-bottom: 1px solid #6e6f71;
  border-radius: 0;
}

.form-control.material::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control.material::-webkit-input-placeholder {
  color: #f9d01a;
}

.form-control.material::-moz-placeholder {
  color: #f9d01a;
}

.form-control.material:-ms-input-placeholder {
  color: #f9d01a;
}

.form-control.material::-ms-input-placeholder {
  color: #f9d01a;
}

.form-control.material::placeholder {
  color: #f9d01a;
}

.form-control.material:focus {
  outline: 0;
  border-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control.padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.form-select {
  position: relative;
}

.form-select select {
  background-color: white;
  display: block;
  width: 100%;
  border: 1px solid #6e6f71;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-select select option {
  margin: 15px;
}

.form-select select::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-select select:focus {
  outline: 0;
  border-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-select:after {
  content: '\f107';
  position: absolute;
  display: block;
  top: 50%;
  right: 15px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-check {
  padding-left: 1.75rem;
}

.form-check-input {
  margin-left: -1.75rem;
}

.form-check label {
  font-size: 14px;
  font-weight: 400 !important;
  font-style: italic;
  text-transform: none;
  letter-spacing: 1px !important;
}

.form-check a {
  color: #1f76bc;
  font-weight: 700;
}

.form__check input[type='checkbox'], .form__check input[type='radio'], .form-watch input[type='checkbox'], .form-watch input[type='radio'] {
  position: absolute;
  top: 0;
  width: auto;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form__check input[type='checkbox'] + label, .form__check input[type='radio'] + label, .form-watch input[type='checkbox'] + label, .form-watch input[type='radio'] + label {
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .form__check input[type='checkbox'] + label, .form__check input[type='radio'] + label, .form-watch input[type='checkbox'] + label, .form-watch input[type='radio'] + label {
    -webkit-transition: none;
    transition: none;
  }
}

.form__check {
  padding-left: 0;
}

.form__check input[type='radio'] + label {
  background-color: #e6e7e8;
  padding: 21px;
  border-radius: 10px;
}

.form__check input[type='radio']:checked + label {
  background-color: #c7eefc;
  -webkit-box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.25);
}

.form__check input[type='radio']:checked + label .thumb__image {
  background-color: #f2f2f2;
}

.form__check input[type='radio']:not(:checked) + label {
  background-color: #e6e7e8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form__check .thumb__image {
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
  padding: 14px;
  margin: 0 auto;
  text-align: center;
}

.form__check .thumb__image > img {
  height: 100px;
}

.form__check .thumb > h3 {
  margin-top: 14px;
  font-weight: 900;
  text-transform: capitalize;
  letter-spacing: normal;
}

.form-watch {
  background-color: #27a9e1;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -25px;
  right: 28px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.watchlist--profile .form-watch {
  right: 14px;
}

@media (max-width: 767.98px) {
  .panel-list .form-watch {
    width: 30px;
    height: 30px;
    right: 10px;
    top: -15px;
  }
}

.form-watch input[type='checkbox']:checked + label .thumb {
  color: white;
}

.form-watch input[type='checkbox']:checked + label .thumb:after {
  content: '\f004';
  font-weight: 900;
}

.form-watch input[type='checkbox']:not(:checked) + label .thumb {
  color: white;
}

.form-watch .thumb {
  color: white;
  position: relative;
  font-size: 30px;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .form-watch .thumb {
    -webkit-transition: none;
    transition: none;
  }
}

@media (max-width: 767.98px) {
  .panel-list .form-watch .thumb {
    font-size: 20px;
  }
}

.form-watch .thumb:after {
  content: '\f004';
  position: relative;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.form-info span {
  color: #be1e2d;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .form-submit .prev span, .form-submit .next span {
    display: none;
  }
}

.quantity-flex, .quantity-group {
  position: relative;
}

.quantity-flex > span {
  padding-left: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.quantity-group {
  width: 100%;
}

.quantity-group input[type=number] {
  -moz-appearance: textfield;
}

.quantity-group input[type=number]::-webkit-inner-spin-button, .quantity-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity-nav {
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  right: 10px;
  height: 34px;
}

.panel-tab--content .quantity-nav {
  height: 43px;
}

.quantity-button {
  color: #595a5c;
  cursor: pointer;
  line-height: 1;
}

.bar {
  background-color: #f2f2f2;
  height: 40px;
}

@media (max-width: 991.98px) {
  .bar {
    display: none;
  }
}

.bar__item {
  background-color: #e6e7e8;
  padding: 0 28px;
  height: 100%;
}

.item_right {
  margin-left: auto;
}

.item_left {
  margin-right: auto;
}

.bar__item a {
  color: #1f76bc;
  display: block;
}

.bar__item span {
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #d0d2d3;
  font-size: 12px;
  font-weight: 600;
}

.bar__item img {
  height: 14px;
}

.menu {
  position: fixed;
  top: 40px;
  right: 0;
  left: 0;
  height: 100px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media (max-width: 991.98px) {
  .menu {
    background-color: white;
    position: fixed;
    top: 0;
    height: 70px;
  }
}

.menu.fixed {
  background-color: white;
  top: 0;
  -webkit-box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.25);
}

.menu > .container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

@media (max-width: 991.98px) {
  .menu > .container {
    padding: 0;
  }
}

.menu__brand {
  display: inline-block;
}

@media (max-width: 991.98px) {
  .menu__brand {
    margin-right: auto;
    margin-left: auto;
  }
}

.menu__brand > img {
  height: 80px;
}

@media (max-width: 991.98px) {
  .menu__brand > img {
    height: 55px;
  }
}

.menu__list {
  margin-left: auto;
}

@media (max-width: 991.98px) {
  .menu__list {
    display: none !important;
  }
}

.menu__list > ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.menu__list > ul.primary > li {
  margin-right: 42px;
}

.menu__list > ul.secondary > li + li {
  margin-left: 28px;
}

.menu__list > ul > li > a {
  color: #595a5c;
  font-weight: 700;
  letter-spacing: 2px;
}

.menu__login, .menu__hamburger {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  height: 70px;
}

.menu__login {
  margin-right: auto;
  border-right: 1px solid #f2f2f2;
}

.lebaran_dikit {
  width: 120px;
}

@media (min-width: 992px) {
  .menu__login {
    display: none;
  }
}

.menu__login > a {
  display: block;
}

.menu__login > a > img {
  width: 25px;
}

.menu__hamburger {
  background-color: #f2f2f2;
  margin-left: auto;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

@media (min-width: 992px) {
  .menu__hamburger {
    display: none;
  }
}

.menu__hamburger > a {
  position: relative;
  display: block;
}

.menu__hamburger span {
  background-color: #1f76bc;
  display: block;
  width: 25px;
  height: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.menu__hamburger span + span {
  margin-top: 5px;
}

.menu__hamburger .show span {
  background-color: rgba(31, 118, 188, 0.5);
}

.menu__hamburger .show span:nth-child(1) {
  margin-top: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.menu__hamburger .show span:nth-child(2) {
  opacity: 0;
}

.menu__hamburger .show span:nth-child(3) {
  margin-top: -13px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.hamburger {
  background-color: white;
  position: fixed;
  visibility: hidden;
  top: 70px;
  right: 0;
  left: 0;
  height: calc(100vh - 75px);
  border-top: 1px solid #f2f2f2;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translate3d(0, 0, -100%);
  transform: translate3d(0, 0, -100%);
  overflow-x: hidden;
  opacity: 0;
}

.hamburger.show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (min-width: 992px) {
  .hamburger.show {
    display: none;
  }
}

.hamburger__content {
  position: relative;
  padding: 30px 15px;
}

.hamburger__list > li + li {
  margin-top: 15px;
}

.hamburger__list > li > a {
  color: #595a5c;
  font-weight: 700;
  letter-spacing: 2px;
}

.hamburger__button {
  margin-top: 20px;
}

.hamburger__button > div + div {
  margin-top: 15px;
}

.hamburger__button > div > a {
  display: block;
}

.card {
  position: relative;
  background-clip: border-box;
  border-radius: 15px;
  overflow: hidden;
}

.card--news {
  background-color: #1f76bc;
}

@media (max-width: 1199.98px) {
  .card--news {
    height: 100%;
  }
}

@media (max-width: 991.98px){
  .desktop_txt{
    display: none;
  }
}

@media (min-width: 992px) {
  .card--action.mobile {
    display: none;
  }
  .mobile_txt{
    display: none; 
  }
}

.card__image {
  overflow: hidden;
}

@media (min-width: 768px) {
  .card--news .card__image {
    border-radius: 15px;
  }
}

.card--news .card__content {
  padding: 28px;
}

.card--action .card__content {
  background: rgba(31, 118, 188, 0) -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1f76bc), to(rgba(31, 118, 188, 0))) repeat scroll 0 0;
  background: rgba(31, 118, 188, 0) linear-gradient(to top, #1f76bc 50%, rgba(31, 118, 188, 0) 100%) repeat scroll 0 0;
  position: relative;
  padding-top: 200px;
  z-index: 1;
}

.card--donate .card__content {
  position: relative;
}

@media (max-width: 767.98px) {
  .panel-list .card--donate .card__content {
    font-size: 10px;
  }
  .panel-list .card--donate .card__content .profile, .panel-list .card--donate .card__content .quantity {
    padding: 8px;
  }
  .panel-list .card--donate .card__content .profile h4 {
    font-size: 12px;
  }
  .panel-list .card--donate .card__content .quantity {
    padding-bottom: 10px;
  }
  .panel-list .card--donate .card__content .quantity .form-group {
    margin-bottom: 10px;
  }
  .panel-list .card--donate .card__content .quantity .form-control {
    padding: 0 8px;
  }
  .panel-list .card--donate .card__content .quantity input[type='submit'] {
    padding: 5px 8px;
    font-size: 8px;
  }
}

.card__content > .meta {
  letter-spacing: 2px;
}

.card__content > .title {
  margin-top: 7px;
  margin-bottom: 35px;
}

.card__content > .title h2 {
  font-weight: 900;
}

.card__content > .profile, .card__content > .quantity {
  padding: 14px 28px 28px;
}

.card__content > .profile {
  color: white;
  /**height: 170px;/**tambahan**/
}

.prof-fixed{
  height: 170px;
}

.card__content > .profile:not(.transparent) {
  background-color: #1f76bc;
}

.card__content > .profile .place {
  letter-spacing: 2px;
}

@media (max-width: 767.98px) {
  .card__content > .profile .bold {
    font-weight: 700;
  }
  /**tambahan**/
  .prof-fixed{
    height: 120px;
  }
}

.card--action .card__content > .profile h4 {
  font-size: calc(1.4375rem + 2.25vw);
  font-weight: 900;
}

@media (min-width: 1200px) {
  .card--action .card__content > .profile h4 {
    font-size: 3.125rem;
  }
}

.card--action .card__content > .profile .price {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 400;
}

@media (min-width: 1200px) {
  .card--action .card__content > .profile .price {
    font-size: 1.5rem;
  }
}

.card__content > .quantity {
  background-color: #f2f2f2;
}

.card__content > .quantity .form label {
  font-weight: 700;
}

.card__content > .quantity .form-group {
  margin-bottom: 21px;
}

.card__content > .quantity .form-flex span {
  font-weight: 700;
}

.card__content > .quantity .form-control {
  background-color: white;
  height: 34px;
  border-color: transparent;
}

.card__content > .describe {
  color: white;
  margin: 0 28px;
  padding: 28px 0;
  font-size: 21px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

@media (max-width: 767.98px) {
  .card__content > .describe {
    margin-top: -14px;
    padding-top: 14px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .card__content > .describe > p {
    height: 93px;
  }
}

.card__content > .describe .form-quantity {
  margin-top: 20px;
}

.card__content > .describe .form-quantity label, .card__content > .describe .form-quantity span {
  font-weight: 700;
}

.card__abs {
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 300px;
}

.media--full, .media--double {
  background-color: #1f76bc;
  background-clip: border-box;
  border-radius: 15px;
  overflow: hidden;
}

.media--full {
  margin-bottom: 30px;
}

.media--double {
  margin-bottom: 40px;
}

@media (max-width: 991.98px) {
  .media--double {
    display: none;
  }
}

.media--full .media-image, .media--double .media-image {
  width: 100%;
  overflow: hidden;
}

.media--full .media-image > img, .media--double .media-image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.media--full .media-image {
  height: 325px;
}

@media (max-width: 991.98px) {
  .media--full .media-image {
    height: 155px;
  }
}

.media--double .media-image {
  position: relative;
  height: 470px;
}

.media--double .media-body {
  color: white;
}

.media-body.post {
  padding: 0 28px;
}

@media (max-width: 991.98px) {
  .media-body.post {
    padding: 28px;
  }
}

.media--double .media-body.post {
  padding: 0 56px;
}

.media-body .meta {
  letter-spacing: 2px;
}

.media-body .title {
  margin-top: 7px;
  margin-bottom: 35px;
}

.media-body .title h2 {
  font-weight: 900;
}

.media-body > .profile .place {
  letter-spacing: 2px;
}

.media-body > .profile .price {
  display: block;
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 400;
}

@media (min-width: 1200px) {
  .media-body > .profile .price {
    font-size: 1.5rem;
  }
}

.media-body > .profile h4 {
  font-size: calc(1.4375rem + 2.25vw);
  font-weight: 900;
}

@media (min-width: 1200px) {
  .media-body > .profile h4 {
    font-size: 3.125rem;
  }
}

.media-body > .describe {
  color: white;
  margin: 28px 0 0;
  padding: 14px 0 0;
  font-size: calc(1.25625rem + 0.075vw);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

@media (min-width: 1200px) {
  .media-body > .describe {
    font-size: 1.3125rem;
  }
}

.media-body > .describe > p {
  height: 81px;
}

.media-body > .describe .form-quantity {
  margin-top: 20px;
}

.media-body > .describe .form-quantity label, .media-body > .describe .form-quantity span {
  font-weight: 700;
}

.media-absolute {
  color: white;
  background: rgba(31, 118, 188, 0) -webkit-gradient(linear, left bottom, left top, color-stop(5%, #1f76bc), color-stop(130%, rgba(31, 118, 188, 0))) repeat scroll 0 0;
  background: rgba(31, 118, 188, 0) linear-gradient(to top, #1f76bc 5%, rgba(31, 118, 188, 0) 130%) repeat scroll 0 0;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.media-absolute > div {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 1px solid white;
  margin: 14px 42px 42px;
  padding-top: 14px;
}

.media-absolute > div > h3 {
  font-weight: 400;
}

@media (max-width: 1199.98px) {
  .media-absolute > div > h3 {
    word-break: break-all;
  }
}

@media (max-width: 991.98px) {
  .media-absolute > div > h3 strong {
    display: block;
  }
}

.media-absolute > div > span {
  letter-spacing: 2px;
  font-weight: 700;
}

@media (max-width: 1199.98px) {
  .media-absolute > div > span {
    font-size: 11px;
  }
}

.blockquote {
  margin: 28px 0;
  border-left: 4px solid #f9d01a;
}

.blockquote_bottom {
  margin: 28px 0;
  border-bottom: 4px solid #f9d01a;
}

.blockquote__content {
  padding-left: 21px;
}

@media (min-width: 768px) {
  .blockquote__content {
    padding-right: 42px;
  }
}

.blockquote__content p {
  font-size: 21px;
}

@media (max-width: 991.98px) {
  .blockquote__content p {
    font-size: 14px;
  }
}

.accordion--single > div > a {
  color: #595a5c;
  background-color: #f2f2f2;
  padding: 10.5px 17.5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accordion--single > div > a span {
  width: calc(100% - 50px);
}

.accordion--single > div > a[aria-expanded="true"] {
  color: white;
  background-color: #1f76bc;
}

.accordion--single > div > a[aria-expanded="true"]:after {
  background-position: center left;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.accordion--single > div > a[aria-expanded="false"] {
  font-weight: 400;
}

.accordion--single > div > a[aria-expanded="false"]:after {
  background-position: center right;
}

.accordion--single > div > a:after {
  content: '';
  background: url("../images/icon-up.png") no-repeat;
  background-size: contain;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 13px;
  margin-left: auto;
}

.accordion--single > div .collapse__body {
  padding: 0 17.5px 17.5px;
}

@media (min-width: 992px) {
  .modal-dialog {
    max-width: 65%;
  }
}

.modal-content {
  margin-right: auto;
  margin-left: auto;
  border: none;
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .modal-content {
    width: calc(100% - 15px);
  }
}

.modal-content.additional {
  background-color: unset;
}

@media (min-width: 992px) {
  .modal-content.additional {
    width: 480px;
  }
}

.modal-content:not(.additional) {
  background-color: #1f76bc;
  border-radius: 5px;
}

@media (min-width: 992px) {
  .modal-content:not(.additional) > .row > [class*='col-']:last-child {
    padding: 15px 30px 15px 0;
  }
}

@media (min-width: 992px) {
  .modal-content:not(.additional) > .row > [class*='col-'] > div {
    height: 100%;
  }
}

.modal-content .card {
  background-color: white;
}

.modal-content .card__image {
  border-radius: 0;
}

@media (min-width: 768px) {
  .modal-content .card__image {
    width: 100%;
    height: 250px;
    overflow: hidden;
  }
  .modal-content .card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
}

.modal-content .card__content {
  padding: 20px;
}

.modal-content .card__content .meta {
  color: #6e6f71;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.2;
}

.modal-content .card__content .title {
  margin-top: 5px;
  margin-bottom: 20px;
}

.modal-content .card__content .title h2 {
  color: #1f76bc;
}

.modal-content .card__content .title p {
  padding-left: 8px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  border-left: 4px solid #f9d01a;
}

.modal-content .card__content .title span {
  font-weight: 700;
  font-style: italic;
}

.modal-content .summary {
  color: white;
  position: relative;
}

@media (max-width: 991.98px) {
  .modal-content .summary {
    padding: 30px 20px 15px;
  }
}

@media (min-width: 992px) {
  .modal-content .summary {
    padding: 15px 5px 15px 30px;
  }
}

.modal-content .summary > img {
  height: 100px;
  margin-bottom: 30px;
}

@media (max-width: 991.98px) {
  .modal-content .summary > img {
    display: none;
  }
}

.modal-content .summary > ul > li.heading {
  border-bottom: 4px solid rgba(242, 242, 242, 0.65);
}

.modal-content .summary > ul > li + li {
  padding: 10px 0;
  border-bottom: 2px solid rgba(242, 242, 242, 0.65);
}

/** tambahan **/
.modal-content .summary > ul > .detail_cart > li {
  padding: 10px 0;
  border-bottom: 2px solid rgba(242, 242, 242, 0.65);
}

@media (min-width: 992px) {
  .modal-content .summary > ul > li + li {
    padding: 15px 0;
  }
  /** tambahan **/
  .modal-content .summary > ul > .detail_cart > li {
    padding: 15px 0;
  }
}

.modal-content .summary > ul > li strong {
  font-size: 14px;
}
/** tambahan **/
.modal-content .summary > ul > .detail_cart > li strong {
  font-size: 14px;
}

@media (min-width: 992px) {
  .modal-content .summary > ul > li strong {
    font-size: 16px;
  }
  /** tambahan **/
  .modal-content .summary > ul > .detail_cart > li strong {
    font-size: 16px;
  }
}

.modal-content .summary span.title {
  padding-bottom: 5px;
  font-weight: 700;
}

.modal-content .summary span.value {
  display: block;
  font-size: 14px;
  font-style: italic;
}

@media (max-width: 991.98px) {
  .modal-content .summary span.value {
    font-size: 12px;
  }
}

.modal-content .summary .total {
  padding-top: 10px;
  font-size: 14px;
  border-top: 4px solid rgba(242, 242, 242, 0.65);
}

@media (max-width: 991.98px) {
  .modal-content .summary .total {
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .modal-content .summary .total {
    position: absolute;
    bottom: 50px;
    right: 5px;
    left: 30px;
    font-size: 20px;
  }
}

.modal-content .form {
  background-color: #f2f2f2;
  position: relative;
  overflow: hidden;
}

@media (min-width: 992px) {
  .modal-content .form {
    border-radius: 5px;
  }
}

.modal-content .form--top h6 {
  padding-top: 100px !important;
}

@media (max-width: 991.98px) {
  .modal-content .form--top h6 {
    padding-top: 15px !important;
  }
}

@media (min-width: 992px) {
  .modal-content .form--top .form-submit {
    padding-top: 75px;
  }
}

.modal-content .form h6 {
  color: #6e6f71;
  padding: 15px 0;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  border-bottom: 2px solid #dfdfdf;
}

@media (max-width: 991.98px) {
  .modal-content .form h6 {
    font-size: 14px;
  }
}

.modal-content .form .grouping {
  padding: 15px 20px;
  border-bottom: 1px solid #dfdfdf;
}

@media (max-width: 991.98px) {
  .modal-content .form .grouping .row > [class*='col-']:last-child > div {
    margin-bottom: 0;
  }
}

.modal-content .form-group {
  border: 2px solid #dfdfdf;
  border-radius: 5px;
}

.modal-content .form-group label {
  color: #a6a6a6;
  padding: 5px 7px 0;
  font-size: 12px;
  font-style: italic;
}

.modal-content .form-control {
  height: unset;
  padding: 0 7px 5px;
  border: none;
  border-bottom: 2px solid transparent;
}

.modal-content .form-control::-ms-expand {
  border-bottom-color: #dfdfdf;
}

.modal-content .form-control:focus {
  border-bottom-color: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-content .form__check input[type='radio'] + label {
  color: #6e6f71;
  padding: 15px;
  font-weight: 700;
}

.modal-content .form__check input[type='radio']:not(:checked) + label {
  color: rgba(110, 111, 113, 0.75);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-content .form-info {
  margin-top: 20px;
  font-size: 12px;
}

@media (min-width: 992px) {
  .modal-content .form-info {
    margin-right: auto;
    margin-left: auto;
    max-width: 75%;
  }
}

.modal-content .form-submit, .modal-content .form .payment {
  background-color: white;
  padding: 20px;
  text-align: center;
}

@media (max-width: 340px) {
  .modal-content .form-submit input[type='submit'] {
    font-size: 10px;
  }
}

.modal-content .form .payment {
  padding-bottom: 0;
}

.modal-content .form .payment > label {
  color: #6e6f71;
  margin-bottom: 20px;
  font-weight: 700;
  letter-spacing: 1px;
}

.modal-content .form .payment > .row {
  margin-right: -5px;
  margin-left: -5px;
}

.modal-content .form .payment > .row > div {
  padding-right: 5px;
  padding-left: 5px;
}

.carousel-indicators {
  bottom: 15px;
}

@media (min-width: 992px) {
  .carousel-indicators {
    bottom: 85px;
  }
}

.carousel-indicators > li {
  background-color: transparent;
  position: relative;
  width: 15px;
  height: 15px;
  border: 2px solid #1f76bc;
  border-radius: 50%;
}

@media (max-width: 991.98px) {
  .carousel-indicators > li {
    width: 10px;
    height: 10px;
  }
}

.carousel-indicators > li.active {
  background-color: #1f76bc;
}

.carousel-content {
  position: absolute;
  top: 30%;
  width: calc(50% - 125px);
}
.c-left{
  left: 50%;
}
.c-right{
  left: 15%;
}
@media (max-width: 991.98px) {
  .carousel-content {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .carousel-content {
    top: unset;
    bottom: 55px;
    left: 0;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .carousel-content {
    height: 100%;
  }
}

.carousel-content .entry {
  padding-left: 10px;
  line-height: 1.2;
}

@media (max-width: 991.98px) {
  .carousel-content .entry {
    padding: 0 35px;
  }
}

@media (max-width: 767px) {
  .carousel-content .entry {
    padding: 0 30px;
  }
}

.carousel-content .entry h1 {
  color: #1f76bc;
  font-weight: 900;
}

@media (max-width: 991.98px) {
  .carousel-content .entry h1 {
    font-size: 24px;
    margin-left: -30px;
  }
}

@media (max-width: 768px) {
  .carousel-content .entry h1 {
    font-size: 24px;
  }
}

.carousel-content .entry p {
  padding-left: 10px;
  font-size: 24px;
  border-left: 4px solid #f9d01a;
}

@media (min-width: 992px) {
  .carousel-content .entry p {
    margin-left: 85px;
  }
}

@media (max-width: 991.98px) {
  .carousel-content .entry p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .carousel-content .entry p {
    font-size: 14px;
    font-weight: 900;
  }
}

@media (max-width: 991.98px) {
  .carousel-content .entry p.desktop {
    display: none;
  }
}

@media (min-width: 992px) {
  .carousel-content .entry p.mobile {
    display: none;
  }
}

.carousel-content .entry .tag {
  font-size: 21px;
  font-weight: 700;
  font-style: italic;
}

@media (min-width: 992px) {
  .carousel-content .entry .tag {
    margin-left: 85px;
  }
}

@media (max-width: 991.98px) {
  .carousel-content .entry .tag {
    font-size: 14px;
  }
}

.float {
  position: fixed;
  bottom: 15px;
  left: 15px;
  right: 15px;
}

@media (min-width: 992px) {
  .float {
    display: none;
  }
}

.float__cnt {
  background-color: #1f76bc;
  background-size: 55% auto;
  position: relative;
  border-radius: 5px;
}

.float__cnt > img {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 70px;
  border-bottom-left-radius: 5px;
}

.float__cnt > div {
  padding: 10px 15px;
  text-align: right;
}

.float__cnt > div a {
  padding: 5px 10px;
  font-size: 10px;
  border-radius: 5px;
}

.header {
  position: relative;
}

@media (max-width: 991.98px) {
  .main {
    margin-top: 70px;
  }
}

.main-banner {
  position: relative;
}

@media (max-width: 767.98px) {
  .main-banner {
    background-color: #13284e;
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  .main-banner:before, .main-banner:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    height: 50%;
    z-index: -1;
  }
  .main-banner:before {
    background-color: #f2f2f2;
    top: 0;
  }
  .main-banner:after {
    background-color: #13284e;
    bottom: 0;
  }
}

.main-banner__content {
  background-color: #1f76bc;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767.98px) {
  .main-banner__content {
    width: 90%;
  }
}

@media (max-width: 991.98px) {
  .main-banner__content > .row > [class*='col-']:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .main-banner__content > .row > [class*='col-']:last-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.main-banner__content .text {
  color: white;
  padding: 35px;
}

@media (max-width: 991.98px) {
  .main-banner__content .text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 28px;
  }
}

.main-banner__content .text h2 {
  margin-bottom: 21px;
}

.main-banner__content .text span {
  font-weight: 400;
}

@media (max-width: 991.98px) {
  .main-banner__content .text span {
    font-weight: 700;
  }
}

@media (max-width: 991.98px) {
  .main-banner__content .text a {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .main-banner__content .image {
    width: 255px;
    height: 210px;
    overflow: hidden;
  }
  .main-banner__content .image > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}

@media (max-width: 767.98px) {
  .main-banner__content .image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.main-banner__content .form {
  margin-left: auto;
}

.main-banner__content .form label {
  font-size: 21px;
  line-height: 1.2;
}

@media (max-width: 991.98px) {
  .main-banner__content .form label {
    font-size: 14px;
  }
}

.main-banner__content .form label span {
  font-size: 24px;
}

@media (max-width: 991.98px) {
  .main-banner__content .form label span {
    font-size: 14px;
  }
}

.main-banner__content .form-control {
  background-color: white;
  margin-bottom: 20px;
  margin-right: 14px;
  font-style: italic;
}

@media (min-width: 992px) {
  .main-banner__content .form-control {
    width: 440px;
  }
}

@media (max-width: 991.98px) {
  .main-banner__content .form input[type='submit'] {
    width: 100%;
  }
}

.main-section {
  position: relative;
  padding-bottom: 80px;
}

@media (max-width: 991.98px) {
  .main-section {
    padding-bottom: 40px;
  }
}

.main-section.top {
  padding-top: 80px;
}

@media (max-width: 991.98px) {
  .main-section.top {
    padding-top: 40px;
  }
}

.main-section.central {
  padding-top: 40px;
  padding-bottom: 40px;
}

.main-section.action {
  border-top: 14px solid #f9d01a;
}

.main-section.action--next {
  padding-bottom: 40px;
}

@media (max-width: 991.98px) {
  .main-section.action--next {
    padding-bottom: 20px;
  }
}

.main-section.highlight {
  color: white;
}

.main-section.known {
  padding-top: 40px;
}

@media (max-width: 767.98px) {
  .main-section.known {
    padding-top: 20px;
  }
}

.main-section__single {
  margin-bottom: 80px;
}

@media (max-width: 1199.98px) {
  .main-section__single {
    margin-top: -75px;
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .main-section__single {
    margin-top: -100px;
  }
}

@media (max-width: 991.98px) {
  .main-section__single.mobile {
    margin-top: -30px;
  }
  .main-section__single.mobile .flex__text {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .hero-about .main-section__single {
    margin-bottom: 80px;
  }
}

.action--next .main-section__single, .hero-about .main-section__single {
  border-radius: 10px;
  -webkit-box-shadow: 2px 4px 18px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 4px 18px 0 rgba(0, 0, 0, 0.25);
}

.main-section__single .flex {
  color: white;
  padding: 35px;
}

@media (max-width: 991.98px) {
  .main-section__single .flex {
    margin: 0;
    padding: 0;
  }
  .main-section__single .flex > [class*='col'] {
    padding: 15px;
  }
  .hero-about .main-section__single .flex > [class*='col'] {
    padding: 30px;
  }
}

.action--next .main-section__single .flex, .hero-about .main-section__single .flex {
  color: #595a5c;
}

@media (max-width: 991.98px) {
  .main-section__single .flex__text {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .main-section__single .flex__text h2 {
    font-size: 17px;
  }
}

.main-section__single .flex__text h2 span {
  font-weight: 400;
}

.main-section__single .flex__text > span {
  font-size: 24px;
}

.main-section__single .flex a.transform {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media (min-width: 992px) {
  .main-section__single .flex a.transform:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}

@media (max-width: 991.98px) {
  .main-section__single .flex a {
    display: block;
  }
}

.main-section__content {
  position: relative;
}

.action .main-section__content {
  color: white;
}

@media (max-width: 991.98px) {
  .action .main-section__content .part {
    margin: -15px;
  }
  .action .main-section__content .part > [class*='col-'] {
    padding: 15px;
  }
}

@media (max-width: 767.98px) {
  .action .main-section__content .part > [class*='col-']:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media (max-width: 767.98px) {
  .action .main-section__content .part > [class*='col-']:last-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.action .main-section__content .part .images img {
  border: 14px solid white;
  -webkit-box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(-2.5deg);
  transform: rotate(-2.5deg);
}

.action .main-section__content .intro img {
  margin-bottom: 30px;
  height: 130px;
}

@media (max-width: 991.98px) {
  .action .main-section__content .intro img {
    margin-bottom: 20px;
    height: 65px;
  }
}

.known .main-section__content .detail > .row {
  margin: 0 -30px;
}

@media (max-width: 767.98px) {
  .known .main-section__content .detail > .row {
    margin: -30px;
  }
  .known .main-section__content .detail > .row > [class*='col-'] {
    padding: 30px;
  }
}

.known .main-section__content .detail > .row > [class*='col-'] {
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width: 767.98px) {
  .known .main-section__content .detail a {
    display: block;
  }
}

@media (max-width: 991.98px) {
  .known .main-section__content ul {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .known .main-section__content ul {
    padding-left: 20px;
    border-left: 5px solid #27a9e1;
  }
}

.known .main-section__content ul > li {
  position: relative;
}

@media (max-width: 767.98px) {
  .known .main-section__content ul > li:before {
    content: '';
    background-color: #27a9e1;
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 50px;
    height: 5px;
  }
}

.known .main-section__content ul > li + li {
  margin-top: 40px;
}

.known .main-section__content ul > li > span {
  display: block;
}

.known .main-section__content ul > li > span.value {
  margin-bottom: 5px;
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 767.98px) {
  .known .main-section__content ul > li > span.value {
    font-size: 30px;
  }
}

.known .main-section__content ul > li > span.title {
  font-weight: 700;
  letter-spacing: 2px;
}

@media (max-width: 1199.98px) {
  .highlight .main-section__content .entry .part {
    margin: -15px;
  }
  .highlight .main-section__content .entry .part > [class*='col-'] {
    padding: 15px;
  }
}

@media (min-width: 992px) {
  .panel .main-section__content .entry {
    margin-left: 40px;
    max-width: 60%;
    font-size: 17px;
  }
}

.main-section__content .maps {
  margin-top: 80px;
}

@media (max-width: 991.98px) {
  .main-section__content .maps {
    margin-top: 40px;
  }
}

.footer {
  background-color: #13284e;
  position: relative;
}

.footer > .container {
  padding-top: 28px;
}

.footer__centered {
  color: white;
  margin-bottom: 28px;
  padding: 28px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

@media (max-width: 991.98px) {
  .footer__centered {
    text-align: center;
  }
}

@media (max-width: 991.98px) {
  .footer__centered > .row {
    margin: -28px;
  }
  .footer__centered > .row > [class*='col-'] {
    padding: 28px;
  }
}

.footer__bottom {
  color: rgba(255, 255, 255, 0.5);
  padding-bottom: 28px;
}

@media (max-width: 991.98px) {
  .footer__bottom {
    display: block !important;
    text-align: center;
  }
}

@media (max-width: 991.98px) {
  .footer__bottom > ul {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .footer__bottom > ul {
    margin-left: auto;
  }
}

@media (max-width: 991.98px) {
  .footer__bottom > ul > li {
    margin-top: 14px;
  }
}

@media (min-width: 768px) {
  .footer__bottom > ul > li + li {
    margin-left: 21px;
  }
}

.footer__bottom > ul > li > a {
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
}

.footer__list.social > li > a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991.98px) {
  .footer__list.social > li > a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer__list.social > li > a > span {
  color: #13284e;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  font-weight: 400;
  border-radius: 50%;
}

.footer__list > li.address {
  margin-bottom: 28px;
}

.footer__list > li + li {
  margin-top: 7px;
}

.footer__list > li > a {
  color: white;
  display: inline-block;
}

.footer__list > li > a:hover {
  color: #f9d01a;
}

.footer .brand {
  display: block;
}

@media (max-width: 991.98px) {
  .footer .brand {
    margin: 0 auto 28px;
  }
}

@media (min-width: 992px) {
  .footer .brand {
    margin-top: -20px;
  }
}

.footer .brand img {
  height: 130px;
}

.footer .divided {
  margin-bottom: 17.5px;
  letter-spacing: 2px;
}

.footer .button a {
  display: block;
}

.footer .button a + a {
  margin-top: 14px;
}

.hero {
  position: relative;
  padding-top: 180px;
}

.hero:before {
  content: '';
  background-image: url("../images/media/bg-about-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50vh;
}

@media (max-width: 991.98px) {
  .hero:before {
    height: 20%;
  }
}

@media (max-width: 991.98px) {
  .hero {
    padding-top: 80px;
  }
}

.hero-about {
  border-top: 14px solid transparent;
}

.hero-program {
  padding-bottom: 120px;
}

@media (max-width: 767.98px) {
  .hero-program {
    background-image: url("../images/media/about_img_3-mobile.jpg");
    background-size: contain;
    background-position: top;
  }
}

@media (min-width: 768px) {
  .hero-program {
    background-image: url("../images/media/about_img_3.jpg");
  }
}

@media (max-width: 991.98px) {
  .hero__content {
    margin: -15px;
    margin-right: -40px;
  }
  .hero__content > [class*='col-'] {
    /* padding: 15px; */
    padding: 0px;
  }
}

@media (min-width: 992px) {
  .hero .hero__content {
    margin-right: -40px;
    margin-left: -40px;
  }
  .hero .hero__content > [class*='col-'] {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.hero-vision .hero__content {
  color: white;
}

.hero-vision .hero__content h3 {
  font-weight: 900;
}

.hero-vision .hero__content p {
  font-size: 17px;
}

@media (max-width: 991.98px) {
  .hero-vision .hero__content p {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  .hero-program .hero__content {
    padding-top: 120px;
  }
}

.hero__content .title {
  margin-bottom: 40px;
}

@media (max-width: 991.98px) {
  .hero__content .title {
    margin-bottom: 20px;
  }
}

.hero__content .title span {
  font-weight: 700;
  letter-spacing: 2px;
}

.hero__content .title h2 {
  font-weight: 900;
  margin-top: 7px;
}

.hero-about .hero__content .title h2 {
  color: #1f76bc;
}

.hero__content .title h2 span {
  font-weight: 400;
}

.hero__content .listing {
  margin-top: 60px;
  text-align: center;
}

.hero__content .listing > li {
  position: relative;
}

@media (max-width: 991.98px) {
  .hero__content .listing > li + li {
    margin-top: 30px;
  }
}

.hero__content .listing > li:before {
  content: '';
  background-color: #f9d01a;
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 50px;
  height: 5px;
}

.hero__content .listing > li > span {
  display: block;
}

.hero__content .listing > li > span.value {
  margin-bottom: 5px;
  font-size: 35px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 991.98px) {
  .hero__content .listing > li > span.value {
    font-size: 30px;
  }
}

.hero__content .listing > li > span.title {
  font-weight: 700;
  letter-spacing: 2px;
}

.hero__content .images-border {
  border-left: 12px solid #1f76bc;
}

.hero__content .images-box {
  border: 14px solid white;
  -webkit-box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.25);
}

.panel {
  border-top: 14px solid #1f76bc;
  -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
}

@media (min-width: 992px) {
  .panel {
    margin-top: 100px;
  }
}

.panel-kids:before, .panel-donate:before {
  content: '';
  background-color: #1f76bc;
  position: absolute;
  top: -10px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.panel-kids:before {
  left: 5%;
}

.panel-donate:before {
  left: 50%;
}

.panel-list .filter {
  margin-bottom: 40px;
}

.panel-list .filter .form-row {
  font-size: calc(1.25625rem + 0.075vw);
}

@media (min-width: 1200px) {
  .panel-list .filter .form-row {
    font-size: 1.3125rem;
  }
}

@media (max-width: 991.98px) {
  .panel-list .filter .form-row {
    margin: -15px;
  }
  .panel-list .filter .form-row > [class*='col-'] {
    padding: 15px;
  }
}

.panel-list .filter .form-row label {
  font-weight: 700;
}

.panel-list .listing {
  margin-right: -10px;
  margin-left: -10px;
}

@media (max-width: 991.98px) {
  .panel-list .listing {
    margin: -15px;
  }
  .panel-list .listing > [class*='col-'] {
    padding: 15px;
  }
}

.panel-list .listing > [class*='col-'] {
  padding-right: 10px;
  padding-left: 10px;
}

.panel-list .listing > .action {
  margin-top: 40px;
  text-align: center;
}

.panel-list .listing > .action .btn {
  color: #6e6f71;
}

.panel-tab {
  -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
}

.panel-tab--content .listing {
  margin-bottom: 40px;
}

@media (max-width: 991.98px) {
  .panel-tab--content .listing {
    margin: -15px -15px 20px;
  }
  .panel-tab--content .listing > div {
    padding: 15px;
  }
}

.panel-tab--content .form-margin {
  margin-bottom: 40px;
}

@media (max-width: 991.98px) {
  .panel-tab--content .form-margin {
    margin-bottom: 20px;
  }
}

.panel-thanks {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 40px;
  padding-bottom: 0;
}

.panel-thanks + .main-banner:before {
  background-color: white;
}

.step__title {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

@media (min-width: 992px) {
  .step__title {
    width: 50%;
  }
}

.step__title h2 {
  font-weight: 900;
}

.step__title span {
  font-size: 21px;
}

@media (max-width: 767.98px) {
  .step__title span {
    font-size: 14px;
  }
}

.step__tab {
  position: relative;
}

.step__tab > ul {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
}

.step__tab > ul > li {
  position: relative;
  height: 75px;
}

@media (max-width: 991.98px) {
  .step__tab > ul > li {
    height: 45px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 992px) {
  .step__tab > ul > li {
    padding-right: 120px;
    padding-left: 120px;
  }
}

.step__tab > ul > li.done:after {
  background-color: #27a9e1;
}

.step__tab > ul > li.done > a {
  background-color: #27a9e1;
}

.step__tab > ul > li.active:after {
  background-color: #27a9e1;
}

.step__tab > ul > li.active > a {
  background-color: #1f76bc;
  cursor: not-allowed;
}

.step__tab > ul > li:first-child:after {
  display: none;
}

.step__tab > ul > li:after {
  content: '';
  background-color: #d1d3d4;
  width: 100%;
  height: 8px;
  position: absolute;
  left: -50%;
  top: 50%;
  z-index: -1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.step__tab > ul > li > a {
  color: white;
  background-color: #d1d3d4;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 75px;
  height: inherit;
  border-radius: 50%;
}

@media (max-width: 991.98px) {
  .step__tab > ul > li > a {
    width: 45px;
  }
}

.step__nav {
  padding-top: 20px;
}

@media (max-width: 767.98px) {
  .step__nav {
    margin-right: -30px;
    margin-left: -30px;
  }
}

@media (max-width: 767.98px) {
  .single-privacy .step__nav {
    margin: 0;
  }
}

.step__nav > ul {
  border: none;
}

@media (max-width: 767.98px) {
  .step__nav > ul {
    font-size: 10px;
  }
}

@media (min-width: 992px) {
  .single-privacy .step__nav > ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 767.98px) {
  .single-privacy .step__nav > ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: -10px;
    margin-left: -10px;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .single-privacy .step__nav > ul::-webkit-scrollbar {
    display: none;
  }
}

@media (min-width: 768px) {
  .step__nav > ul > li {
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .single-privacy .step__nav > ul > li {
    margin: 0;
  }
}

@media (max-width: 767.98px) {
  .single-privacy .step__nav > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 767.98px) {
  .step__nav > ul > li + li {
    margin-left: 10px;
  }
}

@media (max-width: 767.98px) {
  .single-privacy .step__nav > ul > li + li {
    margin: 0;
  }
}

.step__nav > ul > li > a {
  color: #595a5c;
  display: block;
  padding-bottom: 5px;
  font-size: 21px;
  border-bottom: 4px solid transparent;
}

@media (max-width: 767.98px) {
  .step__nav > ul > li > a {
    font-size: 14px;
  }
}

.single-privacy .step__nav > ul > li > a {
  color: #6e6f71;
  font-weight: 600;
  font-size: 24px;
  border-bottom: 8px solid transparent;
}

@media (max-width: 767.98px) {
  .single-privacy .step__nav > ul > li > a {
    font-size: 14px;
  }
}

.step__nav > ul > li > a.active {
  border-color: #f9d01a;
}

.step__nav > ul > li > a:hover {
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .step__form .setup {
    margin: -15px;
  }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {
  .step__form .setup > div {
    padding: 15px;
  }
}

@media (max-width: 991.98px) {
  .step__form .setup--ordered > [class*='col-']:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .step__form .setup--ordered > [class*='col-']:last-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.step__form .title {
  margin-bottom: 40px;
}

.step__form .title h3 {
  color: #1f76bc;
  position: relative;
  font-weight: 700;
}

.step__form .title h3:after {
  content: '';
  background-color: #f9d01a;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 80px;
  height: 3px;
}

.step__form label {
  font-weight: 700;
  letter-spacing: 2px;
}

.step__form label span {
  color: #be1e2d;
}

.step__form .form-group.central {
  margin-bottom: 40px;
}

.step__form .form-submit {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}

.step__form .form-submit .prev {
  margin-right: auto;
}

.step__form .form-submit .next {
  margin-left: auto;
}

.step__form .form-submit span {
  font-weight: 700;
  letter-spacing: 2px;
}

.step__form .form-submit .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
}

.step__form .form-submit .btn > img {
  height: 30px;
}

.step__form .info, .step__form .payment {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 21px;
}

@media (max-width: 767.98px) {
  .step__form .info, .step__form .payment {
    font-size: 14px;
  }
}

.step__form .info > h4, .step__form .payment > h4 {
  color: #1f76bc;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .step__form .info {
    margin-top: 20px;
  }
}

.step__form .info > ul {
  margin-bottom: 20px;
}

.step__form .info > ul > li + li {
  margin-top: 20px;
}

.step__form .info span {
  display: block;
}

.step__form .info span.bold {
  margin-bottom: 5px;
  font-weight: 700;
  letter-spacing: 2px;
}

.step__form .payment > div {
  background-color: #f2f2f2;
  padding: 20px;
}

.step__form .payment ul {
  margin-bottom: 20px;
}

.step__form .payment ul > li {
  margin: -5px;
}

.step__form .payment ul > li > div {
  padding: 5px;
}

.step__form .payment ul > li .value {
  font-weight: 700;
  text-align: right;
}

.step__form .payment .total {
  padding-top: 20px;
  border-top: 1px solid #595a5c;
}

.step__form .payment .total > .row > .value {
  font-weight: 700;
  text-align: right;
}

.step__form .payment .form-check {
  margin: 30px 0;
}

@media (max-width: 991.98px) {
  .step__form .banner img.desktop {
    display: none;
  }
}

@media (min-width: 992px) {
  .step__form .banner img.mobile {
    display: none;
  }
}

.step__donate {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .step__donate {
    max-width: 75%;
  }
}

@media (max-width: 991.98px) {
  .step__donate .form > .row {
    margin: -15px;
  }
  .step__donate .form > .row > div {
    padding: 15px;
  }
}

.step__donate .form-flex span {
  font-weight: 900;
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  .step__donate .form-flex span {
    font-size: 1.5rem;
  }
}

.step__donate .form-control {
  background-color: white;
}

@media (min-width: 992px) {
  .step__donate .form-control {
    height: 73px;
  }
}

@media (max-width: 991.98px) {
  .step__thanks > .row {
    margin: -15px;
  }
  .step__thanks > .row > div {
    padding: 15px;
  }
}

@media (max-width: 991.98px) {
  .step__thanks > .row > div:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .step__thanks > .row > div:last-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.step__thanks .texting .blockquote {
  margin: 14px 0;
}

.step__thanks .texting .social {
  margin-bottom: 28px;
}

.step__thanks .texting .social > span {
  font-weight: 700;
  letter-spacing: 2px;
}

.step__thanks .texting .social > ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 7px;
}

.step__thanks .texting .social > ul > li + li {
  margin-left: 14px;
}

.step__thanks .texting .social > ul > li img {
  height: 40px;
}

.step__thanks .texting .u-title h3 {
  color: #595a5c;
  font-size: calc(1.34375rem + 1.125vw);
}

@media (min-width: 1200px) {
  .step__thanks .texting .u-title h3 {
    font-size: 2.1875rem;
  }
}

.single {
  border-top: 14px solid #1f76bc;
  -webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25);
}

@media (min-width: 992px) {
  .single {
    margin-top: 100px;
  }
}

.single:before {
  content: '';
  background-color: #1f76bc;
  position: absolute;
  top: -10px;
  left: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.single-post + .main-banner:before {
  background-color: white;
}

.single-privacy {
  padding-top: 60px;
  padding-bottom: 0;
}

@media (min-width: 992px) {
  .single-privacy > .container {
    max-width: 950px;
  }
}

.single__content {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .single__content {
    max-width: 80%;
  }
}

.mobiletest-div {
  display: none;
}


/** TAMBAHAN MODAL **/
/*.overlay, .form_new-panel.one:before {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}*/

.form_new {
  z-index: 15;
  position: relative;
  background: #ffffff;
  width: 600px;
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}
.form_new-group ,
.form_social-group {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
.form_new-group:last-child {
  margin: 0;
}
.form_new-group label {
  display: block;
  margin: 0 0 10px;
  color: white;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.form_new-group input {
  outline: none;
  display: block;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 12px 20px;
  color: white;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form_new-group input:focus {
  color: white;
}
.form_new-group button {
  margin-bottom: 5px;
  outline: none;
  width: 100%;
  border: 0;
  border-radius: 4px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s;
}

.form_new-group button:hover {
  background: #F9D01A;
  color: #595A5C;
}

.form_new-group a {
  cursor: pointer;
}

.login{
  color: #ffffff;
  background: #4285f4;
}

.signup{
  color: #7b7b7b;
  background: #ffffff;
}

.form_new-group .form_new-remember {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.form_new-group .form_new-remember input[type="checkbox"] {
  display: inline-block;
  width: auto;
  margin: 0 5px 0 0;
  padding: 0;
}
.form_new-group .form_new-recovery {
  color: white;
  font-size: 12px;
  text-decoration: none;
}
.form_new-panel {
  padding: 50px;
  box-sizing: border-box;
}
.form_new-panel.one:before {
  content: "";
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.form_new-panel.one.hidden:before {
  display: block;
  opacity: 1;
  visibility: visible;
}
.form_new-header {
  margin: 0 0 40px;
}
.form_new-header h1 {
  padding: 4px 0;
  color: white;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.form_social-group a {
  outline: none;
  width: 100%;
  border: 0;
  border-radius: 4px;
  padding: 12px 20px;
  margin-top: 10px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
}

.form_social-group a:hover {
  background: #F9D01A;
  color: #595A5C;
}

.fblogin {
  background: #486497;
  color: #fff;
}

.gplogin {
  background: #fff;
  color: #7b7b7b;
}

.fblogin i,
.gplogin i{
  margin-right: 25%;
}

/** tambahan **/
@media (max-width: 991.98px) {
  .fblogin,
  .gplogin{
    text-align: center;
  }

  .fblogin i,
  .gplogin i{
    margin-right: 5%;
  }

  .fblogin span,
  .gplogin span{
    font-size: 12px;
  }
}

/** tambahan **/
@media (max-width: 354px) {
  .fblogin span,
  .gplogin span{
    font-size: 9px;
  }
}
.fa-google {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.margin_card {
  margin-top: 5px;margin-bottom: 5px;
}

.prev a {
  cursor: pointer;
}

.image_back {
  height: 250px;
  background-image: url('../images/media/student_default.jpg');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;
}

.fill-image {
  width: 100%;
  height: 100%;
}

.form_new > button.close {
  border-radius: 0%;
  margin-right: 10px;
  margin-top: 10px;
}

.custom1 > span.mr-4{
  font-size: 2.5rem;
}

.custom2 {
  font-size: 2rem;
}

@media (max-width: 991.98px) {
  .custom2 {
    font-size: 1.5rem;
  }
  .mobile_overflow {
    /* overflow: auto; */
  }
}
.rev1 {
  height: 110px;
}

@media (max-width: 430px) {
  .rev1 {
    height: 200px;
  }
}

.img-carousel {
  width: 100%;
  height: auto;
}

/* .event-image {
  max-height: 500px;
  width: auto;
} */

.event-image {
  height: auto;
  width: auto;
}

.entry-no-content {
  height: 20rem;
}

/* .col-md-7 p {
  max-width: 100% !important;
} */

.col-md-7 p {
  max-width: 100% !important;
  overflow-wrap: break-word;
  hyphens: auto;
}

@media (max-width: 991.98px) {
  .mobile_overflow {
    max-width: 100%; 
  }
  .col-sm-12 p {
    max-width: 100% !important;
    word-wrap: unset;
  }
}

.event-content a {
  color: blue;
}