@charset "UTF-8";
/*
2019.10.01
レスポンシブ対応
*/
h1, h2, h3, h4, h5 {
  margin: 0;
}

p {
  margin: 0;
}

ul,
ol,
dl {
  margin: 0;
  padding-left: 0;
}

ul li,
ol li {
  list-style: none;
}

dd {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover,
a:active {
  text-decoration: underline;
  cursor: pointer;
}

.link-underline {
  text-decoration: underline;
  transition: text-decoration .3s ease 0s;
}

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

.link-none-underline {
  text-decoration: none;
  transition: opacity .3s ease 0s;
}

.link-none-underline:hover, .link-none-underline:focus {
  text-decoration: none;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.link-none-pointer:hover, .link-none-pointer:focus {
  cursor: default;
}

*:lang(en) {
  font-size: 103%;
}

.font-mincho {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.l-container {
  margin: 0 auto;
  padding: 0 8px;
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .l-container {
    padding: 0 20px;
    max-width: 1200px;
  }
}

.l-container-xl {
  margin: 0 auto;
  padding: 0 8px;
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .l-container-xl {
    padding: 0 40px;
    max-width: 1360px;
  }
}

.l-container-max {
  margin: 0 auto;
  padding: 0 8px;
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .l-container-max {
    padding: 0 40px;
    max-width: 1440px;
  }
}

.l-container-full {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0 8px;
}

@media screen and (min-width: 769px) {
  .l-container-full {
    padding: 0 20px;
  }
}

@media screen and (min-width: 769px) {
  .l-container--md {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 1200px;
  }
  .l-container-lg--md {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 1360px;
  }
  .l-container-full--md {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
}

.l-container-no-gutter {
  padding: 0;
}

@media screen and (min-width: 577px) {
  .l-container-no-gutter--sm {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .l-container-no-gutter--md {
    padding: 0;
  }
}

@media screen and (min-width: 993px) {
  .l-container-no-gutter--lg {
    padding: 0;
  }
}

.c-btn--sm {
  min-width: 160px;
}

.c-btn--lg {
  min-width: 320px;
}

.c-btn--full {
  min-width: 100%;
}

.c-btn--sub-color a {
  background: #fff;
}

.c-btn--sub-color a:hover, .c-btn--sub-color a:active {
  background: #fff;
}

.c-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-flex--no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.c-flex--inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.c-flex--between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-flex--around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.c-flex--center {
  -ms-flex-pack: center;
      justify-content: center;
}

.c-flex--end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.c-flex--top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.c-flex--middle {
  -ms-flex-align: center;
      align-items: center;
}

.c-flex--bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.c-flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-flex--align-content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.c-flex__no-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.c-heading {
  line-height: 1.3;
  font-weight: 600;
  font-size: 38.4px;
  font-size: 2.4rem;
}

.c-heading--xxs {
  font-size: 25.6px;
  font-size: 1.6rem;
}

.c-heading--xs {
  font-size: 28.8px;
  font-size: 1.8rem;
}

.c-heading--sm {
  font-size: 32px;
  font-size: 2.0rem;
}

.c-heading--lg {
  font-size: 44.8px;
  font-size: 2.8rem;
}

.c-heading--xl {
  font-size: 51.2px;
  font-size: 3.2rem;
}

.c-heading--xxl {
  font-size: 57.6px;
  font-size: 3.6rem;
}

.c-youtube {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  height: auto;
}

.c-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

footer.footer {
  min-width: auto;
}

footer.footer .inner1000 {
  max-width: 100%;
  box-sizing: border-box;
}

footer.footer #footer_info {
  padding: 20px 10px;
}

@media only screen and (min-width: 1px) and (max-width: 992px) {
  #footer_link {
    text-align: left;
    padding: 20px 0 10px;
  }
  #footer_link ul {
    display: block;
    padding: 0 10px;
  }
  #footer_link ul .child {
    padding-left: 10px;
  }
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  footer .inner1000 .left_box,
  footer .inner1000 .right_box {
    float: none;
  }
  footer .inner1000 .right_box {
    text-align: left;
    margin-top: 20px;
  }
}

header {
  min-width: auto;
}

header .p-header__nav {
  position: absolute;
  top: 35px;
  left: auto;
  right: 0;
  margin-left: 0;
  padding-top: 0;
}

header .p-header__nav-ul {
  padding-right: 190px;
  text-align: right;
}

header .p-header__nav-ul li {
  margin-right: 40px;
  max-width: none;
}

header .p-header__nav-title {
  display: none;
}

header .p-header__tel-num {
  top: -18px;
}

@media only screen and (min-width: 1px) and (max-width: 1248px) {
  header .p-header__tel-num {
    display: none;
  }
  header .p-header__nav-ul {
    padding-right: 0;
  }
}

@media only screen and (min-width: 1px) and (max-width: 992px) {
  .p-header {
    height: auto;
    min-width: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    padding: 13px 10px;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
  }
  header .p-header__heading {
    position: static;
  }
  header .p-header__nav {
    margin-left: 0;
    padding-top: 0;
    position: static;
    top: auto;
    display: none;
    margin-top: 12px;
    padding: 10px;
    height: 70vh;
    background-color: #e2e2e2;
  }
  header .p-header__nav-ul {
    margin-top: 20px;
    padding-right: 0;
  }
  header .p-header__nav-ul li {
    display: block;
    vertical-align: baseline;
    margin-right: 0;
    text-align: left;
    max-width: none;
    margin-bottom: 30px;
  }
  header .p-header__nav-ul li a {
    font-size: 20px;
  }
  header .p-header__tel-num {
    display: inline-block;
    position: absolute;
    right: auto;
    top: auto;
    bottom: 23px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: all 0.5s ease-in-out 0s;
  }
  header .p-header__nav-title {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.05em;
    color: #3f7cbf;
  }
  header .p-header__nav-btn {
    position: absolute;
    right: 10px;
    top: 7px;
    border: 2px solid #3f7cbf;
    padding: 3px;
    border-radius: 5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
  }
  header .p-header__nav-btn span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    width: calc(100% - 12px);
    height: 4px;
    background-color: #3f7cbf;
    transition: all 0.3s ease-in-out 0s;
  }
  header .p-header__nav-btn span:nth-child(1) {
    top: 9.5px;
  }
  header .p-header__nav-btn span:nth-child(2) {
    top: 18.5px;
  }
  header .p-header__nav-btn span:nth-child(3) {
    top: 27.5px;
  }
  header .p-header__nav-btn.is-active span:nth-child(1) {
    top: 18.5px;
    transform: rotate(225deg);
  }
  header .p-header__nav-btn.is-active span:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  header .p-header__nav-btn.is-active span:nth-child(3) {
    top: 18.5px;
    transform: rotate(-225deg);
  }
  header.p-header.is-active .p-header__tel-num {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes fallDownIn {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}

.js-appear {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.js-appear.active {
  animation: fadeIn 3s ease 0s 1 normal forwards;
}

@media only screen and (min-width: 1px) and (max-width: 992px) {
  body {
    padding-top: 60px;
  }
  body.is-active {
    overflow: hidden;
    position: relative;
  }
  body.is-active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
  }
  .inner800 {
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
  }
  .content {
    padding: 0 10px;
    box-sizing: border-box;
  }
  nav.in_page {
    margin: 45px 0;
    padding: 0 10px;
    box-sizing: border-box;
  }
  nav.in_page ul li {
    margin: 0 5px 10px 5px;
  }
  nav.in_page ul li a {
    display: block;
  }
  h2.title {
    margin-right: 10px;
    margin-left: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 1.3;
  }
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .content h3 {
    margin: 60px -10px 40px;
    padding: 10px;
    line-height: 1.3;
  }
  .content h4 {
    margin-bottom: 30px;
  }
  h2.title {
    font-size: 26px;
    text-shadow: 1px 1px 8px rgba(255, 255, 255, 0.7);
  }
}

#slides,
#slides div,
ul.slidesjs-pagination,
#trim_image,
#news,
#about,
#pipeline,
#pipeline h3,
#pipeline ul,
#pipeline .image {
  min-width: auto;
}

#news .inner800 {
  max-width: 100%;
  box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 992px) {
  #news .inner800 {
    padding: 0 10px;
  }
  #news .left_box,
  #news .right_box {
    float: none;
  }
  #news .left_box {
    width: 100%;
    box-sizing: border-box;
  }
  #news .right_box {
    text-align: center;
    margin-top: 60px;
  }
  #about p {
    padding: 0 10px;
  }
  #pipeline {
    height: auto;
  }
  #pipeline .image {
    position: static;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #pipeline h3 {
    margin-top: 40px;
  }
  #pipeline ul {
    margin-top: 40px;
  }
  #pipeline a.link {
    margin: 40px 0 80px;
  }
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  #slides #main04 img,
  #slides #main05 img {
    width: 80%;
  }
  #news .left_box ul li .date {
    position: static;
  }
  #news .left_box ul li .title {
    padding: 0;
  }
  #news .left_box ul li .title a {
    font-size: 16px;
  }
}

/*
page: パイプライニングについて
*/
#container02,
#container03 {
  min-width: auto;
}

#npbrapid ul.rapid_feature,
#npbrapid .rapid_flow {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}

.p-pipelining-rapid-flow-img,
.p-pipelining-npb2-flow-img,
.p-pipelining-npl3-flow-img,
.p-pipelining-npb2-flow-img-sp,
.p-pipelining-npl3-flow-img-sp {
  display: none;
}

#npb2 ul.npb2_feature,
#npb2 #npb2_flow {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}

#npl3 ul.npl3_feature,
#npl3 #npl3_flow {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}

#npc ul.npc_feature {
  width: 100%;
  max-width: 500px;
  box-sizing: border-box;
}

#npc #npc_dsc {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 992px) {
  #npbrapid ul.rapid_feature {
    line-height: 1.5;
  }
  #npbrapid .rapid_flow {
    display: none;
  }
  #npbrapid .p-pipelining-rapid-flow-img {
    display: block;
  }
  #npb2 ul.npb2_feature {
    line-height: 1.5;
  }
  #npb2 #npb2_flow {
    display: none;
  }
  #npb2 .p-pipelining-npb2-flow-img {
    display: block;
  }
  #npl3 #npl3_flow {
    display: none;
  }
  #npl3 .p-pipelining-npl3-flow-img {
    display: block;
  }
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  #container03 {
    padding-bottom: 80px;
  }
  #npbrapid p {
    text-align: left;
    font-size: 18px;
  }
  #npbrapid p br {
    display: none;
  }
  #npbrapid ul.rapid_feature li {
    font-size: 18px;
    line-height: 1.5;
  }
  #npb2 ul.npb2_feature li {
    font-size: 18px;
    line-height: 1.5;
  }
  #npb2 .p-pipelining-npb2-flow-img {
    display: none;
  }
  #npb2 .p-pipelining-npb2-flow-img-sp {
    display: block;
  }
  #npb2 .p-pipelining-npb2-flow-img-sp img {
    margin-bottom: 20px;
  }
  #npl3 ul.npl3_feature li {
    font-size: 18px;
    line-height: 1.5;
  }
  #npl3 .p-pipelining-npl3-flow-img {
    display: none;
  }
  #npl3 .p-pipelining-npl3-flow-img-sp {
    display: block;
  }
  #npl3 .p-pipelining-npl3-flow-img-sp img {
    margin-bottom: 10px;
  }
  #npl3 .p-pipelining-npl3-flow-img-sp__text {
    margin-bottom: 20px;
  }
  #npc .rapid_image {
    margin: 20px 0 30px;
  }
  #npc .rapid_image img {
    width: 330px;
  }
  #npc ul.npc_feature li {
    font-size: 18px;
    line-height: 1.5;
  }
  #npc #npc_dsc {
    padding: 10px;
    color: #fff;
    background-color: rgba(75, 152, 202, 0.62);
  }
  #npc #npc_dsc p {
    font-size: 18px;
  }
  #npbrapid.content,
  #npb2.content,
  #npl3.content {
    padding-bottom: 0;
  }
}

/*
page: 再ライニング
*/
.re-lining {
  max-width: 800px;
  margin: 0 auto;
  font-size: 20px;
}

.re-lining-headline {
  max-width: 800px;
  margin: 40px auto 0;
}

.re-lining-head {
  text-align: center;
  font-size: 38.4px;
  font-size: 2.4rem;
  line-height: 1.2;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
  color: #3f7cbf;
}

.re-lining-head--sub {
  font-size: 28.8px;
  font-size: 1.8rem;
  line-height: 1.6;
}

.re-lining-body {
  font-size: 20px;
  line-height: 1.8;
}

.re-lining-emphasis {
  padding: 0 4.8px;
  padding: 0 0.3rem;
  font-size: 28.8px;
  font-size: 1.8rem;
  color: #3f7cbf;
}

.re-lining-item {
  margin: 0 auto;
}

.re-lining-items {
  border: solid 1px #3f7cbf;
  padding: 50px 60px;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .re-lining-items {
    padding: 20px 10px;
  }
}

.re-lining .fa-tint {
  color: #3f7cbf;
  vertical-align: middle;
  margin-right: 3.2px;
  margin-right: 0.2rem;
}

.re-lining-img {
  margin: 0 auto;
}

.re-lining-btn {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  color: white;
  background: #3f7cbf;
  transition: .2s;
}

.re-lining-btn:hover {
  background: #ECECEC;
  color: #3f7cbf;
  text-decoration: none;
}

.re-lining-ul {
  margin-left: 35px;
}

.re-lining-ul li {
  margin-bottom: 15px;
  list-style-type: disc;
  line-height: 1.6;
}

.re-lining-faq-item {
  border-bottom: solid 1px #3f7cbf;
  padding: 40px 20px;
}

.re-lining-faq-item--last {
  border: none;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .re-lining-faq-item {
    padding: 20px 10px;
  }
}

.re-lining-faq-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .re-lining-faq-header {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

.re-lining-faq-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .re-lining-faq-body {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

.re-lining-faq-icon {
  border-radius: 10px;
  text-align: center;
  padding: 16px;
  font-weight: bold;
  font-size: 22.4px;
  font-size: 1.4rem;
  color: #fff;
}

.re-lining-faq-text {
  text-align: start;
  line-height: 1.6;
  padding-left: 20px;
}

.re-lining .question {
  background-color: #3f7cbf;
}

.re-lining .anser {
  border: solid 1px #3f7cbf;
  background-color: #fff;
  color: #3f7cbf;
}

/*
page: NPCパイプライニング協会とは
*/
#business ul {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}

#business ul li {
  line-height: 1.5;
}

#overview table,
#history table {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 992px) {
  #overview table th, #overview table td,
  #history table th,
  #history table td {
    display: block;
    width: 100%;
  }
  #overview table th,
  #history table th {
    border-bottom: none;
    padding-left: 10px;
    box-sizing: border-box;
    background-color: #dedede;
  }
  #overview table td,
  #history table td {
    border-bottom: none;
    padding-left: 10px;
    box-sizing: border-box;
    font-weight: normal;
  }
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  #business p,
  #npbrapid p {
    text-align: left;
    font-size: 18px;
  }
  #business ul li {
    font-size: 18px;
  }
}

/*
page: 組織
*/
#organization table.jimukyoku {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  #organization table.jimukyoku th, #organization table.jimukyoku td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .p-organization-table-wrap {
    width: 100%;
    box-sizing: border-box;
    overflow: scroll;
  }
}

/*
page: お問い合わせ
*/
@media only screen and (min-width: 1px) and (max-width: 992px) {
  #page.content {
    padding: 50px 10px;
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  table.contact * {
    box-sizing: border-box;
  }
  table.contact input, table.contact textarea {
    width: 100%;
  }
  table.contact th, table.contact td {
    display: block;
    width: 100%;
  }
  table.contact th {
    padding-bottom: 0;
    border-bottom: none;
  }
  table.contact td {
    padding-top: 10px;
  }
}

/*
page: 投稿
*/
@media only screen and (min-width: 1px) and (max-width: 992px) {
  #news_post.content {
    padding-left: 10px;
    padding-right: 10px;
  }
  #news_post.content h3.title {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  #news_post.content h3.title {
    margin-top: 0;
  }
}

.u-clearfix:after {
  content: "";
  clear: both;
  display: table;
}

.u-block {
  display: block;
}

.u-hide {
  display: none;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-block--sm {
    display: block;
  }
  .u-hide--sm {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .u-block--md {
    display: block;
  }
  .u-hide--md {
    display: none;
  }
}

.u-inline-block {
  display: inline-block;
}

.u-display-none {
  display: none;
}

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

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

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

@media screen and (min-width: 769px) {
  .u-align-center--md {
    text-align: center;
  }
  .u-align-left--md {
    text-align: left;
  }
  .u-align-right--md {
    text-align: left;
  }
}

.u-mt-0 {
  margin-top: 0px;
  margin-top: 0rem;
}

.u-mb-0 {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

.u-ml-0 {
  margin-left: 0px;
  margin-left: 0rem;
}

.u-mr-0 {
  margin-right: 0px;
  margin-right: 0rem;
}

.u-pt-0 {
  padding-top: 0px;
  padding-top: 0rem;
}

.u-pb-0 {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}

.u-pl-0 {
  padding-left: 0px;
  padding-left: 0rem;
}

.u-pr-0 {
  padding-right: 0px;
  padding-right: 0rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-0--sm {
    margin-top: 0rem;
  }
  .u-mb-0--sm {
    margin-bottom: 0rem;
  }
  .u-ml-0--sm {
    margin-left: 0rem;
  }
  .u-mr-0--sm {
    margin-right: 0rem;
  }
  .u-pt-0--sm {
    padding-top: 0rem;
  }
  .u-pb-0--sm {
    padding-bottom: 0rem;
  }
  .u-pl-0--sm {
    padding-left: 0rem;
  }
  .u-pr-0--sm {
    padding-right: 0rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-0--md {
    margin-top: 0rem;
  }
  .u-mb-0--md {
    margin-bottom: 0rem;
  }
  .u-ml-0--md {
    margin-left: 0rem;
  }
  .u-mr-0--md {
    margin-right: 0rem;
  }
  .u-pt-0--md {
    padding-top: 0rem;
  }
  .u-pb-0--md {
    padding-bottom: 0rem;
  }
  .u-pl-0--md {
    padding-left: 0rem;
  }
  .u-pr-0--md {
    padding-right: 0rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-0--lg {
    margin-top: 0rem;
  }
  .u-mb-0--lg {
    margin-bottom: 0rem;
  }
  .u-ml-0--lg {
    margin-left: 0rem;
  }
  .u-mr-0--lg {
    margin-right: 0rem;
  }
  .u-pt-0--lg {
    padding-top: 0rem;
  }
  .u-pb-0--lg {
    padding-bottom: 0rem;
  }
  .u-pl-0--lg {
    padding-left: 0rem;
  }
  .u-pr-0--lg {
    padding-right: 0rem;
  }
}

.u-mt-xxxs {
  margin-top: 6.4px;
  margin-top: 0.4rem;
}

.u-mb-xxxs {
  margin-bottom: 6.4px;
  margin-bottom: 0.4rem;
}

.u-ml-xxxs {
  margin-left: 6.4px;
  margin-left: 0.4rem;
}

.u-mr-xxxs {
  margin-right: 6.4px;
  margin-right: 0.4rem;
}

.u-pt-xxxs {
  padding-top: 6.4px;
  padding-top: 0.4rem;
}

.u-pb-xxxs {
  padding-bottom: 6.4px;
  padding-bottom: 0.4rem;
}

.u-pl-xxxs {
  padding-left: 6.4px;
  padding-left: 0.4rem;
}

.u-pr-xxxs {
  padding-right: 6.4px;
  padding-right: 0.4rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-xxxs--sm {
    margin-top: 0.4rem;
  }
  .u-mb-xxxs--sm {
    margin-bottom: 0.4rem;
  }
  .u-ml-xxxs--sm {
    margin-left: 0.4rem;
  }
  .u-mr-xxxs--sm {
    margin-right: 0.4rem;
  }
  .u-pt-xxxs--sm {
    padding-top: 0.4rem;
  }
  .u-pb-xxxs--sm {
    padding-bottom: 0.4rem;
  }
  .u-pl-xxxs--sm {
    padding-left: 0.4rem;
  }
  .u-pr-xxxs--sm {
    padding-right: 0.4rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-xxxs--md {
    margin-top: 0.4rem;
  }
  .u-mb-xxxs--md {
    margin-bottom: 0.4rem;
  }
  .u-ml-xxxs--md {
    margin-left: 0.4rem;
  }
  .u-mr-xxxs--md {
    margin-right: 0.4rem;
  }
  .u-pt-xxxs--md {
    padding-top: 0.4rem;
  }
  .u-pb-xxxs--md {
    padding-bottom: 0.4rem;
  }
  .u-pl-xxxs--md {
    padding-left: 0.4rem;
  }
  .u-pr-xxxs--md {
    padding-right: 0.4rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-xxxs--lg {
    margin-top: 0.4rem;
  }
  .u-mb-xxxs--lg {
    margin-bottom: 0.4rem;
  }
  .u-ml-xxxs--lg {
    margin-left: 0.4rem;
  }
  .u-mr-xxxs--lg {
    margin-right: 0.4rem;
  }
  .u-pt-xxxs--lg {
    padding-top: 0.4rem;
  }
  .u-pb-xxxs--lg {
    padding-bottom: 0.4rem;
  }
  .u-pl-xxxs--lg {
    padding-left: 0.4rem;
  }
  .u-pr-xxxs--lg {
    padding-right: 0.4rem;
  }
}

.u-mt-xxs {
  margin-top: 12.8px;
  margin-top: 0.8rem;
}

.u-mb-xxs {
  margin-bottom: 12.8px;
  margin-bottom: 0.8rem;
}

.u-ml-xxs {
  margin-left: 12.8px;
  margin-left: 0.8rem;
}

.u-mr-xxs {
  margin-right: 12.8px;
  margin-right: 0.8rem;
}

.u-pt-xxs {
  padding-top: 12.8px;
  padding-top: 0.8rem;
}

.u-pb-xxs {
  padding-bottom: 12.8px;
  padding-bottom: 0.8rem;
}

.u-pl-xxs {
  padding-left: 12.8px;
  padding-left: 0.8rem;
}

.u-pr-xxs {
  padding-right: 12.8px;
  padding-right: 0.8rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-xxs--sm {
    margin-top: 0.8rem;
  }
  .u-mb-xxs--sm {
    margin-bottom: 0.8rem;
  }
  .u-ml-xxs--sm {
    margin-left: 0.8rem;
  }
  .u-mr-xxs--sm {
    margin-right: 0.8rem;
  }
  .u-pt-xxs--sm {
    padding-top: 0.8rem;
  }
  .u-pb-xxs--sm {
    padding-bottom: 0.8rem;
  }
  .u-pl-xxs--sm {
    padding-left: 0.8rem;
  }
  .u-pr-xxs--sm {
    padding-right: 0.8rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-xxs--md {
    margin-top: 0.8rem;
  }
  .u-mb-xxs--md {
    margin-bottom: 0.8rem;
  }
  .u-ml-xxs--md {
    margin-left: 0.8rem;
  }
  .u-mr-xxs--md {
    margin-right: 0.8rem;
  }
  .u-pt-xxs--md {
    padding-top: 0.8rem;
  }
  .u-pb-xxs--md {
    padding-bottom: 0.8rem;
  }
  .u-pl-xxs--md {
    padding-left: 0.8rem;
  }
  .u-pr-xxs--md {
    padding-right: 0.8rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-xxs--lg {
    margin-top: 0.8rem;
  }
  .u-mb-xxs--lg {
    margin-bottom: 0.8rem;
  }
  .u-ml-xxs--lg {
    margin-left: 0.8rem;
  }
  .u-mr-xxs--lg {
    margin-right: 0.8rem;
  }
  .u-pt-xxs--lg {
    padding-top: 0.8rem;
  }
  .u-pb-xxs--lg {
    padding-bottom: 0.8rem;
  }
  .u-pl-xxs--lg {
    padding-left: 0.8rem;
  }
  .u-pr-xxs--lg {
    padding-right: 0.8rem;
  }
}

.u-mt-xs {
  margin-top: 19.2px;
  margin-top: 1.2rem;
}

.u-mb-xs {
  margin-bottom: 19.2px;
  margin-bottom: 1.2rem;
}

.u-ml-xs {
  margin-left: 19.2px;
  margin-left: 1.2rem;
}

.u-mr-xs {
  margin-right: 19.2px;
  margin-right: 1.2rem;
}

.u-pt-xs {
  padding-top: 19.2px;
  padding-top: 1.2rem;
}

.u-pb-xs {
  padding-bottom: 19.2px;
  padding-bottom: 1.2rem;
}

.u-pl-xs {
  padding-left: 19.2px;
  padding-left: 1.2rem;
}

.u-pr-xs {
  padding-right: 19.2px;
  padding-right: 1.2rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-xs--sm {
    margin-top: 1.2rem;
  }
  .u-mb-xs--sm {
    margin-bottom: 1.2rem;
  }
  .u-ml-xs--sm {
    margin-left: 1.2rem;
  }
  .u-mr-xs--sm {
    margin-right: 1.2rem;
  }
  .u-pt-xs--sm {
    padding-top: 1.2rem;
  }
  .u-pb-xs--sm {
    padding-bottom: 1.2rem;
  }
  .u-pl-xs--sm {
    padding-left: 1.2rem;
  }
  .u-pr-xs--sm {
    padding-right: 1.2rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-xs--md {
    margin-top: 1.2rem;
  }
  .u-mb-xs--md {
    margin-bottom: 1.2rem;
  }
  .u-ml-xs--md {
    margin-left: 1.2rem;
  }
  .u-mr-xs--md {
    margin-right: 1.2rem;
  }
  .u-pt-xs--md {
    padding-top: 1.2rem;
  }
  .u-pb-xs--md {
    padding-bottom: 1.2rem;
  }
  .u-pl-xs--md {
    padding-left: 1.2rem;
  }
  .u-pr-xs--md {
    padding-right: 1.2rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-xs--lg {
    margin-top: 1.2rem;
  }
  .u-mb-xs--lg {
    margin-bottom: 1.2rem;
  }
  .u-ml-xs--lg {
    margin-left: 1.2rem;
  }
  .u-mr-xs--lg {
    margin-right: 1.2rem;
  }
  .u-pt-xs--lg {
    padding-top: 1.2rem;
  }
  .u-pb-xs--lg {
    padding-bottom: 1.2rem;
  }
  .u-pl-xs--lg {
    padding-left: 1.2rem;
  }
  .u-pr-xs--lg {
    padding-right: 1.2rem;
  }
}

.u-mt-sm {
  margin-top: 25.6px;
  margin-top: 1.6rem;
}

.u-mb-sm {
  margin-bottom: 25.6px;
  margin-bottom: 1.6rem;
}

.u-ml-sm {
  margin-left: 25.6px;
  margin-left: 1.6rem;
}

.u-mr-sm {
  margin-right: 25.6px;
  margin-right: 1.6rem;
}

.u-pt-sm {
  padding-top: 25.6px;
  padding-top: 1.6rem;
}

.u-pb-sm {
  padding-bottom: 25.6px;
  padding-bottom: 1.6rem;
}

.u-pl-sm {
  padding-left: 25.6px;
  padding-left: 1.6rem;
}

.u-pr-sm {
  padding-right: 25.6px;
  padding-right: 1.6rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-sm--sm {
    margin-top: 1.6rem;
  }
  .u-mb-sm--sm {
    margin-bottom: 1.6rem;
  }
  .u-ml-sm--sm {
    margin-left: 1.6rem;
  }
  .u-mr-sm--sm {
    margin-right: 1.6rem;
  }
  .u-pt-sm--sm {
    padding-top: 1.6rem;
  }
  .u-pb-sm--sm {
    padding-bottom: 1.6rem;
  }
  .u-pl-sm--sm {
    padding-left: 1.6rem;
  }
  .u-pr-sm--sm {
    padding-right: 1.6rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-sm--md {
    margin-top: 1.6rem;
  }
  .u-mb-sm--md {
    margin-bottom: 1.6rem;
  }
  .u-ml-sm--md {
    margin-left: 1.6rem;
  }
  .u-mr-sm--md {
    margin-right: 1.6rem;
  }
  .u-pt-sm--md {
    padding-top: 1.6rem;
  }
  .u-pb-sm--md {
    padding-bottom: 1.6rem;
  }
  .u-pl-sm--md {
    padding-left: 1.6rem;
  }
  .u-pr-sm--md {
    padding-right: 1.6rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-sm--lg {
    margin-top: 1.6rem;
  }
  .u-mb-sm--lg {
    margin-bottom: 1.6rem;
  }
  .u-ml-sm--lg {
    margin-left: 1.6rem;
  }
  .u-mr-sm--lg {
    margin-right: 1.6rem;
  }
  .u-pt-sm--lg {
    padding-top: 1.6rem;
  }
  .u-pb-sm--lg {
    padding-bottom: 1.6rem;
  }
  .u-pl-sm--lg {
    padding-left: 1.6rem;
  }
  .u-pr-sm--lg {
    padding-right: 1.6rem;
  }
}

.u-mt-md {
  margin-top: 38.4px;
  margin-top: 2.4rem;
}

.u-mb-md {
  margin-bottom: 38.4px;
  margin-bottom: 2.4rem;
}

.u-ml-md {
  margin-left: 38.4px;
  margin-left: 2.4rem;
}

.u-mr-md {
  margin-right: 38.4px;
  margin-right: 2.4rem;
}

.u-pt-md {
  padding-top: 38.4px;
  padding-top: 2.4rem;
}

.u-pb-md {
  padding-bottom: 38.4px;
  padding-bottom: 2.4rem;
}

.u-pl-md {
  padding-left: 38.4px;
  padding-left: 2.4rem;
}

.u-pr-md {
  padding-right: 38.4px;
  padding-right: 2.4rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-md--sm {
    margin-top: 2.4rem;
  }
  .u-mb-md--sm {
    margin-bottom: 2.4rem;
  }
  .u-ml-md--sm {
    margin-left: 2.4rem;
  }
  .u-mr-md--sm {
    margin-right: 2.4rem;
  }
  .u-pt-md--sm {
    padding-top: 2.4rem;
  }
  .u-pb-md--sm {
    padding-bottom: 2.4rem;
  }
  .u-pl-md--sm {
    padding-left: 2.4rem;
  }
  .u-pr-md--sm {
    padding-right: 2.4rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-md--md {
    margin-top: 2.4rem;
  }
  .u-mb-md--md {
    margin-bottom: 2.4rem;
  }
  .u-ml-md--md {
    margin-left: 2.4rem;
  }
  .u-mr-md--md {
    margin-right: 2.4rem;
  }
  .u-pt-md--md {
    padding-top: 2.4rem;
  }
  .u-pb-md--md {
    padding-bottom: 2.4rem;
  }
  .u-pl-md--md {
    padding-left: 2.4rem;
  }
  .u-pr-md--md {
    padding-right: 2.4rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-md--lg {
    margin-top: 2.4rem;
  }
  .u-mb-md--lg {
    margin-bottom: 2.4rem;
  }
  .u-ml-md--lg {
    margin-left: 2.4rem;
  }
  .u-mr-md--lg {
    margin-right: 2.4rem;
  }
  .u-pt-md--lg {
    padding-top: 2.4rem;
  }
  .u-pb-md--lg {
    padding-bottom: 2.4rem;
  }
  .u-pl-md--lg {
    padding-left: 2.4rem;
  }
  .u-pr-md--lg {
    padding-right: 2.4rem;
  }
}

.u-mt-lg {
  margin-top: 51.2px;
  margin-top: 3.2rem;
}

.u-mb-lg {
  margin-bottom: 51.2px;
  margin-bottom: 3.2rem;
}

.u-ml-lg {
  margin-left: 51.2px;
  margin-left: 3.2rem;
}

.u-mr-lg {
  margin-right: 51.2px;
  margin-right: 3.2rem;
}

.u-pt-lg {
  padding-top: 51.2px;
  padding-top: 3.2rem;
}

.u-pb-lg {
  padding-bottom: 51.2px;
  padding-bottom: 3.2rem;
}

.u-pl-lg {
  padding-left: 51.2px;
  padding-left: 3.2rem;
}

.u-pr-lg {
  padding-right: 51.2px;
  padding-right: 3.2rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-lg--sm {
    margin-top: 3.2rem;
  }
  .u-mb-lg--sm {
    margin-bottom: 3.2rem;
  }
  .u-ml-lg--sm {
    margin-left: 3.2rem;
  }
  .u-mr-lg--sm {
    margin-right: 3.2rem;
  }
  .u-pt-lg--sm {
    padding-top: 3.2rem;
  }
  .u-pb-lg--sm {
    padding-bottom: 3.2rem;
  }
  .u-pl-lg--sm {
    padding-left: 3.2rem;
  }
  .u-pr-lg--sm {
    padding-right: 3.2rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-lg--md {
    margin-top: 3.2rem;
  }
  .u-mb-lg--md {
    margin-bottom: 3.2rem;
  }
  .u-ml-lg--md {
    margin-left: 3.2rem;
  }
  .u-mr-lg--md {
    margin-right: 3.2rem;
  }
  .u-pt-lg--md {
    padding-top: 3.2rem;
  }
  .u-pb-lg--md {
    padding-bottom: 3.2rem;
  }
  .u-pl-lg--md {
    padding-left: 3.2rem;
  }
  .u-pr-lg--md {
    padding-right: 3.2rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-lg--lg {
    margin-top: 3.2rem;
  }
  .u-mb-lg--lg {
    margin-bottom: 3.2rem;
  }
  .u-ml-lg--lg {
    margin-left: 3.2rem;
  }
  .u-mr-lg--lg {
    margin-right: 3.2rem;
  }
  .u-pt-lg--lg {
    padding-top: 3.2rem;
  }
  .u-pb-lg--lg {
    padding-bottom: 3.2rem;
  }
  .u-pl-lg--lg {
    padding-left: 3.2rem;
  }
  .u-pr-lg--lg {
    padding-right: 3.2rem;
  }
}

.u-mt-xl {
  margin-top: 64px;
  margin-top: 4rem;
}

.u-mb-xl {
  margin-bottom: 64px;
  margin-bottom: 4rem;
}

.u-ml-xl {
  margin-left: 64px;
  margin-left: 4rem;
}

.u-mr-xl {
  margin-right: 64px;
  margin-right: 4rem;
}

.u-pt-xl {
  padding-top: 64px;
  padding-top: 4rem;
}

.u-pb-xl {
  padding-bottom: 64px;
  padding-bottom: 4rem;
}

.u-pl-xl {
  padding-left: 64px;
  padding-left: 4rem;
}

.u-pr-xl {
  padding-right: 64px;
  padding-right: 4rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-xl--sm {
    margin-top: 4rem;
  }
  .u-mb-xl--sm {
    margin-bottom: 4rem;
  }
  .u-ml-xl--sm {
    margin-left: 4rem;
  }
  .u-mr-xl--sm {
    margin-right: 4rem;
  }
  .u-pt-xl--sm {
    padding-top: 4rem;
  }
  .u-pb-xl--sm {
    padding-bottom: 4rem;
  }
  .u-pl-xl--sm {
    padding-left: 4rem;
  }
  .u-pr-xl--sm {
    padding-right: 4rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-xl--md {
    margin-top: 4rem;
  }
  .u-mb-xl--md {
    margin-bottom: 4rem;
  }
  .u-ml-xl--md {
    margin-left: 4rem;
  }
  .u-mr-xl--md {
    margin-right: 4rem;
  }
  .u-pt-xl--md {
    padding-top: 4rem;
  }
  .u-pb-xl--md {
    padding-bottom: 4rem;
  }
  .u-pl-xl--md {
    padding-left: 4rem;
  }
  .u-pr-xl--md {
    padding-right: 4rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-xl--lg {
    margin-top: 4rem;
  }
  .u-mb-xl--lg {
    margin-bottom: 4rem;
  }
  .u-ml-xl--lg {
    margin-left: 4rem;
  }
  .u-mr-xl--lg {
    margin-right: 4rem;
  }
  .u-pt-xl--lg {
    padding-top: 4rem;
  }
  .u-pb-xl--lg {
    padding-bottom: 4rem;
  }
  .u-pl-xl--lg {
    padding-left: 4rem;
  }
  .u-pr-xl--lg {
    padding-right: 4rem;
  }
}

.u-mt-xxl {
  margin-top: 102.4px;
  margin-top: 6.4rem;
}

.u-mb-xxl {
  margin-bottom: 102.4px;
  margin-bottom: 6.4rem;
}

.u-ml-xxl {
  margin-left: 102.4px;
  margin-left: 6.4rem;
}

.u-mr-xxl {
  margin-right: 102.4px;
  margin-right: 6.4rem;
}

.u-pt-xxl {
  padding-top: 102.4px;
  padding-top: 6.4rem;
}

.u-pb-xxl {
  padding-bottom: 102.4px;
  padding-bottom: 6.4rem;
}

.u-pl-xxl {
  padding-left: 102.4px;
  padding-left: 6.4rem;
}

.u-pr-xxl {
  padding-right: 102.4px;
  padding-right: 6.4rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-xxl--sm {
    margin-top: 6.4rem;
  }
  .u-mb-xxl--sm {
    margin-bottom: 6.4rem;
  }
  .u-ml-xxl--sm {
    margin-left: 6.4rem;
  }
  .u-mr-xxl--sm {
    margin-right: 6.4rem;
  }
  .u-pt-xxl--sm {
    padding-top: 6.4rem;
  }
  .u-pb-xxl--sm {
    padding-bottom: 6.4rem;
  }
  .u-pl-xxl--sm {
    padding-left: 6.4rem;
  }
  .u-pr-xxl--sm {
    padding-right: 6.4rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-xxl--md {
    margin-top: 6.4rem;
  }
  .u-mb-xxl--md {
    margin-bottom: 6.4rem;
  }
  .u-ml-xxl--md {
    margin-left: 6.4rem;
  }
  .u-mr-xxl--md {
    margin-right: 6.4rem;
  }
  .u-pt-xxl--md {
    padding-top: 6.4rem;
  }
  .u-pb-xxl--md {
    padding-bottom: 6.4rem;
  }
  .u-pl-xxl--md {
    padding-left: 6.4rem;
  }
  .u-pr-xxl--md {
    padding-right: 6.4rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-xxl--lg {
    margin-top: 6.4rem;
  }
  .u-mb-xxl--lg {
    margin-bottom: 6.4rem;
  }
  .u-ml-xxl--lg {
    margin-left: 6.4rem;
  }
  .u-mr-xxl--lg {
    margin-right: 6.4rem;
  }
  .u-pt-xxl--lg {
    padding-top: 6.4rem;
  }
  .u-pb-xxl--lg {
    padding-bottom: 6.4rem;
  }
  .u-pl-xxl--lg {
    padding-left: 6.4rem;
  }
  .u-pr-xxl--lg {
    padding-right: 6.4rem;
  }
}

.u-mt-xxxl {
  margin-top: 128px;
  margin-top: 8rem;
}

.u-mb-xxxl {
  margin-bottom: 128px;
  margin-bottom: 8rem;
}

.u-ml-xxxl {
  margin-left: 128px;
  margin-left: 8rem;
}

.u-mr-xxxl {
  margin-right: 128px;
  margin-right: 8rem;
}

.u-pt-xxxl {
  padding-top: 128px;
  padding-top: 8rem;
}

.u-pb-xxxl {
  padding-bottom: 128px;
  padding-bottom: 8rem;
}

.u-pl-xxxl {
  padding-left: 128px;
  padding-left: 8rem;
}

.u-pr-xxxl {
  padding-right: 128px;
  padding-right: 8rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-xxxl--sm {
    margin-top: 8rem;
  }
  .u-mb-xxxl--sm {
    margin-bottom: 8rem;
  }
  .u-ml-xxxl--sm {
    margin-left: 8rem;
  }
  .u-mr-xxxl--sm {
    margin-right: 8rem;
  }
  .u-pt-xxxl--sm {
    padding-top: 8rem;
  }
  .u-pb-xxxl--sm {
    padding-bottom: 8rem;
  }
  .u-pl-xxxl--sm {
    padding-left: 8rem;
  }
  .u-pr-xxxl--sm {
    padding-right: 8rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-xxxl--md {
    margin-top: 8rem;
  }
  .u-mb-xxxl--md {
    margin-bottom: 8rem;
  }
  .u-ml-xxxl--md {
    margin-left: 8rem;
  }
  .u-mr-xxxl--md {
    margin-right: 8rem;
  }
  .u-pt-xxxl--md {
    padding-top: 8rem;
  }
  .u-pb-xxxl--md {
    padding-bottom: 8rem;
  }
  .u-pl-xxxl--md {
    padding-left: 8rem;
  }
  .u-pr-xxxl--md {
    padding-right: 8rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-xxxl--lg {
    margin-top: 8rem;
  }
  .u-mb-xxxl--lg {
    margin-bottom: 8rem;
  }
  .u-ml-xxxl--lg {
    margin-left: 8rem;
  }
  .u-mr-xxxl--lg {
    margin-right: 8rem;
  }
  .u-pt-xxxl--lg {
    padding-top: 8rem;
  }
  .u-pb-xxxl--lg {
    padding-bottom: 8rem;
  }
  .u-pl-xxxl--lg {
    padding-left: 8rem;
  }
  .u-pr-xxxl--lg {
    padding-right: 8rem;
  }
}

.u-mt-xxxxl {
  margin-top: 166.4px;
  margin-top: 10.4rem;
}

.u-mb-xxxxl {
  margin-bottom: 166.4px;
  margin-bottom: 10.4rem;
}

.u-ml-xxxxl {
  margin-left: 166.4px;
  margin-left: 10.4rem;
}

.u-mr-xxxxl {
  margin-right: 166.4px;
  margin-right: 10.4rem;
}

.u-pt-xxxxl {
  padding-top: 166.4px;
  padding-top: 10.4rem;
}

.u-pb-xxxxl {
  padding-bottom: 166.4px;
  padding-bottom: 10.4rem;
}

.u-pl-xxxxl {
  padding-left: 166.4px;
  padding-left: 10.4rem;
}

.u-pr-xxxxl {
  padding-right: 166.4px;
  padding-right: 10.4rem;
}

@media only screen and (min-width: 1px) and (max-width: 576px) {
  .u-mt-xxxxl--sm {
    margin-top: 10.4rem;
  }
  .u-mb-xxxxl--sm {
    margin-bottom: 10.4rem;
  }
  .u-ml-xxxxl--sm {
    margin-left: 10.4rem;
  }
  .u-mr-xxxxl--sm {
    margin-right: 10.4rem;
  }
  .u-pt-xxxxl--sm {
    padding-top: 10.4rem;
  }
  .u-pb-xxxxl--sm {
    padding-bottom: 10.4rem;
  }
  .u-pl-xxxxl--sm {
    padding-left: 10.4rem;
  }
  .u-pr-xxxxl--sm {
    padding-right: 10.4rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-xxxxl--md {
    margin-top: 10.4rem;
  }
  .u-mb-xxxxl--md {
    margin-bottom: 10.4rem;
  }
  .u-ml-xxxxl--md {
    margin-left: 10.4rem;
  }
  .u-mr-xxxxl--md {
    margin-right: 10.4rem;
  }
  .u-pt-xxxxl--md {
    padding-top: 10.4rem;
  }
  .u-pb-xxxxl--md {
    padding-bottom: 10.4rem;
  }
  .u-pl-xxxxl--md {
    padding-left: 10.4rem;
  }
  .u-pr-xxxxl--md {
    padding-right: 10.4rem;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-xxxxl--lg {
    margin-top: 10.4rem;
  }
  .u-mb-xxxxl--lg {
    margin-bottom: 10.4rem;
  }
  .u-ml-xxxxl--lg {
    margin-left: 10.4rem;
  }
  .u-mr-xxxxl--lg {
    margin-right: 10.4rem;
  }
  .u-pt-xxxxl--lg {
    padding-top: 10.4rem;
  }
  .u-pb-xxxxl--lg {
    padding-bottom: 10.4rem;
  }
  .u-pl-xxxxl--lg {
    padding-left: 10.4rem;
  }
  .u-pr-xxxxl--lg {
    padding-right: 10.4rem;
  }
}

@media screen and (min-width: 769px) {
  .u-mt-reset--md {
    margin-top: 0;
  }
  .u-mb-reset--md {
    margin-bottom: 0;
  }
  .u-ml-reset--md {
    margin-left: 0;
  }
  .u-mr-reset--md {
    margin-right: 0;
  }
  .u-pt-reset--md {
    padding-top: 0;
  }
  .u-pb-reset--md {
    padding-bottom: 0;
  }
  .u-pl-reset--md {
    padding-left: 0;
  }
  .u-pr-reset--md {
    padding-right: 0;
  }
}

@media screen and (min-width: 993px) {
  .u-mt-reset--lg {
    margin-top: 0;
  }
  .u-mb-reset--lg {
    margin-bottom: 0;
  }
  .u-ml-reset--lg {
    margin-left: 0;
  }
  .u-mr-reset--lg {
    margin-right: 0;
  }
  .u-pt-reset--lg {
    padding-top: 0;
  }
  .u-pb-reset--lg {
    padding-bottom: 0;
  }
  .u-pl-reset--lg {
    padding-left: 0;
  }
  .u-pr-reset--lg {
    padding-right: 0;
  }
}

.u-color--alert {
  color: red;
}

.u-color--white {
  color: #ffffff;
}

.u-weight--bold {
  font-weight: bold;
}

.u-weight--normal {
  font-weight: normal;
}