@charset "UTF-8";
:root {
  --black: rgb(0, 0, 0);
  --black1: rgb(25, 25, 25);
  --black2: rgb(50, 50, 50);
  --white: #fff;
  --gray: rgb(175, 175, 175);
  --darkgray: rgb(140, 140, 140);
  --lightgray: rgb(230, 230, 230);
  --red: rgb(165, 10, 0);
  --blue: #50819e;
  --lightblue: rgb(55, 140, 180);
  --orange: rgb(247, 20, 0);
  --link: #2c80c1;
  --transparent: transparent;
  --brown: rgb(187, 128, 15);
  --green: rgb(55, 138, 0);
  --lightgreen: rgb(213, 233, 204);
  --purple: rgb(112, 93, 142);
  --bs-breadcrumb-divider: "＞";
}

.top-0 {
  top: 0% !important;
}

.top-25 {
  top: 25% !important;
}

.top-50 {
  top: 50% !important;
}

.top-75 {
  top: 75% !important;
}

.top-100 {
  top: 100% !important;
}

.top-auto {
  top: auto !important;
}

.bottom-0 {
  bottom: 0% !important;
}

.bottom-25 {
  bottom: 25% !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-75 {
  bottom: 75% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.bottom-auto {
  bottom: auto !important;
}

.start-0 {
  left: 0% !important;
}

.start-25 {
  left: 25% !important;
}

.start-50 {
  left: 50% !important;
}

.start-75 {
  left: 75% !important;
}

.start-100 {
  left: 100% !important;
}

.start-auto {
  left: auto !important;
}

.end-0 {
  right: 0% !important;
}

.end-25 {
  right: 25% !important;
}

.end-50 {
  right: 50% !important;
}

.end-75 {
  right: 75% !important;
}

.end-100 {
  right: 100% !important;
}

.end-auto {
  right: auto !important;
}

.smaller {
  font-size: 0.8rem;
}

.pt-middle,
.py-middle {
  padding-top: 0.8rem !important;
}

.pb-middle,
.py-middle {
  padding-bottom: 0.8rem !important;
}

.letter-space-1 {
  letter-spacing: 1px;
}

.z-1 {
  z-index: 1;
}

.letter-space-2 {
  letter-spacing: 2px;
}

.z-2 {
  z-index: 2;
}

.letter-space-3 {
  letter-spacing: 3px;
}

.z-3 {
  z-index: 3;
}

.letter-space-4 {
  letter-spacing: 4px;
}

.z-4 {
  z-index: 4;
}

.letter-space-5 {
  letter-spacing: 5px;
}

.z-5 {
  z-index: 5;
}

.bg-black {
  background-color: var(--black);
}

.text-black {
  color: var(--black);
}

.btn-black {
  background-color: white;
  color: var(--black);
  border: thin solid var(--black);
}

.btn-fill-black {
  color: white;
  background-color: var(--black);
}

.border-black {
  border-color: var(--black) !important;
}

.bg-black1 {
  background-color: var(--black1);
}

.text-black1 {
  color: var(--black1);
}

.btn-black1 {
  background-color: white;
  color: var(--black1);
  border: thin solid var(--black1);
}

.btn-fill-black1 {
  color: white;
  background-color: var(--black1);
}

.border-black1 {
  border-color: var(--black1) !important;
}

.bg-black2 {
  background-color: var(--black2);
}

.text-black2 {
  color: var(--black2);
}

.btn-black2 {
  background-color: white;
  color: var(--black2);
  border: thin solid var(--black2);
}

.btn-fill-black2 {
  color: white;
  background-color: var(--black2);
}

.border-black2 {
  border-color: var(--black2) !important;
}

.bg-white {
  background-color: var(--white);
}

.text-white {
  color: var(--white);
}

.btn-white {
  background-color: white;
  color: var(--white);
  border: thin solid var(--white);
}

.btn-fill-white {
  color: white;
  background-color: var(--white);
}

.border-white {
  border-color: var(--white) !important;
}

.bg-gray {
  background-color: var(--gray);
}

.text-gray {
  color: var(--gray);
}

.btn-gray {
  background-color: white;
  color: var(--gray);
  border: thin solid var(--gray);
}

.btn-fill-gray {
  color: white;
  background-color: var(--gray);
}

.border-gray {
  border-color: var(--gray) !important;
}

.bg-darkgray {
  background-color: var(--darkgray);
}

.text-darkgray {
  color: var(--darkgray);
}

.btn-darkgray {
  background-color: white;
  color: var(--darkgray);
  border: thin solid var(--darkgray);
}

.btn-fill-darkgray {
  color: white;
  background-color: var(--darkgray);
}

.border-darkgray {
  border-color: var(--darkgray) !important;
}

.bg-lightgray {
  background-color: var(--lightgray);
}

.text-lightgray {
  color: var(--lightgray);
}

.btn-lightgray {
  background-color: white;
  color: var(--lightgray);
  border: thin solid var(--lightgray);
}

.btn-fill-lightgray {
  color: white;
  background-color: var(--lightgray);
}

.border-lightgray {
  border-color: var(--lightgray) !important;
}

.bg-red {
  background-color: var(--red);
}

.text-red {
  color: var(--red);
}

.btn-red {
  background-color: white;
  color: var(--red);
  border: thin solid var(--red);
}

.btn-fill-red {
  color: white;
  background-color: var(--red);
}

.border-red {
  border-color: var(--red) !important;
}

.bg-blue {
  background-color: var(--blue);
}

.text-blue {
  color: var(--blue);
}

.btn-blue {
  background-color: white;
  color: var(--blue);
  border: thin solid var(--blue);
}

.btn-fill-blue {
  color: white;
  background-color: var(--blue);
}

.border-blue {
  border-color: var(--blue) !important;
}

.bg-lightblue {
  background-color: var(--lightblue);
}

.text-lightblue {
  color: var(--lightblue);
}

.btn-lightblue {
  background-color: white;
  color: var(--lightblue);
  border: thin solid var(--lightblue);
}

.btn-fill-lightblue {
  color: white;
  background-color: var(--lightblue);
}

.border-lightblue {
  border-color: var(--lightblue) !important;
}

.bg-orange {
  background-color: var(--orange);
}

.text-orange {
  color: var(--orange);
}

.btn-orange {
  background-color: white;
  color: var(--orange);
  border: thin solid var(--orange);
}

.btn-fill-orange {
  color: white;
  background-color: var(--orange);
}

.border-orange {
  border-color: var(--orange) !important;
}

.bg-link {
  background-color: var(--link);
}

.text-link {
  color: var(--link);
}

.btn-link {
  background-color: white;
  color: var(--link);
  border: thin solid var(--link);
}

.btn-fill-link {
  color: white;
  background-color: var(--link);
}

.border-link {
  border-color: var(--link) !important;
}

.bg-transparent {
  background-color: var(--transparent);
}

.text-transparent {
  color: var(--transparent);
}

.btn-transparent {
  background-color: white;
  color: var(--transparent);
  border: thin solid var(--transparent);
}

.btn-fill-transparent {
  color: white;
  background-color: var(--transparent);
}

.border-transparent {
  border-color: var(--transparent) !important;
}

.bg-brown {
  background-color: var(--brown);
}

.text-brown {
  color: var(--brown);
}

.btn-brown {
  background-color: white;
  color: var(--brown);
  border: thin solid var(--brown);
}

.btn-fill-brown {
  color: white;
  background-color: var(--brown);
}

.border-brown {
  border-color: var(--brown) !important;
}

.bg-green {
  background-color: var(--green);
}

.text-green {
  color: var(--green);
}

.btn-green {
  background-color: white;
  color: var(--green);
  border: thin solid var(--green);
}

.btn-fill-green {
  color: white;
  background-color: var(--green);
}

.border-green {
  border-color: var(--green) !important;
}

.bg-lightgreen {
  background-color: var(--lightgreen);
}

.text-lightgreen {
  color: var(--lightgreen);
}

.btn-lightgreen {
  background-color: white;
  color: var(--lightgreen);
  border: thin solid var(--lightgreen);
}

.btn-fill-lightgreen {
  color: white;
  background-color: var(--lightgreen);
}

.border-lightgreen {
  border-color: var(--lightgreen) !important;
}

.bg-purple {
  background-color: var(--purple);
}

.text-purple {
  color: var(--purple);
}

.btn-purple {
  background-color: white;
  color: var(--purple);
  border: thin solid var(--purple);
}

.btn-fill-purple {
  color: white;
  background-color: var(--purple);
}

.border-purple {
  border-color: var(--purple) !important;
}

/* sm */
@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: unset;
  }
  .bg-sm-black {
    background-color: var(--black);
  }
  .text-sm-black {
    color: var(--black);
  }
  .btn-sm-black {
    background-color: white;
    color: var(--black);
    border: thin solid var(--black);
  }
  .bg-sm-black1 {
    background-color: var(--black1);
  }
  .text-sm-black1 {
    color: var(--black1);
  }
  .btn-sm-black1 {
    background-color: white;
    color: var(--black1);
    border: thin solid var(--black1);
  }
  .bg-sm-black2 {
    background-color: var(--black2);
  }
  .text-sm-black2 {
    color: var(--black2);
  }
  .btn-sm-black2 {
    background-color: white;
    color: var(--black2);
    border: thin solid var(--black2);
  }
  .bg-sm-white {
    background-color: var(--white);
  }
  .text-sm-white {
    color: var(--white);
  }
  .btn-sm-white {
    background-color: white;
    color: var(--white);
    border: thin solid var(--white);
  }
  .bg-sm-gray {
    background-color: var(--gray);
  }
  .text-sm-gray {
    color: var(--gray);
  }
  .btn-sm-gray {
    background-color: white;
    color: var(--gray);
    border: thin solid var(--gray);
  }
  .bg-sm-darkgray {
    background-color: var(--darkgray);
  }
  .text-sm-darkgray {
    color: var(--darkgray);
  }
  .btn-sm-darkgray {
    background-color: white;
    color: var(--darkgray);
    border: thin solid var(--darkgray);
  }
  .bg-sm-lightgray {
    background-color: var(--lightgray);
  }
  .text-sm-lightgray {
    color: var(--lightgray);
  }
  .btn-sm-lightgray {
    background-color: white;
    color: var(--lightgray);
    border: thin solid var(--lightgray);
  }
  .bg-sm-red {
    background-color: var(--red);
  }
  .text-sm-red {
    color: var(--red);
  }
  .btn-sm-red {
    background-color: white;
    color: var(--red);
    border: thin solid var(--red);
  }
  .bg-sm-blue {
    background-color: var(--blue);
  }
  .text-sm-blue {
    color: var(--blue);
  }
  .btn-sm-blue {
    background-color: white;
    color: var(--blue);
    border: thin solid var(--blue);
  }
  .bg-sm-lightblue {
    background-color: var(--lightblue);
  }
  .text-sm-lightblue {
    color: var(--lightblue);
  }
  .btn-sm-lightblue {
    background-color: white;
    color: var(--lightblue);
    border: thin solid var(--lightblue);
  }
  .bg-sm-orange {
    background-color: var(--orange);
  }
  .text-sm-orange {
    color: var(--orange);
  }
  .btn-sm-orange {
    background-color: white;
    color: var(--orange);
    border: thin solid var(--orange);
  }
  .bg-sm-link {
    background-color: var(--link);
  }
  .text-sm-link {
    color: var(--link);
  }
  .btn-sm-link {
    background-color: white;
    color: var(--link);
    border: thin solid var(--link);
  }
  .bg-sm-transparent {
    background-color: var(--transparent);
  }
  .text-sm-transparent {
    color: var(--transparent);
  }
  .btn-sm-transparent {
    background-color: white;
    color: var(--transparent);
    border: thin solid var(--transparent);
  }
  .bg-sm-brown {
    background-color: var(--brown);
  }
  .text-sm-brown {
    color: var(--brown);
  }
  .btn-sm-brown {
    background-color: white;
    color: var(--brown);
    border: thin solid var(--brown);
  }
  .bg-sm-green {
    background-color: var(--green);
  }
  .text-sm-green {
    color: var(--green);
  }
  .btn-sm-green {
    background-color: white;
    color: var(--green);
    border: thin solid var(--green);
  }
  .bg-sm-lightgreen {
    background-color: var(--lightgreen);
  }
  .text-sm-lightgreen {
    color: var(--lightgreen);
  }
  .btn-sm-lightgreen {
    background-color: white;
    color: var(--lightgreen);
    border: thin solid var(--lightgreen);
  }
  .bg-sm-purple {
    background-color: var(--purple);
  }
  .text-sm-purple {
    color: var(--purple);
  }
  .btn-sm-purple {
    background-color: white;
    color: var(--purple);
    border: thin solid var(--purple);
  }
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .position-sm-none {
    position: none !important;
  }
  .translate-sm-middle {
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
  .translate-sm-middle-x {
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
  .translate-sm-middle-y {
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
  .top-sm-0 {
    top: 0% !important;
  }
  .top-sm-25 {
    top: 25% !important;
  }
  .top-sm-50 {
    top: 50% !important;
  }
  .top-sm-75 {
    top: 75% !important;
  }
  .top-sm-100 {
    top: 100% !important;
  }
  .top-sm-auto {
    top: auto !important;
  }
  .bottom-sm-0 {
    bottom: 0% !important;
  }
  .bottom-sm-25 {
    bottom: 25% !important;
  }
  .bottom-sm-50 {
    bottom: 50% !important;
  }
  .bottom-sm-75 {
    bottom: 75% !important;
  }
  .bottom-sm-100 {
    bottom: 100% !important;
  }
  .bottom-sm-auto {
    bottom: auto !important;
  }
  .start-sm-0 {
    left: 0% !important;
  }
  .start-sm-25 {
    left: 25% !important;
  }
  .start-sm-50 {
    left: 50% !important;
  }
  .start-sm-75 {
    left: 75% !important;
  }
  .start-sm-100 {
    left: 100% !important;
  }
  .start-sm-auto {
    left: auto !important;
  }
  .end-sm-0 {
    right: 0% !important;
  }
  .end-sm-25 {
    right: 25% !important;
  }
  .end-sm-50 {
    right: 50% !important;
  }
  .end-sm-75 {
    right: 75% !important;
  }
  .end-sm-100 {
    right: 100% !important;
  }
  .end-sm-auto {
    right: auto !important;
  }
  .w-sm-0 {
    width: 0% !important;
  }
  .h-sm-0 {
    height: 0% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
  .pt-sm-middle,
.py-sm-middle {
    padding-top: 0.8rem !important;
  }
  .pb-sm-middle,
.py-sm-middle {
    padding-bottom: 0.8rem !important;
  }
}
/* md */
@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: unset;
  }
  .bg-md-black {
    background-color: var(--black);
  }
  .text-md-black {
    color: var(--black);
  }
  .btn-md-black {
    background-color: white;
    color: var(--black);
    border: thin solid var(--black);
  }
  .bg-md-black1 {
    background-color: var(--black1);
  }
  .text-md-black1 {
    color: var(--black1);
  }
  .btn-md-black1 {
    background-color: white;
    color: var(--black1);
    border: thin solid var(--black1);
  }
  .bg-md-black2 {
    background-color: var(--black2);
  }
  .text-md-black2 {
    color: var(--black2);
  }
  .btn-md-black2 {
    background-color: white;
    color: var(--black2);
    border: thin solid var(--black2);
  }
  .bg-md-white {
    background-color: var(--white);
  }
  .text-md-white {
    color: var(--white);
  }
  .btn-md-white {
    background-color: white;
    color: var(--white);
    border: thin solid var(--white);
  }
  .bg-md-gray {
    background-color: var(--gray);
  }
  .text-md-gray {
    color: var(--gray);
  }
  .btn-md-gray {
    background-color: white;
    color: var(--gray);
    border: thin solid var(--gray);
  }
  .bg-md-darkgray {
    background-color: var(--darkgray);
  }
  .text-md-darkgray {
    color: var(--darkgray);
  }
  .btn-md-darkgray {
    background-color: white;
    color: var(--darkgray);
    border: thin solid var(--darkgray);
  }
  .bg-md-lightgray {
    background-color: var(--lightgray);
  }
  .text-md-lightgray {
    color: var(--lightgray);
  }
  .btn-md-lightgray {
    background-color: white;
    color: var(--lightgray);
    border: thin solid var(--lightgray);
  }
  .bg-md-red {
    background-color: var(--red);
  }
  .text-md-red {
    color: var(--red);
  }
  .btn-md-red {
    background-color: white;
    color: var(--red);
    border: thin solid var(--red);
  }
  .bg-md-blue {
    background-color: var(--blue);
  }
  .text-md-blue {
    color: var(--blue);
  }
  .btn-md-blue {
    background-color: white;
    color: var(--blue);
    border: thin solid var(--blue);
  }
  .bg-md-lightblue {
    background-color: var(--lightblue);
  }
  .text-md-lightblue {
    color: var(--lightblue);
  }
  .btn-md-lightblue {
    background-color: white;
    color: var(--lightblue);
    border: thin solid var(--lightblue);
  }
  .bg-md-orange {
    background-color: var(--orange);
  }
  .text-md-orange {
    color: var(--orange);
  }
  .btn-md-orange {
    background-color: white;
    color: var(--orange);
    border: thin solid var(--orange);
  }
  .bg-md-link {
    background-color: var(--link);
  }
  .text-md-link {
    color: var(--link);
  }
  .btn-md-link {
    background-color: white;
    color: var(--link);
    border: thin solid var(--link);
  }
  .bg-md-transparent {
    background-color: var(--transparent);
  }
  .text-md-transparent {
    color: var(--transparent);
  }
  .btn-md-transparent {
    background-color: white;
    color: var(--transparent);
    border: thin solid var(--transparent);
  }
  .bg-md-brown {
    background-color: var(--brown);
  }
  .text-md-brown {
    color: var(--brown);
  }
  .btn-md-brown {
    background-color: white;
    color: var(--brown);
    border: thin solid var(--brown);
  }
  .bg-md-green {
    background-color: var(--green);
  }
  .text-md-green {
    color: var(--green);
  }
  .btn-md-green {
    background-color: white;
    color: var(--green);
    border: thin solid var(--green);
  }
  .bg-md-lightgreen {
    background-color: var(--lightgreen);
  }
  .text-md-lightgreen {
    color: var(--lightgreen);
  }
  .btn-md-lightgreen {
    background-color: white;
    color: var(--lightgreen);
    border: thin solid var(--lightgreen);
  }
  .bg-md-purple {
    background-color: var(--purple);
  }
  .text-md-purple {
    color: var(--purple);
  }
  .btn-md-purple {
    background-color: white;
    color: var(--purple);
    border: thin solid var(--purple);
  }
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .position-md-none {
    position: none !important;
  }
  .translate-md-middle {
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
  .translate-md-middle-x {
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
  .translate-md-middle-y {
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
  .top-md-0 {
    top: 0% !important;
  }
  .top-md-25 {
    top: 25% !important;
  }
  .top-md-50 {
    top: 50% !important;
  }
  .top-md-75 {
    top: 75% !important;
  }
  .top-md-100 {
    top: 100% !important;
  }
  .top-md-auto {
    top: auto !important;
  }
  .bottom-md-0 {
    bottom: 0% !important;
  }
  .bottom-md-25 {
    bottom: 25% !important;
  }
  .bottom-md-50 {
    bottom: 50% !important;
  }
  .bottom-md-75 {
    bottom: 75% !important;
  }
  .bottom-md-100 {
    bottom: 100% !important;
  }
  .bottom-md-auto {
    bottom: auto !important;
  }
  .start-md-0 {
    left: 0% !important;
  }
  .start-md-25 {
    left: 25% !important;
  }
  .start-md-50 {
    left: 50% !important;
  }
  .start-md-75 {
    left: 75% !important;
  }
  .start-md-100 {
    left: 100% !important;
  }
  .start-md-auto {
    left: auto !important;
  }
  .end-md-0 {
    right: 0% !important;
  }
  .end-md-25 {
    right: 25% !important;
  }
  .end-md-50 {
    right: 50% !important;
  }
  .end-md-75 {
    right: 75% !important;
  }
  .end-md-100 {
    right: 100% !important;
  }
  .end-md-auto {
    right: auto !important;
  }
  .w-md-0 {
    width: 0% !important;
  }
  .h-md-0 {
    height: 0% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .h-md-auto {
    height: auto !important;
  }
  .pt-md-middle,
.py-md-middle {
    padding-top: 0.8rem !important;
  }
  .pb-md-middle,
.py-md-middle {
    padding-bottom: 0.8rem !important;
  }
}
/* lg */
@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: unset;
  }
  .bg-lg-black {
    background-color: var(--black);
  }
  .text-lg-black {
    color: var(--black);
  }
  .btn-lg-black {
    background-color: white;
    color: var(--black);
    border: thin solid var(--black);
  }
  .bg-lg-black1 {
    background-color: var(--black1);
  }
  .text-lg-black1 {
    color: var(--black1);
  }
  .btn-lg-black1 {
    background-color: white;
    color: var(--black1);
    border: thin solid var(--black1);
  }
  .bg-lg-black2 {
    background-color: var(--black2);
  }
  .text-lg-black2 {
    color: var(--black2);
  }
  .btn-lg-black2 {
    background-color: white;
    color: var(--black2);
    border: thin solid var(--black2);
  }
  .bg-lg-white {
    background-color: var(--white);
  }
  .text-lg-white {
    color: var(--white);
  }
  .btn-lg-white {
    background-color: white;
    color: var(--white);
    border: thin solid var(--white);
  }
  .bg-lg-gray {
    background-color: var(--gray);
  }
  .text-lg-gray {
    color: var(--gray);
  }
  .btn-lg-gray {
    background-color: white;
    color: var(--gray);
    border: thin solid var(--gray);
  }
  .bg-lg-darkgray {
    background-color: var(--darkgray);
  }
  .text-lg-darkgray {
    color: var(--darkgray);
  }
  .btn-lg-darkgray {
    background-color: white;
    color: var(--darkgray);
    border: thin solid var(--darkgray);
  }
  .bg-lg-lightgray {
    background-color: var(--lightgray);
  }
  .text-lg-lightgray {
    color: var(--lightgray);
  }
  .btn-lg-lightgray {
    background-color: white;
    color: var(--lightgray);
    border: thin solid var(--lightgray);
  }
  .bg-lg-red {
    background-color: var(--red);
  }
  .text-lg-red {
    color: var(--red);
  }
  .btn-lg-red {
    background-color: white;
    color: var(--red);
    border: thin solid var(--red);
  }
  .bg-lg-blue {
    background-color: var(--blue);
  }
  .text-lg-blue {
    color: var(--blue);
  }
  .btn-lg-blue {
    background-color: white;
    color: var(--blue);
    border: thin solid var(--blue);
  }
  .bg-lg-lightblue {
    background-color: var(--lightblue);
  }
  .text-lg-lightblue {
    color: var(--lightblue);
  }
  .btn-lg-lightblue {
    background-color: white;
    color: var(--lightblue);
    border: thin solid var(--lightblue);
  }
  .bg-lg-orange {
    background-color: var(--orange);
  }
  .text-lg-orange {
    color: var(--orange);
  }
  .btn-lg-orange {
    background-color: white;
    color: var(--orange);
    border: thin solid var(--orange);
  }
  .bg-lg-link {
    background-color: var(--link);
  }
  .text-lg-link {
    color: var(--link);
  }
  .btn-lg-link {
    background-color: white;
    color: var(--link);
    border: thin solid var(--link);
  }
  .bg-lg-transparent {
    background-color: var(--transparent);
  }
  .text-lg-transparent {
    color: var(--transparent);
  }
  .btn-lg-transparent {
    background-color: white;
    color: var(--transparent);
    border: thin solid var(--transparent);
  }
  .bg-lg-brown {
    background-color: var(--brown);
  }
  .text-lg-brown {
    color: var(--brown);
  }
  .btn-lg-brown {
    background-color: white;
    color: var(--brown);
    border: thin solid var(--brown);
  }
  .bg-lg-green {
    background-color: var(--green);
  }
  .text-lg-green {
    color: var(--green);
  }
  .btn-lg-green {
    background-color: white;
    color: var(--green);
    border: thin solid var(--green);
  }
  .bg-lg-lightgreen {
    background-color: var(--lightgreen);
  }
  .text-lg-lightgreen {
    color: var(--lightgreen);
  }
  .btn-lg-lightgreen {
    background-color: white;
    color: var(--lightgreen);
    border: thin solid var(--lightgreen);
  }
  .bg-lg-purple {
    background-color: var(--purple);
  }
  .text-lg-purple {
    color: var(--purple);
  }
  .btn-lg-purple {
    background-color: white;
    color: var(--purple);
    border: thin solid var(--purple);
  }
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .position-lg-none {
    position: none !important;
  }
  .translate-lg-middle {
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
  .translate-lg-middle-x {
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
  .translate-lg-middle-y {
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
  .top-lg-0 {
    top: 0% !important;
  }
  .top-lg-25 {
    top: 25% !important;
  }
  .top-lg-50 {
    top: 50% !important;
  }
  .top-lg-75 {
    top: 75% !important;
  }
  .top-lg-100 {
    top: 100% !important;
  }
  .top-lg-auto {
    top: auto !important;
  }
  .bottom-lg-0 {
    bottom: 0% !important;
  }
  .bottom-lg-25 {
    bottom: 25% !important;
  }
  .bottom-lg-50 {
    bottom: 50% !important;
  }
  .bottom-lg-75 {
    bottom: 75% !important;
  }
  .bottom-lg-100 {
    bottom: 100% !important;
  }
  .bottom-lg-auto {
    bottom: auto !important;
  }
  .start-lg-0 {
    left: 0% !important;
  }
  .start-lg-25 {
    left: 25% !important;
  }
  .start-lg-50 {
    left: 50% !important;
  }
  .start-lg-75 {
    left: 75% !important;
  }
  .start-lg-100 {
    left: 100% !important;
  }
  .start-lg-auto {
    left: auto !important;
  }
  .end-lg-0 {
    right: 0% !important;
  }
  .end-lg-25 {
    right: 25% !important;
  }
  .end-lg-50 {
    right: 50% !important;
  }
  .end-lg-75 {
    right: 75% !important;
  }
  .end-lg-100 {
    right: 100% !important;
  }
  .end-lg-auto {
    right: auto !important;
  }
  .w-lg-0 {
    width: 0% !important;
  }
  .h-lg-0 {
    height: 0% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
  .pt-lg-middle,
.py-lg-middle {
    padding-top: 0.8rem !important;
  }
  .pb-lg-middle,
.py-lg-middle {
    padding-bottom: 0.8rem !important;
  }
}
/* xl */
@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: unset;
  }
  .bg-xl-black {
    background-color: var(--black);
  }
  .text-xl-black {
    color: var(--black);
  }
  .btn-xl-black {
    background-color: white;
    color: var(--black);
    border: thin solid var(--black);
  }
  .bg-xl-black1 {
    background-color: var(--black1);
  }
  .text-xl-black1 {
    color: var(--black1);
  }
  .btn-xl-black1 {
    background-color: white;
    color: var(--black1);
    border: thin solid var(--black1);
  }
  .bg-xl-black2 {
    background-color: var(--black2);
  }
  .text-xl-black2 {
    color: var(--black2);
  }
  .btn-xl-black2 {
    background-color: white;
    color: var(--black2);
    border: thin solid var(--black2);
  }
  .bg-xl-white {
    background-color: var(--white);
  }
  .text-xl-white {
    color: var(--white);
  }
  .btn-xl-white {
    background-color: white;
    color: var(--white);
    border: thin solid var(--white);
  }
  .bg-xl-gray {
    background-color: var(--gray);
  }
  .text-xl-gray {
    color: var(--gray);
  }
  .btn-xl-gray {
    background-color: white;
    color: var(--gray);
    border: thin solid var(--gray);
  }
  .bg-xl-darkgray {
    background-color: var(--darkgray);
  }
  .text-xl-darkgray {
    color: var(--darkgray);
  }
  .btn-xl-darkgray {
    background-color: white;
    color: var(--darkgray);
    border: thin solid var(--darkgray);
  }
  .bg-xl-lightgray {
    background-color: var(--lightgray);
  }
  .text-xl-lightgray {
    color: var(--lightgray);
  }
  .btn-xl-lightgray {
    background-color: white;
    color: var(--lightgray);
    border: thin solid var(--lightgray);
  }
  .bg-xl-red {
    background-color: var(--red);
  }
  .text-xl-red {
    color: var(--red);
  }
  .btn-xl-red {
    background-color: white;
    color: var(--red);
    border: thin solid var(--red);
  }
  .bg-xl-blue {
    background-color: var(--blue);
  }
  .text-xl-blue {
    color: var(--blue);
  }
  .btn-xl-blue {
    background-color: white;
    color: var(--blue);
    border: thin solid var(--blue);
  }
  .bg-xl-lightblue {
    background-color: var(--lightblue);
  }
  .text-xl-lightblue {
    color: var(--lightblue);
  }
  .btn-xl-lightblue {
    background-color: white;
    color: var(--lightblue);
    border: thin solid var(--lightblue);
  }
  .bg-xl-orange {
    background-color: var(--orange);
  }
  .text-xl-orange {
    color: var(--orange);
  }
  .btn-xl-orange {
    background-color: white;
    color: var(--orange);
    border: thin solid var(--orange);
  }
  .bg-xl-link {
    background-color: var(--link);
  }
  .text-xl-link {
    color: var(--link);
  }
  .btn-xl-link {
    background-color: white;
    color: var(--link);
    border: thin solid var(--link);
  }
  .bg-xl-transparent {
    background-color: var(--transparent);
  }
  .text-xl-transparent {
    color: var(--transparent);
  }
  .btn-xl-transparent {
    background-color: white;
    color: var(--transparent);
    border: thin solid var(--transparent);
  }
  .bg-xl-brown {
    background-color: var(--brown);
  }
  .text-xl-brown {
    color: var(--brown);
  }
  .btn-xl-brown {
    background-color: white;
    color: var(--brown);
    border: thin solid var(--brown);
  }
  .bg-xl-green {
    background-color: var(--green);
  }
  .text-xl-green {
    color: var(--green);
  }
  .btn-xl-green {
    background-color: white;
    color: var(--green);
    border: thin solid var(--green);
  }
  .bg-xl-lightgreen {
    background-color: var(--lightgreen);
  }
  .text-xl-lightgreen {
    color: var(--lightgreen);
  }
  .btn-xl-lightgreen {
    background-color: white;
    color: var(--lightgreen);
    border: thin solid var(--lightgreen);
  }
  .bg-xl-purple {
    background-color: var(--purple);
  }
  .text-xl-purple {
    color: var(--purple);
  }
  .btn-xl-purple {
    background-color: white;
    color: var(--purple);
    border: thin solid var(--purple);
  }
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .position-xl-none {
    position: none !important;
  }
  .translate-xl-middle {
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
  .translate-xl-middle-x {
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
  .translate-xl-middle-y {
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
  .top-xl-0 {
    top: 0% !important;
  }
  .top-xl-25 {
    top: 25% !important;
  }
  .top-xl-50 {
    top: 50% !important;
  }
  .top-xl-75 {
    top: 75% !important;
  }
  .top-xl-100 {
    top: 100% !important;
  }
  .top-xl-auto {
    top: auto !important;
  }
  .bottom-xl-0 {
    bottom: 0% !important;
  }
  .bottom-xl-25 {
    bottom: 25% !important;
  }
  .bottom-xl-50 {
    bottom: 50% !important;
  }
  .bottom-xl-75 {
    bottom: 75% !important;
  }
  .bottom-xl-100 {
    bottom: 100% !important;
  }
  .bottom-xl-auto {
    bottom: auto !important;
  }
  .start-xl-0 {
    left: 0% !important;
  }
  .start-xl-25 {
    left: 25% !important;
  }
  .start-xl-50 {
    left: 50% !important;
  }
  .start-xl-75 {
    left: 75% !important;
  }
  .start-xl-100 {
    left: 100% !important;
  }
  .start-xl-auto {
    left: auto !important;
  }
  .end-xl-0 {
    right: 0% !important;
  }
  .end-xl-25 {
    right: 25% !important;
  }
  .end-xl-50 {
    right: 50% !important;
  }
  .end-xl-75 {
    right: 75% !important;
  }
  .end-xl-100 {
    right: 100% !important;
  }
  .end-xl-auto {
    right: auto !important;
  }
  .w-xl-0 {
    width: 0% !important;
  }
  .h-xl-0 {
    height: 0% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
  .pt-xl-middle,
.py-xl-middle {
    padding-top: 0.8rem !important;
  }
  .pb-xl-middle,
.py-xl-middle {
    padding-bottom: 0.8rem !important;
  }
}
/* xxl */
@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    width: unset;
  }
  .bg-xxl-black {
    background-color: var(--black);
  }
  .text-xxl-black {
    color: var(--black);
  }
  .btn-xxl-black {
    background-color: white;
    color: var(--black);
    border: thin solid var(--black);
  }
  .bg-xxl-black1 {
    background-color: var(--black1);
  }
  .text-xxl-black1 {
    color: var(--black1);
  }
  .btn-xxl-black1 {
    background-color: white;
    color: var(--black1);
    border: thin solid var(--black1);
  }
  .bg-xxl-black2 {
    background-color: var(--black2);
  }
  .text-xxl-black2 {
    color: var(--black2);
  }
  .btn-xxl-black2 {
    background-color: white;
    color: var(--black2);
    border: thin solid var(--black2);
  }
  .bg-xxl-white {
    background-color: var(--white);
  }
  .text-xxl-white {
    color: var(--white);
  }
  .btn-xxl-white {
    background-color: white;
    color: var(--white);
    border: thin solid var(--white);
  }
  .bg-xxl-gray {
    background-color: var(--gray);
  }
  .text-xxl-gray {
    color: var(--gray);
  }
  .btn-xxl-gray {
    background-color: white;
    color: var(--gray);
    border: thin solid var(--gray);
  }
  .bg-xxl-darkgray {
    background-color: var(--darkgray);
  }
  .text-xxl-darkgray {
    color: var(--darkgray);
  }
  .btn-xxl-darkgray {
    background-color: white;
    color: var(--darkgray);
    border: thin solid var(--darkgray);
  }
  .bg-xxl-lightgray {
    background-color: var(--lightgray);
  }
  .text-xxl-lightgray {
    color: var(--lightgray);
  }
  .btn-xxl-lightgray {
    background-color: white;
    color: var(--lightgray);
    border: thin solid var(--lightgray);
  }
  .bg-xxl-red {
    background-color: var(--red);
  }
  .text-xxl-red {
    color: var(--red);
  }
  .btn-xxl-red {
    background-color: white;
    color: var(--red);
    border: thin solid var(--red);
  }
  .bg-xxl-blue {
    background-color: var(--blue);
  }
  .text-xxl-blue {
    color: var(--blue);
  }
  .btn-xxl-blue {
    background-color: white;
    color: var(--blue);
    border: thin solid var(--blue);
  }
  .bg-xxl-lightblue {
    background-color: var(--lightblue);
  }
  .text-xxl-lightblue {
    color: var(--lightblue);
  }
  .btn-xxl-lightblue {
    background-color: white;
    color: var(--lightblue);
    border: thin solid var(--lightblue);
  }
  .bg-xxl-orange {
    background-color: var(--orange);
  }
  .text-xxl-orange {
    color: var(--orange);
  }
  .btn-xxl-orange {
    background-color: white;
    color: var(--orange);
    border: thin solid var(--orange);
  }
  .bg-xxl-link {
    background-color: var(--link);
  }
  .text-xxl-link {
    color: var(--link);
  }
  .btn-xxl-link {
    background-color: white;
    color: var(--link);
    border: thin solid var(--link);
  }
  .bg-xxl-transparent {
    background-color: var(--transparent);
  }
  .text-xxl-transparent {
    color: var(--transparent);
  }
  .btn-xxl-transparent {
    background-color: white;
    color: var(--transparent);
    border: thin solid var(--transparent);
  }
  .bg-xxl-brown {
    background-color: var(--brown);
  }
  .text-xxl-brown {
    color: var(--brown);
  }
  .btn-xxl-brown {
    background-color: white;
    color: var(--brown);
    border: thin solid var(--brown);
  }
  .bg-xxl-green {
    background-color: var(--green);
  }
  .text-xxl-green {
    color: var(--green);
  }
  .btn-xxl-green {
    background-color: white;
    color: var(--green);
    border: thin solid var(--green);
  }
  .bg-xxl-lightgreen {
    background-color: var(--lightgreen);
  }
  .text-xxl-lightgreen {
    color: var(--lightgreen);
  }
  .btn-xxl-lightgreen {
    background-color: white;
    color: var(--lightgreen);
    border: thin solid var(--lightgreen);
  }
  .bg-xxl-purple {
    background-color: var(--purple);
  }
  .text-xxl-purple {
    color: var(--purple);
  }
  .btn-xxl-purple {
    background-color: white;
    color: var(--purple);
    border: thin solid var(--purple);
  }
  .position-xxl-static {
    position: static !important;
  }
  .position-xxl-relative {
    position: relative !important;
  }
  .position-xxl-absolute {
    position: absolute !important;
  }
  .position-xxl-fixed {
    position: fixed !important;
  }
  .position-xxl-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .position-xxl-none {
    position: none !important;
  }
  .translate-xxl-middle {
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
  .translate-xxl-middle-x {
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
  .translate-xxl-middle-y {
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
  .top-xxl-0 {
    top: 0% !important;
  }
  .top-xxl-25 {
    top: 25% !important;
  }
  .top-xxl-50 {
    top: 50% !important;
  }
  .top-xxl-75 {
    top: 75% !important;
  }
  .top-xxl-100 {
    top: 100% !important;
  }
  .top-xxl-auto {
    top: auto !important;
  }
  .bottom-xxl-0 {
    bottom: 0% !important;
  }
  .bottom-xxl-25 {
    bottom: 25% !important;
  }
  .bottom-xxl-50 {
    bottom: 50% !important;
  }
  .bottom-xxl-75 {
    bottom: 75% !important;
  }
  .bottom-xxl-100 {
    bottom: 100% !important;
  }
  .bottom-xxl-auto {
    bottom: auto !important;
  }
  .start-xxl-0 {
    left: 0% !important;
  }
  .start-xxl-25 {
    left: 25% !important;
  }
  .start-xxl-50 {
    left: 50% !important;
  }
  .start-xxl-75 {
    left: 75% !important;
  }
  .start-xxl-100 {
    left: 100% !important;
  }
  .start-xxl-auto {
    left: auto !important;
  }
  .end-xxl-0 {
    right: 0% !important;
  }
  .end-xxl-25 {
    right: 25% !important;
  }
  .end-xxl-50 {
    right: 50% !important;
  }
  .end-xxl-75 {
    right: 75% !important;
  }
  .end-xxl-100 {
    right: 100% !important;
  }
  .end-xxl-auto {
    right: auto !important;
  }
  .w-xxl-0 {
    width: 0% !important;
  }
  .h-xxl-0 {
    height: 0% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .h-xxl-25 {
    height: 25% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .h-xxl-50 {
    height: 50% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .h-xxl-75 {
    height: 75% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
  .h-xxl-100 {
    height: 100% !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
  .h-xxl-auto {
    height: auto !important;
  }
  .pt-xxl-middle,
.py-xxl-middle {
    padding-top: 0.8rem !important;
  }
  .pb-xxl-middle,
.py-xxl-middle {
    padding-bottom: 0.8rem !important;
  }
}/*# sourceMappingURL=extends.css.map */