@charset "UTF-8";

@font-face {
  font-family: 'k2d';
  src        : url("../fonts/TH K2D July8_0.ttf");
}
@font-face {
  font-family: 'sarabun';
  src        : url("../fonts/THSarabunNew_1.ttf");
}
@font-face {
  font-family: 'PSL';
  src        : url("../fonts/PSL.ttf");
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: unset;
  }
}
html {
  font-family             : k2d;
  /* 1 */
  -ms-text-size-adjust    : 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

.navbar, footer {
  z-index: 2;
}

footer {
  position: relative;
}

.ds-b {
  display: block;
}

.GotoTop{
  /* right: 1.5%; */
  right: calc(1rem + 0.5vw);
  bottom: 10%;
  position: fixed !important;
}

.bg-body-tertiary {
  z-index: 1 !important;
  background-color: unset !important;
}
.bg-body-secondary {
  z-index: 1 !important;
  position: relative;
  /* background-color: unset !important; */
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

.row.kk {
  max-width   : 170rem;
  margin-left : auto;
  margin-right: auto;
}

.row.kk::after,
.row.kk::before {
  content: ' ';
  display: table;
}

.row.kk::after {
  clear: both;
}

.row.kk.collapse > .column,
.row.kk.collapse > .columns {
  padding-left : 0;
  padding-right: 0;
}

.row.kk .row.kk {
  margin-left : -0.625rem;
  margin-right: -0.625rem;
}
@media screen and (min-width: 40em) {
  .row.kk .row.kk {
    margin-left : -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.row.kk .row.kk.collapse {
  margin-left : 0;
  margin-right: 0;
}

.row.kk.expanded {
  max-width: none;
}

.row.kk.expanded .row.kk {
  margin-left : auto;
  margin-right: auto;
}

.column,
.columns {
  width        : 100%;
  float        : left;
  padding-left : 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (max-width: 667px) {
  .column,
  .columns {
    padding-left : 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
  float: left;
}

.column.row.kk.row.kk,
.row.kk.row.kk.columns {
  float: none;
}

.row.kk .column.row.kk.row.kk,
.row.kk .row.kk.row.kk.columns {
  padding-left : 0;
  padding-right: 0;
  margin-left  : 0;
  margin-right : 0;
}

.small-1 {
  width: 8.33333%;
}

.small-push-1 {
  position: relative;
  left    : 8.33333%;
}

.small-pull-1 {
  position: relative;
  left    : -8.33333%;
}

.small-offset-0 {
  margin-left: 0;
}

.small-2 {
  width: 16.66667%;
}

.small-push-2 {
  position: relative;
  left    : 16.66667%;
}

.small-pull-2 {
  position: relative;
  left    : -16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left    : 25%;
}

.small-pull-3 {
  position: relative;
  left    : -25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  width: 33.33333%;
}

.small-push-4 {
  position: relative;
  left    : 33.33333%;
}

.small-pull-4 {
  position: relative;
  left    : -33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.66667%;
}

.small-push-5 {
  position: relative;
  left    : 41.66667%;
}

.small-pull-5 {
  position: relative;
  left    : -41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left    : 50%;
}

.small-pull-6 {
  position: relative;
  left    : -50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  width: 58.33333%;
}

.small-push-7 {
  position: relative;
  left    : 58.33333%;
}

.small-pull-7 {
  position: relative;
  left    : -58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.66667%;
}

.small-push-8 {
  position: relative;
  left    : 66.66667%;
}

.small-pull-8 {
  position: relative;
  left    : -66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left    : 75%;
}

.small-pull-9 {
  position: relative;
  left    : -75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  width: 83.33333%;
}

.small-push-10 {
  position: relative;
  left    : 83.33333%;
}

.small-pull-10 {
  position: relative;
  left    : -83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.66667%;
}

.small-push-11 {
  position: relative;
  left    : 91.66667%;
}

.small-pull-11 {
  position: relative;
  left    : -91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-up-1 > .column,
.small-up-1 > .columns {
  width: 100%;
  float: left;
}

.small-up-1 > .column:nth-of-type(1n),
.small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .column:nth-of-type(1n+1),
.small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .column:last-child,
.small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column,
.small-up-2 > .columns {
  width: 50%;
  float: left;
}

.small-up-2 > .column:nth-of-type(1n),
.small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .column:nth-of-type(2n+1),
.small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .column:last-child,
.small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column,
.small-up-3 > .columns {
  width: 33.33333%;
  float: left;
}

.small-up-3 > .column:nth-of-type(1n),
.small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .column:nth-of-type(3n+1),
.small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .column:last-child,
.small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column,
.small-up-4 > .columns {
  width: 25%;
  float: left;
}

.small-up-4 > .column:nth-of-type(1n),
.small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .column:nth-of-type(4n+1),
.small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .column:last-child,
.small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column,
.small-up-5 > .columns {
  width: 20%;
  float: left;
}

.small-up-5 > .column:nth-of-type(1n),
.small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .column:nth-of-type(5n+1),
.small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .column:last-child,
.small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column,
.small-up-6 > .columns {
  width: 16.66667%;
  float: left;
}

.small-up-6 > .column:nth-of-type(1n),
.small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .column:nth-of-type(6n+1),
.small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .column:last-child,
.small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column,
.small-up-7 > .columns {
  width: 14.28571%;
  float: left;
}

.small-up-7 > .column:nth-of-type(1n),
.small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .column:nth-of-type(7n+1),
.small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .column:last-child,
.small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column,
.small-up-8 > .columns {
  width: 12.5%;
  float: left;
}

.small-up-8 > .column:nth-of-type(1n),
.small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .column:nth-of-type(8n+1),
.small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .column:last-child,
.small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column,
.small-collapse > .columns {
  padding-left : 0;
  padding-right: 0;
}

.small-collapse .row.kk {
  margin-left : 0;
  margin-right: 0;
}

.expanded.row.kk .small-collapse.row.kk {
  margin-left : 0;
  margin-right: 0;
}

.small-uncollapse > .column,
.small-uncollapse > .columns {
  padding-left : 0.625rem;
  padding-right: 0.625rem;
}

.small-centered {
  margin-left : auto;
  margin-right: auto;
}

.small-centered,
.small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-pull-0,
.small-push-0,
.small-uncentered {
  position    : static;
  margin-left : 0;
  margin-right: 0;
  float       : left;
}

@media screen and (min-width: 668px) {
  .medium-1 {
    width: 8.33333%;
  }

  .medium-push-1 {
    position: relative;
    left    : 8.33333%;
  }

  .medium-pull-1 {
    position: relative;
    left    : -8.33333%;
  }

  .medium-offset-0 {
    margin-left: 0;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-push-2 {
    position: relative;
    left    : 16.66667%;
  }

  .medium-pull-2 {
    position: relative;
    left    : -16.66667%;
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-push-3 {
    position: relative;
    left    : 25%;
  }

  .medium-pull-3 {
    position: relative;
    left    : -25%;
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-push-4 {
    position: relative;
    left    : 33.33333%;
  }

  .medium-pull-4 {
    position: relative;
    left    : -33.33333%;
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-push-5 {
    position: relative;
    left    : 41.66667%;
  }

  .medium-pull-5 {
    position: relative;
    left    : -41.66667%;
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-push-6 {
    position: relative;
    left    : 50%;
  }

  .medium-pull-6 {
    position: relative;
    left    : -50%;
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-push-7 {
    position: relative;
    left    : 58.33333%;
  }

  .medium-pull-7 {
    position: relative;
    left    : -58.33333%;
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-push-8 {
    position: relative;
    left    : 66.66667%;
  }

  .medium-pull-8 {
    position: relative;
    left    : -66.66667%;
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-push-9 {
    position: relative;
    left    : 75%;
  }

  .medium-pull-9 {
    position: relative;
    left    : -75%;
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-push-10 {
    position: relative;
    left    : 83.33333%;
  }

  .medium-pull-10 {
    position: relative;
    left    : -83.33333%;
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-push-11 {
    position: relative;
    left    : 91.66667%;
  }

  .medium-pull-11 {
    position: relative;
    left    : -91.66667%;
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .medium-12 {
    width: 100%;
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }

  .medium-up-1 > .column,
  .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }

  .medium-up-1 > .column:nth-of-type(1n),
  .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-1 > .column:nth-of-type(1n+1),
  .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .medium-up-1 > .column:last-child,
  .medium-up-1 > .columns:last-child {
    float: left;
  }

  .medium-up-2 > .column,
  .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }

  .medium-up-2 > .column:nth-of-type(1n),
  .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-2 > .column:nth-of-type(2n+1),
  .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .medium-up-2 > .column:last-child,
  .medium-up-2 > .columns:last-child {
    float: left;
  }

  .medium-up-3 > .column,
  .medium-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }

  .medium-up-3 > .column:nth-of-type(1n),
  .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-3 > .column:nth-of-type(3n+1),
  .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .medium-up-3 > .column:last-child,
  .medium-up-3 > .columns:last-child {
    float: left;
  }

  .medium-up-4 > .column,
  .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }

  .medium-up-4 > .column:nth-of-type(1n),
  .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-4 > .column:nth-of-type(4n+1),
  .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .medium-up-4 > .column:last-child,
  .medium-up-4 > .columns:last-child {
    float: left;
  }

  .medium-up-5 > .column,
  .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }

  .medium-up-5 > .column:nth-of-type(1n),
  .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-5 > .column:nth-of-type(5n+1),
  .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .medium-up-5 > .column:last-child,
  .medium-up-5 > .columns:last-child {
    float: left;
  }

  .medium-up-6 > .column,
  .medium-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }

  .medium-up-6 > .column:nth-of-type(1n),
  .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-6 > .column:nth-of-type(6n+1),
  .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .medium-up-6 > .column:last-child,
  .medium-up-6 > .columns:last-child {
    float: left;
  }

  .medium-up-7 > .column,
  .medium-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }

  .medium-up-7 > .column:nth-of-type(1n),
  .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-7 > .column:nth-of-type(7n+1),
  .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }

  .medium-up-7 > .column:last-child,
  .medium-up-7 > .columns:last-child {
    float: left;
  }

  .medium-up-8 > .column,
  .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }

  .medium-up-8 > .column:nth-of-type(1n),
  .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-8 > .column:nth-of-type(8n+1),
  .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }

  .medium-up-8 > .column:last-child,
  .medium-up-8 > .columns:last-child {
    float: left;
  }

  .medium-collapse > .column,
  .medium-collapse > .columns {
    padding-left : 0;
    padding-right: 0;
  }

  .medium-collapse .row.kk {
    margin-left : 0;
    margin-right: 0;
  }

  .expanded.row.kk .medium-collapse.row.kk {
    margin-left : 0;
    margin-right: 0;
  }

  .medium-uncollapse > .column,
  .medium-uncollapse > .columns {
    padding-left : 0.9375rem;
    padding-right: 0.9375rem;
  }

  .medium-centered {
    margin-left : auto;
    margin-right: auto;
  }

  .medium-centered,
  .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }

  .medium-pull-0,
  .medium-push-0,
  .medium-uncentered {
    position    : static;
    margin-left : 0;
    margin-right: 0;
    float       : left;
  }
}

@media screen and (min-width: 2550px) {
  .large-1 {
    width: 8.33333%;
  }

  .large-push-1 {
    position: relative;
    left    : 8.33333%;
  }

  .large-pull-1 {
    position: relative;
    left    : -8.33333%;
  }

  .large-offset-0 {
    margin-left: 0;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-push-2 {
    position: relative;
    left    : 16.66667%;
  }

  .large-pull-2 {
    position: relative;
    left    : -16.66667%;
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .large-3 {
    width: 25%;
  }

  .large-push-3 {
    position: relative;
    left    : 25%;
  }

  .large-pull-3 {
    position: relative;
    left    : -25%;
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-push-4 {
    position: relative;
    left    : 33.33333%;
  }

  .large-pull-4 {
    position: relative;
    left    : -33.33333%;
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-push-5 {
    position: relative;
    left    : 41.66667%;
  }

  .large-pull-5 {
    position: relative;
    left    : -41.66667%;
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .large-6 {
    width: 50%;
  }

  .large-push-6 {
    position: relative;
    left    : 50%;
  }

  .large-pull-6 {
    position: relative;
    left    : -50%;
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-push-7 {
    position: relative;
    left    : 58.33333%;
  }

  .large-pull-7 {
    position: relative;
    left    : -58.33333%;
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-push-8 {
    position: relative;
    left    : 66.66667%;
  }

  .large-pull-8 {
    position: relative;
    left    : -66.66667%;
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .large-9 {
    width: 75%;
  }

  .large-push-9 {
    position: relative;
    left    : 75%;
  }

  .large-pull-9 {
    position: relative;
    left    : -75%;
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-push-10 {
    position: relative;
    left    : 83.33333%;
  }

  .large-pull-10 {
    position: relative;
    left    : -83.33333%;
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-push-11 {
    position: relative;
    left    : 91.66667%;
  }

  .large-pull-11 {
    position: relative;
    left    : -91.66667%;
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .large-12 {
    width: 100%;
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }

  .large-up-1 > .column,
  .large-up-1 > .columns {
    width: 100%;
    float: left;
  }

  .large-up-1 > .column:nth-of-type(1n),
  .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-1 > .column:nth-of-type(1n+1),
  .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .large-up-1 > .column:last-child,
  .large-up-1 > .columns:last-child {
    float: left;
  }

  .large-up-2 > .column,
  .large-up-2 > .columns {
    width: 50%;
    float: left;
  }

  .large-up-2 > .column:nth-of-type(1n),
  .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-2 > .column:nth-of-type(2n+1),
  .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .large-up-2 > .column:last-child,
  .large-up-2 > .columns:last-child {
    float: left;
  }

  .large-up-3 > .column,
  .large-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }

  .large-up-3 > .column:nth-of-type(1n),
  .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-3 > .column:nth-of-type(3n+1),
  .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .large-up-3 > .column:last-child,
  .large-up-3 > .columns:last-child {
    float: left;
  }

  .large-up-4 > .column,
  .large-up-4 > .columns {
    width: 25%;
    float: left;
  }

  .large-up-4 > .column:nth-of-type(1n),
  .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-4 > .column:nth-of-type(4n+1),
  .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .large-up-4 > .column:last-child,
  .large-up-4 > .columns:last-child {
    float: left;
  }

  .large-up-5 > .column,
  .large-up-5 > .columns {
    width: 20%;
    float: left;
  }

  .large-up-5 > .column:nth-of-type(1n),
  .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-5 > .column:nth-of-type(5n+1),
  .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .large-up-5 > .column:last-child,
  .large-up-5 > .columns:last-child {
    float: left;
  }

  .large-up-6 > .column,
  .large-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }

  .large-up-6 > .column:nth-of-type(1n),
  .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-6 > .column:nth-of-type(6n+1),
  .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .large-up-6 > .column:last-child,
  .large-up-6 > .columns:last-child {
    float: left;
  }

  .large-up-7 > .column,
  .large-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }

  .large-up-7 > .column:nth-of-type(1n),
  .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-7 > .column:nth-of-type(7n+1),
  .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }

  .large-up-7 > .column:last-child,
  .large-up-7 > .columns:last-child {
    float: left;
  }

  .large-up-8 > .column,
  .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }

  .large-up-8 > .column:nth-of-type(1n),
  .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-8 > .column:nth-of-type(8n+1),
  .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }

  .large-up-8 > .column:last-child,
  .large-up-8 > .columns:last-child {
    float: left;
  }

  .large-collapse > .column,
  .large-collapse > .columns {
    padding-left : 0;
    padding-right: 0;
  }

  .large-collapse .row.kk {
    margin-left : 0;
    margin-right: 0;
  }

  .expanded.row.kk .large-collapse.row.kk {
    margin-left : 0;
    margin-right: 0;
  }

  .large-uncollapse > .column,
  .large-uncollapse > .columns {
    padding-left : 0.9375rem;
    padding-right: 0.9375rem;
  }

  .large-centered {
    margin-left : auto;
    margin-right: auto;
  }

  .large-centered,
  .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }

  .large-pull-0,
  .large-push-0,
  .large-uncentered {
    position    : static;
    margin-left : 0;
    margin-right: 0;
    float       : left;
  }
}

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

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

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

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

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width   : 1px;
  height  : 1px;
  overflow: hidden;
  clip    : rect(0, 0, 0, 0);
}

.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  height  : auto;
  width   : auto;
  overflow: visible;
  clip    : auto;
}

.hide-for-portrait,
.show-for-landscape {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .hide-for-portrait,
  .show-for-landscape {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-center {
  display     : block;
  margin-left : auto;
  margin-right: auto;
}

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

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

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

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