ss.css

body {
  padding: 0;
  margin: 0;
}
body > .wrap {
  padding: 0;
  margin: 0;
}
.container,
.container-col {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  align-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-xs,
.container-col-xs,
.container-sm,
.container-col-sm,
.container-lg,
.container-col-lg,
.container-xl,
.container-col-xl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  align-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 425px) {
  .container-xs,
  .container-col-xs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
@media (max-width: 768px) {
  .container-sm,
  .container-col-sm {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
@media (max-width: 1024px) {
  .container-lg,
  .container-col-lg {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
@media (max-width: 1440px) {
  .container-xl,
  .container-col-xl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
.container-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  align-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-row-xs,
.container-row-sm,
.container-row-lg,
.container-row-xl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  align-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 375px) {
  .container-row-xs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
@media (max-width: 768px) {
  .container-row-sm {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
@media (max-width: 1024px) {
  .container-row-lg {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
@media (max-width: 1440px) {
  .container-row-xl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
.container-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-bar-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  align-content: flex-start;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col,
.row {
  padding: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col-1,
.row-1 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 10%;
}
.col-2,
.row-2 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
}
.col-3,
.row-3 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
}
.col-4,
.row-4 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 40%;
}
.col-5,
.row-5 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.col-6,
.row-6 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
}
.col-7,
.row-7 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 70%;
}
.col-8,
.row-8 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
}
.col-9,
.row-9 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 90%;
}
.col-10,
.row-10 {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.bar {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-1 {
  padding: 15px;
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-2 {
  padding: 15px;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-3 {
  padding: 15px;
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-4 {
  padding: 15px;
  width: 40%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-5 {
  padding: 15px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-6 {
  padding: 15px;
  width: 60%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-7 {
  padding: 15px;
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-8 {
  padding: 15px;
  width: 80%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-9 {
  padding: 15px;
  width: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bar-10 {
  padding: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-wrapper {
  position: relative;
  width: 25%;
  padding-top: 25%;
}
.card-1 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-1-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-2 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-2-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-3 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-3-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-4 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-4-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-5 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-5-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-6 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-6-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-7 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-7-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-8 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-8-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-9 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-9-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.card-10 {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card-10-wrapper {
  position: relative;
  width: 25%;
  padding-top: 100%;
}
.separator {
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}
.highlight {
  border: 1px solid #cccccc;
  background-color: #e6e6e6;
}
.hidden {
  display: none;
}
.btn {
  height: 42.5px;
  margin: 0 4.25px;
  padding: 7.5px 15px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  font-size: 19px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.btn:hover {
  background-color: #f2f2f2;
}
.btn:active {
  background-color: #e6e6e6;
}
.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border: 1px solid #22527b;
}
.btn-primary:hover {
  background-color: #2d6da3;
}
.btn-primary:active {
  background-color: #285f8f;
}
.btn-success {
  color: #ffffff;
  background-color: #419641;
  border: 1px solid #2a612a;
}
.btn-success:hover {
  background-color: #398439;
}
.btn-success:active {
  background-color: #327232;
}
.btn-cancel {
  color: #ffffff;
  background-color: #c12e2a;
  border: 1px solid #821f1c;
}
.btn-cancel:hover {
  background-color: #ac2925;
}
.btn-cancel:active {
  background-color: #972421;
}
.btn-warning {
  color: #ffffff;
  background-color: #eb9316;
  border: 1px solid #a6670e;
}
.btn-warning:hover {
  background-color: #d58512;
}
.btn-warning:active {
  background-color: #be7610;
}
.btn-info {
  color: #ffffff;
  background-color: #2aabd2;
  border: 1px solid #1d7792;
}
.btn-info:hover {
  background-color: #269abd;
}
.btn-info:active {
  background-color: #2188a7;
}
.btn:focus,
.btn:active {
  outline: none;
}
.btn-xl {
  height: 63.75px;
  padding: 11.25px 22.5px;
  font-size: 28.5px;
}
.btn-lg {
  height: 51px;
  padding: 9px 18px;
  font-size: 22.8px;
}
.btn-sm {
  height: 35.41666667px;
  padding: 6.25px 12.5px;
  font-size: 15.83333333px;
}
.btn-xs {
  height: 28.33333333px;
  padding: 5px 10px;
  font-size: 12.66666667px;
}
body {
  font-family: "Helvetica";
}
p:not(.text-indent),
h1:not(.text-indent),
h2:not(.text-indent),
h3:not(.text-indent),
h4:not(.text-indent) {
  margin: 0;
}
p {
  font-size: 19px;
  padding: 15px;
}
@media (max-width: 1024px) {
  p {
    font-size: 14px;
    padding: 5px;
  }
}
p.responsive {
  font-size: 1.1875vw;
}
@media (max-width: 1024px) {
  p.responsive {
    font-size: 2.11111111vw;
  }
}
@media (max-width: 425px) {
  p.responsive {
    font-size: 4.75vw;
  }
}
h1 {
  font-size: 40px;
}
h1.responsive {
  font-size: 2.5vw;
}
@media (max-width: 1024px) {
  h1.responsive {
    font-size: 4.44444444vw;
  }
}
@media (max-width: 425px) {
  h1.responsive {
    font-size: 10vw;
  }
}
h2 {
  font-size: 33px;
}
h2.responsive {
  font-size: 2.0625vw;
}
@media (max-width: 1024px) {
  h2.responsive {
    font-size: 3.66666667vw;
  }
}
@media (max-width: 425px) {
  h2.responsive {
    font-size: 8.25vw;
  }
}
h3 {
  font-size: 27px;
}
@media (max-width: 1024px) {
  h3 {
    font-size: 20px;
  }
}
h3.responsive {
  font-size: 1.6875vw;
}
@media (max-width: 1024px) {
  h3.responsive {
    font-size: 3vw;
  }
}
@media (max-width: 425px) {
  h3.responsive {
    font-size: 6.75vw;
  }
}
h4 {
  font-size: 22px;
}
@media (max-width: 1024px) {
  h4 {
    font-size: 16px;
  }
}
h4.responsive {
  font-size: 1.375vw;
}
@media (max-width: 1024px) {
  h4.responsive {
    font-size: 2.44444444vw;
  }
}
@media (max-width: 425px) {
  h4.responsive {
    font-size: 5.5vw;
  }
}
.label {
  padding: 7.5px 15px;
  background: #f2f2f2;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.label-primary {
  color: #ffffff;
  background-color: #2d6da3;
}
.label-success {
  color: #ffffff;
  background-color: #398439;
}
.label-cancel {
  color: #ffffff;
  background-color: #ac2925;
}
.label-warning {
  color: #ffffff;
  background-color: #d58512;
}
.label-info {
  color: #ffffff;
  background-color: #269abd;
}