@charset "UTF-8";
/* -------------------------------------- */
/* ############### HELPER ############### */
/* -------------------------------------- */
@font-face {
  font-family: 'super-icons';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/super-icons/super-icons.eot");
  src: url("../fonts/super-icons/super-icons.eot") format("embedded-opentype"), url("../fonts/super-icons/super-icons.woff") format("woff"), url("../fonts/super-icons/super-icons.ttf") format("truetype"), url("../fonts/super-icons/super-icons.svg#SuperIcons") format("svg");
}

@font-face {
  font-family: 'Glyphicons Halflings';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Font-glyphicons/glyphicons-halflings-regular.eot");
  src: url("../fonts/Font-glyphicons/glyphicons-halflings-regular.eot") format("embedded-opentype"), url("../fonts/Font-glyphicons/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/Font-glyphicons/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/Font-glyphicons/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/Font-glyphicons/glyphicons-halflings-regular.svg#YogaWebProBold") format("svg");
}

@font-face {
  font-family: 'Freight Bold';
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/FreightSansProBold-Regular/Freight-SansBold.eot");
  src: url("../fonts/FreightSansProBold-Regular/Freight-SansBold.eot") format("embedded-opentype"), url("../fonts/FreightSansProBold-Regular/Freight-SansBold.woff2") format("woff2"), url("../fonts/FreightSansProBold-Regular/Freight-SansBold.woff") format("woff"), url("../fonts/FreightSansProBold-Regular/Freight-SansBold.ttf") format("truetype"), url("../fonts/FreightSansProBold-Regular/Freight-SansBold.svg#FreightSansProBold-Regular") format("svg");
}

@font-face {
  font-family: 'FreightSans Pro Book Regular';
  font-style: normal;
  src: url("../fonts/FreightSansProBook-Regular/FreightSansProBook-Regular.eot");
  src: url("../fonts/FreightSansProBook-Regular/FreightSansProBook-Regular.eot") format("embedded-opentype"), url("../fonts/FreightSansProBook-Regular/FreightSansProBook-Regular.woff2") format("woff2"), url("../fonts/FreightSansProBook-Regular/FreightSansProBook-Regular.woff") format("woff"), url("../fonts/FreightSansProBook-Regular/FreightSansProBook-Regular.ttf") format("truetype"), url("../fonts/FreightSansProBook-Regular/FreightSansProBook-Regular.svg#FreightSansProBook-Regular") format("svg");
}

@font-face {
  font-family: 'FreightSansProSemibold-Regular';
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/FreightSansProSemibold-Regular/FreightSansProSemibold-Regular.eot");
  src: url("../fonts/FreightSansProSemibold-Regular/FreightSansProSemibold-Regular.eot") format("embedded-opentype"), url("../fonts/FreightSansProSemibold-Regular/FreightSansProSemibold-Regular.woff2") format("woff2"), url("../fonts/FreightSansProSemibold-Regular/FreightSansProSemibold-Regular.woff") format("woff"), url("../fonts/FreightSansProSemibold-Regular/FreightSansProSemibold-Regular.ttf") format("truetype"), url("../fonts/FreightSansProSemibold-Regular/FreightSansProSemibold-Regular.svg#FreightSansProSemibold-Regular") format("svg");
}

@font-face {
  font-family: 'YogaPro';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/YogaPro/YogaPro.eot");
  src: url("../fonts/YogaPro/YogaPro.eot") format("embedded-opentype"), url("../fonts/YogaPro/YogaPro.woff2") format("woff2"), url("../fonts/YogaPro/YogaPro.woff") format("woff"), url("../fonts/YogaPro/YogaPro.ttf") format("truetype"), url("../fonts/YogaPro/YogaPro.svg#YogaPro") format("svg");
}

@font-face {
  font-family: 'YogaPro Bold';
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/YogaPro-Bold/YogaPro-Bold.eot");
  src: url("../fonts/YogaPro-Bold/YogaPro-Bold.eot") format("embedded-opentype"), url("../fonts/YogaPro-Bold/YogaPro-Bold.woff2") format("woff2"), url("../fonts/YogaPro-Bold/YogaPro-Bold.woff") format("woff"), url("../fonts/YogaPro-Bold/YogaPro-Bold.ttf") format("truetype"), url("../fonts/YogaPro-Bold/YogaPro-Bold.svg#YogaPro-Bold") format("svg");
}

@font-face {
  font-family: 'YogaPro BoldIta';
  font-weight: 900;
  font-style: italic;
  src: url("../fonts/YogaPro-BoldIta/YogaPro-BoldIta.eot");
  src: url("../fonts/YogaPro-BoldIta/YogaPro-BoldIta.eot") format("embedded-opentype"), url("../fonts/YogaPro-BoldIta/YogaPro-BoldIta.woff2") format("woff2"), url("../fonts/YogaPro-BoldIta/YogaPro-BoldIta.woff") format("woff"), url("../fonts/YogaPro-BoldIta/YogaPro-BoldIta.ttf") format("truetype"), url("../fonts/YogaPro-BoldIta/YogaPro-BoldIta.svg#YogaPro-BoldIta") format("svg");
}

@font-face {
  font-family: 'YogaPro Ita';
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/YogaPro-Ita/YogaPro-Ita.otf") format("opentype");
  src: url("../fonts/YogaPro-Ita/YogaPro-Ita.eot");
  src: url("../fonts/YogaPro-Ita/YogaPro-Ita.eot") format("embedded-opentype"), url("../fonts/YogaPro-Ita/YogaPro-Ita.woff2") format("woff2"), url("../fonts/YogaPro-Ita/YogaPro-Ita.woff") format("woff"), url("../fonts/YogaPro-Ita/YogaPro-Ita.ttf") format("truetype"), url("../fonts/YogaPro-Ita/YogaPro-Ita.svg#YogaPro-Ita") format("svg");
}

.account-structure-block ul.quicktabs-tabs::after {
  content: "";
  display: table;
  clear: both;
}

.menu--mainmenu-select-fund ul.nav li a, .block-type-alert-block .field--name-field-button-link a, .paragraph--type-home-headline-row .field--name-field-button a,
.paragraph--type-white-text-tile .field--name-field-button a, .paragraph--type-white-text-tile-docs .field--name-field-button a, .paragraph--type--faq-row + .sub-row .field--name-field-button a {
  display: inline-block;
  margin-bottom: 0;
  padding: 7px 23px 9px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.17;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.menu--mainmenu-select-fund ul.nav li a, .block-type-alert-block .field--name-field-button-link a, .paragraph--type-home-headline-row .field--name-field-button a,
.paragraph--type-white-text-tile .field--name-field-button a, .paragraph--type-white-text-tile-docs .field--name-field-button a, .paragraph--type--faq-row + .sub-row .field--name-field-button a {
  border-radius: 30px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: inherit;
}

.has-glyphicons .select-wrapper::after {
  display: none;
}

.has-error .input-group-addon {
  color: inherit;
  border: none;
  background-color: inherit;
}

.form-horizontal .control-label {
  text-align: left;
}

.form-control {
  height: auto;
  font: 50px "YogaPro", Arial, sans-serif;
  color: #2a2a2a;
  border: none;
  border-bottom: 2px solid #666666;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control:active, .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #666666;
}

.form-control.valid:not(.error):not(.has-error):not(.dob-invalid) {
  border-bottom-color: #64fcfb;
}

.form-control.error, .form-control.has-error, .form-control.error:focus, .form-control.has-error:focus, .form-control.error:active, .form-control.has-error:active {
  border-bottom-color: #ff6666;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-group-addon {
  margin: 0;
  padding: 0;
  font: inherit;
  border: none;
  background: transparent;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: transparent;
  border-color: transparent;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent;
}

.nav > li > a.btn {
  background-color: #EE423D;
}

.nav > li > a.btn:hover, .nav > li > a.btn:active, .nav > li > a.btn:focus {
  background-color: #ff6666;
  opacity: 1;
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: auto;
}

.navbar-text {
  display: block;
}

@media (min-width: 768px) {
  .navbar-text {
    float: none;
  }
}

.caret {
  width: 6px;
  height: 6px;
  margin-top: -2px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #979797;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

.caret.dd-caret {
  width: 13px;
  height: 13px;
  border: none;
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.93934C21.0973 10.4907 21.1297 11.3644 20.6432 11.9537L20.5459 12.0607L11 21.6066L1.45406 12.0607C0.868272 11.4749 0.868272 10.5251 1.45406 9.93934C2.00539 9.38801 2.87912 9.35558 3.46837 9.84205L3.57538 9.93934L11 17.364L18.4246 9.93934C18.9759 9.38802 19.8497 9.35558 20.4389 9.84205L20.5459 9.93934Z' fill='%2300A6A5'/%3E%3C/svg%3E") center no-repeat;
  background-size: 100%;
  -webkit-transform: none;
          transform: none;
}

.btn {
  border-radius: 6px;
  border: 0;
  padding: 15px 20px 14px;
  font: 1rem/1 "YogaPro", Arial, sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn:focus, .btn:hover, .btn:active, .btn:active:hover {
  opacity: .8;
  -webkit-transition: all 240ms ease-out;
  transition: all 240ms ease-out;
  outline: none;
}

.btn b, .btn strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

.btn-default {
  color: #2a2a2a;
  background-color: #fff;
  border-color: #fff;
}

.btn-default:focus, .btn-default:hover, .btn-default:active, .btn-default:active:hover {
  color: #2a2a2a;
  background-color: #fff;
  border-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #7ab542;
  border-color: #73a339;
}

.btn-success:focus, .btn-success:hover, .btn-success:active, .btn-success:active:hover {
  color: #fff;
  background-color: #659033;
  border-color: #537629;
}

.btn-primary {
  color: #fff;
  background-color: #00a6a5;
  border-color: #004040;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary:active:hover {
  color: #fff;
  background-color: #00a6a5 !important;
  border-color: #004040 !important;
}

.btn-primary:focus.disabled, .btn-primary:hover.disabled, .btn-primary:active.disabled, .btn-primary:active:focus.disabled, .btn-primary:active.focus.disabled, .btn-primary.active:focus.disabled, .btn-primary.active.focus.disabled, .btn-primary:active:hover.disabled {
  background-color: #979797;
  border-color: #646464;
}

.btn-lg {
  min-width: 195px;
  padding: 18px;
  font-size: 25px;
}

@media (max-width: 767px) {
  .btn-lg {
    font-size: 20px;
  }
}

.btn-sm {
  border-radius: 2px;
  padding: 12px 10px 10px;
  font: 16.5px/16px "YogaPro", Arial, sans-serif;
}

.btn-xs {
  border-radius: 2px;
  padding: 7px 10px 9px;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 16px;
}

.btn-xs b, .btn-xs strong {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.panel-heading {
  padding: 0;
  border-radius: 0;
}

/* Slider */
.slider.slider-horizontal {
  width: 100%;
  margin-bottom: 50px !important;
}

.slider.slider-horizontal .slider-track {
  height: 15px;
  border-radius: 10px;
}

.slider.slider-horizontal .slider-range-low {
  border-radius: 10px 0 0 10px;
}

.slider.slider-horizontal .slider-range-high {
  border-radius: 0 10px 10px 0;
}

.slider.slider-horizontal .tooltip {
  font: 20px "YogaPro", Arial, sans-serif;
  cursor: pointer;
  z-index: 10;
  font-variant-numeric: lining-nums;
}

.slider.slider-horizontal .tooltip.top {
  margin-top: -100px;
  padding: 0;
  font: 36px "YogaPro", Arial, sans-serif;
  background-color: #333333;
  border-radius: 9px;
}

.slider.slider-horizontal .tooltip.top .tooltip-inner {
  position: relative;
  width: 90px;
  height: 63px;
  color: #64fcfb;
  background-color: #333333;
}

.slider.slider-horizontal .tooltip.top .tooltip-inner::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #333333 transparent transparent;
  left: 54px;
  bottom: -9px;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  bottom: -10px;
}

.slider.slider-horizontal .tooltip.bottom {
  margin-top: -28px;
}

.slider.slider-horizontal .tooltip.tooltip-main .tooltip-arrow {
  display: none;
}

.slider.slider-horizontal .tooltip .tooltip-inner {
  color: #2a2a2a;
  background: transparent;
}

.slider.slider-horizontal .slider-handle {
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -15px;
  font: 20px "YogaPro", Arial, sans-serif;
  line-height: 24px;
  color: #2a2a2a;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}

.slider.slider-horizontal .slider-tick {
  display: none;
  width: 10px;
  height: 10px;
  margin-top: 0;
  margin-left: -5px;
  background: #444;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 1;
}

.slider.slider-horizontal .slider-selection {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.slider.slider-horizontal .slider-selection .slider-range {
  left: 9%;
  width: 82%;
  border-radius: 5px;
  background: #767676;
}

.slider-teal .slider-handle {
  background-color: #64fcfb !important;
}

.slider-teal .slider-track {
  background: #d3d3d3;
}

.slider-teal .slider-track .slider-selection {
  background: #00807F;
  background: -webkit-gradient(linear, left top, right top, from(#00807F), to(#64fcfb));
  background: -webkit-linear-gradient(left, #00807F 0%, #64fcfb 100%);
  background: -o-linear-gradient(left, #00807F 0%, #64fcfb 100%);
  background: linear-gradient(90deg, #00807F 0%, #64fcfb 100%);
}

/* Wells */
.well {
  margin-bottom: 0;
  padding: 10px 15px 13px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.well a {
  color: #64fcfb;
}

.well a:hover, .well a:active, .well a:focus {
  color: #64fcfb;
  text-decoration: underline;
}

/* Tables */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: none;
}

@media (max-width: 767px) {
  .table-responsive {
    margin-bottom: 0;
    border: none;
  }
  .table-responsive > .table > thead > tr > th {
    white-space: normal;
  }
}

/* ---------------------------------------------- */
/* ############### DEFAULT / BASE ############### */
/* ---------------------------------------------- */
/**
 * Global.
 */
html {
  font-size: 18px;
  line-height: 1.42857143;
}

@media (max-width: 767px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
    .wide-container.container-xl {
        max-width: 1530px;
    }
}

body {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: inherit;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  background-color: #333333;
}

h1 {
  font: 40px "YogaPro", Arial, sans-serif;
  line-height: 1.5;
  margin-bottom: 40px;
}

h1 strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

h2 {
  font: 24px "YogaPro", Arial, sans-serif;
  line-height: 1.3;
  margin-bottom: 10px;
}

h2 strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

h3 {
  font: 25px "YogaPro", Arial, sans-serif;
  line-height: 1.2;
  margin-bottom: 10px;
}

h3 strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

h4, h4 + ol li {
  font: 16px "YogaPro", Arial, sans-serif;
  line-height: 1.67;
  margin-bottom: 20px;
}

h4 strong, h4 + ol li strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

h5 {
  font: 20px "YogaPro", Arial, sans-serif;
  line-height: 1.5;
  margin-bottom: 15px;
}

h5 strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

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

p {
  font: inherit;
  line-height: inherit;
  margin-bottom: 15px;
}

p:last-child {
  margin-bottom: 15px;
}

a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: inherit;
  text-decoration: none;
}

a[href='#nolink'] {
  opacity: 0.5;
  cursor: not-allowed;
}

a:hover, a:focus {
  color: #64fcfb;
  text-decoration: none;
  -webkit-transition: all 240ms ease-out;
  transition: all 240ms ease-out;
  outline: none;
}

hr {
  border-top-color: #ccc;
}

b, strong {
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.main-content .form-group {
    margin-bottom: 15px;
}

/* generic table CSS instead of a per-page table css to use in future */
table {
  margin-bottom: 25px;
  border-collapse: initial;
}

table th {
  font-weight: normal;
}

table tbody tr td {
  vertical-align: top;
}

fieldset {
  margin-left: 0;
  margin-right: 0;
}

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

.scroll-hint-top-2p .scroll-hint-icon {
  top: 2%;
}

.scroll-hint-top-20p .scroll-hint-icon {
  top: 20%;
}

.red {
  color: #ff6666;
}

.font-yoga {
  font-family: "YogaPro", Arial, sans-serif;
}

.font-yoga b, .font-yoga strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

.font-freight {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.font-freight b, .font-freight strong {
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bb {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bb:focus, .bb:hover {
  -webkit-transition: all 240ms ease-out;
  transition: all 240ms ease-out;
  outline: none;
}

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

.span {
  display: inline;
}

/* generic table CSS instead of a per-page table css to use in future */
.white-table {
  background: #fff;
}

.white-table tr {
  border-top: 1px solid #ebebeb;
}

.white-table th {
  color: #fff;
}

.white-table th:first-child {
  background: #09818F;
}

.white-table th:nth-child(2) {
  background: #38A2A2;
}

.white-table th:nth-child(3) {
  background: #16C0C0;
}

.white-table th :nth-child(4) {
  background: #61d6d6;
}

.white-table td, .white-table th {
  padding: 15px 30px;
  vertical-align: top;
}

.white-table td:first-child {
  min-width: 255px;
}

/* Field Classes definitions */
.home-grey-salmon {
  background-color: #333333;
  color: #fff;
}

.home-grey-salmon .btn,
.home-grey-salmon .bb,
.home-grey-salmon [class*="field-button"] a {
  background-color: #ff6666;
  color: #fff;
}

.home-grey-salmon .btn:hover,
.home-grey-salmon .bb:hover,
.home-grey-salmon [class*="field-button"] a:hover {
  background-color: #EE423D;
  color: #fff;
}

.home-green {
  background-color: #7ab542;
  color: #fff;
}

.home-green .btn,
.home-green .bb,
.home-green [class*="field-button"] a {
  background-color: #3F8411;
  color: #fff;
}

.home-green .btn:hover,
.home-green .bb:hover,
.home-green [class*="field-button"] a:hover {
  background-color: #205000;
  color: #fff;
}

.home-teal {
  background-color: #00a6a5;
  color: #fff;
}

.home-teal .btn,
.home-teal .bb,
.home-teal [class*="field-button"] a {
  background-color: #00807F;
  color: #fff;
}

.home-teal .btn:hover,
.home-teal .bb:hover,
.home-teal [class*="field-button"] a:hover {
  background-color: #005454;
  color: #fff;
}

.home-purple {
  background-color: #a478b7;
  color: #fff;
}

.home-purple .btn,
.home-purple .bb,
.home-purple [class*="field-button"] a {
  background-color: #843fa0;
  color: #fff;
}

.home-purple .btn:hover,
.home-purple .bb:hover,
.home-purple [class*="field-button"] a:hover {
  background-color: #63287B;
  color: #fff;
}

.home-grey-orange {
  background-color: #333333;
  color: #fff;
}

.home-grey-orange .btn,
.home-grey-orange .bb,
.home-grey-orange [class*="field-button"] a {
  background-color: #FFA700;
  color: #fff;
}

.home-grey-orange .btn:hover,
.home-grey-orange .bb:hover,
.home-grey-orange [class*="field-button"] a:hover {
  background-color: #F66B08;
  color: #fff;
}

.home-dk-grey-salmon {
  background-color: #2a2a2a;
  color: #fff;
}

.home-dk-grey-salmon .btn,
.home-dk-grey-salmon .bb,
.home-dk-grey-salmon [class*="field-button"] a {
  background-color: #ff6666;
  color: #fff;
}

.home-dk-grey-salmon .btn:hover,
.home-dk-grey-salmon .bb:hover,
.home-dk-grey-salmon [class*="field-button"] a:hover {
  background-color: #EE423D;
  color: #fff;
}

.home-lgt-grey-teal {
  background-color: #F2F2F2;
  color: #2a2a2a;
}

.home-lgt-grey-teal .btn,
.home-lgt-grey-teal .bb,
.home-lgt-grey-teal [class*="field-button"] a {
  background-color: #00807F;
  color: #fff;
}

.home-lgt-grey-teal .btn:hover,
.home-lgt-grey-teal .bb:hover,
.home-lgt-grey-teal [class*="field-button"] a:hover {
  background-color: #00A6A5;
  color: #fff;
}

/* Wells base */
.well-wrapper.well-dk .help-link-wrapper,
.well-wrapper.well-dk .collapse, .well-wrapper.well-dk .collapsing {
  background-color: #333333;
}

.well-wrapper .help-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0;
  padding: 10px 15px 13px;
  font: 16px "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.well-wrapper a.help-link-wrapper:hover {
  cursor: pointer;
}

.well-wrapper .help-link-wrapper .caret {
  width: 22px;
  height: 18px;
  margin-left: auto;
  margin-right: 0;
  background: url("data:image/svg+xml,%3Csvg width='22' height='15' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.93934C21.0973 10.4907 21.1297 11.3644 20.6432 11.9537L20.5459 12.0607L11 21.6066L1.45406 12.0607C0.868272 11.4749 0.868272 10.5251 1.45406 9.93934C2.00539 9.38801 2.87912 9.35558 3.46837 9.84205L3.57538 9.93934L11 17.364L18.4246 9.93934C18.9759 9.38802 19.8497 9.35558 20.4389 9.84205L20.5459 9.93934Z' fill='%2364FCFB'/%3E%3C/svg%3E") center no-repeat;
  background-size: 100%;
  border: none;
  -webkit-transform: none;
          transform: none;
}

.well-wrapper .help-link-wrapper .caret[aria-expanded="true"] {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.54594C21.0973 10.0973 21.1297 10.971 20.6432 11.5603L20.5459 11.6673L11 21.2132L1.45406 11.6673C0.868272 11.0815 0.868272 10.1317 1.45406 9.54594C2.00539 8.99461 2.87912 8.96218 3.46837 9.44865L3.57538 9.54594L11 16.9706L18.4246 9.54594C18.9759 8.99461 19.8497 8.96218 20.4389 9.44865L20.5459 9.54594Z' fill='%2364FCFB'/%3E%3Cpath d='M20.5459 28.6539C21.0973 28.1026 21.1297 27.2288 20.6432 26.6396L20.5459 26.5326L11 16.9866L1.45406 26.5326C0.868272 27.1184 0.868272 28.0681 1.45406 28.6539C2.00539 29.2052 2.87912 29.2376 3.46837 28.7512L3.57538 28.6539L11 21.2293L18.4246 28.6539C18.9759 29.2052 19.8497 29.2376 20.4389 28.7512L20.5459 28.6539Z' fill='%2364FCFB'/%3E%3C/svg%3E");
}

.well-wrapper .collapse, .well-wrapper .collapsing {
  font-size: 16px;
  line-height: 1.5;
}

/* Tooltips */
.tooltip[role="tooltip"].in {
  opacity: 1;
}

.tooltip[role="tooltip"] .tooltip-inner {
  padding: 12px 15px;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  text-align: left;
}

.tooltip-default-sm {
  display: inline-block !important;
  width: 11px !important;
  height: 11px !important;
  background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.493 0.822902C8.07484 0.822902 10.1761 2.92144 10.1761 5.5C10.1761 8.07856 8.07484 10.1771 5.493 10.1771C2.91115 10.1771 0.82395 8.07856 0.82395 5.5C0.82395 2.92144 2.9117 0.822902 5.493 0.822902ZM5.493 0C2.45784 0 0 2.4687 0 5.5C0 8.53129 2.45839 11 5.507 11C8.55562 11 11 8.53129 11 5.5C11 2.4687 8.52815 0 5.493 0Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.79802 7.86979C5.70329 7.96083 5.60856 8 5.49026 8C5.37197 8 5.26569 7.96083 5.17096 7.86979C5.07623 7.77874 5.0291 7.66124 5.0291 7.50508C5.0291 7.36164 5.07623 7.24466 5.15941 7.15361C5.24213 7.06256 5.36042 7.01017 5.47872 7.01017C5.60903 7.01017 5.71531 7.06205 5.79802 7.15361C5.88074 7.24466 5.92834 7.36216 5.92834 7.50508C5.92788 7.66124 5.88074 7.77823 5.79802 7.86979ZM6.90982 4.80977C6.83866 4.95321 6.75594 5.07019 6.66121 5.17447C6.56648 5.27874 6.40105 5.44813 6.15244 5.69532C6.08128 5.76043 6.03414 5.82554 5.98701 5.87741C5.95143 5.9293 5.91585 5.98169 5.89228 6.02086C5.86872 6.06002 5.8567 6.11191 5.84515 6.15107C5.83314 6.19024 5.82158 6.26806 5.79802 6.37233C5.76244 6.60682 5.64414 6.71109 5.44313 6.71109C5.33684 6.71109 5.25366 6.67193 5.18297 6.5941C5.11181 6.51577 5.07669 6.41201 5.07669 6.25534C5.07669 6.07325 5.10025 5.90387 5.1594 5.77365C5.20654 5.64344 5.2777 5.51323 5.36041 5.42218C5.44313 5.31791 5.56142 5.20092 5.70328 5.05748C5.8336 4.94049 5.92786 4.83622 5.97546 4.78382C6.03461 4.71872 6.08174 4.65361 6.11732 4.57527C6.1529 4.49694 6.17647 4.41912 6.17647 4.32807C6.17647 4.14598 6.11732 4.00254 5.99902 3.88556C5.88073 3.76857 5.72685 3.70347 5.53786 3.70347C5.31328 3.70347 5.1594 3.76857 5.05265 3.88556C4.94637 4.00255 4.86319 4.18515 4.79249 4.41964C4.72133 4.66684 4.59148 4.79705 4.40202 4.79705C4.29574 4.79705 4.20101 4.75789 4.1183 4.66684C4.03558 4.57579 4 4.48475 4 4.38047C4 4.17192 4.05915 3.96389 4.17744 3.74263C4.29574 3.53408 4.47319 3.35199 4.70978 3.20855C4.94637 3.06511 5.21855 3 5.52584 3C5.82158 3 6.07019 3.06511 6.29477 3.18209C6.51934 3.29908 6.68524 3.45575 6.81508 3.66378C6.93338 3.87233 6.99253 4.08036 6.99253 4.32807C7.01655 4.51017 6.98097 4.66633 6.90981 4.80976L6.90982 4.80977Z' fill='black'/%3E%3C/svg%3E") center no-repeat !important;
  background-size: 98% !important;
  color: transparent !important;
  border: none !important;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  cursor: pointer !important;
  overflow: hidden !important;
}

.tooltip-default-sm:hover, .tooltip-default-sm:active, .tooltip-default-sm:focus {
  background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.493 0.822902C8.07484 0.822902 10.1761 2.92144 10.1761 5.5C10.1761 8.07856 8.07484 10.1771 5.493 10.1771C2.91115 10.1771 0.82395 8.07856 0.82395 5.5C0.82395 2.92144 2.9117 0.822902 5.493 0.822902ZM5.493 0C2.45784 0 0 2.4687 0 5.5C0 8.53129 2.45839 11 5.507 11C8.55562 11 11 8.53129 11 5.5C11 2.4687 8.52815 0 5.493 0Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.79802 7.86979C5.70329 7.96083 5.60856 8 5.49026 8C5.37197 8 5.26569 7.96083 5.17096 7.86979C5.07623 7.77874 5.0291 7.66124 5.0291 7.50508C5.0291 7.36164 5.07623 7.24466 5.15941 7.15361C5.24213 7.06256 5.36042 7.01017 5.47872 7.01017C5.60903 7.01017 5.71531 7.06205 5.79802 7.15361C5.88074 7.24466 5.92834 7.36216 5.92834 7.50508C5.92788 7.66124 5.88074 7.77823 5.79802 7.86979ZM6.90982 4.80977C6.83866 4.95321 6.75594 5.07019 6.66121 5.17447C6.56648 5.27874 6.40105 5.44813 6.15244 5.69532C6.08128 5.76043 6.03414 5.82554 5.98701 5.87741C5.95143 5.9293 5.91585 5.98169 5.89228 6.02086C5.86872 6.06002 5.8567 6.11191 5.84515 6.15107C5.83314 6.19024 5.82158 6.26806 5.79802 6.37233C5.76244 6.60682 5.64414 6.71109 5.44313 6.71109C5.33684 6.71109 5.25366 6.67193 5.18297 6.5941C5.11181 6.51577 5.07669 6.41201 5.07669 6.25534C5.07669 6.07325 5.10025 5.90387 5.1594 5.77365C5.20654 5.64344 5.2777 5.51323 5.36041 5.42218C5.44313 5.31791 5.56142 5.20092 5.70328 5.05748C5.8336 4.94049 5.92786 4.83622 5.97546 4.78382C6.03461 4.71872 6.08174 4.65361 6.11732 4.57527C6.1529 4.49694 6.17647 4.41912 6.17647 4.32807C6.17647 4.14598 6.11732 4.00254 5.99902 3.88556C5.88073 3.76857 5.72685 3.70347 5.53786 3.70347C5.31328 3.70347 5.1594 3.76857 5.05265 3.88556C4.94637 4.00255 4.86319 4.18515 4.79249 4.41964C4.72133 4.66684 4.59148 4.79705 4.40202 4.79705C4.29574 4.79705 4.20101 4.75789 4.1183 4.66684C4.03558 4.57579 4 4.48475 4 4.38047C4 4.17192 4.05915 3.96389 4.17744 3.74263C4.29574 3.53408 4.47319 3.35199 4.70978 3.20855C4.94637 3.06511 5.21855 3 5.52584 3C5.82158 3 6.07019 3.06511 6.29477 3.18209C6.51934 3.29908 6.68524 3.45575 6.81508 3.66378C6.93338 3.87233 6.99253 4.08036 6.99253 4.32807C7.01655 4.51017 6.98097 4.66633 6.90981 4.80976L6.90982 4.80977Z' fill='black'/%3E%3C/svg%3E") center no-repeat;
  color: transparent;
  border: none;
}

.tooltip-white-sm {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.493 0.822902C8.07484 0.822902 10.1761 2.92144 10.1761 5.5C10.1761 8.07856 8.07484 10.1771 5.493 10.1771C2.91115 10.1771 0.82395 8.07856 0.82395 5.5C0.82395 2.92144 2.9117 0.822902 5.493 0.822902ZM5.493 0C2.45784 0 0 2.4687 0 5.5C0 8.53129 2.45839 11 5.507 11C8.55562 11 11 8.53129 11 5.5C11 2.4687 8.52815 0 5.493 0Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.79802 7.86979C5.70329 7.96083 5.60856 8 5.49026 8C5.37197 8 5.26569 7.96083 5.17096 7.86979C5.07623 7.77874 5.0291 7.66124 5.0291 7.50508C5.0291 7.36164 5.07623 7.24466 5.15941 7.15361C5.24213 7.06256 5.36042 7.01017 5.47872 7.01017C5.60903 7.01017 5.71531 7.06205 5.79802 7.15361C5.88074 7.24466 5.92834 7.36216 5.92834 7.50508C5.92788 7.66124 5.88074 7.77823 5.79802 7.86979ZM6.90982 4.80977C6.83866 4.95321 6.75594 5.07019 6.66121 5.17447C6.56648 5.27874 6.40105 5.44813 6.15244 5.69532C6.08128 5.76043 6.03414 5.82554 5.98701 5.87741C5.95143 5.9293 5.91585 5.98169 5.89228 6.02086C5.86872 6.06002 5.8567 6.11191 5.84515 6.15107C5.83314 6.19024 5.82158 6.26806 5.79802 6.37233C5.76244 6.60682 5.64414 6.71109 5.44313 6.71109C5.33684 6.71109 5.25366 6.67193 5.18297 6.5941C5.11181 6.51577 5.07669 6.41201 5.07669 6.25534C5.07669 6.07325 5.10025 5.90387 5.1594 5.77365C5.20654 5.64344 5.2777 5.51323 5.36041 5.42218C5.44313 5.31791 5.56142 5.20092 5.70328 5.05748C5.8336 4.94049 5.92786 4.83622 5.97546 4.78382C6.03461 4.71872 6.08174 4.65361 6.11732 4.57527C6.1529 4.49694 6.17647 4.41912 6.17647 4.32807C6.17647 4.14598 6.11732 4.00254 5.99902 3.88556C5.88073 3.76857 5.72685 3.70347 5.53786 3.70347C5.31328 3.70347 5.1594 3.76857 5.05265 3.88556C4.94637 4.00255 4.86319 4.18515 4.79249 4.41964C4.72133 4.66684 4.59148 4.79705 4.40202 4.79705C4.29574 4.79705 4.20101 4.75789 4.1183 4.66684C4.03558 4.57579 4 4.48475 4 4.38047C4 4.17192 4.05915 3.96389 4.17744 3.74263C4.29574 3.53408 4.47319 3.35199 4.70978 3.20855C4.94637 3.06511 5.21855 3 5.52584 3C5.82158 3 6.07019 3.06511 6.29477 3.18209C6.51934 3.29908 6.68524 3.45575 6.81508 3.66378C6.93338 3.87233 6.99253 4.08036 6.99253 4.32807C7.01655 4.51017 6.98097 4.66633 6.90981 4.80976L6.90982 4.80977Z' fill='black'/%3E%3C/svg%3E") center no-repeat;
  background-size: 98%;
  color: transparent;
  border: none;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  cursor: pointer;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.493 0.822902C8.07484 0.822902 10.1761 2.92144 10.1761 5.5C10.1761 8.07856 8.07484 10.1771 5.493 10.1771C2.91115 10.1771 0.82395 8.07856 0.82395 5.5C0.82395 2.92144 2.9117 0.822902 5.493 0.822902ZM5.493 0C2.45784 0 0 2.4687 0 5.5C0 8.53129 2.45839 11 5.507 11C8.55562 11 11 8.53129 11 5.5C11 2.4687 8.52815 0 5.493 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.79802 7.86979C5.70329 7.96083 5.60856 8 5.49026 8C5.37197 8 5.26569 7.96083 5.17096 7.86979C5.07623 7.77874 5.0291 7.66124 5.0291 7.50508C5.0291 7.36164 5.07623 7.24466 5.15941 7.15361C5.24213 7.06256 5.36042 7.01017 5.47872 7.01017C5.60903 7.01017 5.71531 7.06205 5.79802 7.15361C5.88074 7.24466 5.92834 7.36216 5.92834 7.50508C5.92788 7.66124 5.88074 7.77823 5.79802 7.86979ZM6.90982 4.80977C6.83866 4.95321 6.75594 5.07019 6.66121 5.17447C6.56648 5.27874 6.40105 5.44813 6.15244 5.69532C6.08128 5.76043 6.03414 5.82554 5.98701 5.87741C5.95143 5.9293 5.91585 5.98169 5.89228 6.02086C5.86872 6.06002 5.8567 6.11191 5.84515 6.15107C5.83314 6.19024 5.82158 6.26806 5.79802 6.37233C5.76244 6.60682 5.64414 6.71109 5.44313 6.71109C5.33684 6.71109 5.25366 6.67193 5.18297 6.5941C5.11181 6.51577 5.07669 6.41201 5.07669 6.25534C5.07669 6.07325 5.10025 5.90387 5.1594 5.77365C5.20654 5.64344 5.2777 5.51323 5.36041 5.42218C5.44313 5.31791 5.56142 5.20092 5.70328 5.05748C5.8336 4.94049 5.92786 4.83622 5.97546 4.78382C6.03461 4.71872 6.08174 4.65361 6.11732 4.57527C6.1529 4.49694 6.17647 4.41912 6.17647 4.32807C6.17647 4.14598 6.11732 4.00254 5.99902 3.88556C5.88073 3.76857 5.72685 3.70347 5.53786 3.70347C5.31328 3.70347 5.1594 3.76857 5.05265 3.88556C4.94637 4.00255 4.86319 4.18515 4.79249 4.41964C4.72133 4.66684 4.59148 4.79705 4.40202 4.79705C4.29574 4.79705 4.20101 4.75789 4.1183 4.66684C4.03558 4.57579 4 4.48475 4 4.38047C4 4.17192 4.05915 3.96389 4.17744 3.74263C4.29574 3.53408 4.47319 3.35199 4.70978 3.20855C4.94637 3.06511 5.21855 3 5.52584 3C5.82158 3 6.07019 3.06511 6.29477 3.18209C6.51934 3.29908 6.68524 3.45575 6.81508 3.66378C6.93338 3.87233 6.99253 4.08036 6.99253 4.32807C7.01655 4.51017 6.98097 4.66633 6.90981 4.80976L6.90982 4.80977Z' fill='white'/%3E%3C/svg%3E");
}

.tooltip-white-sm:hover, .tooltip-white-sm:active, .tooltip-white-sm:focus {
  background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.493 0.822902C8.07484 0.822902 10.1761 2.92144 10.1761 5.5C10.1761 8.07856 8.07484 10.1771 5.493 10.1771C2.91115 10.1771 0.82395 8.07856 0.82395 5.5C0.82395 2.92144 2.9117 0.822902 5.493 0.822902ZM5.493 0C2.45784 0 0 2.4687 0 5.5C0 8.53129 2.45839 11 5.507 11C8.55562 11 11 8.53129 11 5.5C11 2.4687 8.52815 0 5.493 0Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.79802 7.86979C5.70329 7.96083 5.60856 8 5.49026 8C5.37197 8 5.26569 7.96083 5.17096 7.86979C5.07623 7.77874 5.0291 7.66124 5.0291 7.50508C5.0291 7.36164 5.07623 7.24466 5.15941 7.15361C5.24213 7.06256 5.36042 7.01017 5.47872 7.01017C5.60903 7.01017 5.71531 7.06205 5.79802 7.15361C5.88074 7.24466 5.92834 7.36216 5.92834 7.50508C5.92788 7.66124 5.88074 7.77823 5.79802 7.86979ZM6.90982 4.80977C6.83866 4.95321 6.75594 5.07019 6.66121 5.17447C6.56648 5.27874 6.40105 5.44813 6.15244 5.69532C6.08128 5.76043 6.03414 5.82554 5.98701 5.87741C5.95143 5.9293 5.91585 5.98169 5.89228 6.02086C5.86872 6.06002 5.8567 6.11191 5.84515 6.15107C5.83314 6.19024 5.82158 6.26806 5.79802 6.37233C5.76244 6.60682 5.64414 6.71109 5.44313 6.71109C5.33684 6.71109 5.25366 6.67193 5.18297 6.5941C5.11181 6.51577 5.07669 6.41201 5.07669 6.25534C5.07669 6.07325 5.10025 5.90387 5.1594 5.77365C5.20654 5.64344 5.2777 5.51323 5.36041 5.42218C5.44313 5.31791 5.56142 5.20092 5.70328 5.05748C5.8336 4.94049 5.92786 4.83622 5.97546 4.78382C6.03461 4.71872 6.08174 4.65361 6.11732 4.57527C6.1529 4.49694 6.17647 4.41912 6.17647 4.32807C6.17647 4.14598 6.11732 4.00254 5.99902 3.88556C5.88073 3.76857 5.72685 3.70347 5.53786 3.70347C5.31328 3.70347 5.1594 3.76857 5.05265 3.88556C4.94637 4.00255 4.86319 4.18515 4.79249 4.41964C4.72133 4.66684 4.59148 4.79705 4.40202 4.79705C4.29574 4.79705 4.20101 4.75789 4.1183 4.66684C4.03558 4.57579 4 4.48475 4 4.38047C4 4.17192 4.05915 3.96389 4.17744 3.74263C4.29574 3.53408 4.47319 3.35199 4.70978 3.20855C4.94637 3.06511 5.21855 3 5.52584 3C5.82158 3 6.07019 3.06511 6.29477 3.18209C6.51934 3.29908 6.68524 3.45575 6.81508 3.66378C6.93338 3.87233 6.99253 4.08036 6.99253 4.32807C7.01655 4.51017 6.98097 4.66633 6.90981 4.80976L6.90982 4.80977Z' fill='white'/%3E%3C/svg%3E") center no-repeat;
  color: transparent;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.493 0.822902C8.07484 0.822902 10.1761 2.92144 10.1761 5.5C10.1761 8.07856 8.07484 10.1771 5.493 10.1771C2.91115 10.1771 0.82395 8.07856 0.82395 5.5C0.82395 2.92144 2.9117 0.822902 5.493 0.822902ZM5.493 0C2.45784 0 0 2.4687 0 5.5C0 8.53129 2.45839 11 5.507 11C8.55562 11 11 8.53129 11 5.5C11 2.4687 8.52815 0 5.493 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.79802 7.86979C5.70329 7.96083 5.60856 8 5.49026 8C5.37197 8 5.26569 7.96083 5.17096 7.86979C5.07623 7.77874 5.0291 7.66124 5.0291 7.50508C5.0291 7.36164 5.07623 7.24466 5.15941 7.15361C5.24213 7.06256 5.36042 7.01017 5.47872 7.01017C5.60903 7.01017 5.71531 7.06205 5.79802 7.15361C5.88074 7.24466 5.92834 7.36216 5.92834 7.50508C5.92788 7.66124 5.88074 7.77823 5.79802 7.86979ZM6.90982 4.80977C6.83866 4.95321 6.75594 5.07019 6.66121 5.17447C6.56648 5.27874 6.40105 5.44813 6.15244 5.69532C6.08128 5.76043 6.03414 5.82554 5.98701 5.87741C5.95143 5.9293 5.91585 5.98169 5.89228 6.02086C5.86872 6.06002 5.8567 6.11191 5.84515 6.15107C5.83314 6.19024 5.82158 6.26806 5.79802 6.37233C5.76244 6.60682 5.64414 6.71109 5.44313 6.71109C5.33684 6.71109 5.25366 6.67193 5.18297 6.5941C5.11181 6.51577 5.07669 6.41201 5.07669 6.25534C5.07669 6.07325 5.10025 5.90387 5.1594 5.77365C5.20654 5.64344 5.2777 5.51323 5.36041 5.42218C5.44313 5.31791 5.56142 5.20092 5.70328 5.05748C5.8336 4.94049 5.92786 4.83622 5.97546 4.78382C6.03461 4.71872 6.08174 4.65361 6.11732 4.57527C6.1529 4.49694 6.17647 4.41912 6.17647 4.32807C6.17647 4.14598 6.11732 4.00254 5.99902 3.88556C5.88073 3.76857 5.72685 3.70347 5.53786 3.70347C5.31328 3.70347 5.1594 3.76857 5.05265 3.88556C4.94637 4.00255 4.86319 4.18515 4.79249 4.41964C4.72133 4.66684 4.59148 4.79705 4.40202 4.79705C4.29574 4.79705 4.20101 4.75789 4.1183 4.66684C4.03558 4.57579 4 4.48475 4 4.38047C4 4.17192 4.05915 3.96389 4.17744 3.74263C4.29574 3.53408 4.47319 3.35199 4.70978 3.20855C4.94637 3.06511 5.21855 3 5.52584 3C5.82158 3 6.07019 3.06511 6.29477 3.18209C6.51934 3.29908 6.68524 3.45575 6.81508 3.66378C6.93338 3.87233 6.99253 4.08036 6.99253 4.32807C7.01655 4.51017 6.98097 4.66633 6.90981 4.80976L6.90982 4.80977Z' fill='white'/%3E%3C/svg%3E");
}

/* Panels | Groups */
.group-fieldset.title-right .panel-heading {
  text-align: right;
}

.group-fieldset .panel-heading {
  margin: 0 -15px;
  padding-bottom: 10px;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  text-transform: uppercase;
  border-bottom: 1px solid #666666;
}

.group-fieldset .panel-heading .panel-title {
  margin: 0;
  padding: 0 15px;
  font: inherit;
}

.group-calculation-results div.result-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -15px;
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .group-calculation-results div.result-row {
    display: -webkit-box;
  }
}

.group-calculation-results div.result-row > .input-group,
.group-calculation-results div.result-row > .input-wrapper {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

.group-calculation-results div.result-row:not(.bdb-none) {
  border-bottom: 1px solid #d3d3d3;
}

.group-calculation-results tr.result-row:not(.bdb-none) .result-label,
.group-calculation-results tr.result-row:not(.bdb-none) .result-wrapper {
  border-bottom: 1px solid #d3d3d3;
}

.group-calculation-results .result-label {
  margin-bottom: 0;
  padding: 5px 15px;
  font: 18px "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.group-calculation-results .result-label:not(.group-total) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 49px;
}

@media (all) and (-webkit-min-device-pixel-ratio: 0) {
  .group-calculation-results .result-label:not(.group-total) {
    display: -webkit-box;
  }
}

.group-calculation-results .result-wrapper,
.group-calculation-results .result-row > .input-group,
.group-calculation-results .result-row > .input-wrapper {
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  font: 32px "YogaPro", Arial, sans-serif;
  text-align: right;
}

/* Help Panels */
.help-info-panel {
  padding-top: 23px;
  background-position: 20px 20px;
  background-repeat: no-repeat;
}

.help-info-panel.panel-teal,
.help-info-panel.panel-salmon {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='14.5' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 21.5C14.5 21.2167 14.7167 21 15 21C15.2833 21 15.5 21.2167 15.5 21.5C15.5 21.7837 15.2833 22 15 22C14.7167 22 14.5 21.7837 14.5 21.5Z' fill='white'/%3E%3Cpath d='M15 9V17.9584' stroke='%23FFFFFF' stroke-linecap='round'/%3E%3C/svg%3E");
  color: #fff;
}

.help-info-panel.panel-teal a,
.help-info-panel.panel-salmon a,
.help-info-panel.panel-orange a {
  color: #fff;
}

.help-info-panel.panel-teal a:hover,
.help-info-panel.panel-salmon a:hover,
.help-info-panel.panel-orange a:hover {
  color: #fff;
}

.help-info-panel.panel-teal {
	background-color: #00a6a5;
}

.help-info-panel.panel-salmon {
	background-color: #ff6666;
}

.help-info-panel.panel-orange {
	background-color: #F66B08;
	color: #fff;
}

.help-info-panel.panel-teal-tint {
  background-color: #E5F6F6;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='14.5' stroke='%2300A6A5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 21.5C14.5 21.2167 14.7167 21 15 21C15.2833 21 15.5 21.2167 15.5 21.5C15.5 21.7837 15.2833 22 15 22C14.7167 22 14.5 21.7837 14.5 21.5Z' fill='%2300A6A5'/%3E%3Cpath d='M15 9V17.9584' stroke='%2300A6A5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.help-info-panel.panel-purple-tint {
  background-color: #EDE4F1;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='14.5' stroke='%23A478B7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 21.5C14.5 21.2167 14.7167 21 15 21C15.2833 21 15.5 21.2167 15.5 21.5C15.5 21.7837 15.2833 22 15 22C14.7167 22 14.5 21.7837 14.5 21.5Z' fill='%23A478B7'/%3E%3Cpath d='M15 9V17.9584' stroke='%23A478B7' stroke-linecap='round'/%3E%3C/svg%3E");
}

.help-info-panel.panel-green-tint {
  background-color: #F1F7EC;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='14.5' stroke='%237AB542'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 21.5C14.5 21.2167 14.7167 21 15 21C15.2833 21 15.5 21.2167 15.5 21.5C15.5 21.7837 15.2833 22 15 22C14.7167 22 14.5 21.7837 14.5 21.5Z' fill='%237AB542'/%3E%3Cpath d='M15 9V17.9584' stroke='%237AB542' stroke-linecap='round'/%3E%3C/svg%3E");
}

.help-info-panel a {
  color: #2a2a2a;
  text-decoration: underline;
}

.help-info-panel a:hover, .help-info-panel a:active, .help-info-panel a:focus {
  color: #2a2a2a;
  text-decoration: none;
}

.help-info-panel .panel-title {
  margin: 0;
  padding: 0 25px 15px 62px;
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.help-info-panel .panel-body {
  padding: 0 15px 65px;
}

.help-info-panel .panel-body p:last-of-type {
  margin-bottom: 0;
}

/* Super icons */
[data-icon]:before {
  font-family: "super-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="super-icons-"]:before,
[class*=" super-icons-"]:before {
  font-family: "super-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.super-icons-maxlock:before {
  content: "a";
}

.super-icons-unlock:before {
  content: "b";
}

.super-icons-print:before {
  content: "c";
}

.super-icons-edit:before {
  content: "d";
}

.super-icons-check:before {
  content: "e";
}

.super-icons-cross:before {
  content: "f";
}

.super-icons-arrow-left-1:before {
  content: "i";
}

.super-icons-arrow-right-1:before {
  content: "j";
}

.super-icons-unlock,
.super-icons-lock {
  color: #5A5A5A;
}

/* Custom icons */
.ci {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 20px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.ci.i-check {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.79171 17.4507L12.4911 20.3445C12.9281 20.6859 13.5637 20.6024 13.9109 20.158C14.2581 19.7137 14.1853 19.0767 13.7484 18.7353L10.049 15.8415C9.61203 15.5001 8.97637 15.5836 8.62918 16.028C8.282 16.4724 8.35477 17.1093 8.79171 17.4507Z' fill='white'/%3E%3Cpath d='M18.8796 9.79123L12.5024 18.9128C12.161 19.3497 12.2445 19.9854 12.6889 20.3326C13.1332 20.6798 13.7702 20.607 14.1116 20.1701L20.4889 11.0485C20.8302 10.6115 20.7467 9.97588 20.3024 9.6287C19.858 9.28152 19.221 9.35429 18.8796 9.79123Z' fill='white'/%3E%3Ccircle cx='14.9696' cy='14.9898' r='10' transform='rotate(38 14.9696 14.9898)' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 125%;
}

.ci.i-cross {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.9696' cy='11.9898' r='10' transform='rotate(38 11.9696 11.9898)' stroke='white' stroke-width='2'/%3E%3Cpath d='M17.2069 6.84335C17.5076 7.14408 17.5253 7.62066 17.2599 7.94207L17.2069 8.00044L12 13.2073L6.79312 8.00044C6.4736 7.68092 6.4736 7.16287 6.79312 6.84335C7.09385 6.54263 7.57043 6.52494 7.89184 6.79028L7.95021 6.84335L12 10.8931L16.0498 6.84335C16.3505 6.54263 16.8271 6.52494 17.1485 6.79028L17.2069 6.84335Z' fill='white'/%3E%3Cpath d='M17.2069 17.2658C17.5076 16.9651 17.5253 16.4885 17.2599 16.1671L17.2069 16.1087L12 10.9018L6.79312 16.1087C6.4736 16.4282 6.4736 16.9463 6.79312 17.2658C7.09385 17.5665 7.57043 17.5842 7.89184 17.3188L7.95021 17.2658L12 13.216L16.0498 17.2658C16.3505 17.5665 16.8271 17.5842 17.1485 17.3188L17.2069 17.2658Z' fill='white'/%3E%3C/svg%3E");
}

/* External Links */
.field--name-field-button a.ext,
.btn.ext,
.paragraph--type--page-header .field--type-link .field__item a.ext,
.paragraph--type--faq-row+.sub-row .field--name-field-button a.ext,
.paragraph--type-left-right-image-text .field--type-link .field__item a.ext {
  padding-right: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 4.5L6.5 1.5M7 5.1181V7H1V1H3.04252M5 1H7V3' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: top 50% right 8px;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

.paragraph--type-left-right-image-text .field--type-link .field__item a.ext {
    background-position: top 50% right 10px;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-button a.ext {
    background-size: 12px;
    background-position: top 50% right 10px;
}

.paragraph--type-vertical-call-to-action .field--name-field-button a.ext {
    background-size: 12px;
    background-position: top 50% right 10px;
}

svg.ext {
    position: relative;
    top: 1px;
    width: 16px;
    height: 16px;
    filter: brightness(0) saturate(100%) invert(79%) sepia(0%) saturate(380%) hue-rotate(207deg) brightness(79%) contrast(79%);
    vertical-align: initial;
}

.node--type-fund .fund--title-block .fund-links svg.ext,
.node--type-fund .help-info-panel .panel-body svg.ext,
.help-notification svg.ext,
.panel-info svg.ext {
    width: 14px;
    height: 14px;
}

    /* Black */
.node--type-fund .help-info-panel .panel-body svg.ext {
    filter: brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(1%) hue-rotate(148deg) brightness(69%) contrast(96%);
}

    /* Bright Teal */
.well-dk svg.ext,
.annual-reporting .footnote svg.ext {
    filter: brightness(0) saturate(100%) invert(93%) sepia(58%) saturate(3862%) hue-rotate(148deg) brightness(105%) contrast(97%);
}

    /* White */
.help-notification svg.ext,
.panel-info svg.ext,
.webform-element-description .dd-help svg.ext,
.webform-info-panel .important-panel-wrapper .important-block .important-statement svg.ext,
.paragraph--type--page-header p a svg.ext,
.webform-submission-join-mysuper-add-form .confirm-footer-wrapper a:hover svg.ext,
.footer-disclaimer p a svg.ext,
.paragraph--type-left-image-w-right-text .right-col-wrapper p a svg.ext {
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(160%) hue-rotate(229deg) brightness(119%) contrast(100%);
}

    /* Join Confirmation - Orange */
.webform-submission-join-mysuper-add-form .confirm-footer-wrapper a span.extlink-nobreak {
    position: relative;
}

.webform-submission-join-mysuper-add-form .confirm-footer-wrapper a svg.ext {
    filter: brightness(0) saturate(100%) invert(65%) sepia(39%) saturate(3173%) hue-rotate(2deg) brightness(106%) contrast(103%);
    position: absolute;
    top: -1px;
    right: -20px;
}

.field--name-field-button a.ext .extlink,
.field--name-field-button svg.ext,
.paragraph--type--index-page-documents svg.ext,
.navbar-menu svg.ext,
.flyout-bottom-block svg.ext,
.btn.ext .extlink,
.webform-submission-event-booking-form .btn.ext svg.ext {
  display: none;
}

/* Disable Tippy */
[id^="tippy-"] {
  display: none !important;
}

/* ---------------------------------------------------------- */
/* ############### UTILITIES / HELPER CLASSES ############### */
/* ---------------------------------------------------------- */
/* ------------------------------------------ */
/* ############### Background ############### */
/* ------------------------------------------ */
.bg-transparent {
  background-color: transparent;
}

.bg-gray-xlt {
  background-color: #f2f2f2;
}

.bg-gray-lt {
  background-color: #979797;
}

.bg-gray {
  background-color: #333333;
}

.bg-gray-dk {
  background-color: #2a2a2a;
}

.bg-gray-xdk {
  background-color: #2a2a2a;
}

.bg-gray-500 {
  background-color: #2a2a2a;
}

.bg-gray-600 {
  background-color: #2a2a2a;
}

.bg-gray-700 {
  background-color: #2a2a2a;
}

.bg-gray-800 {
  background-color: #2a2a2a;
}

.bg-gray-tbd {
  background-color: #d3d3d3;
}

.bg-grad-gray-lt {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.95))), #666666;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #666666;
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #666666;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #666666;
}

/*.bg-white {
  background-color: white;
}

.bg-white-1 {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-white-2 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-3 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-4 {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-5 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-6 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-7 {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-8 {
  background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-9 {
  background-color: rgba(255, 255, 255, 0.9);
}

.bg-black-1 {
  background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-2 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-3 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-4 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-5 {
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-6 {
  background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-7 {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-8 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-9 {
  background-color: rgba(0, 0, 0, 0.9);
}*/

.bg-teal {
  background-color: #00a6a5;
}

.bg-teal-dk {
  background-color: #00807F;
}

.bg-danger {
  background-color: #ff6666;
}

.bg-salmon {
  background-color: #ff6666;
}

.bg-orange-lt {
  background-color: #FFD186;
}

/* -------------------------------------- */
/* ############### Border ############### */
/* -------------------------------------- */
.bd-transparent {
  border-color: transparent;
}

.bd {
  border: 1px solid #333333;
}

.bd-t {
  border-top: 1px solid #333333;
}

.bd-r {
  border-right: 1px solid #333333;
}

.bd-b {
  border-bottom: 1px solid #333333;
}

.bd-l {
  border-left: 1px solid #333333;
}

.bd-y {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

.bd-x {
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
}

.bd-0 {
  border-width: 0;
}

.bd-1 {
  border-width: 1px;
}

.bd-2 {
  border-width: 2px;
}

.bd-3 {
  border-width: 3px;
}

.bd-4 {
  border-width: 4px;
}

.bd-5 {
  border-width: 5px;
}

.bd-t-0 {
  border-top: 0;
}

.bd-r-0 {
  border-right: 0;
}

.bd-b-0 {
  border-bottom: 0;
}

.bd-l-0 {
  border-left: 0;
}

.bd-t-0-force {
  border-top: 0 !important;
}

.bd-r-0-force {
  border-right: 0 !important;
}

.bd-b-0-force {
  border-bottom: 0 !important;
}

.bd-l-0-force {
  border-left: 0 !important;
}

.bd-y-0 {
  border-top-width: 0;
  border-bottom-width: 0;
}

.bd-y-1 {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.bd-x-0 {
  border-left-width: 0;
  border-right-width: 0;
}

.bd-x-1 {
  border-left-width: 1px;
  border-right-width: 1px;
}

.bd-white {
  border-color: #fff;
}

.bd-gray-100 {
  border-color: #979797;
}

.bd-gray-200 {
  border-color: #333333;
}

.bd-gray-300 {
  border-color: #2a2a2a;
}

.bd-gray-400 {
  border-color: #2a2a2a;
}

.bd-gray-500 {
  border-color: #2a2a2a;
}

.bd-gray-600 {
  border-color: #2a2a2a;
}

.bd-gray-700 {
  border-color: #2a2a2a;
}

.bd-gray-800 {
  border-color: #2a2a2a;
}

.bd-gray-t {
  border-color: #d3d3d3;
}

.bd-white-1 {
  border-color: rgba(255, 255, 255, 0.1);
}

.bd-white-2 {
  border-color: rgba(255, 255, 255, 0.2);
}

.bd-white-3 {
  border-color: rgba(255, 255, 255, 0.3);
}

.bd-white-4 {
  border-color: rgba(255, 255, 255, 0.4);
}

.bd-white-5 {
  border-color: rgba(255, 255, 255, 0.5);
}

.bd-white-6 {
  border-color: rgba(255, 255, 255, 0.6);
}

.bd-white-7 {
  border-color: rgba(255, 255, 255, 0.7);
}

.bd-white-8 {
  border-color: rgba(255, 255, 255, 0.8);
}

/*.rounded-5 {
  border-radius: 5px;
}*/

.rounded-10 {
  border-radius: 10px;
}

.rounded-20 {
  border-radius: 20px;
}

.rounded-30 {
  border-radius: 30px;
}

.rounded-40 {
  border-radius: 40px;
}

.rounded-50 {
  border-radius: 50px;
}

.bd-dashed {
  border-style: dashed;
}

.bd-dotted {
  border-style: dotted;
}

@media (min-width: 480px) {
  .bd-xs {
    border: 1px solid #333333;
  }
  .bd-xs-t {
    border-top: 1px solid #333333;
  }
  .bd-xs-r {
    border-right: 1px solid #333333;
  }
  .bd-xs-b {
    border-bottom: 1px solid #333333;
  }
  .bd-xs-l {
    border-left: 1px solid #333333;
  }
  .bd-xs-y {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
  }
  .bd-xs-x {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
  }
}

@media (min-width: 599px) {
  .bd-sm {
    border: 1px solid #333333;
  }
  .bd-sm-t {
    border-top: 1px solid #333333;
  }
  .bd-sm-r {
    border-right: 1px solid #333333;
  }
  .bd-sm-b {
    border-bottom: 1px solid #333333;
  }
  .bd-sm-l {
    border-left: 1px solid #333333;
  }
  .bd-sm-y {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
  }
  .bd-sm-x {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
  }
}

@media (min-width: 768px) {
  .bd-md {
    border: 1px solid #333333;
  }
  .bd-md-t {
    border-top: 1px solid #333333;
  }
  .bd-md-r {
    border-right: 1px solid #333333;
  }
  .bd-md-b {
    border-bottom: 1px solid #333333;
  }
  .bd-md-l {
    border-left: 1px solid #333333;
  }
  .bd-md-y {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
  }
  .bd-md-x {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
  }
}

@media (min-width: 991px) {
  .bd-lg {
    border: 1px solid #333333;
  }
  .bd-lg-t {
    border-top: 1px solid #333333;
  }
  .bd-lg-r {
    border-right: 1px solid #333333;
  }
  .bd-lg-b {
    border-bottom: 1px solid #333333;
  }
  .bd-lg-l {
    border-left: 1px solid #333333;
  }
  .bd-lg-y {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
  }
  .bd-lg-x {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
  }
}

@media (min-width: 1200px) {
  .bd-xl {
    border: 1px solid #333333;
  }
  .bd-xl-t {
    border-top: 1px solid #333333;
  }
  .bd-xl-r {
    border-right: 1px solid #333333;
  }
  .bd-xl-b {
    border-bottom: 1px solid #333333;
  }
  .bd-xl-l {
    border-left: 1px solid #333333;
  }
  .bd-xl-y {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
  }
  .bd-xl-x {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
  }
}

/* -------------------------------------- */
/* ############### Height ############### */
/* -------------------------------------- */
.ht-5 {
  height: 5px;
}

.ht-5p {
  height: 5%;
}

.mx-ht-5p {
  max-height: 5%;
}

.mn-ht-5p {
  min-height: 5%;
}

.ht-5-force {
  height: 5px !important;
}

.ht-5p-force {
  height: 5% !important;
}

.ht-10 {
  height: 10px;
}

.ht-10p {
  height: 10%;
}

.mx-ht-10p {
  max-height: 10%;
}

.mn-ht-10p {
  min-height: 10%;
}

.ht-10-force {
  height: 10px !important;
}

.ht-10p-force {
  height: 10% !important;
}

.ht-15 {
  height: 15px;
}

.ht-15p {
  height: 15%;
}

.mx-ht-15p {
  max-height: 15%;
}

.mn-ht-15p {
  min-height: 15%;
}

.ht-15-force {
  height: 15px !important;
}

.ht-15p-force {
  height: 15% !important;
}

.ht-20 {
  height: 20px;
}

.ht-20p {
  height: 20%;
}

.mx-ht-20p {
  max-height: 20%;
}

.mn-ht-20p {
  min-height: 20%;
}

.ht-20-force {
  height: 20px !important;
}

.ht-20p-force {
  height: 20% !important;
}

.ht-25 {
  height: 25px;
}

.ht-25p {
  height: 25%;
}

.mx-ht-25p {
  max-height: 25%;
}

.mn-ht-25p {
  min-height: 25%;
}

.ht-25-force {
  height: 25px !important;
}

.ht-25p-force {
  height: 25% !important;
}

.ht-30 {
  height: 30px;
}

.ht-30p {
  height: 30%;
}

.mx-ht-30p {
  max-height: 30%;
}

.mn-ht-30p {
  min-height: 30%;
}

.ht-30-force {
  height: 30px !important;
}

.ht-30p-force {
  height: 30% !important;
}

.ht-35 {
  height: 35px;
}

.ht-35p {
  height: 35%;
}

.mx-ht-35p {
  max-height: 35%;
}

.mn-ht-35p {
  min-height: 35%;
}

.ht-35-force {
  height: 35px !important;
}

.ht-35p-force {
  height: 35% !important;
}

.ht-40 {
  height: 40px;
}

.ht-40p {
  height: 40%;
}

.mx-ht-40p {
  max-height: 40%;
}

.mn-ht-40p {
  min-height: 40%;
}

.ht-40-force {
  height: 40px !important;
}

.ht-40p-force {
  height: 40% !important;
}

.ht-45 {
  height: 45px;
}

.ht-45p {
  height: 45%;
}

.mx-ht-45p {
  max-height: 45%;
}

.mn-ht-45p {
  min-height: 45%;
}

.ht-45-force {
  height: 45px !important;
}

.ht-45p-force {
  height: 45% !important;
}

.ht-50 {
  height: 50px;
}

.ht-50p {
  height: 50%;
}

.mx-ht-50p {
  max-height: 50%;
}

.mn-ht-50p {
  min-height: 50%;
}

.ht-50-force {
  height: 50px !important;
}

.ht-50p-force {
  height: 50% !important;
}

.ht-55 {
  height: 55px;
}

.ht-55p {
  height: 55%;
}

.mx-ht-55p {
  max-height: 55%;
}

.mn-ht-55p {
  min-height: 55%;
}

.ht-55-force {
  height: 55px !important;
}

.ht-55p-force {
  height: 55% !important;
}

.ht-60 {
  height: 60px;
}

.ht-60p {
  height: 60%;
}

.mx-ht-60p {
  max-height: 60%;
}

.mn-ht-60p {
  min-height: 60%;
}

.ht-60-force {
  height: 60px !important;
}

.ht-60p-force {
  height: 60% !important;
}

.ht-65 {
  height: 65px;
}

.ht-65p {
  height: 65%;
}

.mx-ht-65p {
  max-height: 65%;
}

.mn-ht-65p {
  min-height: 65%;
}

.ht-65-force {
  height: 65px !important;
}

.ht-65p-force {
  height: 65% !important;
}

.ht-70 {
  height: 70px;
}

.ht-70p {
  height: 70%;
}

.mx-ht-70p {
  max-height: 70%;
}

.mn-ht-70p {
  min-height: 70%;
}

.ht-70-force {
  height: 70px !important;
}

.ht-70p-force {
  height: 70% !important;
}

.ht-75 {
  height: 75px;
}

.ht-75p {
  height: 75%;
}

.mx-ht-75p {
  max-height: 75%;
}

.mn-ht-75p {
  min-height: 75%;
}

.ht-75-force {
  height: 75px !important;
}

.ht-75p-force {
  height: 75% !important;
}

.ht-80 {
  height: 80px;
}

.ht-80p {
  height: 80%;
}

.mx-ht-80p {
  max-height: 80%;
}

.mn-ht-80p {
  min-height: 80%;
}

.ht-80-force {
  height: 80px !important;
}

.ht-80p-force {
  height: 80% !important;
}

.ht-85 {
  height: 85px;
}

.ht-85p {
  height: 85%;
}

.mx-ht-85p {
  max-height: 85%;
}

.mn-ht-85p {
  min-height: 85%;
}

.ht-85-force {
  height: 85px !important;
}

.ht-85p-force {
  height: 85% !important;
}

.ht-90 {
  height: 90px;
}

.ht-90p {
  height: 90%;
}

.mx-ht-90p {
  max-height: 90%;
}

.mn-ht-90p {
  min-height: 90%;
}

.ht-90-force {
  height: 90px !important;
}

.ht-90p-force {
  height: 90% !important;
}

.ht-95 {
  height: 95px;
}

.ht-95p {
  height: 95%;
}

.mx-ht-95p {
  max-height: 95%;
}

.mn-ht-95p {
  min-height: 95%;
}

.ht-95-force {
  height: 95px !important;
}

.ht-95p-force {
  height: 95% !important;
}

.ht-100 {
  height: 100px;
}

.ht-100p {
  height: 100%;
}

.mx-ht-100p {
  max-height: 100%;
}

.mn-ht-100p {
  min-height: 100%;
}

.ht-100-force {
  height: 100px !important;
}

.ht-100p-force {
  height: 100% !important;
}

.ht-150 {
  height: 150px;
}

.ht-200 {
  height: 200px;
}

.ht-250 {
  height: 250px;
}

.ht-300 {
  height: 300px;
}

.ht-350 {
  height: 350px;
}

.ht-400 {
  height: 400px;
}

.ht-450 {
  height: 450px;
}

.ht-500 {
  height: 500px;
}

.ht-550 {
  height: 550px;
}

.ht-600 {
  height: 600px;
}

.ht-650 {
  height: 650px;
}

.ht-700 {
  height: 700px;
}

.ht-750 {
  height: 750px;
}

.ht-800 {
  height: 800px;
}

.ht-100v {
  height: 100vh;
}

.ht-1 {
  height: 1px;
}

.ht-2 {
  height: 2px;
}

.ht-3 {
  height: 3px;
}

.ht-4 {
  height: 4px;
}

.ht-6 {
  height: 6px;
}

.ht-7 {
  height: 7px;
}

.ht-8 {
  height: 8px;
}

.ht-9 {
  height: 9px;
}

.ht-auto {
  height: auto;
}

.ht-16 {
  height: 16px;
}

.ht-32 {
  height: 32px;
}

.ht-36 {
  height: 36px;
}

.ht-42 {
  height: 42px;
}

.ht-48 {
  height: 48px;
}

.ht-64 {
  height: 64px;
}

.ht-72 {
  height: 72px;
}

.ht-115 {
  height: 115px;
}

.ht-120 {
  height: 120px;
}

.ht-160 {
  height: 160px;
}

/* -------------------------------------- */
/* ############### Margin ############### */
/* -------------------------------------- */
.mg-0 {
  margin: 0px;
}

.mg-0-force {
  margin: 0px !important;
}

.mg-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mg-y-0-force {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mg-x-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mg-x-0-force {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.mg-t-0 {
  margin-top: 0px;
}

.mg-r-0 {
  margin-right: 0px;
}

.mg-b-0 {
  margin-bottom: 0px;
}

.mg-l-0 {
  margin-left: 0px;
}

.mg-t-0-force {
  margin-top: 0px !important;
}

.mg-r-0-force {
  margin-right: 0px !important;
}

.mg-b-0-force {
  margin-bottom: 0px !important;
}

.mg-l-0-force {
  margin-left: 0px !important;
}

.mg-1 {
  margin: 1px;
}

.mg-1-force {
  margin: 1px !important;
}

.mg-y-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mg-y-1-force {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mg-x-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.mg-x-1-force {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.mg-t-1 {
  margin-top: 1px;
}

.mg-r-1 {
  margin-right: 1px;
}

.mg-b-1 {
  margin-bottom: 1px;
}

.mg-l-1 {
  margin-left: 1px;
}

.mg-t-1-force {
  margin-top: 1px !important;
}

.mg-r-1-force {
  margin-right: 1px !important;
}

.mg-b-1-force {
  margin-bottom: 1px !important;
}

.mg-l-1-force {
  margin-left: 1px !important;
}

.mg-2 {
  margin: 2px;
}

.mg-2-force {
  margin: 2px !important;
}

.mg-y-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.mg-y-2-force {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mg-x-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.mg-x-2-force {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.mg-t-2 {
  margin-top: 2px;
}

.mg-r-2 {
  margin-right: 2px;
}

.mg-b-2 {
  margin-bottom: 2px;
}

.mg-l-2 {
  margin-left: 2px;
}

.mg-t-2-force {
  margin-top: 2px !important;
}

.mg-r-2-force {
  margin-right: 2px !important;
}

.mg-b-2-force {
  margin-bottom: 2px !important;
}

.mg-l-2-force {
  margin-left: 2px !important;
}

.mg-3 {
  margin: 3px;
}

.mg-3-force {
  margin: 3px !important;
}

.mg-y-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.mg-y-3-force {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.mg-x-3 {
  margin-left: 3px;
  margin-right: 3px;
}

.mg-x-3-force {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.mg-t-3 {
  margin-top: 3px;
}

.mg-r-3 {
  margin-right: 3px;
}

.mg-b-3 {
  margin-bottom: 3px;
}

.mg-l-3 {
  margin-left: 3px;
}

.mg-t-3-force {
  margin-top: 3px !important;
}

.mg-r-3-force {
  margin-right: 3px !important;
}

.mg-b-3-force {
  margin-bottom: 3px !important;
}

.mg-l-3-force {
  margin-left: 3px !important;
}

.mg-4 {
  margin: 4px;
}

.mg-4-force {
  margin: 4px !important;
}

.mg-y-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mg-y-4-force {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mg-x-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.mg-x-4-force {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mg-t-4 {
  margin-top: 4px;
}

.mg-r-4 {
  margin-right: 4px;
}

.mg-b-4 {
  margin-bottom: 4px;
}

.mg-l-4 {
  margin-left: 4px;
}

.mg-t-4-force {
  margin-top: 4px !important;
}

.mg-r-4-force {
  margin-right: 4px !important;
}

.mg-b-4-force {
  margin-bottom: 4px !important;
}

.mg-l-4-force {
  margin-left: 4px !important;
}

.mg-5 {
  margin: 5px;
}

.mg-5-force {
  margin: 5px !important;
}

.mg-y-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mg-y-5-force {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mg-x-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.mg-x-5-force {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mg-t-5 {
  margin-top: 5px;
}

.mg-r-5 {
  margin-right: 5px;
}

.mg-b-5 {
  margin-bottom: 5px;
}

.mg-l-5 {
  margin-left: 5px;
}

.mg-t-5-force {
  margin-top: 5px !important;
}

.mg-r-5-force {
  margin-right: 5px !important;
}

.mg-b-5-force {
  margin-bottom: 5px !important;
}

.mg-l-5-force {
  margin-left: 5px !important;
}

.mg-6 {
  margin: 6px;
}

.mg-6-force {
  margin: 6px !important;
}

.mg-y-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.mg-y-6-force {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.mg-x-6 {
  margin-left: 6px;
  margin-right: 6px;
}

.mg-x-6-force {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.mg-t-6 {
  margin-top: 6px;
}

.mg-r-6 {
  margin-right: 6px;
}

.mg-b-6 {
  margin-bottom: 6px;
}

.mg-l-6 {
  margin-left: 6px;
}

.mg-t-6-force {
  margin-top: 6px !important;
}

.mg-r-6-force {
  margin-right: 6px !important;
}

.mg-b-6-force {
  margin-bottom: 6px !important;
}

.mg-l-6-force {
  margin-left: 6px !important;
}

.mg-7 {
  margin: 7px;
}

.mg-7-force {
  margin: 7px !important;
}

.mg-y-7 {
  margin-top: 7px;
  margin-bottom: 7px;
}

.mg-y-7-force {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.mg-x-7 {
  margin-left: 7px;
  margin-right: 7px;
}

.mg-x-7-force {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.mg-t-7 {
  margin-top: 7px;
}

.mg-r-7 {
  margin-right: 7px;
}

.mg-b-7 {
  margin-bottom: 7px;
}

.mg-l-7 {
  margin-left: 7px;
}

.mg-t-7-force {
  margin-top: 7px !important;
}

.mg-r-7-force {
  margin-right: 7px !important;
}

.mg-b-7-force {
  margin-bottom: 7px !important;
}

.mg-l-7-force {
  margin-left: 7px !important;
}

.mg-8 {
  margin: 8px;
}

.mg-8-force {
  margin: 8px !important;
}

.mg-y-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mg-y-8-force {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mg-x-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.mg-x-8-force {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mg-t-8 {
  margin-top: 8px;
}

.mg-r-8 {
  margin-right: 8px;
}

.mg-b-8 {
  margin-bottom: 8px;
}

.mg-l-8 {
  margin-left: 8px;
}

.mg-t-8-force {
  margin-top: 8px !important;
}

.mg-r-8-force {
  margin-right: 8px !important;
}

.mg-b-8-force {
  margin-bottom: 8px !important;
}

.mg-l-8-force {
  margin-left: 8px !important;
}

.mg-9 {
  margin: 9px;
}

.mg-9-force {
  margin: 9px !important;
}

.mg-y-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.mg-y-9-force {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.mg-x-9 {
  margin-left: 9px;
  margin-right: 9px;
}

.mg-x-9-force {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.mg-t-9 {
  margin-top: 9px;
}

.mg-r-9 {
  margin-right: 9px;
}

.mg-b-9 {
  margin-bottom: 9px;
}

.mg-l-9 {
  margin-left: 9px;
}

.mg-t-9-force {
  margin-top: 9px !important;
}

.mg-r-9-force {
  margin-right: 9px !important;
}

.mg-b-9-force {
  margin-bottom: 9px !important;
}

.mg-l-9-force {
  margin-left: 9px !important;
}

.mg-10 {
  margin: 10px;
}

.mg-10-force {
  margin: 10px !important;
}

.mg-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mg-y-10-force {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mg-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mg-x-10-force {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mg-t-10 {
  margin-top: 10px;
}

.mg-r-10 {
  margin-right: 10px;
}

.mg-b-10 {
  margin-bottom: 10px;
}

.mg-l-10 {
  margin-left: 10px;
}

.mg-t-10-force {
  margin-top: 10px !important;
}

.mg-r-10-force {
  margin-right: 10px !important;
}

.mg-b-10-force {
  margin-bottom: 10px !important;
}

.mg-l-10-force {
  margin-left: 10px !important;
}

.mg-15 {
  margin: 15px;
}

.mg-15-force {
  margin: 15px !important;
}

.mg-y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mg-y-15-force {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mg-x-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.mg-x-15-force {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mg-t-15 {
  margin-top: 15px;
}

.mg-r-15 {
  margin-right: 15px;
}

.mg-b-15 {
  margin-bottom: 15px;
}

.mg-l-15 {
  margin-left: 15px;
}

.mg-t-15-force {
  margin-top: 15px !important;
}

.mg-r-15-force {
  margin-right: 15px !important;
}

.mg-b-15-force {
  margin-bottom: 15px !important;
}

.mg-l-15-force {
  margin-left: 15px !important;
}

.mg-20 {
  margin: 20px;
}

.mg-20-force {
  margin: 20px !important;
}

.mg-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mg-y-20-force {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mg-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mg-x-20-force {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mg-t-20 {
  margin-top: 20px;
}

.mg-r-20 {
  margin-right: 20px;
}

.mg-b-20 {
  margin-bottom: 20px;
}

.mg-l-20 {
  margin-left: 20px;
}

.mg-t-20-force {
  margin-top: 20px !important;
}

.mg-r-20-force {
  margin-right: 20px !important;
}

.mg-b-20-force {
  margin-bottom: 20px !important;
}

.mg-l-20-force {
  margin-left: 20px !important;
}

.mg-25 {
  margin: 25px;
}

.mg-25-force {
  margin: 25px !important;
}

.mg-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mg-y-25-force {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mg-x-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.mg-x-25-force {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.mg-t-25 {
  margin-top: 25px;
}

.mg-r-25 {
  margin-right: 25px;
}

.mg-b-25 {
  margin-bottom: 25px;
}

.mg-l-25 {
  margin-left: 25px;
}

.mg-t-25-force {
  margin-top: 25px !important;
}

.mg-r-25-force {
  margin-right: 25px !important;
}

.mg-b-25-force {
  margin-bottom: 25px !important;
}

.mg-l-25-force {
  margin-left: 25px !important;
}

.mg-30 {
  margin: 30px;
}

.mg-30-force {
  margin: 30px !important;
}

.mg-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mg-y-30-force {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mg-x-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mg-x-30-force {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mg-t-30 {
  margin-top: 30px;
}

.mg-r-30 {
  margin-right: 30px;
}

.mg-b-30 {
  margin-bottom: 30px;
}

.mg-l-30 {
  margin-left: 30px;
}

.mg-t-30-force {
  margin-top: 30px !important;
}

.mg-r-30-force {
  margin-right: 30px !important;
}

.mg-b-30-force {
  margin-bottom: 30px !important;
}

.mg-l-30-force {
  margin-left: 30px !important;
}

.mg-35 {
  margin: 35px;
}

.mg-35-force {
  margin: 35px !important;
}

.mg-y-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mg-y-35-force {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mg-x-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.mg-x-35-force {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.mg-t-35 {
  margin-top: 35px;
}

.mg-r-35 {
  margin-right: 35px;
}

.mg-b-35 {
  margin-bottom: 35px;
}

.mg-l-35 {
  margin-left: 35px;
}

.mg-t-35-force {
  margin-top: 35px !important;
}

.mg-r-35-force {
  margin-right: 35px !important;
}

.mg-b-35-force {
  margin-bottom: 35px !important;
}

.mg-l-35-force {
  margin-left: 35px !important;
}

.mg-40 {
  margin: 40px;
}

.mg-40-force {
  margin: 40px !important;
}

.mg-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mg-y-40-force {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mg-x-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.mg-x-40-force {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mg-t-40 {
  margin-top: 40px;
}

.mg-r-40 {
  margin-right: 40px;
}

.mg-b-40 {
  margin-bottom: 40px;
}

.mg-l-40 {
  margin-left: 40px;
}

.mg-t-40-force {
  margin-top: 40px !important;
}

.mg-r-40-force {
  margin-right: 40px !important;
}

.mg-b-40-force {
  margin-bottom: 40px !important;
}

.mg-l-40-force {
  margin-left: 40px !important;
}

.mg-45 {
  margin: 45px;
}

.mg-45-force {
  margin: 45px !important;
}

.mg-y-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mg-y-45-force {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mg-x-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.mg-x-45-force {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.mg-t-45 {
  margin-top: 45px;
}

.mg-r-45 {
  margin-right: 45px;
}

.mg-b-45 {
  margin-bottom: 45px;
}

.mg-l-45 {
  margin-left: 45px;
}

.mg-t-45-force {
  margin-top: 45px !important;
}

.mg-r-45-force {
  margin-right: 45px !important;
}

.mg-b-45-force {
  margin-bottom: 45px !important;
}

.mg-l-45-force {
  margin-left: 45px !important;
}

.mg-50 {
  margin: 50px;
}

.mg-50-force {
  margin: 50px !important;
}

.mg-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mg-y-50-force {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mg-x-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mg-x-50-force {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mg-t-50 {
  margin-top: 50px;
}

.mg-r-50 {
  margin-right: 50px;
}

.mg-b-50 {
  margin-bottom: 50px;
}

.mg-l-50 {
  margin-left: 50px;
}

.mg-t-50-force {
  margin-top: 50px !important;
}

.mg-r-50-force {
  margin-right: 50px !important;
}

.mg-b-50-force {
  margin-bottom: 50px !important;
}

.mg-l-50-force {
  margin-left: 50px !important;
}

.mg-55 {
  margin: 55px;
}

.mg-55-force {
  margin: 55px !important;
}

.mg-y-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mg-y-55-force {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mg-x-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.mg-x-55-force {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.mg-t-55 {
  margin-top: 55px;
}

.mg-r-55 {
  margin-right: 55px;
}

.mg-b-55 {
  margin-bottom: 55px;
}

.mg-l-55 {
  margin-left: 55px;
}

.mg-t-55-force {
  margin-top: 55px !important;
}

.mg-r-55-force {
  margin-right: 55px !important;
}

.mg-b-55-force {
  margin-bottom: 55px !important;
}

.mg-l-55-force {
  margin-left: 55px !important;
}

.mg-60 {
  margin: 60px;
}

.mg-60-force {
  margin: 60px !important;
}

.mg-y-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mg-y-60-force {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mg-x-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.mg-x-60-force {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mg-t-60 {
  margin-top: 60px;
}

.mg-r-60 {
  margin-right: 60px;
}

.mg-b-60 {
  margin-bottom: 60px;
}

.mg-l-60 {
  margin-left: 60px;
}

.mg-t-60-force {
  margin-top: 60px !important;
}

.mg-r-60-force {
  margin-right: 60px !important;
}

.mg-b-60-force {
  margin-bottom: 60px !important;
}

.mg-l-60-force {
  margin-left: 60px !important;
}

.mg-65 {
  margin: 65px;
}

.mg-65-force {
  margin: 65px !important;
}

.mg-y-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mg-y-65-force {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.mg-x-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.mg-x-65-force {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.mg-t-65 {
  margin-top: 65px;
}

.mg-r-65 {
  margin-right: 65px;
}

.mg-b-65 {
  margin-bottom: 65px;
}

.mg-l-65 {
  margin-left: 65px;
}

.mg-t-65-force {
  margin-top: 65px !important;
}

.mg-r-65-force {
  margin-right: 65px !important;
}

.mg-b-65-force {
  margin-bottom: 65px !important;
}

.mg-l-65-force {
  margin-left: 65px !important;
}

.mg-70 {
  margin: 70px;
}

.mg-70-force {
  margin: 70px !important;
}

.mg-y-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mg-y-70-force {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.mg-x-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.mg-x-70-force {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.mg-t-70 {
  margin-top: 70px;
}

.mg-r-70 {
  margin-right: 70px;
}

.mg-b-70 {
  margin-bottom: 70px;
}

.mg-l-70 {
  margin-left: 70px;
}

.mg-t-70-force {
  margin-top: 70px !important;
}

.mg-r-70-force {
  margin-right: 70px !important;
}

.mg-b-70-force {
  margin-bottom: 70px !important;
}

.mg-l-70-force {
  margin-left: 70px !important;
}

.mg-75 {
  margin: 75px;
}

.mg-75-force {
  margin: 75px !important;
}

.mg-y-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mg-y-75-force {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.mg-x-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.mg-x-75-force {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.mg-t-75 {
  margin-top: 75px;
}

.mg-r-75 {
  margin-right: 75px;
}

.mg-b-75 {
  margin-bottom: 75px;
}

.mg-l-75 {
  margin-left: 75px;
}

.mg-t-75-force {
  margin-top: 75px !important;
}

.mg-r-75-force {
  margin-right: 75px !important;
}

.mg-b-75-force {
  margin-bottom: 75px !important;
}

.mg-l-75-force {
  margin-left: 75px !important;
}

.mg-80 {
  margin: 80px;
}

.mg-80-force {
  margin: 80px !important;
}

.mg-y-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mg-y-80-force {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mg-x-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.mg-x-80-force {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mg-t-80 {
  margin-top: 80px;
}

.mg-r-80 {
  margin-right: 80px;
}

.mg-b-80 {
  margin-bottom: 80px;
}

.mg-l-80 {
  margin-left: 80px;
}

.mg-t-80-force {
  margin-top: 80px !important;
}

.mg-r-80-force {
  margin-right: 80px !important;
}

.mg-b-80-force {
  margin-bottom: 80px !important;
}

.mg-l-80-force {
  margin-left: 80px !important;
}

.mg-85 {
  margin: 85px;
}

.mg-85-force {
  margin: 85px !important;
}

.mg-y-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mg-y-85-force {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.mg-x-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.mg-x-85-force {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.mg-t-85 {
  margin-top: 85px;
}

.mg-r-85 {
  margin-right: 85px;
}

.mg-b-85 {
  margin-bottom: 85px;
}

.mg-l-85 {
  margin-left: 85px;
}

.mg-t-85-force {
  margin-top: 85px !important;
}

.mg-r-85-force {
  margin-right: 85px !important;
}

.mg-b-85-force {
  margin-bottom: 85px !important;
}

.mg-l-85-force {
  margin-left: 85px !important;
}

.mg-90 {
  margin: 90px;
}

.mg-90-force {
  margin: 90px !important;
}

.mg-y-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mg-y-90-force {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.mg-x-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.mg-x-90-force {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.mg-t-90 {
  margin-top: 90px;
}

.mg-r-90 {
  margin-right: 90px;
}

.mg-b-90 {
  margin-bottom: 90px;
}

.mg-l-90 {
  margin-left: 90px;
}

.mg-t-90-force {
  margin-top: 90px !important;
}

.mg-r-90-force {
  margin-right: 90px !important;
}

.mg-b-90-force {
  margin-bottom: 90px !important;
}

.mg-l-90-force {
  margin-left: 90px !important;
}

.mg-95 {
  margin: 95px;
}

.mg-95-force {
  margin: 95px !important;
}

.mg-y-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mg-y-95-force {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.mg-x-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.mg-x-95-force {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.mg-t-95 {
  margin-top: 95px;
}

.mg-r-95 {
  margin-right: 95px;
}

.mg-b-95 {
  margin-bottom: 95px;
}

.mg-l-95 {
  margin-left: 95px;
}

.mg-t-95-force {
  margin-top: 95px !important;
}

.mg-r-95-force {
  margin-right: 95px !important;
}

.mg-b-95-force {
  margin-bottom: 95px !important;
}

.mg-l-95-force {
  margin-left: 95px !important;
}

.mg-100 {
  margin: 100px;
}

.mg-100-force {
  margin: 100px !important;
}

.mg-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mg-y-100-force {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mg-x-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.mg-x-100-force {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.mg-t-100 {
  margin-top: 100px;
}

.mg-r-100 {
  margin-right: 100px;
}

.mg-b-100 {
  margin-bottom: 100px;
}

.mg-l-100 {
  margin-left: 100px;
}

.mg-t-100-force {
  margin-top: 100px !important;
}

.mg-r-100-force {
  margin-right: 100px !important;
}

.mg-b-100-force {
  margin-bottom: 100px !important;
}

.mg-l-100-force {
  margin-left: 100px !important;
}

.mg-105 {
  margin: 105px;
}

.mg-105-force {
  margin: 105px !important;
}

.mg-y-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.mg-y-105-force {
  margin-top: 105px !important;
  margin-bottom: 105px !important;
}

.mg-x-105 {
  margin-left: 105px;
  margin-right: 105px;
}

.mg-x-105-force {
  margin-left: 105px !important;
  margin-right: 105px !important;
}

.mg-t-105 {
  margin-top: 105px;
}

.mg-r-105 {
  margin-right: 105px;
}

.mg-b-105 {
  margin-bottom: 105px;
}

.mg-l-105 {
  margin-left: 105px;
}

.mg-t-105-force {
  margin-top: 105px !important;
}

.mg-r-105-force {
  margin-right: 105px !important;
}

.mg-b-105-force {
  margin-bottom: 105px !important;
}

.mg-l-105-force {
  margin-left: 105px !important;
}

.mg-110 {
  margin: 110px;
}

.mg-110-force {
  margin: 110px !important;
}

.mg-y-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mg-y-110-force {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}

.mg-x-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.mg-x-110-force {
  margin-left: 110px !important;
  margin-right: 110px !important;
}

.mg-t-110 {
  margin-top: 110px;
}

.mg-r-110 {
  margin-right: 110px;
}

.mg-b-110 {
  margin-bottom: 110px;
}

.mg-l-110 {
  margin-left: 110px;
}

.mg-t-110-force {
  margin-top: 110px !important;
}

.mg-r-110-force {
  margin-right: 110px !important;
}

.mg-b-110-force {
  margin-bottom: 110px !important;
}

.mg-l-110-force {
  margin-left: 110px !important;
}

.mg-115 {
  margin: 115px;
}

.mg-115-force {
  margin: 115px !important;
}

.mg-y-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.mg-y-115-force {
  margin-top: 115px !important;
  margin-bottom: 115px !important;
}

.mg-x-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.mg-x-115-force {
  margin-left: 115px !important;
  margin-right: 115px !important;
}

.mg-t-115 {
  margin-top: 115px;
}

.mg-r-115 {
  margin-right: 115px;
}

.mg-b-115 {
  margin-bottom: 115px;
}

.mg-l-115 {
  margin-left: 115px;
}

.mg-t-115-force {
  margin-top: 115px !important;
}

.mg-r-115-force {
  margin-right: 115px !important;
}

.mg-b-115-force {
  margin-bottom: 115px !important;
}

.mg-l-115-force {
  margin-left: 115px !important;
}

.mg-120 {
  margin: 120px;
}

.mg-120-force {
  margin: 120px !important;
}

.mg-y-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mg-y-120-force {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.mg-x-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.mg-x-120-force {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.mg-t-120 {
  margin-top: 120px;
}

.mg-r-120 {
  margin-right: 120px;
}

.mg-b-120 {
  margin-bottom: 120px;
}

.mg-l-120 {
  margin-left: 120px;
}

.mg-t-120-force {
  margin-top: 120px !important;
}

.mg-r-120-force {
  margin-right: 120px !important;
}

.mg-b-120-force {
  margin-bottom: 120px !important;
}

.mg-l-120-force {
  margin-left: 120px !important;
}

.mg-b-13 {
  margin-bottom: 13px;
}

.mg-b-12 {
  margin-bottom: 12px;
}

.mg-t-auto {
  margin-top: auto;
}

.mg-r-auto {
  margin-right: auto;
}

.mg-b-auto {
  margin-bottom: auto;
}

.mg-l-auto {
  margin-left: auto;
}

.mg-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.mg-l--1 {
  margin-left: -1px;
}

.mg-r--1 {
  margin-right: -1px;
}

.mg-t--1 {
  margin-top: -1px;
}

.mg-l--5 {
  margin-left: -5px;
}

.mg-r--5 {
  margin-right: -5px;
}

@media (min-width: 480px) {
  .mg-xs-0 {
    margin: 0px;
  }
  .mg-xs-0-force {
    margin: 0px !important;
  }
  .mg-xs-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mg-xs-y-0-force {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mg-xs-x-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .mg-xs-x-0-force {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mg-xs-t-0 {
    margin-top: 0px;
  }
  .mg-xs-r-0 {
    margin-right: 0px;
  }
  .mg-xs-b-0 {
    margin-bottom: 0px;
  }
  .mg-xs-l-0 {
    margin-left: 0px;
  }
  .mg-xs-t-0-force {
    margin-top: 0px !important;
  }
  .mg-xs-r-0-force {
    margin-right: 0px !important;
  }
  .mg-xs-b-0-force {
    margin-bottom: 0px !important;
  }
  .mg-xs-l-0-force {
    margin-left: 0px !important;
  }
  .mg-xs-1 {
    margin: 1px;
  }
  .mg-xs-1-force {
    margin: 1px !important;
  }
  .mg-xs-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .mg-xs-y-1-force {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mg-xs-x-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .mg-xs-x-1-force {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .mg-xs-t-1 {
    margin-top: 1px;
  }
  .mg-xs-r-1 {
    margin-right: 1px;
  }
  .mg-xs-b-1 {
    margin-bottom: 1px;
  }
  .mg-xs-l-1 {
    margin-left: 1px;
  }
  .mg-xs-t-1-force {
    margin-top: 1px !important;
  }
  .mg-xs-r-1-force {
    margin-right: 1px !important;
  }
  .mg-xs-b-1-force {
    margin-bottom: 1px !important;
  }
  .mg-xs-l-1-force {
    margin-left: 1px !important;
  }
  .mg-xs-2 {
    margin: 2px;
  }
  .mg-xs-2-force {
    margin: 2px !important;
  }
  .mg-xs-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .mg-xs-y-2-force {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mg-xs-x-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .mg-xs-x-2-force {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mg-xs-t-2 {
    margin-top: 2px;
  }
  .mg-xs-r-2 {
    margin-right: 2px;
  }
  .mg-xs-b-2 {
    margin-bottom: 2px;
  }
  .mg-xs-l-2 {
    margin-left: 2px;
  }
  .mg-xs-t-2-force {
    margin-top: 2px !important;
  }
  .mg-xs-r-2-force {
    margin-right: 2px !important;
  }
  .mg-xs-b-2-force {
    margin-bottom: 2px !important;
  }
  .mg-xs-l-2-force {
    margin-left: 2px !important;
  }
  .mg-xs-3 {
    margin: 3px;
  }
  .mg-xs-3-force {
    margin: 3px !important;
  }
  .mg-xs-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .mg-xs-y-3-force {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .mg-xs-x-3 {
    margin-left: 3px;
    margin-right: 3px;
  }
  .mg-xs-x-3-force {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .mg-xs-t-3 {
    margin-top: 3px;
  }
  .mg-xs-r-3 {
    margin-right: 3px;
  }
  .mg-xs-b-3 {
    margin-bottom: 3px;
  }
  .mg-xs-l-3 {
    margin-left: 3px;
  }
  .mg-xs-t-3-force {
    margin-top: 3px !important;
  }
  .mg-xs-r-3-force {
    margin-right: 3px !important;
  }
  .mg-xs-b-3-force {
    margin-bottom: 3px !important;
  }
  .mg-xs-l-3-force {
    margin-left: 3px !important;
  }
  .mg-xs-4 {
    margin: 4px;
  }
  .mg-xs-4-force {
    margin: 4px !important;
  }
  .mg-xs-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .mg-xs-y-4-force {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mg-xs-x-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .mg-xs-x-4-force {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mg-xs-t-4 {
    margin-top: 4px;
  }
  .mg-xs-r-4 {
    margin-right: 4px;
  }
  .mg-xs-b-4 {
    margin-bottom: 4px;
  }
  .mg-xs-l-4 {
    margin-left: 4px;
  }
  .mg-xs-t-4-force {
    margin-top: 4px !important;
  }
  .mg-xs-r-4-force {
    margin-right: 4px !important;
  }
  .mg-xs-b-4-force {
    margin-bottom: 4px !important;
  }
  .mg-xs-l-4-force {
    margin-left: 4px !important;
  }
  .mg-xs-5 {
    margin: 5px;
  }
  .mg-xs-5-force {
    margin: 5px !important;
  }
  .mg-xs-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mg-xs-y-5-force {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mg-xs-x-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .mg-xs-x-5-force {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mg-xs-t-5 {
    margin-top: 5px;
  }
  .mg-xs-r-5 {
    margin-right: 5px;
  }
  .mg-xs-b-5 {
    margin-bottom: 5px;
  }
  .mg-xs-l-5 {
    margin-left: 5px;
  }
  .mg-xs-t-5-force {
    margin-top: 5px !important;
  }
  .mg-xs-r-5-force {
    margin-right: 5px !important;
  }
  .mg-xs-b-5-force {
    margin-bottom: 5px !important;
  }
  .mg-xs-l-5-force {
    margin-left: 5px !important;
  }
  .mg-xs-6 {
    margin: 6px;
  }
  .mg-xs-6-force {
    margin: 6px !important;
  }
  .mg-xs-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .mg-xs-y-6-force {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .mg-xs-x-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .mg-xs-x-6-force {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .mg-xs-t-6 {
    margin-top: 6px;
  }
  .mg-xs-r-6 {
    margin-right: 6px;
  }
  .mg-xs-b-6 {
    margin-bottom: 6px;
  }
  .mg-xs-l-6 {
    margin-left: 6px;
  }
  .mg-xs-t-6-force {
    margin-top: 6px !important;
  }
  .mg-xs-r-6-force {
    margin-right: 6px !important;
  }
  .mg-xs-b-6-force {
    margin-bottom: 6px !important;
  }
  .mg-xs-l-6-force {
    margin-left: 6px !important;
  }
  .mg-xs-7 {
    margin: 7px;
  }
  .mg-xs-7-force {
    margin: 7px !important;
  }
  .mg-xs-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .mg-xs-y-7-force {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
  .mg-xs-x-7 {
    margin-left: 7px;
    margin-right: 7px;
  }
  .mg-xs-x-7-force {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }
  .mg-xs-t-7 {
    margin-top: 7px;
  }
  .mg-xs-r-7 {
    margin-right: 7px;
  }
  .mg-xs-b-7 {
    margin-bottom: 7px;
  }
  .mg-xs-l-7 {
    margin-left: 7px;
  }
  .mg-xs-t-7-force {
    margin-top: 7px !important;
  }
  .mg-xs-r-7-force {
    margin-right: 7px !important;
  }
  .mg-xs-b-7-force {
    margin-bottom: 7px !important;
  }
  .mg-xs-l-7-force {
    margin-left: 7px !important;
  }
  .mg-xs-8 {
    margin: 8px;
  }
  .mg-xs-8-force {
    margin: 8px !important;
  }
  .mg-xs-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .mg-xs-y-8-force {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mg-xs-x-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .mg-xs-x-8-force {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mg-xs-t-8 {
    margin-top: 8px;
  }
  .mg-xs-r-8 {
    margin-right: 8px;
  }
  .mg-xs-b-8 {
    margin-bottom: 8px;
  }
  .mg-xs-l-8 {
    margin-left: 8px;
  }
  .mg-xs-t-8-force {
    margin-top: 8px !important;
  }
  .mg-xs-r-8-force {
    margin-right: 8px !important;
  }
  .mg-xs-b-8-force {
    margin-bottom: 8px !important;
  }
  .mg-xs-l-8-force {
    margin-left: 8px !important;
  }
  .mg-xs-9 {
    margin: 9px;
  }
  .mg-xs-9-force {
    margin: 9px !important;
  }
  .mg-xs-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
  }
  .mg-xs-y-9-force {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }
  .mg-xs-x-9 {
    margin-left: 9px;
    margin-right: 9px;
  }
  .mg-xs-x-9-force {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
  .mg-xs-t-9 {
    margin-top: 9px;
  }
  .mg-xs-r-9 {
    margin-right: 9px;
  }
  .mg-xs-b-9 {
    margin-bottom: 9px;
  }
  .mg-xs-l-9 {
    margin-left: 9px;
  }
  .mg-xs-t-9-force {
    margin-top: 9px !important;
  }
  .mg-xs-r-9-force {
    margin-right: 9px !important;
  }
  .mg-xs-b-9-force {
    margin-bottom: 9px !important;
  }
  .mg-xs-l-9-force {
    margin-left: 9px !important;
  }
  .mg-xs-10 {
    margin: 10px;
  }
  .mg-xs-10-force {
    margin: 10px !important;
  }
  .mg-xs-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mg-xs-y-10-force {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mg-xs-x-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .mg-xs-x-10-force {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mg-xs-t-10 {
    margin-top: 10px;
  }
  .mg-xs-r-10 {
    margin-right: 10px;
  }
  .mg-xs-b-10 {
    margin-bottom: 10px;
  }
  .mg-xs-l-10 {
    margin-left: 10px;
  }
  .mg-xs-t-10-force {
    margin-top: 10px !important;
  }
  .mg-xs-r-10-force {
    margin-right: 10px !important;
  }
  .mg-xs-b-10-force {
    margin-bottom: 10px !important;
  }
  .mg-xs-l-10-force {
    margin-left: 10px !important;
  }
  .mg-xs-15 {
    margin: 15px;
  }
  .mg-xs-15-force {
    margin: 15px !important;
  }
  .mg-xs-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mg-xs-y-15-force {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mg-xs-x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mg-xs-x-15-force {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mg-xs-t-15 {
    margin-top: 15px;
  }
  .mg-xs-r-15 {
    margin-right: 15px;
  }
  .mg-xs-b-15 {
    margin-bottom: 15px;
  }
  .mg-xs-l-15 {
    margin-left: 15px;
  }
  .mg-xs-t-15-force {
    margin-top: 15px !important;
  }
  .mg-xs-r-15-force {
    margin-right: 15px !important;
  }
  .mg-xs-b-15-force {
    margin-bottom: 15px !important;
  }
  .mg-xs-l-15-force {
    margin-left: 15px !important;
  }
  .mg-xs-20 {
    margin: 20px;
  }
  .mg-xs-20-force {
    margin: 20px !important;
  }
  .mg-xs-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mg-xs-y-20-force {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mg-xs-x-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .mg-xs-x-20-force {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mg-xs-t-20 {
    margin-top: 20px;
  }
  .mg-xs-r-20 {
    margin-right: 20px;
  }
  .mg-xs-b-20 {
    margin-bottom: 20px;
  }
  .mg-xs-l-20 {
    margin-left: 20px;
  }
  .mg-xs-t-20-force {
    margin-top: 20px !important;
  }
  .mg-xs-r-20-force {
    margin-right: 20px !important;
  }
  .mg-xs-b-20-force {
    margin-bottom: 20px !important;
  }
  .mg-xs-l-20-force {
    margin-left: 20px !important;
  }
  .mg-xs-25 {
    margin: 25px;
  }
  .mg-xs-25-force {
    margin: 25px !important;
  }
  .mg-xs-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mg-xs-y-25-force {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mg-xs-x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .mg-xs-x-25-force {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mg-xs-t-25 {
    margin-top: 25px;
  }
  .mg-xs-r-25 {
    margin-right: 25px;
  }
  .mg-xs-b-25 {
    margin-bottom: 25px;
  }
  .mg-xs-l-25 {
    margin-left: 25px;
  }
  .mg-xs-t-25-force {
    margin-top: 25px !important;
  }
  .mg-xs-r-25-force {
    margin-right: 25px !important;
  }
  .mg-xs-b-25-force {
    margin-bottom: 25px !important;
  }
  .mg-xs-l-25-force {
    margin-left: 25px !important;
  }
  .mg-xs-30 {
    margin: 30px;
  }
  .mg-xs-30-force {
    margin: 30px !important;
  }
  .mg-xs-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mg-xs-y-30-force {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mg-xs-x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .mg-xs-x-30-force {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mg-xs-t-30 {
    margin-top: 30px;
  }
  .mg-xs-r-30 {
    margin-right: 30px;
  }
  .mg-xs-b-30 {
    margin-bottom: 30px;
  }
  .mg-xs-l-30 {
    margin-left: 30px;
  }
  .mg-xs-t-30-force {
    margin-top: 30px !important;
  }
  .mg-xs-r-30-force {
    margin-right: 30px !important;
  }
  .mg-xs-b-30-force {
    margin-bottom: 30px !important;
  }
  .mg-xs-l-30-force {
    margin-left: 30px !important;
  }
  .mg-xs-35 {
    margin: 35px;
  }
  .mg-xs-35-force {
    margin: 35px !important;
  }
  .mg-xs-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mg-xs-y-35-force {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mg-xs-x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .mg-xs-x-35-force {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mg-xs-t-35 {
    margin-top: 35px;
  }
  .mg-xs-r-35 {
    margin-right: 35px;
  }
  .mg-xs-b-35 {
    margin-bottom: 35px;
  }
  .mg-xs-l-35 {
    margin-left: 35px;
  }
  .mg-xs-t-35-force {
    margin-top: 35px !important;
  }
  .mg-xs-r-35-force {
    margin-right: 35px !important;
  }
  .mg-xs-b-35-force {
    margin-bottom: 35px !important;
  }
  .mg-xs-l-35-force {
    margin-left: 35px !important;
  }
  .mg-xs-40 {
    margin: 40px;
  }
  .mg-xs-40-force {
    margin: 40px !important;
  }
  .mg-xs-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mg-xs-y-40-force {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mg-xs-x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .mg-xs-x-40-force {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mg-xs-t-40 {
    margin-top: 40px;
  }
  .mg-xs-r-40 {
    margin-right: 40px;
  }
  .mg-xs-b-40 {
    margin-bottom: 40px;
  }
  .mg-xs-l-40 {
    margin-left: 40px;
  }
  .mg-xs-t-40-force {
    margin-top: 40px !important;
  }
  .mg-xs-r-40-force {
    margin-right: 40px !important;
  }
  .mg-xs-b-40-force {
    margin-bottom: 40px !important;
  }
  .mg-xs-l-40-force {
    margin-left: 40px !important;
  }
  .mg-xs-45 {
    margin: 45px;
  }
  .mg-xs-45-force {
    margin: 45px !important;
  }
  .mg-xs-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mg-xs-y-45-force {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mg-xs-x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .mg-xs-x-45-force {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mg-xs-t-45 {
    margin-top: 45px;
  }
  .mg-xs-r-45 {
    margin-right: 45px;
  }
  .mg-xs-b-45 {
    margin-bottom: 45px;
  }
  .mg-xs-l-45 {
    margin-left: 45px;
  }
  .mg-xs-t-45-force {
    margin-top: 45px !important;
  }
  .mg-xs-r-45-force {
    margin-right: 45px !important;
  }
  .mg-xs-b-45-force {
    margin-bottom: 45px !important;
  }
  .mg-xs-l-45-force {
    margin-left: 45px !important;
  }
  .mg-xs-50 {
    margin: 50px;
  }
  .mg-xs-50-force {
    margin: 50px !important;
  }
  .mg-xs-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mg-xs-y-50-force {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mg-xs-x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .mg-xs-x-50-force {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mg-xs-t-50 {
    margin-top: 50px;
  }
  .mg-xs-r-50 {
    margin-right: 50px;
  }
  .mg-xs-b-50 {
    margin-bottom: 50px;
  }
  .mg-xs-l-50 {
    margin-left: 50px;
  }
  .mg-xs-t-50-force {
    margin-top: 50px !important;
  }
  .mg-xs-r-50-force {
    margin-right: 50px !important;
  }
  .mg-xs-b-50-force {
    margin-bottom: 50px !important;
  }
  .mg-xs-l-50-force {
    margin-left: 50px !important;
  }
  .mg-xs-55 {
    margin: 55px;
  }
  .mg-xs-55-force {
    margin: 55px !important;
  }
  .mg-xs-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mg-xs-y-55-force {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mg-xs-x-55 {
    margin-left: 55px;
    margin-right: 55px;
  }
  .mg-xs-x-55-force {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mg-xs-t-55 {
    margin-top: 55px;
  }
  .mg-xs-r-55 {
    margin-right: 55px;
  }
  .mg-xs-b-55 {
    margin-bottom: 55px;
  }
  .mg-xs-l-55 {
    margin-left: 55px;
  }
  .mg-xs-t-55-force {
    margin-top: 55px !important;
  }
  .mg-xs-r-55-force {
    margin-right: 55px !important;
  }
  .mg-xs-b-55-force {
    margin-bottom: 55px !important;
  }
  .mg-xs-l-55-force {
    margin-left: 55px !important;
  }
  .mg-xs-60 {
    margin: 60px;
  }
  .mg-xs-60-force {
    margin: 60px !important;
  }
  .mg-xs-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mg-xs-y-60-force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mg-xs-x-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .mg-xs-x-60-force {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mg-xs-t-60 {
    margin-top: 60px;
  }
  .mg-xs-r-60 {
    margin-right: 60px;
  }
  .mg-xs-b-60 {
    margin-bottom: 60px;
  }
  .mg-xs-l-60 {
    margin-left: 60px;
  }
  .mg-xs-t-60-force {
    margin-top: 60px !important;
  }
  .mg-xs-r-60-force {
    margin-right: 60px !important;
  }
  .mg-xs-b-60-force {
    margin-bottom: 60px !important;
  }
  .mg-xs-l-60-force {
    margin-left: 60px !important;
  }
  .mg-xs-65 {
    margin: 65px;
  }
  .mg-xs-65-force {
    margin: 65px !important;
  }
  .mg-xs-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mg-xs-y-65-force {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mg-xs-x-65 {
    margin-left: 65px;
    margin-right: 65px;
  }
  .mg-xs-x-65-force {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mg-xs-t-65 {
    margin-top: 65px;
  }
  .mg-xs-r-65 {
    margin-right: 65px;
  }
  .mg-xs-b-65 {
    margin-bottom: 65px;
  }
  .mg-xs-l-65 {
    margin-left: 65px;
  }
  .mg-xs-t-65-force {
    margin-top: 65px !important;
  }
  .mg-xs-r-65-force {
    margin-right: 65px !important;
  }
  .mg-xs-b-65-force {
    margin-bottom: 65px !important;
  }
  .mg-xs-l-65-force {
    margin-left: 65px !important;
  }
  .mg-xs-70 {
    margin: 70px;
  }
  .mg-xs-70-force {
    margin: 70px !important;
  }
  .mg-xs-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mg-xs-y-70-force {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mg-xs-x-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .mg-xs-x-70-force {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mg-xs-t-70 {
    margin-top: 70px;
  }
  .mg-xs-r-70 {
    margin-right: 70px;
  }
  .mg-xs-b-70 {
    margin-bottom: 70px;
  }
  .mg-xs-l-70 {
    margin-left: 70px;
  }
  .mg-xs-t-70-force {
    margin-top: 70px !important;
  }
  .mg-xs-r-70-force {
    margin-right: 70px !important;
  }
  .mg-xs-b-70-force {
    margin-bottom: 70px !important;
  }
  .mg-xs-l-70-force {
    margin-left: 70px !important;
  }
  .mg-xs-75 {
    margin: 75px;
  }
  .mg-xs-75-force {
    margin: 75px !important;
  }
  .mg-xs-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mg-xs-y-75-force {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mg-xs-x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .mg-xs-x-75-force {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mg-xs-t-75 {
    margin-top: 75px;
  }
  .mg-xs-r-75 {
    margin-right: 75px;
  }
  .mg-xs-b-75 {
    margin-bottom: 75px;
  }
  .mg-xs-l-75 {
    margin-left: 75px;
  }
  .mg-xs-t-75-force {
    margin-top: 75px !important;
  }
  .mg-xs-r-75-force {
    margin-right: 75px !important;
  }
  .mg-xs-b-75-force {
    margin-bottom: 75px !important;
  }
  .mg-xs-l-75-force {
    margin-left: 75px !important;
  }
  .mg-xs-80 {
    margin: 80px;
  }
  .mg-xs-80-force {
    margin: 80px !important;
  }
  .mg-xs-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mg-xs-y-80-force {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mg-xs-x-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .mg-xs-x-80-force {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mg-xs-t-80 {
    margin-top: 80px;
  }
  .mg-xs-r-80 {
    margin-right: 80px;
  }
  .mg-xs-b-80 {
    margin-bottom: 80px;
  }
  .mg-xs-l-80 {
    margin-left: 80px;
  }
  .mg-xs-t-80-force {
    margin-top: 80px !important;
  }
  .mg-xs-r-80-force {
    margin-right: 80px !important;
  }
  .mg-xs-b-80-force {
    margin-bottom: 80px !important;
  }
  .mg-xs-l-80-force {
    margin-left: 80px !important;
  }
  .mg-xs-85 {
    margin: 85px;
  }
  .mg-xs-85-force {
    margin: 85px !important;
  }
  .mg-xs-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mg-xs-y-85-force {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mg-xs-x-85 {
    margin-left: 85px;
    margin-right: 85px;
  }
  .mg-xs-x-85-force {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mg-xs-t-85 {
    margin-top: 85px;
  }
  .mg-xs-r-85 {
    margin-right: 85px;
  }
  .mg-xs-b-85 {
    margin-bottom: 85px;
  }
  .mg-xs-l-85 {
    margin-left: 85px;
  }
  .mg-xs-t-85-force {
    margin-top: 85px !important;
  }
  .mg-xs-r-85-force {
    margin-right: 85px !important;
  }
  .mg-xs-b-85-force {
    margin-bottom: 85px !important;
  }
  .mg-xs-l-85-force {
    margin-left: 85px !important;
  }
  .mg-xs-90 {
    margin: 90px;
  }
  .mg-xs-90-force {
    margin: 90px !important;
  }
  .mg-xs-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mg-xs-y-90-force {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mg-xs-x-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .mg-xs-x-90-force {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mg-xs-t-90 {
    margin-top: 90px;
  }
  .mg-xs-r-90 {
    margin-right: 90px;
  }
  .mg-xs-b-90 {
    margin-bottom: 90px;
  }
  .mg-xs-l-90 {
    margin-left: 90px;
  }
  .mg-xs-t-90-force {
    margin-top: 90px !important;
  }
  .mg-xs-r-90-force {
    margin-right: 90px !important;
  }
  .mg-xs-b-90-force {
    margin-bottom: 90px !important;
  }
  .mg-xs-l-90-force {
    margin-left: 90px !important;
  }
  .mg-xs-95 {
    margin: 95px;
  }
  .mg-xs-95-force {
    margin: 95px !important;
  }
  .mg-xs-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mg-xs-y-95-force {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mg-xs-x-95 {
    margin-left: 95px;
    margin-right: 95px;
  }
  .mg-xs-x-95-force {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mg-xs-t-95 {
    margin-top: 95px;
  }
  .mg-xs-r-95 {
    margin-right: 95px;
  }
  .mg-xs-b-95 {
    margin-bottom: 95px;
  }
  .mg-xs-l-95 {
    margin-left: 95px;
  }
  .mg-xs-t-95-force {
    margin-top: 95px !important;
  }
  .mg-xs-r-95-force {
    margin-right: 95px !important;
  }
  .mg-xs-b-95-force {
    margin-bottom: 95px !important;
  }
  .mg-xs-l-95-force {
    margin-left: 95px !important;
  }
  .mg-xs-100 {
    margin: 100px;
  }
  .mg-xs-100-force {
    margin: 100px !important;
  }
  .mg-xs-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mg-xs-y-100-force {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mg-xs-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .mg-xs-x-100-force {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mg-xs-t-100 {
    margin-top: 100px;
  }
  .mg-xs-r-100 {
    margin-right: 100px;
  }
  .mg-xs-b-100 {
    margin-bottom: 100px;
  }
  .mg-xs-l-100 {
    margin-left: 100px;
  }
  .mg-xs-t-100-force {
    margin-top: 100px !important;
  }
  .mg-xs-r-100-force {
    margin-right: 100px !important;
  }
  .mg-xs-b-100-force {
    margin-bottom: 100px !important;
  }
  .mg-xs-l-100-force {
    margin-left: 100px !important;
  }
  .mg-xs-t-auto {
    margin-top: auto;
  }
  .mg-xs-r-auto {
    margin-right: auto;
  }
  .mg-xs-b-auto {
    margin-bottom: auto;
  }
  .mg-xs-l-auto {
    margin-left: auto;
  }
  .mg-xs-auto {
    margin: auto;
  }
  .mg-xs-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-xs-l--1 {
    margin-left: -1px;
  }
  .mg-xs-r--1 {
    margin-right: -1px;
  }
  .mg-xs-t--1 {
    margin-top: -1px;
  }
}

@media (min-width: 599px) {
  .mg-sm-0 {
    margin: 0px;
  }
  .mg-sm-0-force {
    margin: 0px !important;
  }
  .mg-sm-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mg-sm-y-0-force {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mg-sm-x-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .mg-sm-x-0-force {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mg-sm-t-0 {
    margin-top: 0px;
  }
  .mg-sm-r-0 {
    margin-right: 0px;
  }
  .mg-sm-b-0 {
    margin-bottom: 0px;
  }
  .mg-sm-l-0 {
    margin-left: 0px;
  }
  .mg-sm-t-0-force {
    margin-top: 0px !important;
  }
  .mg-sm-r-0-force {
    margin-right: 0px !important;
  }
  .mg-sm-b-0-force {
    margin-bottom: 0px !important;
  }
  .mg-sm-l-0-force {
    margin-left: 0px !important;
  }
  .mg-sm-1 {
    margin: 1px;
  }
  .mg-sm-1-force {
    margin: 1px !important;
  }
  .mg-sm-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .mg-sm-y-1-force {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mg-sm-x-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .mg-sm-x-1-force {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .mg-sm-t-1 {
    margin-top: 1px;
  }
  .mg-sm-r-1 {
    margin-right: 1px;
  }
  .mg-sm-b-1 {
    margin-bottom: 1px;
  }
  .mg-sm-l-1 {
    margin-left: 1px;
  }
  .mg-sm-t-1-force {
    margin-top: 1px !important;
  }
  .mg-sm-r-1-force {
    margin-right: 1px !important;
  }
  .mg-sm-b-1-force {
    margin-bottom: 1px !important;
  }
  .mg-sm-l-1-force {
    margin-left: 1px !important;
  }
  .mg-sm-2 {
    margin: 2px;
  }
  .mg-sm-2-force {
    margin: 2px !important;
  }
  .mg-sm-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .mg-sm-y-2-force {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mg-sm-x-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .mg-sm-x-2-force {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mg-sm-t-2 {
    margin-top: 2px;
  }
  .mg-sm-r-2 {
    margin-right: 2px;
  }
  .mg-sm-b-2 {
    margin-bottom: 2px;
  }
  .mg-sm-l-2 {
    margin-left: 2px;
  }
  .mg-sm-t-2-force {
    margin-top: 2px !important;
  }
  .mg-sm-r-2-force {
    margin-right: 2px !important;
  }
  .mg-sm-b-2-force {
    margin-bottom: 2px !important;
  }
  .mg-sm-l-2-force {
    margin-left: 2px !important;
  }
  .mg-sm-3 {
    margin: 3px;
  }
  .mg-sm-3-force {
    margin: 3px !important;
  }
  .mg-sm-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .mg-sm-y-3-force {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .mg-sm-x-3 {
    margin-left: 3px;
    margin-right: 3px;
  }
  .mg-sm-x-3-force {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .mg-sm-t-3 {
    margin-top: 3px;
  }
  .mg-sm-r-3 {
    margin-right: 3px;
  }
  .mg-sm-b-3 {
    margin-bottom: 3px;
  }
  .mg-sm-l-3 {
    margin-left: 3px;
  }
  .mg-sm-t-3-force {
    margin-top: 3px !important;
  }
  .mg-sm-r-3-force {
    margin-right: 3px !important;
  }
  .mg-sm-b-3-force {
    margin-bottom: 3px !important;
  }
  .mg-sm-l-3-force {
    margin-left: 3px !important;
  }
  .mg-sm-4 {
    margin: 4px;
  }
  .mg-sm-4-force {
    margin: 4px !important;
  }
  .mg-sm-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .mg-sm-y-4-force {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mg-sm-x-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .mg-sm-x-4-force {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mg-sm-t-4 {
    margin-top: 4px;
  }
  .mg-sm-r-4 {
    margin-right: 4px;
  }
  .mg-sm-b-4 {
    margin-bottom: 4px;
  }
  .mg-sm-l-4 {
    margin-left: 4px;
  }
  .mg-sm-t-4-force {
    margin-top: 4px !important;
  }
  .mg-sm-r-4-force {
    margin-right: 4px !important;
  }
  .mg-sm-b-4-force {
    margin-bottom: 4px !important;
  }
  .mg-sm-l-4-force {
    margin-left: 4px !important;
  }
  .mg-sm-5 {
    margin: 5px;
  }
  .mg-sm-5-force {
    margin: 5px !important;
  }
  .mg-sm-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mg-sm-y-5-force {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mg-sm-x-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .mg-sm-x-5-force {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mg-sm-t-5 {
    margin-top: 5px;
  }
  .mg-sm-r-5 {
    margin-right: 5px;
  }
  .mg-sm-b-5 {
    margin-bottom: 5px;
  }
  .mg-sm-l-5 {
    margin-left: 5px;
  }
  .mg-sm-t-5-force {
    margin-top: 5px !important;
  }
  .mg-sm-r-5-force {
    margin-right: 5px !important;
  }
  .mg-sm-b-5-force {
    margin-bottom: 5px !important;
  }
  .mg-sm-l-5-force {
    margin-left: 5px !important;
  }
  .mg-sm-6 {
    margin: 6px;
  }
  .mg-sm-6-force {
    margin: 6px !important;
  }
  .mg-sm-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .mg-sm-y-6-force {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .mg-sm-x-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .mg-sm-x-6-force {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .mg-sm-t-6 {
    margin-top: 6px;
  }
  .mg-sm-r-6 {
    margin-right: 6px;
  }
  .mg-sm-b-6 {
    margin-bottom: 6px;
  }
  .mg-sm-l-6 {
    margin-left: 6px;
  }
  .mg-sm-t-6-force {
    margin-top: 6px !important;
  }
  .mg-sm-r-6-force {
    margin-right: 6px !important;
  }
  .mg-sm-b-6-force {
    margin-bottom: 6px !important;
  }
  .mg-sm-l-6-force {
    margin-left: 6px !important;
  }
  .mg-sm-7 {
    margin: 7px;
  }
  .mg-sm-7-force {
    margin: 7px !important;
  }
  .mg-sm-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .mg-sm-y-7-force {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
  .mg-sm-x-7 {
    margin-left: 7px;
    margin-right: 7px;
  }
  .mg-sm-x-7-force {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }
  .mg-sm-t-7 {
    margin-top: 7px;
  }
  .mg-sm-r-7 {
    margin-right: 7px;
  }
  .mg-sm-b-7 {
    margin-bottom: 7px;
  }
  .mg-sm-l-7 {
    margin-left: 7px;
  }
  .mg-sm-t-7-force {
    margin-top: 7px !important;
  }
  .mg-sm-r-7-force {
    margin-right: 7px !important;
  }
  .mg-sm-b-7-force {
    margin-bottom: 7px !important;
  }
  .mg-sm-l-7-force {
    margin-left: 7px !important;
  }
  .mg-sm-8 {
    margin: 8px;
  }
  .mg-sm-8-force {
    margin: 8px !important;
  }
  .mg-sm-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .mg-sm-y-8-force {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mg-sm-x-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .mg-sm-x-8-force {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mg-sm-t-8 {
    margin-top: 8px;
  }
  .mg-sm-r-8 {
    margin-right: 8px;
  }
  .mg-sm-b-8 {
    margin-bottom: 8px;
  }
  .mg-sm-l-8 {
    margin-left: 8px;
  }
  .mg-sm-t-8-force {
    margin-top: 8px !important;
  }
  .mg-sm-r-8-force {
    margin-right: 8px !important;
  }
  .mg-sm-b-8-force {
    margin-bottom: 8px !important;
  }
  .mg-sm-l-8-force {
    margin-left: 8px !important;
  }
  .mg-sm-9 {
    margin: 9px;
  }
  .mg-sm-9-force {
    margin: 9px !important;
  }
  .mg-sm-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
  }
  .mg-sm-y-9-force {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }
  .mg-sm-x-9 {
    margin-left: 9px;
    margin-right: 9px;
  }
  .mg-sm-x-9-force {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
  .mg-sm-t-9 {
    margin-top: 9px;
  }
  .mg-sm-r-9 {
    margin-right: 9px;
  }
  .mg-sm-b-9 {
    margin-bottom: 9px;
  }
  .mg-sm-l-9 {
    margin-left: 9px;
  }
  .mg-sm-t-9-force {
    margin-top: 9px !important;
  }
  .mg-sm-r-9-force {
    margin-right: 9px !important;
  }
  .mg-sm-b-9-force {
    margin-bottom: 9px !important;
  }
  .mg-sm-l-9-force {
    margin-left: 9px !important;
  }
  .mg-sm-10 {
    margin: 10px;
  }
  .mg-sm-10-force {
    margin: 10px !important;
  }
  .mg-sm-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mg-sm-y-10-force {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mg-sm-x-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .mg-sm-x-10-force {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mg-sm-t-10 {
    margin-top: 10px;
  }
  .mg-sm-r-10 {
    margin-right: 10px;
  }
  .mg-sm-b-10 {
    margin-bottom: 10px;
  }
  .mg-sm-l-10 {
    margin-left: 10px;
  }
  .mg-sm-t-10-force {
    margin-top: 10px !important;
  }
  .mg-sm-r-10-force {
    margin-right: 10px !important;
  }
  .mg-sm-b-10-force {
    margin-bottom: 10px !important;
  }
  .mg-sm-l-10-force {
    margin-left: 10px !important;
  }
  .mg-sm-15 {
    margin: 15px;
  }
  .mg-sm-15-force {
    margin: 15px !important;
  }
  .mg-sm-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mg-sm-y-15-force {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mg-sm-x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mg-sm-x-15-force {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mg-sm-t-15 {
    margin-top: 15px;
  }
  .mg-sm-r-15 {
    margin-right: 15px;
  }
  .mg-sm-b-15 {
    margin-bottom: 15px;
  }
  .mg-sm-l-15 {
    margin-left: 15px;
  }
  .mg-sm-t-15-force {
    margin-top: 15px !important;
  }
  .mg-sm-r-15-force {
    margin-right: 15px !important;
  }
  .mg-sm-b-15-force {
    margin-bottom: 15px !important;
  }
  .mg-sm-l-15-force {
    margin-left: 15px !important;
  }
  .mg-sm-20 {
    margin: 20px;
  }
  .mg-sm-20-force {
    margin: 20px !important;
  }
  .mg-sm-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mg-sm-y-20-force {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mg-sm-x-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .mg-sm-x-20-force {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mg-sm-t-20 {
    margin-top: 20px;
  }
  .mg-sm-r-20 {
    margin-right: 20px;
  }
  .mg-sm-b-20 {
    margin-bottom: 20px;
  }
  .mg-sm-l-20 {
    margin-left: 20px;
  }
  .mg-sm-t-20-force {
    margin-top: 20px !important;
  }
  .mg-sm-r-20-force {
    margin-right: 20px !important;
  }
  .mg-sm-b-20-force {
    margin-bottom: 20px !important;
  }
  .mg-sm-l-20-force {
    margin-left: 20px !important;
  }
  .mg-sm-25 {
    margin: 25px;
  }
  .mg-sm-25-force {
    margin: 25px !important;
  }
  .mg-sm-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mg-sm-y-25-force {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mg-sm-x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .mg-sm-x-25-force {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mg-sm-t-25 {
    margin-top: 25px;
  }
  .mg-sm-r-25 {
    margin-right: 25px;
  }
  .mg-sm-b-25 {
    margin-bottom: 25px;
  }
  .mg-sm-l-25 {
    margin-left: 25px;
  }
  .mg-sm-t-25-force {
    margin-top: 25px !important;
  }
  .mg-sm-r-25-force {
    margin-right: 25px !important;
  }
  .mg-sm-b-25-force {
    margin-bottom: 25px !important;
  }
  .mg-sm-l-25-force {
    margin-left: 25px !important;
  }
  .mg-sm-30 {
    margin: 30px;
  }
  .mg-sm-30-force {
    margin: 30px !important;
  }
  .mg-sm-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mg-sm-y-30-force {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mg-sm-x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .mg-sm-x-30-force {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mg-sm-t-30 {
    margin-top: 30px;
  }
  .mg-sm-r-30 {
    margin-right: 30px;
  }
  .mg-sm-b-30 {
    margin-bottom: 30px;
  }
  .mg-sm-l-30 {
    margin-left: 30px;
  }
  .mg-sm-t-30-force {
    margin-top: 30px !important;
  }
  .mg-sm-r-30-force {
    margin-right: 30px !important;
  }
  .mg-sm-b-30-force {
    margin-bottom: 30px !important;
  }
  .mg-sm-l-30-force {
    margin-left: 30px !important;
  }
  .mg-sm-35 {
    margin: 35px;
  }
  .mg-sm-35-force {
    margin: 35px !important;
  }
  .mg-sm-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mg-sm-y-35-force {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mg-sm-x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .mg-sm-x-35-force {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mg-sm-t-35 {
    margin-top: 35px;
  }
  .mg-sm-r-35 {
    margin-right: 35px;
  }
  .mg-sm-b-35 {
    margin-bottom: 35px;
  }
  .mg-sm-l-35 {
    margin-left: 35px;
  }
  .mg-sm-t-35-force {
    margin-top: 35px !important;
  }
  .mg-sm-r-35-force {
    margin-right: 35px !important;
  }
  .mg-sm-b-35-force {
    margin-bottom: 35px !important;
  }
  .mg-sm-l-35-force {
    margin-left: 35px !important;
  }
  .mg-sm-40 {
    margin: 40px;
  }
  .mg-sm-40-force {
    margin: 40px !important;
  }
  .mg-sm-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mg-sm-y-40-force {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mg-sm-x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .mg-sm-x-40-force {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mg-sm-t-40 {
    margin-top: 40px;
  }
  .mg-sm-r-40 {
    margin-right: 40px;
  }
  .mg-sm-b-40 {
    margin-bottom: 40px;
  }
  .mg-sm-l-40 {
    margin-left: 40px;
  }
  .mg-sm-t-40-force {
    margin-top: 40px !important;
  }
  .mg-sm-r-40-force {
    margin-right: 40px !important;
  }
  .mg-sm-b-40-force {
    margin-bottom: 40px !important;
  }
  .mg-sm-l-40-force {
    margin-left: 40px !important;
  }
  .mg-sm-45 {
    margin: 45px;
  }
  .mg-sm-45-force {
    margin: 45px !important;
  }
  .mg-sm-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mg-sm-y-45-force {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mg-sm-x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .mg-sm-x-45-force {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mg-sm-t-45 {
    margin-top: 45px;
  }
  .mg-sm-r-45 {
    margin-right: 45px;
  }
  .mg-sm-b-45 {
    margin-bottom: 45px;
  }
  .mg-sm-l-45 {
    margin-left: 45px;
  }
  .mg-sm-t-45-force {
    margin-top: 45px !important;
  }
  .mg-sm-r-45-force {
    margin-right: 45px !important;
  }
  .mg-sm-b-45-force {
    margin-bottom: 45px !important;
  }
  .mg-sm-l-45-force {
    margin-left: 45px !important;
  }
  .mg-sm-50 {
    margin: 50px;
  }
  .mg-sm-50-force {
    margin: 50px !important;
  }
  .mg-sm-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mg-sm-y-50-force {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mg-sm-x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .mg-sm-x-50-force {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mg-sm-t-50 {
    margin-top: 50px;
  }
  .mg-sm-r-50 {
    margin-right: 50px;
  }
  .mg-sm-b-50 {
    margin-bottom: 50px;
  }
  .mg-sm-l-50 {
    margin-left: 50px;
  }
  .mg-sm-t-50-force {
    margin-top: 50px !important;
  }
  .mg-sm-r-50-force {
    margin-right: 50px !important;
  }
  .mg-sm-b-50-force {
    margin-bottom: 50px !important;
  }
  .mg-sm-l-50-force {
    margin-left: 50px !important;
  }
  .mg-sm-55 {
    margin: 55px;
  }
  .mg-sm-55-force {
    margin: 55px !important;
  }
  .mg-sm-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mg-sm-y-55-force {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mg-sm-x-55 {
    margin-left: 55px;
    margin-right: 55px;
  }
  .mg-sm-x-55-force {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mg-sm-t-55 {
    margin-top: 55px;
  }
  .mg-sm-r-55 {
    margin-right: 55px;
  }
  .mg-sm-b-55 {
    margin-bottom: 55px;
  }
  .mg-sm-l-55 {
    margin-left: 55px;
  }
  .mg-sm-t-55-force {
    margin-top: 55px !important;
  }
  .mg-sm-r-55-force {
    margin-right: 55px !important;
  }
  .mg-sm-b-55-force {
    margin-bottom: 55px !important;
  }
  .mg-sm-l-55-force {
    margin-left: 55px !important;
  }
  .mg-sm-60 {
    margin: 60px;
  }
  .mg-sm-60-force {
    margin: 60px !important;
  }
  .mg-sm-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mg-sm-y-60-force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mg-sm-x-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .mg-sm-x-60-force {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mg-sm-t-60 {
    margin-top: 60px;
  }
  .mg-sm-r-60 {
    margin-right: 60px;
  }
  .mg-sm-b-60 {
    margin-bottom: 60px;
  }
  .mg-sm-l-60 {
    margin-left: 60px;
  }
  .mg-sm-t-60-force {
    margin-top: 60px !important;
  }
  .mg-sm-r-60-force {
    margin-right: 60px !important;
  }
  .mg-sm-b-60-force {
    margin-bottom: 60px !important;
  }
  .mg-sm-l-60-force {
    margin-left: 60px !important;
  }
  .mg-sm-65 {
    margin: 65px;
  }
  .mg-sm-65-force {
    margin: 65px !important;
  }
  .mg-sm-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mg-sm-y-65-force {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mg-sm-x-65 {
    margin-left: 65px;
    margin-right: 65px;
  }
  .mg-sm-x-65-force {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mg-sm-t-65 {
    margin-top: 65px;
  }
  .mg-sm-r-65 {
    margin-right: 65px;
  }
  .mg-sm-b-65 {
    margin-bottom: 65px;
  }
  .mg-sm-l-65 {
    margin-left: 65px;
  }
  .mg-sm-t-65-force {
    margin-top: 65px !important;
  }
  .mg-sm-r-65-force {
    margin-right: 65px !important;
  }
  .mg-sm-b-65-force {
    margin-bottom: 65px !important;
  }
  .mg-sm-l-65-force {
    margin-left: 65px !important;
  }
  .mg-sm-70 {
    margin: 70px;
  }
  .mg-sm-70-force {
    margin: 70px !important;
  }
  .mg-sm-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mg-sm-y-70-force {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mg-sm-x-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .mg-sm-x-70-force {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mg-sm-t-70 {
    margin-top: 70px;
  }
  .mg-sm-r-70 {
    margin-right: 70px;
  }
  .mg-sm-b-70 {
    margin-bottom: 70px;
  }
  .mg-sm-l-70 {
    margin-left: 70px;
  }
  .mg-sm-t-70-force {
    margin-top: 70px !important;
  }
  .mg-sm-r-70-force {
    margin-right: 70px !important;
  }
  .mg-sm-b-70-force {
    margin-bottom: 70px !important;
  }
  .mg-sm-l-70-force {
    margin-left: 70px !important;
  }
  .mg-sm-75 {
    margin: 75px;
  }
  .mg-sm-75-force {
    margin: 75px !important;
  }
  .mg-sm-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mg-sm-y-75-force {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mg-sm-x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .mg-sm-x-75-force {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mg-sm-t-75 {
    margin-top: 75px;
  }
  .mg-sm-r-75 {
    margin-right: 75px;
  }
  .mg-sm-b-75 {
    margin-bottom: 75px;
  }
  .mg-sm-l-75 {
    margin-left: 75px;
  }
  .mg-sm-t-75-force {
    margin-top: 75px !important;
  }
  .mg-sm-r-75-force {
    margin-right: 75px !important;
  }
  .mg-sm-b-75-force {
    margin-bottom: 75px !important;
  }
  .mg-sm-l-75-force {
    margin-left: 75px !important;
  }
  .mg-sm-80 {
    margin: 80px;
  }
  .mg-sm-80-force {
    margin: 80px !important;
  }
  .mg-sm-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mg-sm-y-80-force {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mg-sm-x-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .mg-sm-x-80-force {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mg-sm-t-80 {
    margin-top: 80px;
  }
  .mg-sm-r-80 {
    margin-right: 80px;
  }
  .mg-sm-b-80 {
    margin-bottom: 80px;
  }
  .mg-sm-l-80 {
    margin-left: 80px;
  }
  .mg-sm-t-80-force {
    margin-top: 80px !important;
  }
  .mg-sm-r-80-force {
    margin-right: 80px !important;
  }
  .mg-sm-b-80-force {
    margin-bottom: 80px !important;
  }
  .mg-sm-l-80-force {
    margin-left: 80px !important;
  }
  .mg-sm-85 {
    margin: 85px;
  }
  .mg-sm-85-force {
    margin: 85px !important;
  }
  .mg-sm-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mg-sm-y-85-force {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mg-sm-x-85 {
    margin-left: 85px;
    margin-right: 85px;
  }
  .mg-sm-x-85-force {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mg-sm-t-85 {
    margin-top: 85px;
  }
  .mg-sm-r-85 {
    margin-right: 85px;
  }
  .mg-sm-b-85 {
    margin-bottom: 85px;
  }
  .mg-sm-l-85 {
    margin-left: 85px;
  }
  .mg-sm-t-85-force {
    margin-top: 85px !important;
  }
  .mg-sm-r-85-force {
    margin-right: 85px !important;
  }
  .mg-sm-b-85-force {
    margin-bottom: 85px !important;
  }
  .mg-sm-l-85-force {
    margin-left: 85px !important;
  }
  .mg-sm-90 {
    margin: 90px;
  }
  .mg-sm-90-force {
    margin: 90px !important;
  }
  .mg-sm-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mg-sm-y-90-force {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mg-sm-x-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .mg-sm-x-90-force {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mg-sm-t-90 {
    margin-top: 90px;
  }
  .mg-sm-r-90 {
    margin-right: 90px;
  }
  .mg-sm-b-90 {
    margin-bottom: 90px;
  }
  .mg-sm-l-90 {
    margin-left: 90px;
  }
  .mg-sm-t-90-force {
    margin-top: 90px !important;
  }
  .mg-sm-r-90-force {
    margin-right: 90px !important;
  }
  .mg-sm-b-90-force {
    margin-bottom: 90px !important;
  }
  .mg-sm-l-90-force {
    margin-left: 90px !important;
  }
  .mg-sm-95 {
    margin: 95px;
  }
  .mg-sm-95-force {
    margin: 95px !important;
  }
  .mg-sm-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mg-sm-y-95-force {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mg-sm-x-95 {
    margin-left: 95px;
    margin-right: 95px;
  }
  .mg-sm-x-95-force {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mg-sm-t-95 {
    margin-top: 95px;
  }
  .mg-sm-r-95 {
    margin-right: 95px;
  }
  .mg-sm-b-95 {
    margin-bottom: 95px;
  }
  .mg-sm-l-95 {
    margin-left: 95px;
  }
  .mg-sm-t-95-force {
    margin-top: 95px !important;
  }
  .mg-sm-r-95-force {
    margin-right: 95px !important;
  }
  .mg-sm-b-95-force {
    margin-bottom: 95px !important;
  }
  .mg-sm-l-95-force {
    margin-left: 95px !important;
  }
  .mg-sm-100 {
    margin: 100px;
  }
  .mg-sm-100-force {
    margin: 100px !important;
  }
  .mg-sm-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mg-sm-y-100-force {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mg-sm-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .mg-sm-x-100-force {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mg-sm-t-100 {
    margin-top: 100px;
  }
  .mg-sm-r-100 {
    margin-right: 100px;
  }
  .mg-sm-b-100 {
    margin-bottom: 100px;
  }
  .mg-sm-l-100 {
    margin-left: 100px;
  }
  .mg-sm-t-100-force {
    margin-top: 100px !important;
  }
  .mg-sm-r-100-force {
    margin-right: 100px !important;
  }
  .mg-sm-b-100-force {
    margin-bottom: 100px !important;
  }
  .mg-sm-l-100-force {
    margin-left: 100px !important;
  }
  .mg-sm-t-auto {
    margin-top: auto;
  }
  .mg-sm-r-auto {
    margin-right: auto;
  }
  .mg-sm-b-auto {
    margin-bottom: auto;
  }
  .mg-sm-l-auto {
    margin-left: auto;
  }
  .mg-sm-auto {
    margin: auto;
  }
  .mg-sm-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-sm-l--1 {
    margin-left: -1px;
  }
  .mg-sm-r--1 {
    margin-right: -1px;
  }
  .mg-sm-t--1 {
    margin-top: -1px;
  }
}

@media (min-width: 768px) {
  .mg-md-0 {
    margin: 0px;
  }
  .mg-md-0-force {
    margin: 0px !important;
  }
  .mg-md-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mg-md-y-0-force {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mg-md-x-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .mg-md-x-0-force {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mg-md-t-0 {
    margin-top: 0px;
  }
  .mg-md-r-0 {
    margin-right: 0px;
  }
  .mg-md-b-0 {
    margin-bottom: 0px;
  }
  .mg-md-l-0 {
    margin-left: 0px;
  }
  .mg-md-t-0-force {
    margin-top: 0px !important;
  }
  .mg-md-r-0-force {
    margin-right: 0px !important;
  }
  .mg-md-b-0-force {
    margin-bottom: 0px !important;
  }
  .mg-md-l-0-force {
    margin-left: 0px !important;
  }
  .mg-md-1 {
    margin: 1px;
  }
  .mg-md-1-force {
    margin: 1px !important;
  }
  .mg-md-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .mg-md-y-1-force {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mg-md-x-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .mg-md-x-1-force {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .mg-md-t-1 {
    margin-top: 1px;
  }
  .mg-md-r-1 {
    margin-right: 1px;
  }
  .mg-md-b-1 {
    margin-bottom: 1px;
  }
  .mg-md-l-1 {
    margin-left: 1px;
  }
  .mg-md-t-1-force {
    margin-top: 1px !important;
  }
  .mg-md-r-1-force {
    margin-right: 1px !important;
  }
  .mg-md-b-1-force {
    margin-bottom: 1px !important;
  }
  .mg-md-l-1-force {
    margin-left: 1px !important;
  }
  .mg-md-2 {
    margin: 2px;
  }
  .mg-md-2-force {
    margin: 2px !important;
  }
  .mg-md-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .mg-md-y-2-force {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mg-md-x-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .mg-md-x-2-force {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mg-md-t-2 {
    margin-top: 2px;
  }
  .mg-md-r-2 {
    margin-right: 2px;
  }
  .mg-md-b-2 {
    margin-bottom: 2px;
  }
  .mg-md-l-2 {
    margin-left: 2px;
  }
  .mg-md-t-2-force {
    margin-top: 2px !important;
  }
  .mg-md-r-2-force {
    margin-right: 2px !important;
  }
  .mg-md-b-2-force {
    margin-bottom: 2px !important;
  }
  .mg-md-l-2-force {
    margin-left: 2px !important;
  }
  .mg-md-3 {
    margin: 3px;
  }
  .mg-md-3-force {
    margin: 3px !important;
  }
  .mg-md-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .mg-md-y-3-force {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .mg-md-x-3 {
    margin-left: 3px;
    margin-right: 3px;
  }
  .mg-md-x-3-force {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .mg-md-t-3 {
    margin-top: 3px;
  }
  .mg-md-r-3 {
    margin-right: 3px;
  }
  .mg-md-b-3 {
    margin-bottom: 3px;
  }
  .mg-md-l-3 {
    margin-left: 3px;
  }
  .mg-md-t-3-force {
    margin-top: 3px !important;
  }
  .mg-md-r-3-force {
    margin-right: 3px !important;
  }
  .mg-md-b-3-force {
    margin-bottom: 3px !important;
  }
  .mg-md-l-3-force {
    margin-left: 3px !important;
  }
  .mg-md-4 {
    margin: 4px;
  }
  .mg-md-4-force {
    margin: 4px !important;
  }
  .mg-md-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .mg-md-y-4-force {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mg-md-x-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .mg-md-x-4-force {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mg-md-t-4 {
    margin-top: 4px;
  }
  .mg-md-r-4 {
    margin-right: 4px;
  }
  .mg-md-b-4 {
    margin-bottom: 4px;
  }
  .mg-md-l-4 {
    margin-left: 4px;
  }
  .mg-md-t-4-force {
    margin-top: 4px !important;
  }
  .mg-md-r-4-force {
    margin-right: 4px !important;
  }
  .mg-md-b-4-force {
    margin-bottom: 4px !important;
  }
  .mg-md-l-4-force {
    margin-left: 4px !important;
  }
  .mg-md-5 {
    margin: 5px;
  }
  .mg-md-5-force {
    margin: 5px !important;
  }
  .mg-md-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mg-md-y-5-force {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mg-md-x-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .mg-md-x-5-force {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mg-md-t-5 {
    margin-top: 5px;
  }
  .mg-md-r-5 {
    margin-right: 5px;
  }
  .mg-md-b-5 {
    margin-bottom: 5px;
  }
  .mg-md-l-5 {
    margin-left: 5px;
  }
  .mg-md-t-5-force {
    margin-top: 5px !important;
  }
  .mg-md-r-5-force {
    margin-right: 5px !important;
  }
  .mg-md-b-5-force {
    margin-bottom: 5px !important;
  }
  .mg-md-l-5-force {
    margin-left: 5px !important;
  }
  .mg-md-6 {
    margin: 6px;
  }
  .mg-md-6-force {
    margin: 6px !important;
  }
  .mg-md-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .mg-md-y-6-force {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .mg-md-x-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .mg-md-x-6-force {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .mg-md-t-6 {
    margin-top: 6px;
  }
  .mg-md-r-6 {
    margin-right: 6px;
  }
  .mg-md-b-6 {
    margin-bottom: 6px;
  }
  .mg-md-l-6 {
    margin-left: 6px;
  }
  .mg-md-t-6-force {
    margin-top: 6px !important;
  }
  .mg-md-r-6-force {
    margin-right: 6px !important;
  }
  .mg-md-b-6-force {
    margin-bottom: 6px !important;
  }
  .mg-md-l-6-force {
    margin-left: 6px !important;
  }
  .mg-md-7 {
    margin: 7px;
  }
  .mg-md-7-force {
    margin: 7px !important;
  }
  .mg-md-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .mg-md-y-7-force {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
  .mg-md-x-7 {
    margin-left: 7px;
    margin-right: 7px;
  }
  .mg-md-x-7-force {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }
  .mg-md-t-7 {
    margin-top: 7px;
  }
  .mg-md-r-7 {
    margin-right: 7px;
  }
  .mg-md-b-7 {
    margin-bottom: 7px;
  }
  .mg-md-l-7 {
    margin-left: 7px;
  }
  .mg-md-t-7-force {
    margin-top: 7px !important;
  }
  .mg-md-r-7-force {
    margin-right: 7px !important;
  }
  .mg-md-b-7-force {
    margin-bottom: 7px !important;
  }
  .mg-md-l-7-force {
    margin-left: 7px !important;
  }
  .mg-md-8 {
    margin: 8px;
  }
  .mg-md-8-force {
    margin: 8px !important;
  }
  .mg-md-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .mg-md-y-8-force {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mg-md-x-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .mg-md-x-8-force {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mg-md-t-8 {
    margin-top: 8px;
  }
  .mg-md-r-8 {
    margin-right: 8px;
  }
  .mg-md-b-8 {
    margin-bottom: 8px;
  }
  .mg-md-l-8 {
    margin-left: 8px;
  }
  .mg-md-t-8-force {
    margin-top: 8px !important;
  }
  .mg-md-r-8-force {
    margin-right: 8px !important;
  }
  .mg-md-b-8-force {
    margin-bottom: 8px !important;
  }
  .mg-md-l-8-force {
    margin-left: 8px !important;
  }
  .mg-md-9 {
    margin: 9px;
  }
  .mg-md-9-force {
    margin: 9px !important;
  }
  .mg-md-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
  }
  .mg-md-y-9-force {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }
  .mg-md-x-9 {
    margin-left: 9px;
    margin-right: 9px;
  }
  .mg-md-x-9-force {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
  .mg-md-t-9 {
    margin-top: 9px;
  }
  .mg-md-r-9 {
    margin-right: 9px;
  }
  .mg-md-b-9 {
    margin-bottom: 9px;
  }
  .mg-md-l-9 {
    margin-left: 9px;
  }
  .mg-md-t-9-force {
    margin-top: 9px !important;
  }
  .mg-md-r-9-force {
    margin-right: 9px !important;
  }
  .mg-md-b-9-force {
    margin-bottom: 9px !important;
  }
  .mg-md-l-9-force {
    margin-left: 9px !important;
  }
  .mg-md-10 {
    margin: 10px;
  }
  .mg-md-10-force {
    margin: 10px !important;
  }
  .mg-md-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mg-md-y-10-force {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mg-md-x-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .mg-md-x-10-force {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mg-md-t-10 {
    margin-top: 10px;
  }
  .mg-md-r-10 {
    margin-right: 10px;
  }
  .mg-md-b-10 {
    margin-bottom: 10px;
  }
  .mg-md-l-10 {
    margin-left: 10px;
  }
  .mg-md-t-10-force {
    margin-top: 10px !important;
  }
  .mg-md-r-10-force {
    margin-right: 10px !important;
  }
  .mg-md-b-10-force {
    margin-bottom: 10px !important;
  }
  .mg-md-l-10-force {
    margin-left: 10px !important;
  }
  .mg-md-15 {
    margin: 15px;
  }
  .mg-md-15-force {
    margin: 15px !important;
  }
  .mg-md-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mg-md-y-15-force {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mg-md-x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mg-md-x-15-force {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mg-md-t-15 {
    margin-top: 15px;
  }
  .mg-md-r-15 {
    margin-right: 15px;
  }
  .mg-md-b-15 {
    margin-bottom: 15px;
  }
  .mg-md-l-15 {
    margin-left: 15px;
  }
  .mg-md-t-15-force {
    margin-top: 15px !important;
  }
  .mg-md-r-15-force {
    margin-right: 15px !important;
  }
  .mg-md-b-15-force {
    margin-bottom: 15px !important;
  }
  .mg-md-l-15-force {
    margin-left: 15px !important;
  }
  .mg-md-20 {
    margin: 20px;
  }
  .mg-md-20-force {
    margin: 20px !important;
  }
  .mg-md-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mg-md-y-20-force {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mg-md-x-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .mg-md-x-20-force {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mg-md-t-20 {
    margin-top: 20px;
  }
  .mg-md-r-20 {
    margin-right: 20px;
  }
  .mg-md-b-20 {
    margin-bottom: 20px;
  }
  .mg-md-l-20 {
    margin-left: 20px;
  }
  .mg-md-t-20-force {
    margin-top: 20px !important;
  }
  .mg-md-r-20-force {
    margin-right: 20px !important;
  }
  .mg-md-b-20-force {
    margin-bottom: 20px !important;
  }
  .mg-md-l-20-force {
    margin-left: 20px !important;
  }
  .mg-md-25 {
    margin: 25px;
  }
  .mg-md-25-force {
    margin: 25px !important;
  }
  .mg-md-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mg-md-y-25-force {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mg-md-x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .mg-md-x-25-force {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mg-md-t-25 {
    margin-top: 25px;
  }
  .mg-md-r-25 {
    margin-right: 25px;
  }
  .mg-md-b-25 {
    margin-bottom: 25px;
  }
  .mg-md-l-25 {
    margin-left: 25px;
  }
  .mg-md-t-25-force {
    margin-top: 25px !important;
  }
  .mg-md-r-25-force {
    margin-right: 25px !important;
  }
  .mg-md-b-25-force {
    margin-bottom: 25px !important;
  }
  .mg-md-l-25-force {
    margin-left: 25px !important;
  }
  .mg-md-30 {
    margin: 30px;
  }
  .mg-md-30-force {
    margin: 30px !important;
  }
  .mg-md-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mg-md-y-30-force {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mg-md-x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .mg-md-x-30-force {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mg-md-t-30 {
    margin-top: 30px;
  }
  .mg-md-r-30 {
    margin-right: 30px;
  }
  .mg-md-b-30 {
    margin-bottom: 30px;
  }
  .mg-md-l-30 {
    margin-left: 30px;
  }
  .mg-md-t-30-force {
    margin-top: 30px !important;
  }
  .mg-md-r-30-force {
    margin-right: 30px !important;
  }
  .mg-md-b-30-force {
    margin-bottom: 30px !important;
  }
  .mg-md-l-30-force {
    margin-left: 30px !important;
  }
  .mg-md-35 {
    margin: 35px;
  }
  .mg-md-35-force {
    margin: 35px !important;
  }
  .mg-md-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mg-md-y-35-force {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mg-md-x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .mg-md-x-35-force {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mg-md-t-35 {
    margin-top: 35px;
  }
  .mg-md-r-35 {
    margin-right: 35px;
  }
  .mg-md-b-35 {
    margin-bottom: 35px;
  }
  .mg-md-l-35 {
    margin-left: 35px;
  }
  .mg-md-t-35-force {
    margin-top: 35px !important;
  }
  .mg-md-r-35-force {
    margin-right: 35px !important;
  }
  .mg-md-b-35-force {
    margin-bottom: 35px !important;
  }
  .mg-md-l-35-force {
    margin-left: 35px !important;
  }
  .mg-md-40 {
    margin: 40px;
  }
  .mg-md-40-force {
    margin: 40px !important;
  }
  .mg-md-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mg-md-y-40-force {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mg-md-x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .mg-md-x-40-force {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mg-md-t-40 {
    margin-top: 40px;
  }
  .mg-md-r-40 {
    margin-right: 40px;
  }
  .mg-md-b-40 {
    margin-bottom: 40px;
  }
  .mg-md-l-40 {
    margin-left: 40px;
  }
  .mg-md-t-40-force {
    margin-top: 40px !important;
  }
  .mg-md-r-40-force {
    margin-right: 40px !important;
  }
  .mg-md-b-40-force {
    margin-bottom: 40px !important;
  }
  .mg-md-l-40-force {
    margin-left: 40px !important;
  }
  .mg-md-45 {
    margin: 45px;
  }
  .mg-md-45-force {
    margin: 45px !important;
  }
  .mg-md-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mg-md-y-45-force {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mg-md-x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .mg-md-x-45-force {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mg-md-t-45 {
    margin-top: 45px;
  }
  .mg-md-r-45 {
    margin-right: 45px;
  }
  .mg-md-b-45 {
    margin-bottom: 45px;
  }
  .mg-md-l-45 {
    margin-left: 45px;
  }
  .mg-md-t-45-force {
    margin-top: 45px !important;
  }
  .mg-md-r-45-force {
    margin-right: 45px !important;
  }
  .mg-md-b-45-force {
    margin-bottom: 45px !important;
  }
  .mg-md-l-45-force {
    margin-left: 45px !important;
  }
  .mg-md-50 {
    margin: 50px;
  }
  .mg-md-50-force {
    margin: 50px !important;
  }
  .mg-md-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mg-md-y-50-force {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mg-md-x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .mg-md-x-50-force {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mg-md-t-50 {
    margin-top: 50px;
  }
  .mg-md-r-50 {
    margin-right: 50px;
  }
  .mg-md-b-50 {
    margin-bottom: 50px;
  }
  .mg-md-l-50 {
    margin-left: 50px;
  }
  .mg-md-t-50-force {
    margin-top: 50px !important;
  }
  .mg-md-r-50-force {
    margin-right: 50px !important;
  }
  .mg-md-b-50-force {
    margin-bottom: 50px !important;
  }
  .mg-md-l-50-force {
    margin-left: 50px !important;
  }
  .mg-md-55 {
    margin: 55px;
  }
  .mg-md-55-force {
    margin: 55px !important;
  }
  .mg-md-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mg-md-y-55-force {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mg-md-x-55 {
    margin-left: 55px;
    margin-right: 55px;
  }
  .mg-md-x-55-force {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mg-md-t-55 {
    margin-top: 55px;
  }
  .mg-md-r-55 {
    margin-right: 55px;
  }
  .mg-md-b-55 {
    margin-bottom: 55px;
  }
  .mg-md-l-55 {
    margin-left: 55px;
  }
  .mg-md-t-55-force {
    margin-top: 55px !important;
  }
  .mg-md-r-55-force {
    margin-right: 55px !important;
  }
  .mg-md-b-55-force {
    margin-bottom: 55px !important;
  }
  .mg-md-l-55-force {
    margin-left: 55px !important;
  }
  .mg-md-60 {
    margin: 60px;
  }
  .mg-md-60-force {
    margin: 60px !important;
  }
  .mg-md-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mg-md-y-60-force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mg-md-x-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .mg-md-x-60-force {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mg-md-t-60 {
    margin-top: 60px;
  }
  .mg-md-r-60 {
    margin-right: 60px;
  }
  .mg-md-b-60 {
    margin-bottom: 60px;
  }
  .mg-md-l-60 {
    margin-left: 60px;
  }
  .mg-md-t-60-force {
    margin-top: 60px !important;
  }
  .mg-md-r-60-force {
    margin-right: 60px !important;
  }
  .mg-md-b-60-force {
    margin-bottom: 60px !important;
  }
  .mg-md-l-60-force {
    margin-left: 60px !important;
  }
  .mg-md-65 {
    margin: 65px;
  }
  .mg-md-65-force {
    margin: 65px !important;
  }
  .mg-md-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mg-md-y-65-force {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mg-md-x-65 {
    margin-left: 65px;
    margin-right: 65px;
  }
  .mg-md-x-65-force {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mg-md-t-65 {
    margin-top: 65px;
  }
  .mg-md-r-65 {
    margin-right: 65px;
  }
  .mg-md-b-65 {
    margin-bottom: 65px;
  }
  .mg-md-l-65 {
    margin-left: 65px;
  }
  .mg-md-t-65-force {
    margin-top: 65px !important;
  }
  .mg-md-r-65-force {
    margin-right: 65px !important;
  }
  .mg-md-b-65-force {
    margin-bottom: 65px !important;
  }
  .mg-md-l-65-force {
    margin-left: 65px !important;
  }
  .mg-md-70 {
    margin: 70px;
  }
  .mg-md-70-force {
    margin: 70px !important;
  }
  .mg-md-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mg-md-y-70-force {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mg-md-x-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .mg-md-x-70-force {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mg-md-t-70 {
    margin-top: 70px;
  }
  .mg-md-r-70 {
    margin-right: 70px;
  }
  .mg-md-b-70 {
    margin-bottom: 70px;
  }
  .mg-md-l-70 {
    margin-left: 70px;
  }
  .mg-md-t-70-force {
    margin-top: 70px !important;
  }
  .mg-md-r-70-force {
    margin-right: 70px !important;
  }
  .mg-md-b-70-force {
    margin-bottom: 70px !important;
  }
  .mg-md-l-70-force {
    margin-left: 70px !important;
  }
  .mg-md-75 {
    margin: 75px;
  }
  .mg-md-75-force {
    margin: 75px !important;
  }
  .mg-md-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mg-md-y-75-force {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mg-md-x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .mg-md-x-75-force {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mg-md-t-75 {
    margin-top: 75px;
  }
  .mg-md-r-75 {
    margin-right: 75px;
  }
  .mg-md-b-75 {
    margin-bottom: 75px;
  }
  .mg-md-l-75 {
    margin-left: 75px;
  }
  .mg-md-t-75-force {
    margin-top: 75px !important;
  }
  .mg-md-r-75-force {
    margin-right: 75px !important;
  }
  .mg-md-b-75-force {
    margin-bottom: 75px !important;
  }
  .mg-md-l-75-force {
    margin-left: 75px !important;
  }
  .mg-md-80 {
    margin: 80px;
  }
  .mg-md-80-force {
    margin: 80px !important;
  }
  .mg-md-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mg-md-y-80-force {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mg-md-x-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .mg-md-x-80-force {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mg-md-t-80 {
    margin-top: 80px;
  }
  .mg-md-r-80 {
    margin-right: 80px;
  }
  .mg-md-b-80 {
    margin-bottom: 80px;
  }
  .mg-md-l-80 {
    margin-left: 80px;
  }
  .mg-md-t-80-force {
    margin-top: 80px !important;
  }
  .mg-md-r-80-force {
    margin-right: 80px !important;
  }
  .mg-md-b-80-force {
    margin-bottom: 80px !important;
  }
  .mg-md-l-80-force {
    margin-left: 80px !important;
  }
  .mg-md-85 {
    margin: 85px;
  }
  .mg-md-85-force {
    margin: 85px !important;
  }
  .mg-md-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mg-md-y-85-force {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mg-md-x-85 {
    margin-left: 85px;
    margin-right: 85px;
  }
  .mg-md-x-85-force {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mg-md-t-85 {
    margin-top: 85px;
  }
  .mg-md-r-85 {
    margin-right: 85px;
  }
  .mg-md-b-85 {
    margin-bottom: 85px;
  }
  .mg-md-l-85 {
    margin-left: 85px;
  }
  .mg-md-t-85-force {
    margin-top: 85px !important;
  }
  .mg-md-r-85-force {
    margin-right: 85px !important;
  }
  .mg-md-b-85-force {
    margin-bottom: 85px !important;
  }
  .mg-md-l-85-force {
    margin-left: 85px !important;
  }
  .mg-md-90 {
    margin: 90px;
  }
  .mg-md-90-force {
    margin: 90px !important;
  }
  .mg-md-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mg-md-y-90-force {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mg-md-x-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .mg-md-x-90-force {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mg-md-t-90 {
    margin-top: 90px;
  }
  .mg-md-r-90 {
    margin-right: 90px;
  }
  .mg-md-b-90 {
    margin-bottom: 90px;
  }
  .mg-md-l-90 {
    margin-left: 90px;
  }
  .mg-md-t-90-force {
    margin-top: 90px !important;
  }
  .mg-md-r-90-force {
    margin-right: 90px !important;
  }
  .mg-md-b-90-force {
    margin-bottom: 90px !important;
  }
  .mg-md-l-90-force {
    margin-left: 90px !important;
  }
  .mg-md-95 {
    margin: 95px;
  }
  .mg-md-95-force {
    margin: 95px !important;
  }
  .mg-md-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mg-md-y-95-force {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mg-md-x-95 {
    margin-left: 95px;
    margin-right: 95px;
  }
  .mg-md-x-95-force {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mg-md-t-95 {
    margin-top: 95px;
  }
  .mg-md-r-95 {
    margin-right: 95px;
  }
  .mg-md-b-95 {
    margin-bottom: 95px;
  }
  .mg-md-l-95 {
    margin-left: 95px;
  }
  .mg-md-t-95-force {
    margin-top: 95px !important;
  }
  .mg-md-r-95-force {
    margin-right: 95px !important;
  }
  .mg-md-b-95-force {
    margin-bottom: 95px !important;
  }
  .mg-md-l-95-force {
    margin-left: 95px !important;
  }
  .mg-md-100 {
    margin: 100px;
  }
  .mg-md-100-force {
    margin: 100px !important;
  }
  .mg-md-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mg-md-y-100-force {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mg-md-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .mg-md-x-100-force {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mg-md-t-100 {
    margin-top: 100px;
  }
  .mg-md-r-100 {
    margin-right: 100px;
  }
  .mg-md-b-100 {
    margin-bottom: 100px;
  }
  .mg-md-l-100 {
    margin-left: 100px;
  }
  .mg-md-t-100-force {
    margin-top: 100px !important;
  }
  .mg-md-r-100-force {
    margin-right: 100px !important;
  }
  .mg-md-b-100-force {
    margin-bottom: 100px !important;
  }
  .mg-md-l-100-force {
    margin-left: 100px !important;
  }
  .mg-md-t-auto {
    margin-top: auto;
  }
  .mg-md-r-auto {
    margin-right: auto;
  }
  .mg-md-b-auto {
    margin-bottom: auto;
  }
  .mg-md-l-auto {
    margin-left: auto;
  }
  .mg-md-auto {
    margin: auto;
  }
  .mg-md-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-md-l--1 {
    margin-left: -1px;
  }
  .mg-md-r--1 {
    margin-right: -1px;
  }
  .mg-md-t--1 {
    margin-top: -1px;
  }
}

@media (min-width: 991px) {
  .mg-lg-0 {
    margin: 0px;
  }
  .mg-lg-0-force {
    margin: 0px !important;
  }
  .mg-lg-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mg-lg-y-0-force {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mg-lg-x-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .mg-lg-x-0-force {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mg-lg-t-0 {
    margin-top: 0px;
  }
  .mg-lg-r-0 {
    margin-right: 0px;
  }
  .mg-lg-b-0 {
    margin-bottom: 0px;
  }
  .mg-lg-l-0 {
    margin-left: 0px;
  }
  .mg-lg-t-0-force {
    margin-top: 0px !important;
  }
  .mg-lg-r-0-force {
    margin-right: 0px !important;
  }
  .mg-lg-b-0-force {
    margin-bottom: 0px !important;
  }
  .mg-lg-l-0-force {
    margin-left: 0px !important;
  }
  .mg-lg-1 {
    margin: 1px;
  }
  .mg-lg-1-force {
    margin: 1px !important;
  }
  .mg-lg-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .mg-lg-y-1-force {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mg-lg-x-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .mg-lg-x-1-force {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .mg-lg-t-1 {
    margin-top: 1px;
  }
  .mg-lg-r-1 {
    margin-right: 1px;
  }
  .mg-lg-b-1 {
    margin-bottom: 1px;
  }
  .mg-lg-l-1 {
    margin-left: 1px;
  }
  .mg-lg-t-1-force {
    margin-top: 1px !important;
  }
  .mg-lg-r-1-force {
    margin-right: 1px !important;
  }
  .mg-lg-b-1-force {
    margin-bottom: 1px !important;
  }
  .mg-lg-l-1-force {
    margin-left: 1px !important;
  }
  .mg-lg-2 {
    margin: 2px;
  }
  .mg-lg-2-force {
    margin: 2px !important;
  }
  .mg-lg-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .mg-lg-y-2-force {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mg-lg-x-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .mg-lg-x-2-force {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mg-lg-t-2 {
    margin-top: 2px;
  }
  .mg-lg-r-2 {
    margin-right: 2px;
  }
  .mg-lg-b-2 {
    margin-bottom: 2px;
  }
  .mg-lg-l-2 {
    margin-left: 2px;
  }
  .mg-lg-t-2-force {
    margin-top: 2px !important;
  }
  .mg-lg-r-2-force {
    margin-right: 2px !important;
  }
  .mg-lg-b-2-force {
    margin-bottom: 2px !important;
  }
  .mg-lg-l-2-force {
    margin-left: 2px !important;
  }
  .mg-lg-3 {
    margin: 3px;
  }
  .mg-lg-3-force {
    margin: 3px !important;
  }
  .mg-lg-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .mg-lg-y-3-force {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .mg-lg-x-3 {
    margin-left: 3px;
    margin-right: 3px;
  }
  .mg-lg-x-3-force {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .mg-lg-t-3 {
    margin-top: 3px;
  }
  .mg-lg-r-3 {
    margin-right: 3px;
  }
  .mg-lg-b-3 {
    margin-bottom: 3px;
  }
  .mg-lg-l-3 {
    margin-left: 3px;
  }
  .mg-lg-t-3-force {
    margin-top: 3px !important;
  }
  .mg-lg-r-3-force {
    margin-right: 3px !important;
  }
  .mg-lg-b-3-force {
    margin-bottom: 3px !important;
  }
  .mg-lg-l-3-force {
    margin-left: 3px !important;
  }
  .mg-lg-4 {
    margin: 4px;
  }
  .mg-lg-4-force {
    margin: 4px !important;
  }
  .mg-lg-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .mg-lg-y-4-force {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mg-lg-x-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .mg-lg-x-4-force {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mg-lg-t-4 {
    margin-top: 4px;
  }
  .mg-lg-r-4 {
    margin-right: 4px;
  }
  .mg-lg-b-4 {
    margin-bottom: 4px;
  }
  .mg-lg-l-4 {
    margin-left: 4px;
  }
  .mg-lg-t-4-force {
    margin-top: 4px !important;
  }
  .mg-lg-r-4-force {
    margin-right: 4px !important;
  }
  .mg-lg-b-4-force {
    margin-bottom: 4px !important;
  }
  .mg-lg-l-4-force {
    margin-left: 4px !important;
  }
  .mg-lg-5 {
    margin: 5px;
  }
  .mg-lg-5-force {
    margin: 5px !important;
  }
  .mg-lg-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mg-lg-y-5-force {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mg-lg-x-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .mg-lg-x-5-force {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mg-lg-t-5 {
    margin-top: 5px;
  }
  .mg-lg-r-5 {
    margin-right: 5px;
  }
  .mg-lg-b-5 {
    margin-bottom: 5px;
  }
  .mg-lg-l-5 {
    margin-left: 5px;
  }
  .mg-lg-t-5-force {
    margin-top: 5px !important;
  }
  .mg-lg-r-5-force {
    margin-right: 5px !important;
  }
  .mg-lg-b-5-force {
    margin-bottom: 5px !important;
  }
  .mg-lg-l-5-force {
    margin-left: 5px !important;
  }
  .mg-lg-6 {
    margin: 6px;
  }
  .mg-lg-6-force {
    margin: 6px !important;
  }
  .mg-lg-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .mg-lg-y-6-force {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .mg-lg-x-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .mg-lg-x-6-force {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .mg-lg-t-6 {
    margin-top: 6px;
  }
  .mg-lg-r-6 {
    margin-right: 6px;
  }
  .mg-lg-b-6 {
    margin-bottom: 6px;
  }
  .mg-lg-l-6 {
    margin-left: 6px;
  }
  .mg-lg-t-6-force {
    margin-top: 6px !important;
  }
  .mg-lg-r-6-force {
    margin-right: 6px !important;
  }
  .mg-lg-b-6-force {
    margin-bottom: 6px !important;
  }
  .mg-lg-l-6-force {
    margin-left: 6px !important;
  }
  .mg-lg-7 {
    margin: 7px;
  }
  .mg-lg-7-force {
    margin: 7px !important;
  }
  .mg-lg-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .mg-lg-y-7-force {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
  .mg-lg-x-7 {
    margin-left: 7px;
    margin-right: 7px;
  }
  .mg-lg-x-7-force {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }
  .mg-lg-t-7 {
    margin-top: 7px;
  }
  .mg-lg-r-7 {
    margin-right: 7px;
  }
  .mg-lg-b-7 {
    margin-bottom: 7px;
  }
  .mg-lg-l-7 {
    margin-left: 7px;
  }
  .mg-lg-t-7-force {
    margin-top: 7px !important;
  }
  .mg-lg-r-7-force {
    margin-right: 7px !important;
  }
  .mg-lg-b-7-force {
    margin-bottom: 7px !important;
  }
  .mg-lg-l-7-force {
    margin-left: 7px !important;
  }
  .mg-lg-8 {
    margin: 8px;
  }
  .mg-lg-8-force {
    margin: 8px !important;
  }
  .mg-lg-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .mg-lg-y-8-force {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mg-lg-x-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .mg-lg-x-8-force {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mg-lg-t-8 {
    margin-top: 8px;
  }
  .mg-lg-r-8 {
    margin-right: 8px;
  }
  .mg-lg-b-8 {
    margin-bottom: 8px;
  }
  .mg-lg-l-8 {
    margin-left: 8px;
  }
  .mg-lg-t-8-force {
    margin-top: 8px !important;
  }
  .mg-lg-r-8-force {
    margin-right: 8px !important;
  }
  .mg-lg-b-8-force {
    margin-bottom: 8px !important;
  }
  .mg-lg-l-8-force {
    margin-left: 8px !important;
  }
  .mg-lg-9 {
    margin: 9px;
  }
  .mg-lg-9-force {
    margin: 9px !important;
  }
  .mg-lg-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
  }
  .mg-lg-y-9-force {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }
  .mg-lg-x-9 {
    margin-left: 9px;
    margin-right: 9px;
  }
  .mg-lg-x-9-force {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
  .mg-lg-t-9 {
    margin-top: 9px;
  }
  .mg-lg-r-9 {
    margin-right: 9px;
  }
  .mg-lg-b-9 {
    margin-bottom: 9px;
  }
  .mg-lg-l-9 {
    margin-left: 9px;
  }
  .mg-lg-t-9-force {
    margin-top: 9px !important;
  }
  .mg-lg-r-9-force {
    margin-right: 9px !important;
  }
  .mg-lg-b-9-force {
    margin-bottom: 9px !important;
  }
  .mg-lg-l-9-force {
    margin-left: 9px !important;
  }
  .mg-lg-10 {
    margin: 10px;
  }
  .mg-lg-10-force {
    margin: 10px !important;
  }
  .mg-lg-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mg-lg-y-10-force {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mg-lg-x-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .mg-lg-x-10-force {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mg-lg-t-10 {
    margin-top: 10px;
  }
  .mg-lg-r-10 {
    margin-right: 10px;
  }
  .mg-lg-b-10 {
    margin-bottom: 10px;
  }
  .mg-lg-l-10 {
    margin-left: 10px;
  }
  .mg-lg-t-10-force {
    margin-top: 10px !important;
  }
  .mg-lg-r-10-force {
    margin-right: 10px !important;
  }
  .mg-lg-b-10-force {
    margin-bottom: 10px !important;
  }
  .mg-lg-l-10-force {
    margin-left: 10px !important;
  }
  .mg-lg-15 {
    margin: 15px;
  }
  .mg-lg-15-force {
    margin: 15px !important;
  }
  .mg-lg-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mg-lg-y-15-force {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mg-lg-x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mg-lg-x-15-force {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mg-lg-t-15 {
    margin-top: 15px;
  }
  .mg-lg-r-15 {
    margin-right: 15px;
  }
  .mg-lg-b-15 {
    margin-bottom: 15px;
  }
  .mg-lg-l-15 {
    margin-left: 15px;
  }
  .mg-lg-t-15-force {
    margin-top: 15px !important;
  }
  .mg-lg-r-15-force {
    margin-right: 15px !important;
  }
  .mg-lg-b-15-force {
    margin-bottom: 15px !important;
  }
  .mg-lg-l-15-force {
    margin-left: 15px !important;
  }
  .mg-lg-20 {
    margin: 20px;
  }
  .mg-lg-20-force {
    margin: 20px !important;
  }
  .mg-lg-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mg-lg-y-20-force {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mg-lg-x-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .mg-lg-x-20-force {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mg-lg-t-20 {
    margin-top: 20px;
  }
  .mg-lg-r-20 {
    margin-right: 20px;
  }
  .mg-lg-b-20 {
    margin-bottom: 20px;
  }
  .mg-lg-l-20 {
    margin-left: 20px;
  }
  .mg-lg-t-20-force {
    margin-top: 20px !important;
  }
  .mg-lg-r-20-force {
    margin-right: 20px !important;
  }
  .mg-lg-b-20-force {
    margin-bottom: 20px !important;
  }
  .mg-lg-l-20-force {
    margin-left: 20px !important;
  }
  .mg-lg-25 {
    margin: 25px;
  }
  .mg-lg-25-force {
    margin: 25px !important;
  }
  .mg-lg-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mg-lg-y-25-force {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mg-lg-x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .mg-lg-x-25-force {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mg-lg-t-25 {
    margin-top: 25px;
  }
  .mg-lg-r-25 {
    margin-right: 25px;
  }
  .mg-lg-b-25 {
    margin-bottom: 25px;
  }
  .mg-lg-l-25 {
    margin-left: 25px;
  }
  .mg-lg-t-25-force {
    margin-top: 25px !important;
  }
  .mg-lg-r-25-force {
    margin-right: 25px !important;
  }
  .mg-lg-b-25-force {
    margin-bottom: 25px !important;
  }
  .mg-lg-l-25-force {
    margin-left: 25px !important;
  }
  .mg-lg-30 {
    margin: 30px;
  }
  .mg-lg-30-force {
    margin: 30px !important;
  }
  .mg-lg-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mg-lg-y-30-force {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mg-lg-x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .mg-lg-x-30-force {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mg-lg-t-30 {
    margin-top: 30px;
  }
  .mg-lg-r-30 {
    margin-right: 30px;
  }
  .mg-lg-b-30 {
    margin-bottom: 30px;
  }
  .mg-lg-l-30 {
    margin-left: 30px;
  }
  .mg-lg-t-30-force {
    margin-top: 30px !important;
  }
  .mg-lg-r-30-force {
    margin-right: 30px !important;
  }
  .mg-lg-b-30-force {
    margin-bottom: 30px !important;
  }
  .mg-lg-l-30-force {
    margin-left: 30px !important;
  }
  .mg-lg-35 {
    margin: 35px;
  }
  .mg-lg-35-force {
    margin: 35px !important;
  }
  .mg-lg-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mg-lg-y-35-force {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mg-lg-x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .mg-lg-x-35-force {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mg-lg-t-35 {
    margin-top: 35px;
  }
  .mg-lg-r-35 {
    margin-right: 35px;
  }
  .mg-lg-b-35 {
    margin-bottom: 35px;
  }
  .mg-lg-l-35 {
    margin-left: 35px;
  }
  .mg-lg-t-35-force {
    margin-top: 35px !important;
  }
  .mg-lg-r-35-force {
    margin-right: 35px !important;
  }
  .mg-lg-b-35-force {
    margin-bottom: 35px !important;
  }
  .mg-lg-l-35-force {
    margin-left: 35px !important;
  }
  .mg-lg-40 {
    margin: 40px;
  }
  .mg-lg-40-force {
    margin: 40px !important;
  }
  .mg-lg-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mg-lg-y-40-force {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mg-lg-x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .mg-lg-x-40-force {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mg-lg-t-40 {
    margin-top: 40px;
  }
  .mg-lg-r-40 {
    margin-right: 40px;
  }
  .mg-lg-b-40 {
    margin-bottom: 40px;
  }
  .mg-lg-l-40 {
    margin-left: 40px;
  }
  .mg-lg-t-40-force {
    margin-top: 40px !important;
  }
  .mg-lg-r-40-force {
    margin-right: 40px !important;
  }
  .mg-lg-b-40-force {
    margin-bottom: 40px !important;
  }
  .mg-lg-l-40-force {
    margin-left: 40px !important;
  }
  .mg-lg-45 {
    margin: 45px;
  }
  .mg-lg-45-force {
    margin: 45px !important;
  }
  .mg-lg-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mg-lg-y-45-force {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mg-lg-x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .mg-lg-x-45-force {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mg-lg-t-45 {
    margin-top: 45px;
  }
  .mg-lg-r-45 {
    margin-right: 45px;
  }
  .mg-lg-b-45 {
    margin-bottom: 45px;
  }
  .mg-lg-l-45 {
    margin-left: 45px;
  }
  .mg-lg-t-45-force {
    margin-top: 45px !important;
  }
  .mg-lg-r-45-force {
    margin-right: 45px !important;
  }
  .mg-lg-b-45-force {
    margin-bottom: 45px !important;
  }
  .mg-lg-l-45-force {
    margin-left: 45px !important;
  }
  .mg-lg-50 {
    margin: 50px;
  }
  .mg-lg-50-force {
    margin: 50px !important;
  }
  .mg-lg-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mg-lg-y-50-force {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mg-lg-x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .mg-lg-x-50-force {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mg-lg-t-50 {
    margin-top: 50px;
  }
  .mg-lg-r-50 {
    margin-right: 50px;
  }
  .mg-lg-b-50 {
    margin-bottom: 50px;
  }
  .mg-lg-l-50 {
    margin-left: 50px;
  }
  .mg-lg-t-50-force {
    margin-top: 50px !important;
  }
  .mg-lg-r-50-force {
    margin-right: 50px !important;
  }
  .mg-lg-b-50-force {
    margin-bottom: 50px !important;
  }
  .mg-lg-l-50-force {
    margin-left: 50px !important;
  }
  .mg-lg-55 {
    margin: 55px;
  }
  .mg-lg-55-force {
    margin: 55px !important;
  }
  .mg-lg-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mg-lg-y-55-force {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mg-lg-x-55 {
    margin-left: 55px;
    margin-right: 55px;
  }
  .mg-lg-x-55-force {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mg-lg-t-55 {
    margin-top: 55px;
  }
  .mg-lg-r-55 {
    margin-right: 55px;
  }
  .mg-lg-b-55 {
    margin-bottom: 55px;
  }
  .mg-lg-l-55 {
    margin-left: 55px;
  }
  .mg-lg-t-55-force {
    margin-top: 55px !important;
  }
  .mg-lg-r-55-force {
    margin-right: 55px !important;
  }
  .mg-lg-b-55-force {
    margin-bottom: 55px !important;
  }
  .mg-lg-l-55-force {
    margin-left: 55px !important;
  }
  .mg-lg-60 {
    margin: 60px;
  }
  .mg-lg-60-force {
    margin: 60px !important;
  }
  .mg-lg-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mg-lg-y-60-force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mg-lg-x-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .mg-lg-x-60-force {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mg-lg-t-60 {
    margin-top: 60px;
  }
  .mg-lg-r-60 {
    margin-right: 60px;
  }
  .mg-lg-b-60 {
    margin-bottom: 60px;
  }
  .mg-lg-l-60 {
    margin-left: 60px;
  }
  .mg-lg-t-60-force {
    margin-top: 60px !important;
  }
  .mg-lg-r-60-force {
    margin-right: 60px !important;
  }
  .mg-lg-b-60-force {
    margin-bottom: 60px !important;
  }
  .mg-lg-l-60-force {
    margin-left: 60px !important;
  }
  .mg-lg-65 {
    margin: 65px;
  }
  .mg-lg-65-force {
    margin: 65px !important;
  }
  .mg-lg-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mg-lg-y-65-force {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mg-lg-x-65 {
    margin-left: 65px;
    margin-right: 65px;
  }
  .mg-lg-x-65-force {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mg-lg-t-65 {
    margin-top: 65px;
  }
  .mg-lg-r-65 {
    margin-right: 65px;
  }
  .mg-lg-b-65 {
    margin-bottom: 65px;
  }
  .mg-lg-l-65 {
    margin-left: 65px;
  }
  .mg-lg-t-65-force {
    margin-top: 65px !important;
  }
  .mg-lg-r-65-force {
    margin-right: 65px !important;
  }
  .mg-lg-b-65-force {
    margin-bottom: 65px !important;
  }
  .mg-lg-l-65-force {
    margin-left: 65px !important;
  }
  .mg-lg-70 {
    margin: 70px;
  }
  .mg-lg-70-force {
    margin: 70px !important;
  }
  .mg-lg-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mg-lg-y-70-force {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mg-lg-x-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .mg-lg-x-70-force {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mg-lg-t-70 {
    margin-top: 70px;
  }
  .mg-lg-r-70 {
    margin-right: 70px;
  }
  .mg-lg-b-70 {
    margin-bottom: 70px;
  }
  .mg-lg-l-70 {
    margin-left: 70px;
  }
  .mg-lg-t-70-force {
    margin-top: 70px !important;
  }
  .mg-lg-r-70-force {
    margin-right: 70px !important;
  }
  .mg-lg-b-70-force {
    margin-bottom: 70px !important;
  }
  .mg-lg-l-70-force {
    margin-left: 70px !important;
  }
  .mg-lg-75 {
    margin: 75px;
  }
  .mg-lg-75-force {
    margin: 75px !important;
  }
  .mg-lg-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mg-lg-y-75-force {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mg-lg-x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .mg-lg-x-75-force {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mg-lg-t-75 {
    margin-top: 75px;
  }
  .mg-lg-r-75 {
    margin-right: 75px;
  }
  .mg-lg-b-75 {
    margin-bottom: 75px;
  }
  .mg-lg-l-75 {
    margin-left: 75px;
  }
  .mg-lg-t-75-force {
    margin-top: 75px !important;
  }
  .mg-lg-r-75-force {
    margin-right: 75px !important;
  }
  .mg-lg-b-75-force {
    margin-bottom: 75px !important;
  }
  .mg-lg-l-75-force {
    margin-left: 75px !important;
  }
  .mg-lg-80 {
    margin: 80px;
  }
  .mg-lg-80-force {
    margin: 80px !important;
  }
  .mg-lg-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mg-lg-y-80-force {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mg-lg-x-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .mg-lg-x-80-force {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mg-lg-t-80 {
    margin-top: 80px;
  }
  .mg-lg-r-80 {
    margin-right: 80px;
  }
  .mg-lg-b-80 {
    margin-bottom: 80px;
  }
  .mg-lg-l-80 {
    margin-left: 80px;
  }
  .mg-lg-t-80-force {
    margin-top: 80px !important;
  }
  .mg-lg-r-80-force {
    margin-right: 80px !important;
  }
  .mg-lg-b-80-force {
    margin-bottom: 80px !important;
  }
  .mg-lg-l-80-force {
    margin-left: 80px !important;
  }
  .mg-lg-85 {
    margin: 85px;
  }
  .mg-lg-85-force {
    margin: 85px !important;
  }
  .mg-lg-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mg-lg-y-85-force {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mg-lg-x-85 {
    margin-left: 85px;
    margin-right: 85px;
  }
  .mg-lg-x-85-force {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mg-lg-t-85 {
    margin-top: 85px;
  }
  .mg-lg-r-85 {
    margin-right: 85px;
  }
  .mg-lg-b-85 {
    margin-bottom: 85px;
  }
  .mg-lg-l-85 {
    margin-left: 85px;
  }
  .mg-lg-t-85-force {
    margin-top: 85px !important;
  }
  .mg-lg-r-85-force {
    margin-right: 85px !important;
  }
  .mg-lg-b-85-force {
    margin-bottom: 85px !important;
  }
  .mg-lg-l-85-force {
    margin-left: 85px !important;
  }
  .mg-lg-90 {
    margin: 90px;
  }
  .mg-lg-90-force {
    margin: 90px !important;
  }
  .mg-lg-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mg-lg-y-90-force {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mg-lg-x-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .mg-lg-x-90-force {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mg-lg-t-90 {
    margin-top: 90px;
  }
  .mg-lg-r-90 {
    margin-right: 90px;
  }
  .mg-lg-b-90 {
    margin-bottom: 90px;
  }
  .mg-lg-l-90 {
    margin-left: 90px;
  }
  .mg-lg-t-90-force {
    margin-top: 90px !important;
  }
  .mg-lg-r-90-force {
    margin-right: 90px !important;
  }
  .mg-lg-b-90-force {
    margin-bottom: 90px !important;
  }
  .mg-lg-l-90-force {
    margin-left: 90px !important;
  }
  .mg-lg-95 {
    margin: 95px;
  }
  .mg-lg-95-force {
    margin: 95px !important;
  }
  .mg-lg-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mg-lg-y-95-force {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mg-lg-x-95 {
    margin-left: 95px;
    margin-right: 95px;
  }
  .mg-lg-x-95-force {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mg-lg-t-95 {
    margin-top: 95px;
  }
  .mg-lg-r-95 {
    margin-right: 95px;
  }
  .mg-lg-b-95 {
    margin-bottom: 95px;
  }
  .mg-lg-l-95 {
    margin-left: 95px;
  }
  .mg-lg-t-95-force {
    margin-top: 95px !important;
  }
  .mg-lg-r-95-force {
    margin-right: 95px !important;
  }
  .mg-lg-b-95-force {
    margin-bottom: 95px !important;
  }
  .mg-lg-l-95-force {
    margin-left: 95px !important;
  }
  .mg-lg-100 {
    margin: 100px;
  }
  .mg-lg-100-force {
    margin: 100px !important;
  }
  .mg-lg-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mg-lg-y-100-force {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mg-lg-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .mg-lg-x-100-force {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mg-lg-t-100 {
    margin-top: 100px;
  }
  .mg-lg-r-100 {
    margin-right: 100px;
  }
  .mg-lg-b-100 {
    margin-bottom: 100px;
  }
  .mg-lg-l-100 {
    margin-left: 100px;
  }
  .mg-lg-t-100-force {
    margin-top: 100px !important;
  }
  .mg-lg-r-100-force {
    margin-right: 100px !important;
  }
  .mg-lg-b-100-force {
    margin-bottom: 100px !important;
  }
  .mg-lg-l-100-force {
    margin-left: 100px !important;
  }
  .mg-lg-t-auto {
    margin-top: auto;
  }
  .mg-lg-r-auto {
    margin-right: auto;
  }
  .mg-lg-b-auto {
    margin-bottom: auto;
  }
  .mg-lg-l-auto {
    margin-left: auto;
  }
  .mg-lg-auto {
    margin: auto;
  }
  .mg-lg-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-lg-l--1 {
    margin-left: -1px;
  }
  .mg-lg-r--1 {
    margin-right: -1px;
  }
  .mg-lg-t--1 {
    margin-top: -1px;
  }
}

@media (min-width: 1200px) {
  .mg-xl-0 {
    margin: 0px;
  }
  .mg-xl-0-force {
    margin: 0px !important;
  }
  .mg-xl-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mg-xl-y-0-force {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mg-xl-x-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .mg-xl-x-0-force {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .mg-xl-t-0 {
    margin-top: 0px;
  }
  .mg-xl-r-0 {
    margin-right: 0px;
  }
  .mg-xl-b-0 {
    margin-bottom: 0px;
  }
  .mg-xl-l-0 {
    margin-left: 0px;
  }
  .mg-xl-t-0-force {
    margin-top: 0px !important;
  }
  .mg-xl-r-0-force {
    margin-right: 0px !important;
  }
  .mg-xl-b-0-force {
    margin-bottom: 0px !important;
  }
  .mg-xl-l-0-force {
    margin-left: 0px !important;
  }
  .mg-xl-1 {
    margin: 1px;
  }
  .mg-xl-1-force {
    margin: 1px !important;
  }
  .mg-xl-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .mg-xl-y-1-force {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .mg-xl-x-1 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .mg-xl-x-1-force {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .mg-xl-t-1 {
    margin-top: 1px;
  }
  .mg-xl-r-1 {
    margin-right: 1px;
  }
  .mg-xl-b-1 {
    margin-bottom: 1px;
  }
  .mg-xl-l-1 {
    margin-left: 1px;
  }
  .mg-xl-t-1-force {
    margin-top: 1px !important;
  }
  .mg-xl-r-1-force {
    margin-right: 1px !important;
  }
  .mg-xl-b-1-force {
    margin-bottom: 1px !important;
  }
  .mg-xl-l-1-force {
    margin-left: 1px !important;
  }
  .mg-xl-2 {
    margin: 2px;
  }
  .mg-xl-2-force {
    margin: 2px !important;
  }
  .mg-xl-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .mg-xl-y-2-force {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .mg-xl-x-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .mg-xl-x-2-force {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mg-xl-t-2 {
    margin-top: 2px;
  }
  .mg-xl-r-2 {
    margin-right: 2px;
  }
  .mg-xl-b-2 {
    margin-bottom: 2px;
  }
  .mg-xl-l-2 {
    margin-left: 2px;
  }
  .mg-xl-t-2-force {
    margin-top: 2px !important;
  }
  .mg-xl-r-2-force {
    margin-right: 2px !important;
  }
  .mg-xl-b-2-force {
    margin-bottom: 2px !important;
  }
  .mg-xl-l-2-force {
    margin-left: 2px !important;
  }
  .mg-xl-3 {
    margin: 3px;
  }
  .mg-xl-3-force {
    margin: 3px !important;
  }
  .mg-xl-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .mg-xl-y-3-force {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .mg-xl-x-3 {
    margin-left: 3px;
    margin-right: 3px;
  }
  .mg-xl-x-3-force {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .mg-xl-t-3 {
    margin-top: 3px;
  }
  .mg-xl-r-3 {
    margin-right: 3px;
  }
  .mg-xl-b-3 {
    margin-bottom: 3px;
  }
  .mg-xl-l-3 {
    margin-left: 3px;
  }
  .mg-xl-t-3-force {
    margin-top: 3px !important;
  }
  .mg-xl-r-3-force {
    margin-right: 3px !important;
  }
  .mg-xl-b-3-force {
    margin-bottom: 3px !important;
  }
  .mg-xl-l-3-force {
    margin-left: 3px !important;
  }
  .mg-xl-4 {
    margin: 4px;
  }
  .mg-xl-4-force {
    margin: 4px !important;
  }
  .mg-xl-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .mg-xl-y-4-force {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .mg-xl-x-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .mg-xl-x-4-force {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mg-xl-t-4 {
    margin-top: 4px;
  }
  .mg-xl-r-4 {
    margin-right: 4px;
  }
  .mg-xl-b-4 {
    margin-bottom: 4px;
  }
  .mg-xl-l-4 {
    margin-left: 4px;
  }
  .mg-xl-t-4-force {
    margin-top: 4px !important;
  }
  .mg-xl-r-4-force {
    margin-right: 4px !important;
  }
  .mg-xl-b-4-force {
    margin-bottom: 4px !important;
  }
  .mg-xl-l-4-force {
    margin-left: 4px !important;
  }
  .mg-xl-5 {
    margin: 5px;
  }
  .mg-xl-5-force {
    margin: 5px !important;
  }
  .mg-xl-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .mg-xl-y-5-force {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .mg-xl-x-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .mg-xl-x-5-force {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mg-xl-t-5 {
    margin-top: 5px;
  }
  .mg-xl-r-5 {
    margin-right: 5px;
  }
  .mg-xl-b-5 {
    margin-bottom: 5px;
  }
  .mg-xl-l-5 {
    margin-left: 5px;
  }
  .mg-xl-t-5-force {
    margin-top: 5px !important;
  }
  .mg-xl-r-5-force {
    margin-right: 5px !important;
  }
  .mg-xl-b-5-force {
    margin-bottom: 5px !important;
  }
  .mg-xl-l-5-force {
    margin-left: 5px !important;
  }
  .mg-xl-6 {
    margin: 6px;
  }
  .mg-xl-6-force {
    margin: 6px !important;
  }
  .mg-xl-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .mg-xl-y-6-force {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .mg-xl-x-6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .mg-xl-x-6-force {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .mg-xl-t-6 {
    margin-top: 6px;
  }
  .mg-xl-r-6 {
    margin-right: 6px;
  }
  .mg-xl-b-6 {
    margin-bottom: 6px;
  }
  .mg-xl-l-6 {
    margin-left: 6px;
  }
  .mg-xl-t-6-force {
    margin-top: 6px !important;
  }
  .mg-xl-r-6-force {
    margin-right: 6px !important;
  }
  .mg-xl-b-6-force {
    margin-bottom: 6px !important;
  }
  .mg-xl-l-6-force {
    margin-left: 6px !important;
  }
  .mg-xl-7 {
    margin: 7px;
  }
  .mg-xl-7-force {
    margin: 7px !important;
  }
  .mg-xl-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .mg-xl-y-7-force {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
  .mg-xl-x-7 {
    margin-left: 7px;
    margin-right: 7px;
  }
  .mg-xl-x-7-force {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }
  .mg-xl-t-7 {
    margin-top: 7px;
  }
  .mg-xl-r-7 {
    margin-right: 7px;
  }
  .mg-xl-b-7 {
    margin-bottom: 7px;
  }
  .mg-xl-l-7 {
    margin-left: 7px;
  }
  .mg-xl-t-7-force {
    margin-top: 7px !important;
  }
  .mg-xl-r-7-force {
    margin-right: 7px !important;
  }
  .mg-xl-b-7-force {
    margin-bottom: 7px !important;
  }
  .mg-xl-l-7-force {
    margin-left: 7px !important;
  }
  .mg-xl-8 {
    margin: 8px;
  }
  .mg-xl-8-force {
    margin: 8px !important;
  }
  .mg-xl-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .mg-xl-y-8-force {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .mg-xl-x-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .mg-xl-x-8-force {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mg-xl-t-8 {
    margin-top: 8px;
  }
  .mg-xl-r-8 {
    margin-right: 8px;
  }
  .mg-xl-b-8 {
    margin-bottom: 8px;
  }
  .mg-xl-l-8 {
    margin-left: 8px;
  }
  .mg-xl-t-8-force {
    margin-top: 8px !important;
  }
  .mg-xl-r-8-force {
    margin-right: 8px !important;
  }
  .mg-xl-b-8-force {
    margin-bottom: 8px !important;
  }
  .mg-xl-l-8-force {
    margin-left: 8px !important;
  }
  .mg-xl-9 {
    margin: 9px;
  }
  .mg-xl-9-force {
    margin: 9px !important;
  }
  .mg-xl-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
  }
  .mg-xl-y-9-force {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }
  .mg-xl-x-9 {
    margin-left: 9px;
    margin-right: 9px;
  }
  .mg-xl-x-9-force {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
  .mg-xl-t-9 {
    margin-top: 9px;
  }
  .mg-xl-r-9 {
    margin-right: 9px;
  }
  .mg-xl-b-9 {
    margin-bottom: 9px;
  }
  .mg-xl-l-9 {
    margin-left: 9px;
  }
  .mg-xl-t-9-force {
    margin-top: 9px !important;
  }
  .mg-xl-r-9-force {
    margin-right: 9px !important;
  }
  .mg-xl-b-9-force {
    margin-bottom: 9px !important;
  }
  .mg-xl-l-9-force {
    margin-left: 9px !important;
  }
  .mg-xl-10 {
    margin: 10px;
  }
  .mg-xl-10-force {
    margin: 10px !important;
  }
  .mg-xl-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mg-xl-y-10-force {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .mg-xl-x-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .mg-xl-x-10-force {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mg-xl-t-10 {
    margin-top: 10px;
  }
  .mg-xl-r-10 {
    margin-right: 10px;
  }
  .mg-xl-b-10 {
    margin-bottom: 10px;
  }
  .mg-xl-l-10 {
    margin-left: 10px;
  }
  .mg-xl-t-10-force {
    margin-top: 10px !important;
  }
  .mg-xl-r-10-force {
    margin-right: 10px !important;
  }
  .mg-xl-b-10-force {
    margin-bottom: 10px !important;
  }
  .mg-xl-l-10-force {
    margin-left: 10px !important;
  }
  .mg-xl-15 {
    margin: 15px;
  }
  .mg-xl-15-force {
    margin: 15px !important;
  }
  .mg-xl-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .mg-xl-y-15-force {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .mg-xl-x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mg-xl-x-15-force {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mg-xl-t-15 {
    margin-top: 15px;
  }
  .mg-xl-r-15 {
    margin-right: 15px;
  }
  .mg-xl-b-15 {
    margin-bottom: 15px;
  }
  .mg-xl-l-15 {
    margin-left: 15px;
  }
  .mg-xl-t-15-force {
    margin-top: 15px !important;
  }
  .mg-xl-r-15-force {
    margin-right: 15px !important;
  }
  .mg-xl-b-15-force {
    margin-bottom: 15px !important;
  }
  .mg-xl-l-15-force {
    margin-left: 15px !important;
  }
  .mg-xl-20 {
    margin: 20px;
  }
  .mg-xl-20-force {
    margin: 20px !important;
  }
  .mg-xl-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mg-xl-y-20-force {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .mg-xl-x-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .mg-xl-x-20-force {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mg-xl-t-20 {
    margin-top: 20px;
  }
  .mg-xl-r-20 {
    margin-right: 20px;
  }
  .mg-xl-b-20 {
    margin-bottom: 20px;
  }
  .mg-xl-l-20 {
    margin-left: 20px;
  }
  .mg-xl-t-20-force {
    margin-top: 20px !important;
  }
  .mg-xl-r-20-force {
    margin-right: 20px !important;
  }
  .mg-xl-b-20-force {
    margin-bottom: 20px !important;
  }
  .mg-xl-l-20-force {
    margin-left: 20px !important;
  }
  .mg-xl-25 {
    margin: 25px;
  }
  .mg-xl-25-force {
    margin: 25px !important;
  }
  .mg-xl-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mg-xl-y-25-force {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .mg-xl-x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .mg-xl-x-25-force {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mg-xl-t-25 {
    margin-top: 25px;
  }
  .mg-xl-r-25 {
    margin-right: 25px;
  }
  .mg-xl-b-25 {
    margin-bottom: 25px;
  }
  .mg-xl-l-25 {
    margin-left: 25px;
  }
  .mg-xl-t-25-force {
    margin-top: 25px !important;
  }
  .mg-xl-r-25-force {
    margin-right: 25px !important;
  }
  .mg-xl-b-25-force {
    margin-bottom: 25px !important;
  }
  .mg-xl-l-25-force {
    margin-left: 25px !important;
  }
  .mg-xl-30 {
    margin: 30px;
  }
  .mg-xl-30-force {
    margin: 30px !important;
  }
  .mg-xl-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mg-xl-y-30-force {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .mg-xl-x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .mg-xl-x-30-force {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mg-xl-t-30 {
    margin-top: 30px;
  }
  .mg-xl-r-30 {
    margin-right: 30px;
  }
  .mg-xl-b-30 {
    margin-bottom: 30px;
  }
  .mg-xl-l-30 {
    margin-left: 30px;
  }
  .mg-xl-t-30-force {
    margin-top: 30px !important;
  }
  .mg-xl-r-30-force {
    margin-right: 30px !important;
  }
  .mg-xl-b-30-force {
    margin-bottom: 30px !important;
  }
  .mg-xl-l-30-force {
    margin-left: 30px !important;
  }
  .mg-xl-35 {
    margin: 35px;
  }
  .mg-xl-35-force {
    margin: 35px !important;
  }
  .mg-xl-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .mg-xl-y-35-force {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .mg-xl-x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .mg-xl-x-35-force {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mg-xl-t-35 {
    margin-top: 35px;
  }
  .mg-xl-r-35 {
    margin-right: 35px;
  }
  .mg-xl-b-35 {
    margin-bottom: 35px;
  }
  .mg-xl-l-35 {
    margin-left: 35px;
  }
  .mg-xl-t-35-force {
    margin-top: 35px !important;
  }
  .mg-xl-r-35-force {
    margin-right: 35px !important;
  }
  .mg-xl-b-35-force {
    margin-bottom: 35px !important;
  }
  .mg-xl-l-35-force {
    margin-left: 35px !important;
  }
  .mg-xl-40 {
    margin: 40px;
  }
  .mg-xl-40-force {
    margin: 40px !important;
  }
  .mg-xl-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mg-xl-y-40-force {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .mg-xl-x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .mg-xl-x-40-force {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mg-xl-t-40 {
    margin-top: 40px;
  }
  .mg-xl-r-40 {
    margin-right: 40px;
  }
  .mg-xl-b-40 {
    margin-bottom: 40px;
  }
  .mg-xl-l-40 {
    margin-left: 40px;
  }
  .mg-xl-t-40-force {
    margin-top: 40px !important;
  }
  .mg-xl-r-40-force {
    margin-right: 40px !important;
  }
  .mg-xl-b-40-force {
    margin-bottom: 40px !important;
  }
  .mg-xl-l-40-force {
    margin-left: 40px !important;
  }
  .mg-xl-45 {
    margin: 45px;
  }
  .mg-xl-45-force {
    margin: 45px !important;
  }
  .mg-xl-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .mg-xl-y-45-force {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .mg-xl-x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .mg-xl-x-45-force {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mg-xl-t-45 {
    margin-top: 45px;
  }
  .mg-xl-r-45 {
    margin-right: 45px;
  }
  .mg-xl-b-45 {
    margin-bottom: 45px;
  }
  .mg-xl-l-45 {
    margin-left: 45px;
  }
  .mg-xl-t-45-force {
    margin-top: 45px !important;
  }
  .mg-xl-r-45-force {
    margin-right: 45px !important;
  }
  .mg-xl-b-45-force {
    margin-bottom: 45px !important;
  }
  .mg-xl-l-45-force {
    margin-left: 45px !important;
  }
  .mg-xl-50 {
    margin: 50px;
  }
  .mg-xl-50-force {
    margin: 50px !important;
  }
  .mg-xl-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mg-xl-y-50-force {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .mg-xl-x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .mg-xl-x-50-force {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mg-xl-t-50 {
    margin-top: 50px;
  }
  .mg-xl-r-50 {
    margin-right: 50px;
  }
  .mg-xl-b-50 {
    margin-bottom: 50px;
  }
  .mg-xl-l-50 {
    margin-left: 50px;
  }
  .mg-xl-t-50-force {
    margin-top: 50px !important;
  }
  .mg-xl-r-50-force {
    margin-right: 50px !important;
  }
  .mg-xl-b-50-force {
    margin-bottom: 50px !important;
  }
  .mg-xl-l-50-force {
    margin-left: 50px !important;
  }
  .mg-xl-55 {
    margin: 55px;
  }
  .mg-xl-55-force {
    margin: 55px !important;
  }
  .mg-xl-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .mg-xl-y-55-force {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .mg-xl-x-55 {
    margin-left: 55px;
    margin-right: 55px;
  }
  .mg-xl-x-55-force {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }
  .mg-xl-t-55 {
    margin-top: 55px;
  }
  .mg-xl-r-55 {
    margin-right: 55px;
  }
  .mg-xl-b-55 {
    margin-bottom: 55px;
  }
  .mg-xl-l-55 {
    margin-left: 55px;
  }
  .mg-xl-t-55-force {
    margin-top: 55px !important;
  }
  .mg-xl-r-55-force {
    margin-right: 55px !important;
  }
  .mg-xl-b-55-force {
    margin-bottom: 55px !important;
  }
  .mg-xl-l-55-force {
    margin-left: 55px !important;
  }
  .mg-xl-60 {
    margin: 60px;
  }
  .mg-xl-60-force {
    margin: 60px !important;
  }
  .mg-xl-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mg-xl-y-60-force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .mg-xl-x-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .mg-xl-x-60-force {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .mg-xl-t-60 {
    margin-top: 60px;
  }
  .mg-xl-r-60 {
    margin-right: 60px;
  }
  .mg-xl-b-60 {
    margin-bottom: 60px;
  }
  .mg-xl-l-60 {
    margin-left: 60px;
  }
  .mg-xl-t-60-force {
    margin-top: 60px !important;
  }
  .mg-xl-r-60-force {
    margin-right: 60px !important;
  }
  .mg-xl-b-60-force {
    margin-bottom: 60px !important;
  }
  .mg-xl-l-60-force {
    margin-left: 60px !important;
  }
  .mg-xl-65 {
    margin: 65px;
  }
  .mg-xl-65-force {
    margin: 65px !important;
  }
  .mg-xl-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }
  .mg-xl-y-65-force {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .mg-xl-x-65 {
    margin-left: 65px;
    margin-right: 65px;
  }
  .mg-xl-x-65-force {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .mg-xl-t-65 {
    margin-top: 65px;
  }
  .mg-xl-r-65 {
    margin-right: 65px;
  }
  .mg-xl-b-65 {
    margin-bottom: 65px;
  }
  .mg-xl-l-65 {
    margin-left: 65px;
  }
  .mg-xl-t-65-force {
    margin-top: 65px !important;
  }
  .mg-xl-r-65-force {
    margin-right: 65px !important;
  }
  .mg-xl-b-65-force {
    margin-bottom: 65px !important;
  }
  .mg-xl-l-65-force {
    margin-left: 65px !important;
  }
  .mg-xl-70 {
    margin: 70px;
  }
  .mg-xl-70-force {
    margin: 70px !important;
  }
  .mg-xl-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .mg-xl-y-70-force {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .mg-xl-x-70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .mg-xl-x-70-force {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }
  .mg-xl-t-70 {
    margin-top: 70px;
  }
  .mg-xl-r-70 {
    margin-right: 70px;
  }
  .mg-xl-b-70 {
    margin-bottom: 70px;
  }
  .mg-xl-l-70 {
    margin-left: 70px;
  }
  .mg-xl-t-70-force {
    margin-top: 70px !important;
  }
  .mg-xl-r-70-force {
    margin-right: 70px !important;
  }
  .mg-xl-b-70-force {
    margin-bottom: 70px !important;
  }
  .mg-xl-l-70-force {
    margin-left: 70px !important;
  }
  .mg-xl-75 {
    margin: 75px;
  }
  .mg-xl-75-force {
    margin: 75px !important;
  }
  .mg-xl-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .mg-xl-y-75-force {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .mg-xl-x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .mg-xl-x-75-force {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }
  .mg-xl-t-75 {
    margin-top: 75px;
  }
  .mg-xl-r-75 {
    margin-right: 75px;
  }
  .mg-xl-b-75 {
    margin-bottom: 75px;
  }
  .mg-xl-l-75 {
    margin-left: 75px;
  }
  .mg-xl-t-75-force {
    margin-top: 75px !important;
  }
  .mg-xl-r-75-force {
    margin-right: 75px !important;
  }
  .mg-xl-b-75-force {
    margin-bottom: 75px !important;
  }
  .mg-xl-l-75-force {
    margin-left: 75px !important;
  }
  .mg-xl-80 {
    margin: 80px;
  }
  .mg-xl-80-force {
    margin: 80px !important;
  }
  .mg-xl-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .mg-xl-y-80-force {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .mg-xl-x-80 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .mg-xl-x-80-force {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .mg-xl-t-80 {
    margin-top: 80px;
  }
  .mg-xl-r-80 {
    margin-right: 80px;
  }
  .mg-xl-b-80 {
    margin-bottom: 80px;
  }
  .mg-xl-l-80 {
    margin-left: 80px;
  }
  .mg-xl-t-80-force {
    margin-top: 80px !important;
  }
  .mg-xl-r-80-force {
    margin-right: 80px !important;
  }
  .mg-xl-b-80-force {
    margin-bottom: 80px !important;
  }
  .mg-xl-l-80-force {
    margin-left: 80px !important;
  }
  .mg-xl-85 {
    margin: 85px;
  }
  .mg-xl-85-force {
    margin: 85px !important;
  }
  .mg-xl-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }
  .mg-xl-y-85-force {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .mg-xl-x-85 {
    margin-left: 85px;
    margin-right: 85px;
  }
  .mg-xl-x-85-force {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }
  .mg-xl-t-85 {
    margin-top: 85px;
  }
  .mg-xl-r-85 {
    margin-right: 85px;
  }
  .mg-xl-b-85 {
    margin-bottom: 85px;
  }
  .mg-xl-l-85 {
    margin-left: 85px;
  }
  .mg-xl-t-85-force {
    margin-top: 85px !important;
  }
  .mg-xl-r-85-force {
    margin-right: 85px !important;
  }
  .mg-xl-b-85-force {
    margin-bottom: 85px !important;
  }
  .mg-xl-l-85-force {
    margin-left: 85px !important;
  }
  .mg-xl-90 {
    margin: 90px;
  }
  .mg-xl-90-force {
    margin: 90px !important;
  }
  .mg-xl-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .mg-xl-y-90-force {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .mg-xl-x-90 {
    margin-left: 90px;
    margin-right: 90px;
  }
  .mg-xl-x-90-force {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }
  .mg-xl-t-90 {
    margin-top: 90px;
  }
  .mg-xl-r-90 {
    margin-right: 90px;
  }
  .mg-xl-b-90 {
    margin-bottom: 90px;
  }
  .mg-xl-l-90 {
    margin-left: 90px;
  }
  .mg-xl-t-90-force {
    margin-top: 90px !important;
  }
  .mg-xl-r-90-force {
    margin-right: 90px !important;
  }
  .mg-xl-b-90-force {
    margin-bottom: 90px !important;
  }
  .mg-xl-l-90-force {
    margin-left: 90px !important;
  }
  .mg-xl-95 {
    margin: 95px;
  }
  .mg-xl-95-force {
    margin: 95px !important;
  }
  .mg-xl-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }
  .mg-xl-y-95-force {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .mg-xl-x-95 {
    margin-left: 95px;
    margin-right: 95px;
  }
  .mg-xl-x-95-force {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }
  .mg-xl-t-95 {
    margin-top: 95px;
  }
  .mg-xl-r-95 {
    margin-right: 95px;
  }
  .mg-xl-b-95 {
    margin-bottom: 95px;
  }
  .mg-xl-l-95 {
    margin-left: 95px;
  }
  .mg-xl-t-95-force {
    margin-top: 95px !important;
  }
  .mg-xl-r-95-force {
    margin-right: 95px !important;
  }
  .mg-xl-b-95-force {
    margin-bottom: 95px !important;
  }
  .mg-xl-l-95-force {
    margin-left: 95px !important;
  }
  .mg-xl-100 {
    margin: 100px;
  }
  .mg-xl-100-force {
    margin: 100px !important;
  }
  .mg-xl-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .mg-xl-y-100-force {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .mg-xl-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .mg-xl-x-100-force {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .mg-xl-t-100 {
    margin-top: 100px;
  }
  .mg-xl-r-100 {
    margin-right: 100px;
  }
  .mg-xl-b-100 {
    margin-bottom: 100px;
  }
  .mg-xl-l-100 {
    margin-left: 100px;
  }
  .mg-xl-t-100-force {
    margin-top: 100px !important;
  }
  .mg-xl-r-100-force {
    margin-right: 100px !important;
  }
  .mg-xl-b-100-force {
    margin-bottom: 100px !important;
  }
  .mg-xl-l-100-force {
    margin-left: 100px !important;
  }
  .mg-xl-t-auto {
    margin-top: auto;
  }
  .mg-xl-r-auto {
    margin-right: auto;
  }
  .mg-xl-b-auto {
    margin-bottom: auto;
  }
  .mg-xl-l-auto {
    margin-left: auto;
  }
  .mg-xl-auto {
    margin: auto;
  }
  .mg-xl-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mg-xl-l--1 {
    margin-left: -1px;
  }
  .mg-xl-r--1 {
    margin-right: -1px;
  }
  .mg-xl-t--1 {
    margin-top: -1px;
  }
}

/* ------------------------------------ */
/* ############### Misc ############### */
/* ------------------------------------ */
.op-0 {
  opacity: 0;
}

.op-0-force {
  opacity: 0 !important;
}

.op-1 {
  opacity: 0.1;
}

.op-1-force {
  opacity: 0.1 !important;
}

.op-2 {
  opacity: 0.2;
}

.op-2-force {
  opacity: 0.2 !important;
}

.op-3 {
  opacity: 0.3;
}

.op-3-force {
  opacity: 0.3 !important;
}

.op-4 {
  opacity: 0.4;
}

.op-4-force {
  opacity: 0.4 !important;
}

.op-5 {
  opacity: 0.5;
}

.op-5-force {
  opacity: 0.5 !important;
}

.op-6 {
  opacity: 0.6;
}

.op-6-force {
  opacity: 0.6 !important;
}

.op-7 {
  opacity: 0.7;
}

.op-7-force {
  opacity: 0.7 !important;
}

.op-8 {
  opacity: 0.8;
}

.op-8-force {
  opacity: 0.8 !important;
}

.op-9 {
  opacity: 0.9;
}

.op-9-force {
  opacity: 0.9 !important;
}

.opacity-1 {
  opacity: 1;
}

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

.img-fit-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.d-block {
  display: block;
}

@media (min-width: 480px) {
  .op-xs-0 {
    opacity: 0;
  }
  .op-xs-0-force {
    opacity: 0 !important;
  }
  .op-xs-1 {
    opacity: 0.1;
  }
  .op-xs-1-force {
    opacity: 0.1 !important;
  }
  .op-xs-2 {
    opacity: 0.2;
  }
  .op-xs-2-force {
    opacity: 0.2 !important;
  }
  .op-xs-3 {
    opacity: 0.3;
  }
  .op-xs-3-force {
    opacity: 0.3 !important;
  }
  .op-xs-4 {
    opacity: 0.4;
  }
  .op-xs-4-force {
    opacity: 0.4 !important;
  }
  .op-xs-5 {
    opacity: 0.5;
  }
  .op-xs-5-force {
    opacity: 0.5 !important;
  }
  .op-xs-6 {
    opacity: 0.6;
  }
  .op-xs-6-force {
    opacity: 0.6 !important;
  }
  .op-xs-7 {
    opacity: 0.7;
  }
  .op-xs-7-force {
    opacity: 0.7 !important;
  }
  .op-xs-8 {
    opacity: 0.8;
  }
  .op-xs-8-force {
    opacity: 0.8 !important;
  }
  .op-xs-9 {
    opacity: 0.9;
  }
  .op-xs-9-force {
    opacity: 0.9 !important;
  }
}

@media (min-width: 599px) {
  .op-sm-0 {
    opacity: 0;
  }
  .op-sm-0-force {
    opacity: 0 !important;
  }
  .op-sm-1 {
    opacity: 0.1;
  }
  .op-sm-1-force {
    opacity: 0.1 !important;
  }
  .op-sm-2 {
    opacity: 0.2;
  }
  .op-sm-2-force {
    opacity: 0.2 !important;
  }
  .op-sm-3 {
    opacity: 0.3;
  }
  .op-sm-3-force {
    opacity: 0.3 !important;
  }
  .op-sm-4 {
    opacity: 0.4;
  }
  .op-sm-4-force {
    opacity: 0.4 !important;
  }
  .op-sm-5 {
    opacity: 0.5;
  }
  .op-sm-5-force {
    opacity: 0.5 !important;
  }
  .op-sm-6 {
    opacity: 0.6;
  }
  .op-sm-6-force {
    opacity: 0.6 !important;
  }
  .op-sm-7 {
    opacity: 0.7;
  }
  .op-sm-7-force {
    opacity: 0.7 !important;
  }
  .op-sm-8 {
    opacity: 0.8;
  }
  .op-sm-8-force {
    opacity: 0.8 !important;
  }
  .op-sm-9 {
    opacity: 0.9;
  }
  .op-sm-9-force {
    opacity: 0.9 !important;
  }
}

@media (min-width: 768px) {
  .op-md-0 {
    opacity: 0;
  }
  .op-md-0-force {
    opacity: 0 !important;
  }
  .op-md-1 {
    opacity: 0.1;
  }
  .op-md-1-force {
    opacity: 0.1 !important;
  }
  .op-md-2 {
    opacity: 0.2;
  }
  .op-md-2-force {
    opacity: 0.2 !important;
  }
  .op-md-3 {
    opacity: 0.3;
  }
  .op-md-3-force {
    opacity: 0.3 !important;
  }
  .op-md-4 {
    opacity: 0.4;
  }
  .op-md-4-force {
    opacity: 0.4 !important;
  }
  .op-md-5 {
    opacity: 0.5;
  }
  .op-md-5-force {
    opacity: 0.5 !important;
  }
  .op-md-6 {
    opacity: 0.6;
  }
  .op-md-6-force {
    opacity: 0.6 !important;
  }
  .op-md-7 {
    opacity: 0.7;
  }
  .op-md-7-force {
    opacity: 0.7 !important;
  }
  .op-md-8 {
    opacity: 0.8;
  }
  .op-md-8-force {
    opacity: 0.8 !important;
  }
  .op-md-9 {
    opacity: 0.9;
  }
  .op-md-9-force {
    opacity: 0.9 !important;
  }
}

@media (min-width: 991px) {
  .op-lg-0 {
    opacity: 0;
  }
  .op-lg-0-force {
    opacity: 0 !important;
  }
  .op-lg-1 {
    opacity: 0.1;
  }
  .op-lg-1-force {
    opacity: 0.1 !important;
  }
  .op-lg-2 {
    opacity: 0.2;
  }
  .op-lg-2-force {
    opacity: 0.2 !important;
  }
  .op-lg-3 {
    opacity: 0.3;
  }
  .op-lg-3-force {
    opacity: 0.3 !important;
  }
  .op-lg-4 {
    opacity: 0.4;
  }
  .op-lg-4-force {
    opacity: 0.4 !important;
  }
  .op-lg-5 {
    opacity: 0.5;
  }
  .op-lg-5-force {
    opacity: 0.5 !important;
  }
  .op-lg-6 {
    opacity: 0.6;
  }
  .op-lg-6-force {
    opacity: 0.6 !important;
  }
  .op-lg-7 {
    opacity: 0.7;
  }
  .op-lg-7-force {
    opacity: 0.7 !important;
  }
  .op-lg-8 {
    opacity: 0.8;
  }
  .op-lg-8-force {
    opacity: 0.8 !important;
  }
  .op-lg-9 {
    opacity: 0.9;
  }
  .op-lg-9-force {
    opacity: 0.9 !important;
  }
}

@media (min-width: 1200px) {
  .op-xl-0 {
    opacity: 0;
  }
  .op-xl-0-force {
    opacity: 0 !important;
  }
  .op-xl-1 {
    opacity: 0.1;
  }
  .op-xl-1-force {
    opacity: 0.1 !important;
  }
  .op-xl-2 {
    opacity: 0.2;
  }
  .op-xl-2-force {
    opacity: 0.2 !important;
  }
  .op-xl-3 {
    opacity: 0.3;
  }
  .op-xl-3-force {
    opacity: 0.3 !important;
  }
  .op-xl-4 {
    opacity: 0.4;
  }
  .op-xl-4-force {
    opacity: 0.4 !important;
  }
  .op-xl-5 {
    opacity: 0.5;
  }
  .op-xl-5-force {
    opacity: 0.5 !important;
  }
  .op-xl-6 {
    opacity: 0.6;
  }
  .op-xl-6-force {
    opacity: 0.6 !important;
  }
  .op-xl-7 {
    opacity: 0.7;
  }
  .op-xl-7-force {
    opacity: 0.7 !important;
  }
  .op-xl-8 {
    opacity: 0.8;
  }
  .op-xl-8-force {
    opacity: 0.8 !important;
  }
  .op-xl-9 {
    opacity: 0.9;
  }
  .op-xl-9-force {
    opacity: 0.9 !important;
  }
}

/* --------------------------------------- */
/* ############### Padding ############### */
/* --------------------------------------- */
.pd-0 {
  padding: 0px;
}

.pd-0-force {
  padding: 0px !important;
}

.pd-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pd-y-0-force {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pd-x-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.pd-x-0-force {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pd-t-0 {
  padding-top: 0px;
}

.pd-r-0 {
  padding-right: 0px;
}

.pd-b-0 {
  padding-bottom: 0px;
}

.pd-l-0 {
  padding-left: 0px;
}

.pd-t-0-force {
  padding-top: 0px !important;
}

.pd-r-0-force {
  padding-right: 0px !important;
}

.pd-b-0-force {
  padding-bottom: 0px !important;
}

.pd-l-0-force {
  padding-left: 0px !important;
}

.pd-1 {
  padding: 1px;
}

.pd-1-force {
  padding: 1px !important;
}

.pd-y-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pd-y-1-force {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.pd-x-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.pd-x-1-force {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.pd-t-1 {
  padding-top: 1px;
}

.pd-r-1 {
  padding-right: 1px;
}

.pd-b-1 {
  padding-bottom: 1px;
}

.pd-l-1 {
  padding-left: 1px;
}

.pd-t-1-force {
  padding-top: 1px !important;
}

.pd-r-1-force {
  padding-right: 1px !important;
}

.pd-b-1-force {
  padding-bottom: 1px !important;
}

.pd-l-1-force {
  padding-left: 1px !important;
}

.pd-2 {
  padding: 2px;
}

.pd-2-force {
  padding: 2px !important;
}

.pd-y-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pd-y-2-force {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pd-x-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.pd-x-2-force {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.pd-t-2 {
  padding-top: 2px;
}

.pd-r-2 {
  padding-right: 2px;
}

.pd-b-2 {
  padding-bottom: 2px;
}

.pd-l-2 {
  padding-left: 2px;
}

.pd-t-2-force {
  padding-top: 2px !important;
}

.pd-r-2-force {
  padding-right: 2px !important;
}

.pd-b-2-force {
  padding-bottom: 2px !important;
}

.pd-l-2-force {
  padding-left: 2px !important;
}

.pd-3 {
  padding: 3px;
}

.pd-3-force {
  padding: 3px !important;
}

.pd-y-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.pd-y-3-force {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.pd-x-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.pd-x-3-force {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.pd-t-3 {
  padding-top: 3px;
}

.pd-r-3 {
  padding-right: 3px;
}

.pd-b-3 {
  padding-bottom: 3px;
}

.pd-l-3 {
  padding-left: 3px;
}

.pd-t-3-force {
  padding-top: 3px !important;
}

.pd-r-3-force {
  padding-right: 3px !important;
}

.pd-b-3-force {
  padding-bottom: 3px !important;
}

.pd-l-3-force {
  padding-left: 3px !important;
}

.pd-4 {
  padding: 4px;
}

.pd-4-force {
  padding: 4px !important;
}

.pd-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pd-y-4-force {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pd-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.pd-x-4-force {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.pd-t-4 {
  padding-top: 4px;
}

.pd-r-4 {
  padding-right: 4px;
}

.pd-b-4 {
  padding-bottom: 4px;
}

.pd-l-4 {
  padding-left: 4px;
}

.pd-t-4-force {
  padding-top: 4px !important;
}

.pd-r-4-force {
  padding-right: 4px !important;
}

.pd-b-4-force {
  padding-bottom: 4px !important;
}

.pd-l-4-force {
  padding-left: 4px !important;
}

.pd-5 {
  padding: 5px;
}

.pd-5-force {
  padding: 5px !important;
}

.pd-y-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pd-y-5-force {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pd-x-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.pd-x-5-force {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pd-t-5 {
  padding-top: 5px;
}

.pd-r-5 {
  padding-right: 5px;
}

.pd-b-5 {
  padding-bottom: 5px;
}

.pd-l-5 {
  padding-left: 5px;
}

.pd-t-5-force {
  padding-top: 5px !important;
}

.pd-r-5-force {
  padding-right: 5px !important;
}

.pd-b-5-force {
  padding-bottom: 5px !important;
}

.pd-l-5-force {
  padding-left: 5px !important;
}

.pd-6 {
  padding: 6px;
}

.pd-6-force {
  padding: 6px !important;
}

.pd-y-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.pd-y-6-force {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.pd-x-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.pd-x-6-force {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.pd-t-6 {
  padding-top: 6px;
}

.pd-r-6 {
  padding-right: 6px;
}

.pd-b-6 {
  padding-bottom: 6px;
}

.pd-l-6 {
  padding-left: 6px;
}

.pd-t-6-force {
  padding-top: 6px !important;
}

.pd-r-6-force {
  padding-right: 6px !important;
}

.pd-b-6-force {
  padding-bottom: 6px !important;
}

.pd-l-6-force {
  padding-left: 6px !important;
}

.pd-7 {
  padding: 7px;
}

.pd-7-force {
  padding: 7px !important;
}

.pd-y-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.pd-y-7-force {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.pd-x-7 {
  padding-left: 7px;
  padding-right: 7px;
}

.pd-x-7-force {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.pd-t-7 {
  padding-top: 7px;
}

.pd-r-7 {
  padding-right: 7px;
}

.pd-b-7 {
  padding-bottom: 7px;
}

.pd-l-7 {
  padding-left: 7px;
}

.pd-t-7-force {
  padding-top: 7px !important;
}

.pd-r-7-force {
  padding-right: 7px !important;
}

.pd-b-7-force {
  padding-bottom: 7px !important;
}

.pd-l-7-force {
  padding-left: 7px !important;
}

.pd-8 {
  padding: 8px;
}

.pd-8-force {
  padding: 8px !important;
}

.pd-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pd-y-8-force {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pd-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.pd-x-8-force {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.pd-t-8 {
  padding-top: 8px;
}

.pd-r-8 {
  padding-right: 8px;
}

.pd-b-8 {
  padding-bottom: 8px;
}

.pd-l-8 {
  padding-left: 8px;
}

.pd-t-8-force {
  padding-top: 8px !important;
}

.pd-r-8-force {
  padding-right: 8px !important;
}

.pd-b-8-force {
  padding-bottom: 8px !important;
}

.pd-l-8-force {
  padding-left: 8px !important;
}

.pd-9 {
  padding: 9px;
}

.pd-9-force {
  padding: 9px !important;
}

.pd-y-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.pd-y-9-force {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.pd-x-9 {
  padding-left: 9px;
  padding-right: 9px;
}

.pd-x-9-force {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.pd-t-9 {
  padding-top: 9px;
}

.pd-r-9 {
  padding-right: 9px;
}

.pd-b-9 {
  padding-bottom: 9px;
}

.pd-l-9 {
  padding-left: 9px;
}

.pd-t-9-force {
  padding-top: 9px !important;
}

.pd-r-9-force {
  padding-right: 9px !important;
}

.pd-b-9-force {
  padding-bottom: 9px !important;
}

.pd-l-9-force {
  padding-left: 9px !important;
}

.pd-10 {
  padding: 10px;
}

.pd-10-force {
  padding: 10px !important;
}

.pd-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pd-y-10-force {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pd-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pd-x-10-force {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pd-t-10 {
  padding-top: 10px;
}

.pd-r-10 {
  padding-right: 10px;
}

.pd-b-10 {
  padding-bottom: 10px;
}

.pd-l-10 {
  padding-left: 10px;
}

.pd-t-10-force {
  padding-top: 10px !important;
}

.pd-r-10-force {
  padding-right: 10px !important;
}

.pd-b-10-force {
  padding-bottom: 10px !important;
}

.pd-l-10-force {
  padding-left: 10px !important;
}

.pd-15 {
  padding: 15px;
}

.pd-15-force {
  padding: 15px !important;
}

.pd-y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pd-y-15-force {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pd-x-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pd-x-15-force {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pd-t-15 {
  padding-top: 15px;
}

.pd-r-15 {
  padding-right: 15px;
}

.pd-b-15 {
  padding-bottom: 15px;
}

.pd-l-15 {
  padding-left: 15px;
}

.pd-t-15-force {
  padding-top: 15px !important;
}

.pd-r-15-force {
  padding-right: 15px !important;
}

.pd-b-15-force {
  padding-bottom: 15px !important;
}

.pd-l-15-force {
  padding-left: 15px !important;
}

.pd-20 {
  padding: 20px;
}

.pd-20-force {
  padding: 20px !important;
}

.pd-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pd-y-20-force {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pd-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pd-x-20-force {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pd-t-20 {
  padding-top: 20px;
}

.pd-r-20 {
  padding-right: 20px;
}

.pd-b-20 {
  padding-bottom: 20px;
}

.pd-l-20 {
  padding-left: 20px;
}

.pd-t-20-force {
  padding-top: 20px !important;
}

.pd-r-20-force {
  padding-right: 20px !important;
}

.pd-b-20-force {
  padding-bottom: 20px !important;
}

.pd-l-20-force {
  padding-left: 20px !important;
}

.pd-25 {
  padding: 25px;
}

.pd-25-force {
  padding: 25px !important;
}

.pd-y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pd-y-25-force {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pd-x-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.pd-x-25-force {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.pd-t-25 {
  padding-top: 25px;
}

.pd-r-25 {
  padding-right: 25px;
}

.pd-b-25 {
  padding-bottom: 25px;
}

.pd-l-25 {
  padding-left: 25px;
}

.pd-t-25-force {
  padding-top: 25px !important;
}

.pd-r-25-force {
  padding-right: 25px !important;
}

.pd-b-25-force {
  padding-bottom: 25px !important;
}

.pd-l-25-force {
  padding-left: 25px !important;
}

.pd-30 {
  padding: 30px;
}

.pd-30-force {
  padding: 30px !important;
}

.pd-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pd-y-30-force {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pd-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pd-x-30-force {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pd-t-30 {
  padding-top: 30px;
}

.pd-r-30 {
  padding-right: 30px;
}

.pd-b-30 {
  padding-bottom: 30px;
}

.pd-l-30 {
  padding-left: 30px;
}

.pd-t-30-force {
  padding-top: 30px !important;
}

.pd-r-30-force {
  padding-right: 30px !important;
}

.pd-b-30-force {
  padding-bottom: 30px !important;
}

.pd-l-30-force {
  padding-left: 30px !important;
}

.pd-35 {
  padding: 35px;
}

.pd-35-force {
  padding: 35px !important;
}

.pd-y-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pd-y-35-force {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.pd-x-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.pd-x-35-force {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.pd-t-35 {
  padding-top: 35px;
}

.pd-r-35 {
  padding-right: 35px;
}

.pd-b-35 {
  padding-bottom: 35px;
}

.pd-l-35 {
  padding-left: 35px;
}

.pd-t-35-force {
  padding-top: 35px !important;
}

.pd-r-35-force {
  padding-right: 35px !important;
}

.pd-b-35-force {
  padding-bottom: 35px !important;
}

.pd-l-35-force {
  padding-left: 35px !important;
}

.pd-40 {
  padding: 40px;
}

.pd-40-force {
  padding: 40px !important;
}

.pd-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pd-y-40-force {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pd-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.pd-x-40-force {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pd-t-40 {
  padding-top: 40px;
}

.pd-r-40 {
  padding-right: 40px;
}

.pd-b-40 {
  padding-bottom: 40px;
}

.pd-l-40 {
  padding-left: 40px;
}

.pd-t-40-force {
  padding-top: 40px !important;
}

.pd-r-40-force {
  padding-right: 40px !important;
}

.pd-b-40-force {
  padding-bottom: 40px !important;
}

.pd-l-40-force {
  padding-left: 40px !important;
}

.pd-45 {
  padding: 45px;
}

.pd-45-force {
  padding: 45px !important;
}

.pd-y-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pd-y-45-force {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.pd-x-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.pd-x-45-force {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.pd-t-45 {
  padding-top: 45px;
}

.pd-r-45 {
  padding-right: 45px;
}

.pd-b-45 {
  padding-bottom: 45px;
}

.pd-l-45 {
  padding-left: 45px;
}

.pd-t-45-force {
  padding-top: 45px !important;
}

.pd-r-45-force {
  padding-right: 45px !important;
}

.pd-b-45-force {
  padding-bottom: 45px !important;
}

.pd-l-45-force {
  padding-left: 45px !important;
}

.pd-50 {
  padding: 50px;
}

.pd-50-force {
  padding: 50px !important;
}

.pd-y-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pd-y-50-force {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pd-x-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.pd-x-50-force {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.pd-t-50 {
  padding-top: 50px;
}

.pd-r-50 {
  padding-right: 50px;
}

.pd-b-50 {
  padding-bottom: 50px;
}

.pd-l-50 {
  padding-left: 50px;
}

.pd-t-50-force {
  padding-top: 50px !important;
}

.pd-r-50-force {
  padding-right: 50px !important;
}

.pd-b-50-force {
  padding-bottom: 50px !important;
}

.pd-l-50-force {
  padding-left: 50px !important;
}

.pd-55 {
  padding: 55px;
}

.pd-55-force {
  padding: 55px !important;
}

.pd-y-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pd-y-55-force {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.pd-x-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.pd-x-55-force {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.pd-t-55 {
  padding-top: 55px;
}

.pd-r-55 {
  padding-right: 55px;
}

.pd-b-55 {
  padding-bottom: 55px;
}

.pd-l-55 {
  padding-left: 55px;
}

.pd-t-55-force {
  padding-top: 55px !important;
}

.pd-r-55-force {
  padding-right: 55px !important;
}

.pd-b-55-force {
  padding-bottom: 55px !important;
}

.pd-l-55-force {
  padding-left: 55px !important;
}

.pd-60 {
  padding: 60px;
}

.pd-60-force {
  padding: 60px !important;
}

.pd-y-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pd-y-60-force {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pd-x-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.pd-x-60-force {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.pd-t-60 {
  padding-top: 60px;
}

.pd-r-60 {
  padding-right: 60px;
}

.pd-b-60 {
  padding-bottom: 60px;
}

.pd-l-60 {
  padding-left: 60px;
}

.pd-t-60-force {
  padding-top: 60px !important;
}

.pd-r-60-force {
  padding-right: 60px !important;
}

.pd-b-60-force {
  padding-bottom: 60px !important;
}

.pd-l-60-force {
  padding-left: 60px !important;
}

.pd-65 {
  padding: 65px;
}

.pd-65-force {
  padding: 65px !important;
}

.pd-y-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.pd-y-65-force {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.pd-x-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.pd-x-65-force {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.pd-t-65 {
  padding-top: 65px;
}

.pd-r-65 {
  padding-right: 65px;
}

.pd-b-65 {
  padding-bottom: 65px;
}

.pd-l-65 {
  padding-left: 65px;
}

.pd-t-65-force {
  padding-top: 65px !important;
}

.pd-r-65-force {
  padding-right: 65px !important;
}

.pd-b-65-force {
  padding-bottom: 65px !important;
}

.pd-l-65-force {
  padding-left: 65px !important;
}

.pd-70 {
  padding: 70px;
}

.pd-70-force {
  padding: 70px !important;
}

.pd-y-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pd-y-70-force {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.pd-x-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.pd-x-70-force {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.pd-t-70 {
  padding-top: 70px;
}

.pd-r-70 {
  padding-right: 70px;
}

.pd-b-70 {
  padding-bottom: 70px;
}

.pd-l-70 {
  padding-left: 70px;
}

.pd-t-70-force {
  padding-top: 70px !important;
}

.pd-r-70-force {
  padding-right: 70px !important;
}

.pd-b-70-force {
  padding-bottom: 70px !important;
}

.pd-l-70-force {
  padding-left: 70px !important;
}

.pd-75 {
  padding: 75px;
}

.pd-75-force {
  padding: 75px !important;
}

.pd-y-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pd-y-75-force {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.pd-x-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.pd-x-75-force {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.pd-t-75 {
  padding-top: 75px;
}

.pd-r-75 {
  padding-right: 75px;
}

.pd-b-75 {
  padding-bottom: 75px;
}

.pd-l-75 {
  padding-left: 75px;
}

.pd-t-75-force {
  padding-top: 75px !important;
}

.pd-r-75-force {
  padding-right: 75px !important;
}

.pd-b-75-force {
  padding-bottom: 75px !important;
}

.pd-l-75-force {
  padding-left: 75px !important;
}

.pd-80 {
  padding: 80px;
}

.pd-80-force {
  padding: 80px !important;
}

.pd-y-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pd-y-80-force {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.pd-x-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.pd-x-80-force {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.pd-t-80 {
  padding-top: 80px;
}

.pd-r-80 {
  padding-right: 80px;
}

.pd-b-80 {
  padding-bottom: 80px;
}

.pd-l-80 {
  padding-left: 80px;
}

.pd-t-80-force {
  padding-top: 80px !important;
}

.pd-r-80-force {
  padding-right: 80px !important;
}

.pd-b-80-force {
  padding-bottom: 80px !important;
}

.pd-l-80-force {
  padding-left: 80px !important;
}

.pd-85 {
  padding: 85px;
}

.pd-85-force {
  padding: 85px !important;
}

.pd-y-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.pd-y-85-force {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.pd-x-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.pd-x-85-force {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.pd-t-85 {
  padding-top: 85px;
}

.pd-r-85 {
  padding-right: 85px;
}

.pd-b-85 {
  padding-bottom: 85px;
}

.pd-l-85 {
  padding-left: 85px;
}

.pd-t-85-force {
  padding-top: 85px !important;
}

.pd-r-85-force {
  padding-right: 85px !important;
}

.pd-b-85-force {
  padding-bottom: 85px !important;
}

.pd-l-85-force {
  padding-left: 85px !important;
}

.pd-90 {
  padding: 90px;
}

.pd-90-force {
  padding: 90px !important;
}

.pd-y-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pd-y-90-force {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.pd-x-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.pd-x-90-force {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.pd-t-90 {
  padding-top: 90px;
}

.pd-r-90 {
  padding-right: 90px;
}

.pd-b-90 {
  padding-bottom: 90px;
}

.pd-l-90 {
  padding-left: 90px;
}

.pd-t-90-force {
  padding-top: 90px !important;
}

.pd-r-90-force {
  padding-right: 90px !important;
}

.pd-b-90-force {
  padding-bottom: 90px !important;
}

.pd-l-90-force {
  padding-left: 90px !important;
}

.pd-95 {
  padding: 95px;
}

.pd-95-force {
  padding: 95px !important;
}

.pd-y-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.pd-y-95-force {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.pd-x-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.pd-x-95-force {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.pd-t-95 {
  padding-top: 95px;
}

.pd-r-95 {
  padding-right: 95px;
}

.pd-b-95 {
  padding-bottom: 95px;
}

.pd-l-95 {
  padding-left: 95px;
}

.pd-t-95-force {
  padding-top: 95px !important;
}

.pd-r-95-force {
  padding-right: 95px !important;
}

.pd-b-95-force {
  padding-bottom: 95px !important;
}

.pd-l-95-force {
  padding-left: 95px !important;
}

.pd-100 {
  padding: 100px;
}

.pd-100-force {
  padding: 100px !important;
}

.pd-y-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pd-y-100-force {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.pd-x-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.pd-x-100-force {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.pd-t-100 {
  padding-top: 100px;
}

.pd-r-100 {
  padding-right: 100px;
}

.pd-b-100 {
  padding-bottom: 100px;
}

.pd-l-100 {
  padding-left: 100px;
}

.pd-t-100-force {
  padding-top: 100px !important;
}

.pd-r-100-force {
  padding-right: 100px !important;
}

.pd-b-100-force {
  padding-bottom: 100px !important;
}

.pd-l-100-force {
  padding-left: 100px !important;
}

.pd-110 {
  padding: 110px;
}

.pd-110-force {
  padding: 110px !important;
}

.pd-y-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.pd-y-110-force {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.pd-x-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.pd-x-110-force {
  padding-left: 110px !important;
  padding-right: 110px !important;
}

.pd-t-110 {
  padding-top: 110px;
}

.pd-r-110 {
  padding-right: 110px;
}

.pd-b-110 {
  padding-bottom: 110px;
}

.pd-l-110 {
  padding-left: 110px;
}

.pd-t-110-force {
  padding-top: 110px !important;
}

.pd-r-110-force {
  padding-right: 110px !important;
}

.pd-b-110-force {
  padding-bottom: 110px !important;
}

.pd-l-110-force {
  padding-left: 110px !important;
}

.pd-120 {
  padding: 120px;
}

.pd-120-force {
  padding: 120px !important;
}

.pd-y-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pd-y-120-force {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.pd-x-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.pd-x-120-force {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.pd-t-120 {
  padding-top: 120px;
}

.pd-r-120 {
  padding-right: 120px;
}

.pd-b-120 {
  padding-bottom: 120px;
}

.pd-l-120 {
  padding-left: 120px;
}

.pd-t-120-force {
  padding-top: 120px !important;
}

.pd-r-120-force {
  padding-right: 120px !important;
}

.pd-b-120-force {
  padding-bottom: 120px !important;
}

.pd-l-120-force {
  padding-left: 120px !important;
}

.pd-130 {
  padding: 130px;
}

.pd-130-force {
  padding: 130px !important;
}

.pd-y-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.pd-y-130-force {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}

.pd-x-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.pd-x-130-force {
  padding-left: 130px !important;
  padding-right: 130px !important;
}

.pd-t-130 {
  padding-top: 130px;
}

.pd-r-130 {
  padding-right: 130px;
}

.pd-b-130 {
  padding-bottom: 130px;
}

.pd-l-130 {
  padding-left: 130px;
}

.pd-t-130-force {
  padding-top: 130px !important;
}

.pd-r-130-force {
  padding-right: 130px !important;
}

.pd-b-130-force {
  padding-bottom: 130px !important;
}

.pd-l-130-force {
  padding-left: 130px !important;
}

.pd-140 {
  padding: 140px;
}

.pd-140-force {
  padding: 140px !important;
}

.pd-y-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pd-y-140-force {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.pd-x-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.pd-x-140-force {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

.pd-t-140 {
  padding-top: 140px;
}

.pd-r-140 {
  padding-right: 140px;
}

.pd-b-140 {
  padding-bottom: 140px;
}

.pd-l-140 {
  padding-left: 140px;
}

.pd-t-140-force {
  padding-top: 140px !important;
}

.pd-r-140-force {
  padding-right: 140px !important;
}

.pd-b-140-force {
  padding-bottom: 140px !important;
}

.pd-l-140-force {
  padding-left: 140px !important;
}

.pd-150 {
  padding: 150px;
}

.pd-150-force {
  padding: 150px !important;
}

.pd-y-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pd-y-150-force {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.pd-x-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.pd-x-150-force {
  padding-left: 150px !important;
  padding-right: 150px !important;
}

.pd-t-150 {
  padding-top: 150px;
}

.pd-r-150 {
  padding-right: 150px;
}

.pd-b-150 {
  padding-bottom: 150px;
}

.pd-l-150 {
  padding-left: 150px;
}

.pd-t-150-force {
  padding-top: 150px !important;
}

.pd-r-150-force {
  padding-right: 150px !important;
}

.pd-b-150-force {
  padding-bottom: 150px !important;
}

.pd-l-150-force {
  padding-left: 150px !important;
}

.pd-160 {
  padding: 160px;
}

.pd-160-force {
  padding: 160px !important;
}

.pd-y-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.pd-y-160-force {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.pd-x-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.pd-x-160-force {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.pd-t-160 {
  padding-top: 160px;
}

.pd-r-160 {
  padding-right: 160px;
}

.pd-b-160 {
  padding-bottom: 160px;
}

.pd-l-160 {
  padding-left: 160px;
}

.pd-t-160-force {
  padding-top: 160px !important;
}

.pd-r-160-force {
  padding-right: 160px !important;
}

.pd-b-160-force {
  padding-bottom: 160px !important;
}

.pd-l-160-force {
  padding-left: 160px !important;
}

.pd-170 {
  padding: 170px;
}

.pd-170-force {
  padding: 170px !important;
}

.pd-y-170 {
  padding-top: 170px;
  padding-bottom: 170px;
}

.pd-y-170-force {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}

.pd-x-170 {
  padding-left: 170px;
  padding-right: 170px;
}

.pd-x-170-force {
  padding-left: 170px !important;
  padding-right: 170px !important;
}

.pd-t-170 {
  padding-top: 170px;
}

.pd-r-170 {
  padding-right: 170px;
}

.pd-b-170 {
  padding-bottom: 170px;
}

.pd-l-170 {
  padding-left: 170px;
}

.pd-t-170-force {
  padding-top: 170px !important;
}

.pd-r-170-force {
  padding-right: 170px !important;
}

.pd-b-170-force {
  padding-bottom: 170px !important;
}

.pd-l-170-force {
  padding-left: 170px !important;
}

.pd-180 {
  padding: 180px;
}

.pd-180-force {
  padding: 180px !important;
}

.pd-y-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.pd-y-180-force {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.pd-x-180 {
  padding-left: 180px;
  padding-right: 180px;
}

.pd-x-180-force {
  padding-left: 180px !important;
  padding-right: 180px !important;
}

.pd-t-180 {
  padding-top: 180px;
}

.pd-r-180 {
  padding-right: 180px;
}

.pd-b-180 {
  padding-bottom: 180px;
}

.pd-l-180 {
  padding-left: 180px;
}

.pd-t-180-force {
  padding-top: 180px !important;
}

.pd-r-180-force {
  padding-right: 180px !important;
}

.pd-b-180-force {
  padding-bottom: 180px !important;
}

.pd-l-180-force {
  padding-left: 180px !important;
}

.pd-190 {
  padding: 190px;
}

.pd-190-force {
  padding: 190px !important;
}

.pd-y-190 {
  padding-top: 190px;
  padding-bottom: 190px;
}

.pd-y-190-force {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}

.pd-x-190 {
  padding-left: 190px;
  padding-right: 190px;
}

.pd-x-190-force {
  padding-left: 190px !important;
  padding-right: 190px !important;
}

.pd-t-190 {
  padding-top: 190px;
}

.pd-r-190 {
  padding-right: 190px;
}

.pd-b-190 {
  padding-bottom: 190px;
}

.pd-l-190 {
  padding-left: 190px;
}

.pd-t-190-force {
  padding-top: 190px !important;
}

.pd-r-190-force {
  padding-right: 190px !important;
}

.pd-b-190-force {
  padding-bottom: 190px !important;
}

.pd-l-190-force {
  padding-left: 190px !important;
}

.pd-200 {
  padding: 200px;
}

.pd-200-force {
  padding: 200px !important;
}

.pd-y-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.pd-y-200-force {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.pd-x-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.pd-x-200-force {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

.pd-t-200 {
  padding-top: 200px;
}

.pd-r-200 {
  padding-right: 200px;
}

.pd-b-200 {
  padding-bottom: 200px;
}

.pd-l-200 {
  padding-left: 200px;
}

.pd-t-200-force {
  padding-top: 200px !important;
}

.pd-r-200-force {
  padding-right: 200px !important;
}

.pd-b-200-force {
  padding-bottom: 200px !important;
}

.pd-l-200-force {
  padding-left: 200px !important;
}

@media (min-width: 480px) {
  .pd-xs-0 {
    padding: 0px;
  }
  .pd-xs-0-force {
    padding: 0px !important;
  }
  .pd-xs-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pd-xs-y-0-force {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pd-xs-x-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pd-xs-x-0-force {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pd-xs-t-0 {
    padding-top: 0px;
  }
  .pd-xs-r-0 {
    padding-right: 0px;
  }
  .pd-xs-b-0 {
    padding-bottom: 0px;
  }
  .pd-xs-l-0 {
    padding-left: 0px;
  }
  .pd-xs-t-0-force {
    padding-top: 0px !important;
  }
  .pd-xs-r-0-force {
    padding-right: 0px !important;
  }
  .pd-xs-b-0-force {
    padding-bottom: 0px !important;
  }
  .pd-xs-l-0-force {
    padding-left: 0px !important;
  }
  .pd-xs-1 {
    padding: 1px;
  }
  .pd-xs-1-force {
    padding: 1px !important;
  }
  .pd-xs-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pd-xs-y-1-force {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pd-xs-x-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .pd-xs-x-1-force {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .pd-xs-t-1 {
    padding-top: 1px;
  }
  .pd-xs-r-1 {
    padding-right: 1px;
  }
  .pd-xs-b-1 {
    padding-bottom: 1px;
  }
  .pd-xs-l-1 {
    padding-left: 1px;
  }
  .pd-xs-t-1-force {
    padding-top: 1px !important;
  }
  .pd-xs-r-1-force {
    padding-right: 1px !important;
  }
  .pd-xs-b-1-force {
    padding-bottom: 1px !important;
  }
  .pd-xs-l-1-force {
    padding-left: 1px !important;
  }
  .pd-xs-2 {
    padding: 2px;
  }
  .pd-xs-2-force {
    padding: 2px !important;
  }
  .pd-xs-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pd-xs-y-2-force {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pd-xs-x-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .pd-xs-x-2-force {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pd-xs-t-2 {
    padding-top: 2px;
  }
  .pd-xs-r-2 {
    padding-right: 2px;
  }
  .pd-xs-b-2 {
    padding-bottom: 2px;
  }
  .pd-xs-l-2 {
    padding-left: 2px;
  }
  .pd-xs-t-2-force {
    padding-top: 2px !important;
  }
  .pd-xs-r-2-force {
    padding-right: 2px !important;
  }
  .pd-xs-b-2-force {
    padding-bottom: 2px !important;
  }
  .pd-xs-l-2-force {
    padding-left: 2px !important;
  }
  .pd-xs-3 {
    padding: 3px;
  }
  .pd-xs-3-force {
    padding: 3px !important;
  }
  .pd-xs-y-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .pd-xs-y-3-force {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .pd-xs-x-3 {
    padding-left: 3px;
    padding-right: 3px;
  }
  .pd-xs-x-3-force {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .pd-xs-t-3 {
    padding-top: 3px;
  }
  .pd-xs-r-3 {
    padding-right: 3px;
  }
  .pd-xs-b-3 {
    padding-bottom: 3px;
  }
  .pd-xs-l-3 {
    padding-left: 3px;
  }
  .pd-xs-t-3-force {
    padding-top: 3px !important;
  }
  .pd-xs-r-3-force {
    padding-right: 3px !important;
  }
  .pd-xs-b-3-force {
    padding-bottom: 3px !important;
  }
  .pd-xs-l-3-force {
    padding-left: 3px !important;
  }
  .pd-xs-4 {
    padding: 4px;
  }
  .pd-xs-4-force {
    padding: 4px !important;
  }
  .pd-xs-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pd-xs-y-4-force {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pd-xs-x-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .pd-xs-x-4-force {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pd-xs-t-4 {
    padding-top: 4px;
  }
  .pd-xs-r-4 {
    padding-right: 4px;
  }
  .pd-xs-b-4 {
    padding-bottom: 4px;
  }
  .pd-xs-l-4 {
    padding-left: 4px;
  }
  .pd-xs-t-4-force {
    padding-top: 4px !important;
  }
  .pd-xs-r-4-force {
    padding-right: 4px !important;
  }
  .pd-xs-b-4-force {
    padding-bottom: 4px !important;
  }
  .pd-xs-l-4-force {
    padding-left: 4px !important;
  }
  .pd-xs-5 {
    padding: 5px;
  }
  .pd-xs-5-force {
    padding: 5px !important;
  }
  .pd-xs-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pd-xs-y-5-force {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pd-xs-x-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pd-xs-x-5-force {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pd-xs-t-5 {
    padding-top: 5px;
  }
  .pd-xs-r-5 {
    padding-right: 5px;
  }
  .pd-xs-b-5 {
    padding-bottom: 5px;
  }
  .pd-xs-l-5 {
    padding-left: 5px;
  }
  .pd-xs-t-5-force {
    padding-top: 5px !important;
  }
  .pd-xs-r-5-force {
    padding-right: 5px !important;
  }
  .pd-xs-b-5-force {
    padding-bottom: 5px !important;
  }
  .pd-xs-l-5-force {
    padding-left: 5px !important;
  }
  .pd-xs-6 {
    padding: 6px;
  }
  .pd-xs-6-force {
    padding: 6px !important;
  }
  .pd-xs-y-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pd-xs-y-6-force {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .pd-xs-x-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .pd-xs-x-6-force {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .pd-xs-t-6 {
    padding-top: 6px;
  }
  .pd-xs-r-6 {
    padding-right: 6px;
  }
  .pd-xs-b-6 {
    padding-bottom: 6px;
  }
  .pd-xs-l-6 {
    padding-left: 6px;
  }
  .pd-xs-t-6-force {
    padding-top: 6px !important;
  }
  .pd-xs-r-6-force {
    padding-right: 6px !important;
  }
  .pd-xs-b-6-force {
    padding-bottom: 6px !important;
  }
  .pd-xs-l-6-force {
    padding-left: 6px !important;
  }
  .pd-xs-7 {
    padding: 7px;
  }
  .pd-xs-7-force {
    padding: 7px !important;
  }
  .pd-xs-y-7 {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .pd-xs-y-7-force {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .pd-xs-x-7 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .pd-xs-x-7-force {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .pd-xs-t-7 {
    padding-top: 7px;
  }
  .pd-xs-r-7 {
    padding-right: 7px;
  }
  .pd-xs-b-7 {
    padding-bottom: 7px;
  }
  .pd-xs-l-7 {
    padding-left: 7px;
  }
  .pd-xs-t-7-force {
    padding-top: 7px !important;
  }
  .pd-xs-r-7-force {
    padding-right: 7px !important;
  }
  .pd-xs-b-7-force {
    padding-bottom: 7px !important;
  }
  .pd-xs-l-7-force {
    padding-left: 7px !important;
  }
  .pd-xs-8 {
    padding: 8px;
  }
  .pd-xs-8-force {
    padding: 8px !important;
  }
  .pd-xs-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pd-xs-y-8-force {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pd-xs-x-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .pd-xs-x-8-force {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pd-xs-t-8 {
    padding-top: 8px;
  }
  .pd-xs-r-8 {
    padding-right: 8px;
  }
  .pd-xs-b-8 {
    padding-bottom: 8px;
  }
  .pd-xs-l-8 {
    padding-left: 8px;
  }
  .pd-xs-t-8-force {
    padding-top: 8px !important;
  }
  .pd-xs-r-8-force {
    padding-right: 8px !important;
  }
  .pd-xs-b-8-force {
    padding-bottom: 8px !important;
  }
  .pd-xs-l-8-force {
    padding-left: 8px !important;
  }
  .pd-xs-9 {
    padding: 9px;
  }
  .pd-xs-9-force {
    padding: 9px !important;
  }
  .pd-xs-y-9 {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .pd-xs-y-9-force {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .pd-xs-x-9 {
    padding-left: 9px;
    padding-right: 9px;
  }
  .pd-xs-x-9-force {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .pd-xs-t-9 {
    padding-top: 9px;
  }
  .pd-xs-r-9 {
    padding-right: 9px;
  }
  .pd-xs-b-9 {
    padding-bottom: 9px;
  }
  .pd-xs-l-9 {
    padding-left: 9px;
  }
  .pd-xs-t-9-force {
    padding-top: 9px !important;
  }
  .pd-xs-r-9-force {
    padding-right: 9px !important;
  }
  .pd-xs-b-9-force {
    padding-bottom: 9px !important;
  }
  .pd-xs-l-9-force {
    padding-left: 9px !important;
  }
  .pd-xs-10 {
    padding: 10px;
  }
  .pd-xs-10-force {
    padding: 10px !important;
  }
  .pd-xs-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pd-xs-y-10-force {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pd-xs-x-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pd-xs-x-10-force {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pd-xs-t-10 {
    padding-top: 10px;
  }
  .pd-xs-r-10 {
    padding-right: 10px;
  }
  .pd-xs-b-10 {
    padding-bottom: 10px;
  }
  .pd-xs-l-10 {
    padding-left: 10px;
  }
  .pd-xs-t-10-force {
    padding-top: 10px !important;
  }
  .pd-xs-r-10-force {
    padding-right: 10px !important;
  }
  .pd-xs-b-10-force {
    padding-bottom: 10px !important;
  }
  .pd-xs-l-10-force {
    padding-left: 10px !important;
  }
  .pd-xs-15 {
    padding: 15px;
  }
  .pd-xs-15-force {
    padding: 15px !important;
  }
  .pd-xs-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pd-xs-y-15-force {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pd-xs-x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pd-xs-x-15-force {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pd-xs-t-15 {
    padding-top: 15px;
  }
  .pd-xs-r-15 {
    padding-right: 15px;
  }
  .pd-xs-b-15 {
    padding-bottom: 15px;
  }
  .pd-xs-l-15 {
    padding-left: 15px;
  }
  .pd-xs-t-15-force {
    padding-top: 15px !important;
  }
  .pd-xs-r-15-force {
    padding-right: 15px !important;
  }
  .pd-xs-b-15-force {
    padding-bottom: 15px !important;
  }
  .pd-xs-l-15-force {
    padding-left: 15px !important;
  }
  .pd-xs-20 {
    padding: 20px;
  }
  .pd-xs-20-force {
    padding: 20px !important;
  }
  .pd-xs-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pd-xs-y-20-force {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pd-xs-x-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pd-xs-x-20-force {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pd-xs-t-20 {
    padding-top: 20px;
  }
  .pd-xs-r-20 {
    padding-right: 20px;
  }
  .pd-xs-b-20 {
    padding-bottom: 20px;
  }
  .pd-xs-l-20 {
    padding-left: 20px;
  }
  .pd-xs-t-20-force {
    padding-top: 20px !important;
  }
  .pd-xs-r-20-force {
    padding-right: 20px !important;
  }
  .pd-xs-b-20-force {
    padding-bottom: 20px !important;
  }
  .pd-xs-l-20-force {
    padding-left: 20px !important;
  }
  .pd-xs-25 {
    padding: 25px;
  }
  .pd-xs-25-force {
    padding: 25px !important;
  }
  .pd-xs-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pd-xs-y-25-force {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pd-xs-x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pd-xs-x-25-force {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pd-xs-t-25 {
    padding-top: 25px;
  }
  .pd-xs-r-25 {
    padding-right: 25px;
  }
  .pd-xs-b-25 {
    padding-bottom: 25px;
  }
  .pd-xs-l-25 {
    padding-left: 25px;
  }
  .pd-xs-t-25-force {
    padding-top: 25px !important;
  }
  .pd-xs-r-25-force {
    padding-right: 25px !important;
  }
  .pd-xs-b-25-force {
    padding-bottom: 25px !important;
  }
  .pd-xs-l-25-force {
    padding-left: 25px !important;
  }
  .pd-xs-30 {
    padding: 30px;
  }
  .pd-xs-30-force {
    padding: 30px !important;
  }
  .pd-xs-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pd-xs-y-30-force {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pd-xs-x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pd-xs-x-30-force {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pd-xs-t-30 {
    padding-top: 30px;
  }
  .pd-xs-r-30 {
    padding-right: 30px;
  }
  .pd-xs-b-30 {
    padding-bottom: 30px;
  }
  .pd-xs-l-30 {
    padding-left: 30px;
  }
  .pd-xs-t-30-force {
    padding-top: 30px !important;
  }
  .pd-xs-r-30-force {
    padding-right: 30px !important;
  }
  .pd-xs-b-30-force {
    padding-bottom: 30px !important;
  }
  .pd-xs-l-30-force {
    padding-left: 30px !important;
  }
  .pd-xs-35 {
    padding: 35px;
  }
  .pd-xs-35-force {
    padding: 35px !important;
  }
  .pd-xs-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pd-xs-y-35-force {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pd-xs-x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pd-xs-x-35-force {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pd-xs-t-35 {
    padding-top: 35px;
  }
  .pd-xs-r-35 {
    padding-right: 35px;
  }
  .pd-xs-b-35 {
    padding-bottom: 35px;
  }
  .pd-xs-l-35 {
    padding-left: 35px;
  }
  .pd-xs-t-35-force {
    padding-top: 35px !important;
  }
  .pd-xs-r-35-force {
    padding-right: 35px !important;
  }
  .pd-xs-b-35-force {
    padding-bottom: 35px !important;
  }
  .pd-xs-l-35-force {
    padding-left: 35px !important;
  }
  .pd-xs-40 {
    padding: 40px;
  }
  .pd-xs-40-force {
    padding: 40px !important;
  }
  .pd-xs-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pd-xs-y-40-force {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pd-xs-x-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pd-xs-x-40-force {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pd-xs-t-40 {
    padding-top: 40px;
  }
  .pd-xs-r-40 {
    padding-right: 40px;
  }
  .pd-xs-b-40 {
    padding-bottom: 40px;
  }
  .pd-xs-l-40 {
    padding-left: 40px;
  }
  .pd-xs-t-40-force {
    padding-top: 40px !important;
  }
  .pd-xs-r-40-force {
    padding-right: 40px !important;
  }
  .pd-xs-b-40-force {
    padding-bottom: 40px !important;
  }
  .pd-xs-l-40-force {
    padding-left: 40px !important;
  }
  .pd-xs-45 {
    padding: 45px;
  }
  .pd-xs-45-force {
    padding: 45px !important;
  }
  .pd-xs-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pd-xs-y-45-force {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pd-xs-x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pd-xs-x-45-force {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pd-xs-t-45 {
    padding-top: 45px;
  }
  .pd-xs-r-45 {
    padding-right: 45px;
  }
  .pd-xs-b-45 {
    padding-bottom: 45px;
  }
  .pd-xs-l-45 {
    padding-left: 45px;
  }
  .pd-xs-t-45-force {
    padding-top: 45px !important;
  }
  .pd-xs-r-45-force {
    padding-right: 45px !important;
  }
  .pd-xs-b-45-force {
    padding-bottom: 45px !important;
  }
  .pd-xs-l-45-force {
    padding-left: 45px !important;
  }
  .pd-xs-50 {
    padding: 50px;
  }
  .pd-xs-50-force {
    padding: 50px !important;
  }
  .pd-xs-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pd-xs-y-50-force {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pd-xs-x-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pd-xs-x-50-force {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pd-xs-t-50 {
    padding-top: 50px;
  }
  .pd-xs-r-50 {
    padding-right: 50px;
  }
  .pd-xs-b-50 {
    padding-bottom: 50px;
  }
  .pd-xs-l-50 {
    padding-left: 50px;
  }
  .pd-xs-t-50-force {
    padding-top: 50px !important;
  }
  .pd-xs-r-50-force {
    padding-right: 50px !important;
  }
  .pd-xs-b-50-force {
    padding-bottom: 50px !important;
  }
  .pd-xs-l-50-force {
    padding-left: 50px !important;
  }
  .pd-xs-55 {
    padding: 55px;
  }
  .pd-xs-55-force {
    padding: 55px !important;
  }
  .pd-xs-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pd-xs-y-55-force {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pd-xs-x-55 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pd-xs-x-55-force {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pd-xs-t-55 {
    padding-top: 55px;
  }
  .pd-xs-r-55 {
    padding-right: 55px;
  }
  .pd-xs-b-55 {
    padding-bottom: 55px;
  }
  .pd-xs-l-55 {
    padding-left: 55px;
  }
  .pd-xs-t-55-force {
    padding-top: 55px !important;
  }
  .pd-xs-r-55-force {
    padding-right: 55px !important;
  }
  .pd-xs-b-55-force {
    padding-bottom: 55px !important;
  }
  .pd-xs-l-55-force {
    padding-left: 55px !important;
  }
  .pd-xs-60 {
    padding: 60px;
  }
  .pd-xs-60-force {
    padding: 60px !important;
  }
  .pd-xs-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pd-xs-y-60-force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pd-xs-x-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pd-xs-x-60-force {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pd-xs-t-60 {
    padding-top: 60px;
  }
  .pd-xs-r-60 {
    padding-right: 60px;
  }
  .pd-xs-b-60 {
    padding-bottom: 60px;
  }
  .pd-xs-l-60 {
    padding-left: 60px;
  }
  .pd-xs-t-60-force {
    padding-top: 60px !important;
  }
  .pd-xs-r-60-force {
    padding-right: 60px !important;
  }
  .pd-xs-b-60-force {
    padding-bottom: 60px !important;
  }
  .pd-xs-l-60-force {
    padding-left: 60px !important;
  }
  .pd-xs-65 {
    padding: 65px;
  }
  .pd-xs-65-force {
    padding: 65px !important;
  }
  .pd-xs-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pd-xs-y-65-force {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pd-xs-x-65 {
    padding-left: 65px;
    padding-right: 65px;
  }
  .pd-xs-x-65-force {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pd-xs-t-65 {
    padding-top: 65px;
  }
  .pd-xs-r-65 {
    padding-right: 65px;
  }
  .pd-xs-b-65 {
    padding-bottom: 65px;
  }
  .pd-xs-l-65 {
    padding-left: 65px;
  }
  .pd-xs-t-65-force {
    padding-top: 65px !important;
  }
  .pd-xs-r-65-force {
    padding-right: 65px !important;
  }
  .pd-xs-b-65-force {
    padding-bottom: 65px !important;
  }
  .pd-xs-l-65-force {
    padding-left: 65px !important;
  }
  .pd-xs-70 {
    padding: 70px;
  }
  .pd-xs-70-force {
    padding: 70px !important;
  }
  .pd-xs-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pd-xs-y-70-force {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pd-xs-x-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .pd-xs-x-70-force {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pd-xs-t-70 {
    padding-top: 70px;
  }
  .pd-xs-r-70 {
    padding-right: 70px;
  }
  .pd-xs-b-70 {
    padding-bottom: 70px;
  }
  .pd-xs-l-70 {
    padding-left: 70px;
  }
  .pd-xs-t-70-force {
    padding-top: 70px !important;
  }
  .pd-xs-r-70-force {
    padding-right: 70px !important;
  }
  .pd-xs-b-70-force {
    padding-bottom: 70px !important;
  }
  .pd-xs-l-70-force {
    padding-left: 70px !important;
  }
  .pd-xs-75 {
    padding: 75px;
  }
  .pd-xs-75-force {
    padding: 75px !important;
  }
  .pd-xs-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pd-xs-y-75-force {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pd-xs-x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .pd-xs-x-75-force {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pd-xs-t-75 {
    padding-top: 75px;
  }
  .pd-xs-r-75 {
    padding-right: 75px;
  }
  .pd-xs-b-75 {
    padding-bottom: 75px;
  }
  .pd-xs-l-75 {
    padding-left: 75px;
  }
  .pd-xs-t-75-force {
    padding-top: 75px !important;
  }
  .pd-xs-r-75-force {
    padding-right: 75px !important;
  }
  .pd-xs-b-75-force {
    padding-bottom: 75px !important;
  }
  .pd-xs-l-75-force {
    padding-left: 75px !important;
  }
  .pd-xs-80 {
    padding: 80px;
  }
  .pd-xs-80-force {
    padding: 80px !important;
  }
  .pd-xs-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pd-xs-y-80-force {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pd-xs-x-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .pd-xs-x-80-force {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pd-xs-t-80 {
    padding-top: 80px;
  }
  .pd-xs-r-80 {
    padding-right: 80px;
  }
  .pd-xs-b-80 {
    padding-bottom: 80px;
  }
  .pd-xs-l-80 {
    padding-left: 80px;
  }
  .pd-xs-t-80-force {
    padding-top: 80px !important;
  }
  .pd-xs-r-80-force {
    padding-right: 80px !important;
  }
  .pd-xs-b-80-force {
    padding-bottom: 80px !important;
  }
  .pd-xs-l-80-force {
    padding-left: 80px !important;
  }
  .pd-xs-85 {
    padding: 85px;
  }
  .pd-xs-85-force {
    padding: 85px !important;
  }
  .pd-xs-y-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pd-xs-y-85-force {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pd-xs-x-85 {
    padding-left: 85px;
    padding-right: 85px;
  }
  .pd-xs-x-85-force {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pd-xs-t-85 {
    padding-top: 85px;
  }
  .pd-xs-r-85 {
    padding-right: 85px;
  }
  .pd-xs-b-85 {
    padding-bottom: 85px;
  }
  .pd-xs-l-85 {
    padding-left: 85px;
  }
  .pd-xs-t-85-force {
    padding-top: 85px !important;
  }
  .pd-xs-r-85-force {
    padding-right: 85px !important;
  }
  .pd-xs-b-85-force {
    padding-bottom: 85px !important;
  }
  .pd-xs-l-85-force {
    padding-left: 85px !important;
  }
  .pd-xs-90 {
    padding: 90px;
  }
  .pd-xs-90-force {
    padding: 90px !important;
  }
  .pd-xs-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pd-xs-y-90-force {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pd-xs-x-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .pd-xs-x-90-force {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pd-xs-t-90 {
    padding-top: 90px;
  }
  .pd-xs-r-90 {
    padding-right: 90px;
  }
  .pd-xs-b-90 {
    padding-bottom: 90px;
  }
  .pd-xs-l-90 {
    padding-left: 90px;
  }
  .pd-xs-t-90-force {
    padding-top: 90px !important;
  }
  .pd-xs-r-90-force {
    padding-right: 90px !important;
  }
  .pd-xs-b-90-force {
    padding-bottom: 90px !important;
  }
  .pd-xs-l-90-force {
    padding-left: 90px !important;
  }
  .pd-xs-95 {
    padding: 95px;
  }
  .pd-xs-95-force {
    padding: 95px !important;
  }
  .pd-xs-y-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pd-xs-y-95-force {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pd-xs-x-95 {
    padding-left: 95px;
    padding-right: 95px;
  }
  .pd-xs-x-95-force {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pd-xs-t-95 {
    padding-top: 95px;
  }
  .pd-xs-r-95 {
    padding-right: 95px;
  }
  .pd-xs-b-95 {
    padding-bottom: 95px;
  }
  .pd-xs-l-95 {
    padding-left: 95px;
  }
  .pd-xs-t-95-force {
    padding-top: 95px !important;
  }
  .pd-xs-r-95-force {
    padding-right: 95px !important;
  }
  .pd-xs-b-95-force {
    padding-bottom: 95px !important;
  }
  .pd-xs-l-95-force {
    padding-left: 95px !important;
  }
  .pd-xs-100 {
    padding: 100px;
  }
  .pd-xs-100-force {
    padding: 100px !important;
  }
  .pd-xs-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pd-xs-y-100-force {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pd-xs-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .pd-xs-x-100-force {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pd-xs-t-100 {
    padding-top: 100px;
  }
  .pd-xs-r-100 {
    padding-right: 100px;
  }
  .pd-xs-b-100 {
    padding-bottom: 100px;
  }
  .pd-xs-l-100 {
    padding-left: 100px;
  }
  .pd-xs-t-100-force {
    padding-top: 100px !important;
  }
  .pd-xs-r-100-force {
    padding-right: 100px !important;
  }
  .pd-xs-b-100-force {
    padding-bottom: 100px !important;
  }
  .pd-xs-l-100-force {
    padding-left: 100px !important;
  }
  .pd-xs-110 {
    padding: 110px;
  }
  .pd-xs-110-force {
    padding: 110px !important;
  }
  .pd-xs-y-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .pd-xs-y-110-force {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pd-xs-x-110 {
    padding-left: 110px;
    padding-right: 110px;
  }
  .pd-xs-x-110-force {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pd-xs-t-110 {
    padding-top: 110px;
  }
  .pd-xs-r-110 {
    padding-right: 110px;
  }
  .pd-xs-b-110 {
    padding-bottom: 110px;
  }
  .pd-xs-l-110 {
    padding-left: 110px;
  }
  .pd-xs-t-110-force {
    padding-top: 110px !important;
  }
  .pd-xs-r-110-force {
    padding-right: 110px !important;
  }
  .pd-xs-b-110-force {
    padding-bottom: 110px !important;
  }
  .pd-xs-l-110-force {
    padding-left: 110px !important;
  }
  .pd-xs-120 {
    padding: 120px;
  }
  .pd-xs-120-force {
    padding: 120px !important;
  }
  .pd-xs-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pd-xs-y-120-force {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pd-xs-x-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .pd-xs-x-120-force {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pd-xs-t-120 {
    padding-top: 120px;
  }
  .pd-xs-r-120 {
    padding-right: 120px;
  }
  .pd-xs-b-120 {
    padding-bottom: 120px;
  }
  .pd-xs-l-120 {
    padding-left: 120px;
  }
  .pd-xs-t-120-force {
    padding-top: 120px !important;
  }
  .pd-xs-r-120-force {
    padding-right: 120px !important;
  }
  .pd-xs-b-120-force {
    padding-bottom: 120px !important;
  }
  .pd-xs-l-120-force {
    padding-left: 120px !important;
  }
  .pd-xs-130 {
    padding: 130px;
  }
  .pd-xs-130-force {
    padding: 130px !important;
  }
  .pd-xs-y-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .pd-xs-y-130-force {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pd-xs-x-130 {
    padding-left: 130px;
    padding-right: 130px;
  }
  .pd-xs-x-130-force {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pd-xs-t-130 {
    padding-top: 130px;
  }
  .pd-xs-r-130 {
    padding-right: 130px;
  }
  .pd-xs-b-130 {
    padding-bottom: 130px;
  }
  .pd-xs-l-130 {
    padding-left: 130px;
  }
  .pd-xs-t-130-force {
    padding-top: 130px !important;
  }
  .pd-xs-r-130-force {
    padding-right: 130px !important;
  }
  .pd-xs-b-130-force {
    padding-bottom: 130px !important;
  }
  .pd-xs-l-130-force {
    padding-left: 130px !important;
  }
  .pd-xs-140 {
    padding: 140px;
  }
  .pd-xs-140-force {
    padding: 140px !important;
  }
  .pd-xs-y-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  .pd-xs-y-140-force {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pd-xs-x-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .pd-xs-x-140-force {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pd-xs-t-140 {
    padding-top: 140px;
  }
  .pd-xs-r-140 {
    padding-right: 140px;
  }
  .pd-xs-b-140 {
    padding-bottom: 140px;
  }
  .pd-xs-l-140 {
    padding-left: 140px;
  }
  .pd-xs-t-140-force {
    padding-top: 140px !important;
  }
  .pd-xs-r-140-force {
    padding-right: 140px !important;
  }
  .pd-xs-b-140-force {
    padding-bottom: 140px !important;
  }
  .pd-xs-l-140-force {
    padding-left: 140px !important;
  }
  .pd-xs-150 {
    padding: 150px;
  }
  .pd-xs-150-force {
    padding: 150px !important;
  }
  .pd-xs-y-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .pd-xs-y-150-force {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .pd-xs-x-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .pd-xs-x-150-force {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .pd-xs-t-150 {
    padding-top: 150px;
  }
  .pd-xs-r-150 {
    padding-right: 150px;
  }
  .pd-xs-b-150 {
    padding-bottom: 150px;
  }
  .pd-xs-l-150 {
    padding-left: 150px;
  }
  .pd-xs-t-150-force {
    padding-top: 150px !important;
  }
  .pd-xs-r-150-force {
    padding-right: 150px !important;
  }
  .pd-xs-b-150-force {
    padding-bottom: 150px !important;
  }
  .pd-xs-l-150-force {
    padding-left: 150px !important;
  }
  .pd-xs-160 {
    padding: 160px;
  }
  .pd-xs-160-force {
    padding: 160px !important;
  }
  .pd-xs-y-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .pd-xs-y-160-force {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .pd-xs-x-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .pd-xs-x-160-force {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .pd-xs-t-160 {
    padding-top: 160px;
  }
  .pd-xs-r-160 {
    padding-right: 160px;
  }
  .pd-xs-b-160 {
    padding-bottom: 160px;
  }
  .pd-xs-l-160 {
    padding-left: 160px;
  }
  .pd-xs-t-160-force {
    padding-top: 160px !important;
  }
  .pd-xs-r-160-force {
    padding-right: 160px !important;
  }
  .pd-xs-b-160-force {
    padding-bottom: 160px !important;
  }
  .pd-xs-l-160-force {
    padding-left: 160px !important;
  }
  .pd-xs-170 {
    padding: 170px;
  }
  .pd-xs-170-force {
    padding: 170px !important;
  }
  .pd-xs-y-170 {
    padding-top: 170px;
    padding-bottom: 170px;
  }
  .pd-xs-y-170-force {
    padding-top: 170px !important;
    padding-bottom: 170px !important;
  }
  .pd-xs-x-170 {
    padding-left: 170px;
    padding-right: 170px;
  }
  .pd-xs-x-170-force {
    padding-left: 170px !important;
    padding-right: 170px !important;
  }
  .pd-xs-t-170 {
    padding-top: 170px;
  }
  .pd-xs-r-170 {
    padding-right: 170px;
  }
  .pd-xs-b-170 {
    padding-bottom: 170px;
  }
  .pd-xs-l-170 {
    padding-left: 170px;
  }
  .pd-xs-t-170-force {
    padding-top: 170px !important;
  }
  .pd-xs-r-170-force {
    padding-right: 170px !important;
  }
  .pd-xs-b-170-force {
    padding-bottom: 170px !important;
  }
  .pd-xs-l-170-force {
    padding-left: 170px !important;
  }
  .pd-xs-180 {
    padding: 180px;
  }
  .pd-xs-180-force {
    padding: 180px !important;
  }
  .pd-xs-y-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .pd-xs-y-180-force {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .pd-xs-x-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .pd-xs-x-180-force {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
  .pd-xs-t-180 {
    padding-top: 180px;
  }
  .pd-xs-r-180 {
    padding-right: 180px;
  }
  .pd-xs-b-180 {
    padding-bottom: 180px;
  }
  .pd-xs-l-180 {
    padding-left: 180px;
  }
  .pd-xs-t-180-force {
    padding-top: 180px !important;
  }
  .pd-xs-r-180-force {
    padding-right: 180px !important;
  }
  .pd-xs-b-180-force {
    padding-bottom: 180px !important;
  }
  .pd-xs-l-180-force {
    padding-left: 180px !important;
  }
  .pd-xs-190 {
    padding: 190px;
  }
  .pd-xs-190-force {
    padding: 190px !important;
  }
  .pd-xs-y-190 {
    padding-top: 190px;
    padding-bottom: 190px;
  }
  .pd-xs-y-190-force {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
  }
  .pd-xs-x-190 {
    padding-left: 190px;
    padding-right: 190px;
  }
  .pd-xs-x-190-force {
    padding-left: 190px !important;
    padding-right: 190px !important;
  }
  .pd-xs-t-190 {
    padding-top: 190px;
  }
  .pd-xs-r-190 {
    padding-right: 190px;
  }
  .pd-xs-b-190 {
    padding-bottom: 190px;
  }
  .pd-xs-l-190 {
    padding-left: 190px;
  }
  .pd-xs-t-190-force {
    padding-top: 190px !important;
  }
  .pd-xs-r-190-force {
    padding-right: 190px !important;
  }
  .pd-xs-b-190-force {
    padding-bottom: 190px !important;
  }
  .pd-xs-l-190-force {
    padding-left: 190px !important;
  }
  .pd-xs-200 {
    padding: 200px;
  }
  .pd-xs-200-force {
    padding: 200px !important;
  }
  .pd-xs-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .pd-xs-y-200-force {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .pd-xs-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .pd-xs-x-200-force {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .pd-xs-t-200 {
    padding-top: 200px;
  }
  .pd-xs-r-200 {
    padding-right: 200px;
  }
  .pd-xs-b-200 {
    padding-bottom: 200px;
  }
  .pd-xs-l-200 {
    padding-left: 200px;
  }
  .pd-xs-t-200-force {
    padding-top: 200px !important;
  }
  .pd-xs-r-200-force {
    padding-right: 200px !important;
  }
  .pd-xs-b-200-force {
    padding-bottom: 200px !important;
  }
  .pd-xs-l-200-force {
    padding-left: 200px !important;
  }
}

@media (min-width: 599px) {
  .pd-sm-0 {
    padding: 0px;
  }
  .pd-sm-0-force {
    padding: 0px !important;
  }
  .pd-sm-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pd-sm-y-0-force {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pd-sm-x-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pd-sm-x-0-force {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pd-sm-t-0 {
    padding-top: 0px;
  }
  .pd-sm-r-0 {
    padding-right: 0px;
  }
  .pd-sm-b-0 {
    padding-bottom: 0px;
  }
  .pd-sm-l-0 {
    padding-left: 0px;
  }
  .pd-sm-t-0-force {
    padding-top: 0px !important;
  }
  .pd-sm-r-0-force {
    padding-right: 0px !important;
  }
  .pd-sm-b-0-force {
    padding-bottom: 0px !important;
  }
  .pd-sm-l-0-force {
    padding-left: 0px !important;
  }
  .pd-sm-1 {
    padding: 1px;
  }
  .pd-sm-1-force {
    padding: 1px !important;
  }
  .pd-sm-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pd-sm-y-1-force {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pd-sm-x-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .pd-sm-x-1-force {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .pd-sm-t-1 {
    padding-top: 1px;
  }
  .pd-sm-r-1 {
    padding-right: 1px;
  }
  .pd-sm-b-1 {
    padding-bottom: 1px;
  }
  .pd-sm-l-1 {
    padding-left: 1px;
  }
  .pd-sm-t-1-force {
    padding-top: 1px !important;
  }
  .pd-sm-r-1-force {
    padding-right: 1px !important;
  }
  .pd-sm-b-1-force {
    padding-bottom: 1px !important;
  }
  .pd-sm-l-1-force {
    padding-left: 1px !important;
  }
  .pd-sm-2 {
    padding: 2px;
  }
  .pd-sm-2-force {
    padding: 2px !important;
  }
  .pd-sm-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pd-sm-y-2-force {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pd-sm-x-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .pd-sm-x-2-force {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pd-sm-t-2 {
    padding-top: 2px;
  }
  .pd-sm-r-2 {
    padding-right: 2px;
  }
  .pd-sm-b-2 {
    padding-bottom: 2px;
  }
  .pd-sm-l-2 {
    padding-left: 2px;
  }
  .pd-sm-t-2-force {
    padding-top: 2px !important;
  }
  .pd-sm-r-2-force {
    padding-right: 2px !important;
  }
  .pd-sm-b-2-force {
    padding-bottom: 2px !important;
  }
  .pd-sm-l-2-force {
    padding-left: 2px !important;
  }
  .pd-sm-3 {
    padding: 3px;
  }
  .pd-sm-3-force {
    padding: 3px !important;
  }
  .pd-sm-y-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .pd-sm-y-3-force {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .pd-sm-x-3 {
    padding-left: 3px;
    padding-right: 3px;
  }
  .pd-sm-x-3-force {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .pd-sm-t-3 {
    padding-top: 3px;
  }
  .pd-sm-r-3 {
    padding-right: 3px;
  }
  .pd-sm-b-3 {
    padding-bottom: 3px;
  }
  .pd-sm-l-3 {
    padding-left: 3px;
  }
  .pd-sm-t-3-force {
    padding-top: 3px !important;
  }
  .pd-sm-r-3-force {
    padding-right: 3px !important;
  }
  .pd-sm-b-3-force {
    padding-bottom: 3px !important;
  }
  .pd-sm-l-3-force {
    padding-left: 3px !important;
  }
  .pd-sm-4 {
    padding: 4px;
  }
  .pd-sm-4-force {
    padding: 4px !important;
  }
  .pd-sm-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pd-sm-y-4-force {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pd-sm-x-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .pd-sm-x-4-force {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pd-sm-t-4 {
    padding-top: 4px;
  }
  .pd-sm-r-4 {
    padding-right: 4px;
  }
  .pd-sm-b-4 {
    padding-bottom: 4px;
  }
  .pd-sm-l-4 {
    padding-left: 4px;
  }
  .pd-sm-t-4-force {
    padding-top: 4px !important;
  }
  .pd-sm-r-4-force {
    padding-right: 4px !important;
  }
  .pd-sm-b-4-force {
    padding-bottom: 4px !important;
  }
  .pd-sm-l-4-force {
    padding-left: 4px !important;
  }
  .pd-sm-5 {
    padding: 5px;
  }
  .pd-sm-5-force {
    padding: 5px !important;
  }
  .pd-sm-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pd-sm-y-5-force {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pd-sm-x-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pd-sm-x-5-force {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pd-sm-t-5 {
    padding-top: 5px;
  }
  .pd-sm-r-5 {
    padding-right: 5px;
  }
  .pd-sm-b-5 {
    padding-bottom: 5px;
  }
  .pd-sm-l-5 {
    padding-left: 5px;
  }
  .pd-sm-t-5-force {
    padding-top: 5px !important;
  }
  .pd-sm-r-5-force {
    padding-right: 5px !important;
  }
  .pd-sm-b-5-force {
    padding-bottom: 5px !important;
  }
  .pd-sm-l-5-force {
    padding-left: 5px !important;
  }
  .pd-sm-6 {
    padding: 6px;
  }
  .pd-sm-6-force {
    padding: 6px !important;
  }
  .pd-sm-y-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pd-sm-y-6-force {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .pd-sm-x-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .pd-sm-x-6-force {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .pd-sm-t-6 {
    padding-top: 6px;
  }
  .pd-sm-r-6 {
    padding-right: 6px;
  }
  .pd-sm-b-6 {
    padding-bottom: 6px;
  }
  .pd-sm-l-6 {
    padding-left: 6px;
  }
  .pd-sm-t-6-force {
    padding-top: 6px !important;
  }
  .pd-sm-r-6-force {
    padding-right: 6px !important;
  }
  .pd-sm-b-6-force {
    padding-bottom: 6px !important;
  }
  .pd-sm-l-6-force {
    padding-left: 6px !important;
  }
  .pd-sm-7 {
    padding: 7px;
  }
  .pd-sm-7-force {
    padding: 7px !important;
  }
  .pd-sm-y-7 {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .pd-sm-y-7-force {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .pd-sm-x-7 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .pd-sm-x-7-force {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .pd-sm-t-7 {
    padding-top: 7px;
  }
  .pd-sm-r-7 {
    padding-right: 7px;
  }
  .pd-sm-b-7 {
    padding-bottom: 7px;
  }
  .pd-sm-l-7 {
    padding-left: 7px;
  }
  .pd-sm-t-7-force {
    padding-top: 7px !important;
  }
  .pd-sm-r-7-force {
    padding-right: 7px !important;
  }
  .pd-sm-b-7-force {
    padding-bottom: 7px !important;
  }
  .pd-sm-l-7-force {
    padding-left: 7px !important;
  }
  .pd-sm-8 {
    padding: 8px;
  }
  .pd-sm-8-force {
    padding: 8px !important;
  }
  .pd-sm-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pd-sm-y-8-force {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pd-sm-x-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .pd-sm-x-8-force {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pd-sm-t-8 {
    padding-top: 8px;
  }
  .pd-sm-r-8 {
    padding-right: 8px;
  }
  .pd-sm-b-8 {
    padding-bottom: 8px;
  }
  .pd-sm-l-8 {
    padding-left: 8px;
  }
  .pd-sm-t-8-force {
    padding-top: 8px !important;
  }
  .pd-sm-r-8-force {
    padding-right: 8px !important;
  }
  .pd-sm-b-8-force {
    padding-bottom: 8px !important;
  }
  .pd-sm-l-8-force {
    padding-left: 8px !important;
  }
  .pd-sm-9 {
    padding: 9px;
  }
  .pd-sm-9-force {
    padding: 9px !important;
  }
  .pd-sm-y-9 {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .pd-sm-y-9-force {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .pd-sm-x-9 {
    padding-left: 9px;
    padding-right: 9px;
  }
  .pd-sm-x-9-force {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .pd-sm-t-9 {
    padding-top: 9px;
  }
  .pd-sm-r-9 {
    padding-right: 9px;
  }
  .pd-sm-b-9 {
    padding-bottom: 9px;
  }
  .pd-sm-l-9 {
    padding-left: 9px;
  }
  .pd-sm-t-9-force {
    padding-top: 9px !important;
  }
  .pd-sm-r-9-force {
    padding-right: 9px !important;
  }
  .pd-sm-b-9-force {
    padding-bottom: 9px !important;
  }
  .pd-sm-l-9-force {
    padding-left: 9px !important;
  }
  .pd-sm-10 {
    padding: 10px;
  }
  .pd-sm-10-force {
    padding: 10px !important;
  }
  .pd-sm-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pd-sm-y-10-force {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pd-sm-x-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pd-sm-x-10-force {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pd-sm-t-10 {
    padding-top: 10px;
  }
  .pd-sm-r-10 {
    padding-right: 10px;
  }
  .pd-sm-b-10 {
    padding-bottom: 10px;
  }
  .pd-sm-l-10 {
    padding-left: 10px;
  }
  .pd-sm-t-10-force {
    padding-top: 10px !important;
  }
  .pd-sm-r-10-force {
    padding-right: 10px !important;
  }
  .pd-sm-b-10-force {
    padding-bottom: 10px !important;
  }
  .pd-sm-l-10-force {
    padding-left: 10px !important;
  }
  .pd-sm-15 {
    padding: 15px;
  }
  .pd-sm-15-force {
    padding: 15px !important;
  }
  .pd-sm-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pd-sm-y-15-force {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pd-sm-x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pd-sm-x-15-force {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pd-sm-t-15 {
    padding-top: 15px;
  }
  .pd-sm-r-15 {
    padding-right: 15px;
  }
  .pd-sm-b-15 {
    padding-bottom: 15px;
  }
  .pd-sm-l-15 {
    padding-left: 15px;
  }
  .pd-sm-t-15-force {
    padding-top: 15px !important;
  }
  .pd-sm-r-15-force {
    padding-right: 15px !important;
  }
  .pd-sm-b-15-force {
    padding-bottom: 15px !important;
  }
  .pd-sm-l-15-force {
    padding-left: 15px !important;
  }
  .pd-sm-20 {
    padding: 20px;
  }
  .pd-sm-20-force {
    padding: 20px !important;
  }
  .pd-sm-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pd-sm-y-20-force {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pd-sm-x-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pd-sm-x-20-force {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pd-sm-t-20 {
    padding-top: 20px;
  }
  .pd-sm-r-20 {
    padding-right: 20px;
  }
  .pd-sm-b-20 {
    padding-bottom: 20px;
  }
  .pd-sm-l-20 {
    padding-left: 20px;
  }
  .pd-sm-t-20-force {
    padding-top: 20px !important;
  }
  .pd-sm-r-20-force {
    padding-right: 20px !important;
  }
  .pd-sm-b-20-force {
    padding-bottom: 20px !important;
  }
  .pd-sm-l-20-force {
    padding-left: 20px !important;
  }
  .pd-sm-25 {
    padding: 25px;
  }
  .pd-sm-25-force {
    padding: 25px !important;
  }
  .pd-sm-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pd-sm-y-25-force {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pd-sm-x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pd-sm-x-25-force {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pd-sm-t-25 {
    padding-top: 25px;
  }
  .pd-sm-r-25 {
    padding-right: 25px;
  }
  .pd-sm-b-25 {
    padding-bottom: 25px;
  }
  .pd-sm-l-25 {
    padding-left: 25px;
  }
  .pd-sm-t-25-force {
    padding-top: 25px !important;
  }
  .pd-sm-r-25-force {
    padding-right: 25px !important;
  }
  .pd-sm-b-25-force {
    padding-bottom: 25px !important;
  }
  .pd-sm-l-25-force {
    padding-left: 25px !important;
  }
  .pd-sm-30 {
    padding: 30px;
  }
  .pd-sm-30-force {
    padding: 30px !important;
  }
  .pd-sm-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pd-sm-y-30-force {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pd-sm-x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pd-sm-x-30-force {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pd-sm-t-30 {
    padding-top: 30px;
  }
  .pd-sm-r-30 {
    padding-right: 30px;
  }
  .pd-sm-b-30 {
    padding-bottom: 30px;
  }
  .pd-sm-l-30 {
    padding-left: 30px;
  }
  .pd-sm-t-30-force {
    padding-top: 30px !important;
  }
  .pd-sm-r-30-force {
    padding-right: 30px !important;
  }
  .pd-sm-b-30-force {
    padding-bottom: 30px !important;
  }
  .pd-sm-l-30-force {
    padding-left: 30px !important;
  }
  .pd-sm-35 {
    padding: 35px;
  }
  .pd-sm-35-force {
    padding: 35px !important;
  }
  .pd-sm-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pd-sm-y-35-force {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pd-sm-x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pd-sm-x-35-force {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pd-sm-t-35 {
    padding-top: 35px;
  }
  .pd-sm-r-35 {
    padding-right: 35px;
  }
  .pd-sm-b-35 {
    padding-bottom: 35px;
  }
  .pd-sm-l-35 {
    padding-left: 35px;
  }
  .pd-sm-t-35-force {
    padding-top: 35px !important;
  }
  .pd-sm-r-35-force {
    padding-right: 35px !important;
  }
  .pd-sm-b-35-force {
    padding-bottom: 35px !important;
  }
  .pd-sm-l-35-force {
    padding-left: 35px !important;
  }
  .pd-sm-40 {
    padding: 40px;
  }
  .pd-sm-40-force {
    padding: 40px !important;
  }
  .pd-sm-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pd-sm-y-40-force {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pd-sm-x-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pd-sm-x-40-force {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pd-sm-t-40 {
    padding-top: 40px;
  }
  .pd-sm-r-40 {
    padding-right: 40px;
  }
  .pd-sm-b-40 {
    padding-bottom: 40px;
  }
  .pd-sm-l-40 {
    padding-left: 40px;
  }
  .pd-sm-t-40-force {
    padding-top: 40px !important;
  }
  .pd-sm-r-40-force {
    padding-right: 40px !important;
  }
  .pd-sm-b-40-force {
    padding-bottom: 40px !important;
  }
  .pd-sm-l-40-force {
    padding-left: 40px !important;
  }
  .pd-sm-45 {
    padding: 45px;
  }
  .pd-sm-45-force {
    padding: 45px !important;
  }
  .pd-sm-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pd-sm-y-45-force {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pd-sm-x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pd-sm-x-45-force {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pd-sm-t-45 {
    padding-top: 45px;
  }
  .pd-sm-r-45 {
    padding-right: 45px;
  }
  .pd-sm-b-45 {
    padding-bottom: 45px;
  }
  .pd-sm-l-45 {
    padding-left: 45px;
  }
  .pd-sm-t-45-force {
    padding-top: 45px !important;
  }
  .pd-sm-r-45-force {
    padding-right: 45px !important;
  }
  .pd-sm-b-45-force {
    padding-bottom: 45px !important;
  }
  .pd-sm-l-45-force {
    padding-left: 45px !important;
  }
  .pd-sm-50 {
    padding: 50px;
  }
  .pd-sm-50-force {
    padding: 50px !important;
  }
  .pd-sm-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pd-sm-y-50-force {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pd-sm-x-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pd-sm-x-50-force {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pd-sm-t-50 {
    padding-top: 50px;
  }
  .pd-sm-r-50 {
    padding-right: 50px;
  }
  .pd-sm-b-50 {
    padding-bottom: 50px;
  }
  .pd-sm-l-50 {
    padding-left: 50px;
  }
  .pd-sm-t-50-force {
    padding-top: 50px !important;
  }
  .pd-sm-r-50-force {
    padding-right: 50px !important;
  }
  .pd-sm-b-50-force {
    padding-bottom: 50px !important;
  }
  .pd-sm-l-50-force {
    padding-left: 50px !important;
  }
  .pd-sm-55 {
    padding: 55px;
  }
  .pd-sm-55-force {
    padding: 55px !important;
  }
  .pd-sm-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pd-sm-y-55-force {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pd-sm-x-55 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pd-sm-x-55-force {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pd-sm-t-55 {
    padding-top: 55px;
  }
  .pd-sm-r-55 {
    padding-right: 55px;
  }
  .pd-sm-b-55 {
    padding-bottom: 55px;
  }
  .pd-sm-l-55 {
    padding-left: 55px;
  }
  .pd-sm-t-55-force {
    padding-top: 55px !important;
  }
  .pd-sm-r-55-force {
    padding-right: 55px !important;
  }
  .pd-sm-b-55-force {
    padding-bottom: 55px !important;
  }
  .pd-sm-l-55-force {
    padding-left: 55px !important;
  }
  .pd-sm-60 {
    padding: 60px;
  }
  .pd-sm-60-force {
    padding: 60px !important;
  }
  .pd-sm-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pd-sm-y-60-force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pd-sm-x-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pd-sm-x-60-force {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pd-sm-t-60 {
    padding-top: 60px;
  }
  .pd-sm-r-60 {
    padding-right: 60px;
  }
  .pd-sm-b-60 {
    padding-bottom: 60px;
  }
  .pd-sm-l-60 {
    padding-left: 60px;
  }
  .pd-sm-t-60-force {
    padding-top: 60px !important;
  }
  .pd-sm-r-60-force {
    padding-right: 60px !important;
  }
  .pd-sm-b-60-force {
    padding-bottom: 60px !important;
  }
  .pd-sm-l-60-force {
    padding-left: 60px !important;
  }
  .pd-sm-65 {
    padding: 65px;
  }
  .pd-sm-65-force {
    padding: 65px !important;
  }
  .pd-sm-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pd-sm-y-65-force {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pd-sm-x-65 {
    padding-left: 65px;
    padding-right: 65px;
  }
  .pd-sm-x-65-force {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pd-sm-t-65 {
    padding-top: 65px;
  }
  .pd-sm-r-65 {
    padding-right: 65px;
  }
  .pd-sm-b-65 {
    padding-bottom: 65px;
  }
  .pd-sm-l-65 {
    padding-left: 65px;
  }
  .pd-sm-t-65-force {
    padding-top: 65px !important;
  }
  .pd-sm-r-65-force {
    padding-right: 65px !important;
  }
  .pd-sm-b-65-force {
    padding-bottom: 65px !important;
  }
  .pd-sm-l-65-force {
    padding-left: 65px !important;
  }
  .pd-sm-70 {
    padding: 70px;
  }
  .pd-sm-70-force {
    padding: 70px !important;
  }
  .pd-sm-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pd-sm-y-70-force {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pd-sm-x-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .pd-sm-x-70-force {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pd-sm-t-70 {
    padding-top: 70px;
  }
  .pd-sm-r-70 {
    padding-right: 70px;
  }
  .pd-sm-b-70 {
    padding-bottom: 70px;
  }
  .pd-sm-l-70 {
    padding-left: 70px;
  }
  .pd-sm-t-70-force {
    padding-top: 70px !important;
  }
  .pd-sm-r-70-force {
    padding-right: 70px !important;
  }
  .pd-sm-b-70-force {
    padding-bottom: 70px !important;
  }
  .pd-sm-l-70-force {
    padding-left: 70px !important;
  }
  .pd-sm-75 {
    padding: 75px;
  }
  .pd-sm-75-force {
    padding: 75px !important;
  }
  .pd-sm-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pd-sm-y-75-force {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pd-sm-x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .pd-sm-x-75-force {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pd-sm-t-75 {
    padding-top: 75px;
  }
  .pd-sm-r-75 {
    padding-right: 75px;
  }
  .pd-sm-b-75 {
    padding-bottom: 75px;
  }
  .pd-sm-l-75 {
    padding-left: 75px;
  }
  .pd-sm-t-75-force {
    padding-top: 75px !important;
  }
  .pd-sm-r-75-force {
    padding-right: 75px !important;
  }
  .pd-sm-b-75-force {
    padding-bottom: 75px !important;
  }
  .pd-sm-l-75-force {
    padding-left: 75px !important;
  }
  .pd-sm-80 {
    padding: 80px;
  }
  .pd-sm-80-force {
    padding: 80px !important;
  }
  .pd-sm-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pd-sm-y-80-force {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pd-sm-x-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .pd-sm-x-80-force {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pd-sm-t-80 {
    padding-top: 80px;
  }
  .pd-sm-r-80 {
    padding-right: 80px;
  }
  .pd-sm-b-80 {
    padding-bottom: 80px;
  }
  .pd-sm-l-80 {
    padding-left: 80px;
  }
  .pd-sm-t-80-force {
    padding-top: 80px !important;
  }
  .pd-sm-r-80-force {
    padding-right: 80px !important;
  }
  .pd-sm-b-80-force {
    padding-bottom: 80px !important;
  }
  .pd-sm-l-80-force {
    padding-left: 80px !important;
  }
  .pd-sm-85 {
    padding: 85px;
  }
  .pd-sm-85-force {
    padding: 85px !important;
  }
  .pd-sm-y-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pd-sm-y-85-force {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pd-sm-x-85 {
    padding-left: 85px;
    padding-right: 85px;
  }
  .pd-sm-x-85-force {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pd-sm-t-85 {
    padding-top: 85px;
  }
  .pd-sm-r-85 {
    padding-right: 85px;
  }
  .pd-sm-b-85 {
    padding-bottom: 85px;
  }
  .pd-sm-l-85 {
    padding-left: 85px;
  }
  .pd-sm-t-85-force {
    padding-top: 85px !important;
  }
  .pd-sm-r-85-force {
    padding-right: 85px !important;
  }
  .pd-sm-b-85-force {
    padding-bottom: 85px !important;
  }
  .pd-sm-l-85-force {
    padding-left: 85px !important;
  }
  .pd-sm-90 {
    padding: 90px;
  }
  .pd-sm-90-force {
    padding: 90px !important;
  }
  .pd-sm-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pd-sm-y-90-force {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pd-sm-x-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .pd-sm-x-90-force {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pd-sm-t-90 {
    padding-top: 90px;
  }
  .pd-sm-r-90 {
    padding-right: 90px;
  }
  .pd-sm-b-90 {
    padding-bottom: 90px;
  }
  .pd-sm-l-90 {
    padding-left: 90px;
  }
  .pd-sm-t-90-force {
    padding-top: 90px !important;
  }
  .pd-sm-r-90-force {
    padding-right: 90px !important;
  }
  .pd-sm-b-90-force {
    padding-bottom: 90px !important;
  }
  .pd-sm-l-90-force {
    padding-left: 90px !important;
  }
  .pd-sm-95 {
    padding: 95px;
  }
  .pd-sm-95-force {
    padding: 95px !important;
  }
  .pd-sm-y-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pd-sm-y-95-force {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pd-sm-x-95 {
    padding-left: 95px;
    padding-right: 95px;
  }
  .pd-sm-x-95-force {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pd-sm-t-95 {
    padding-top: 95px;
  }
  .pd-sm-r-95 {
    padding-right: 95px;
  }
  .pd-sm-b-95 {
    padding-bottom: 95px;
  }
  .pd-sm-l-95 {
    padding-left: 95px;
  }
  .pd-sm-t-95-force {
    padding-top: 95px !important;
  }
  .pd-sm-r-95-force {
    padding-right: 95px !important;
  }
  .pd-sm-b-95-force {
    padding-bottom: 95px !important;
  }
  .pd-sm-l-95-force {
    padding-left: 95px !important;
  }
  .pd-sm-100 {
    padding: 100px;
  }
  .pd-sm-100-force {
    padding: 100px !important;
  }
  .pd-sm-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pd-sm-y-100-force {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pd-sm-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .pd-sm-x-100-force {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pd-sm-t-100 {
    padding-top: 100px;
  }
  .pd-sm-r-100 {
    padding-right: 100px;
  }
  .pd-sm-b-100 {
    padding-bottom: 100px;
  }
  .pd-sm-l-100 {
    padding-left: 100px;
  }
  .pd-sm-t-100-force {
    padding-top: 100px !important;
  }
  .pd-sm-r-100-force {
    padding-right: 100px !important;
  }
  .pd-sm-b-100-force {
    padding-bottom: 100px !important;
  }
  .pd-sm-l-100-force {
    padding-left: 100px !important;
  }
  .pd-sm-110 {
    padding: 110px;
  }
  .pd-sm-110-force {
    padding: 110px !important;
  }
  .pd-sm-y-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .pd-sm-y-110-force {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pd-sm-x-110 {
    padding-left: 110px;
    padding-right: 110px;
  }
  .pd-sm-x-110-force {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pd-sm-t-110 {
    padding-top: 110px;
  }
  .pd-sm-r-110 {
    padding-right: 110px;
  }
  .pd-sm-b-110 {
    padding-bottom: 110px;
  }
  .pd-sm-l-110 {
    padding-left: 110px;
  }
  .pd-sm-t-110-force {
    padding-top: 110px !important;
  }
  .pd-sm-r-110-force {
    padding-right: 110px !important;
  }
  .pd-sm-b-110-force {
    padding-bottom: 110px !important;
  }
  .pd-sm-l-110-force {
    padding-left: 110px !important;
  }
  .pd-sm-120 {
    padding: 120px;
  }
  .pd-sm-120-force {
    padding: 120px !important;
  }
  .pd-sm-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pd-sm-y-120-force {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pd-sm-x-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .pd-sm-x-120-force {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pd-sm-t-120 {
    padding-top: 120px;
  }
  .pd-sm-r-120 {
    padding-right: 120px;
  }
  .pd-sm-b-120 {
    padding-bottom: 120px;
  }
  .pd-sm-l-120 {
    padding-left: 120px;
  }
  .pd-sm-t-120-force {
    padding-top: 120px !important;
  }
  .pd-sm-r-120-force {
    padding-right: 120px !important;
  }
  .pd-sm-b-120-force {
    padding-bottom: 120px !important;
  }
  .pd-sm-l-120-force {
    padding-left: 120px !important;
  }
  .pd-sm-130 {
    padding: 130px;
  }
  .pd-sm-130-force {
    padding: 130px !important;
  }
  .pd-sm-y-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .pd-sm-y-130-force {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pd-sm-x-130 {
    padding-left: 130px;
    padding-right: 130px;
  }
  .pd-sm-x-130-force {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pd-sm-t-130 {
    padding-top: 130px;
  }
  .pd-sm-r-130 {
    padding-right: 130px;
  }
  .pd-sm-b-130 {
    padding-bottom: 130px;
  }
  .pd-sm-l-130 {
    padding-left: 130px;
  }
  .pd-sm-t-130-force {
    padding-top: 130px !important;
  }
  .pd-sm-r-130-force {
    padding-right: 130px !important;
  }
  .pd-sm-b-130-force {
    padding-bottom: 130px !important;
  }
  .pd-sm-l-130-force {
    padding-left: 130px !important;
  }
  .pd-sm-140 {
    padding: 140px;
  }
  .pd-sm-140-force {
    padding: 140px !important;
  }
  .pd-sm-y-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  .pd-sm-y-140-force {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pd-sm-x-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .pd-sm-x-140-force {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pd-sm-t-140 {
    padding-top: 140px;
  }
  .pd-sm-r-140 {
    padding-right: 140px;
  }
  .pd-sm-b-140 {
    padding-bottom: 140px;
  }
  .pd-sm-l-140 {
    padding-left: 140px;
  }
  .pd-sm-t-140-force {
    padding-top: 140px !important;
  }
  .pd-sm-r-140-force {
    padding-right: 140px !important;
  }
  .pd-sm-b-140-force {
    padding-bottom: 140px !important;
  }
  .pd-sm-l-140-force {
    padding-left: 140px !important;
  }
  .pd-sm-150 {
    padding: 150px;
  }
  .pd-sm-150-force {
    padding: 150px !important;
  }
  .pd-sm-y-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .pd-sm-y-150-force {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .pd-sm-x-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .pd-sm-x-150-force {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .pd-sm-t-150 {
    padding-top: 150px;
  }
  .pd-sm-r-150 {
    padding-right: 150px;
  }
  .pd-sm-b-150 {
    padding-bottom: 150px;
  }
  .pd-sm-l-150 {
    padding-left: 150px;
  }
  .pd-sm-t-150-force {
    padding-top: 150px !important;
  }
  .pd-sm-r-150-force {
    padding-right: 150px !important;
  }
  .pd-sm-b-150-force {
    padding-bottom: 150px !important;
  }
  .pd-sm-l-150-force {
    padding-left: 150px !important;
  }
  .pd-sm-160 {
    padding: 160px;
  }
  .pd-sm-160-force {
    padding: 160px !important;
  }
  .pd-sm-y-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .pd-sm-y-160-force {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .pd-sm-x-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .pd-sm-x-160-force {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .pd-sm-t-160 {
    padding-top: 160px;
  }
  .pd-sm-r-160 {
    padding-right: 160px;
  }
  .pd-sm-b-160 {
    padding-bottom: 160px;
  }
  .pd-sm-l-160 {
    padding-left: 160px;
  }
  .pd-sm-t-160-force {
    padding-top: 160px !important;
  }
  .pd-sm-r-160-force {
    padding-right: 160px !important;
  }
  .pd-sm-b-160-force {
    padding-bottom: 160px !important;
  }
  .pd-sm-l-160-force {
    padding-left: 160px !important;
  }
  .pd-sm-170 {
    padding: 170px;
  }
  .pd-sm-170-force {
    padding: 170px !important;
  }
  .pd-sm-y-170 {
    padding-top: 170px;
    padding-bottom: 170px;
  }
  .pd-sm-y-170-force {
    padding-top: 170px !important;
    padding-bottom: 170px !important;
  }
  .pd-sm-x-170 {
    padding-left: 170px;
    padding-right: 170px;
  }
  .pd-sm-x-170-force {
    padding-left: 170px !important;
    padding-right: 170px !important;
  }
  .pd-sm-t-170 {
    padding-top: 170px;
  }
  .pd-sm-r-170 {
    padding-right: 170px;
  }
  .pd-sm-b-170 {
    padding-bottom: 170px;
  }
  .pd-sm-l-170 {
    padding-left: 170px;
  }
  .pd-sm-t-170-force {
    padding-top: 170px !important;
  }
  .pd-sm-r-170-force {
    padding-right: 170px !important;
  }
  .pd-sm-b-170-force {
    padding-bottom: 170px !important;
  }
  .pd-sm-l-170-force {
    padding-left: 170px !important;
  }
  .pd-sm-180 {
    padding: 180px;
  }
  .pd-sm-180-force {
    padding: 180px !important;
  }
  .pd-sm-y-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .pd-sm-y-180-force {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .pd-sm-x-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .pd-sm-x-180-force {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
  .pd-sm-t-180 {
    padding-top: 180px;
  }
  .pd-sm-r-180 {
    padding-right: 180px;
  }
  .pd-sm-b-180 {
    padding-bottom: 180px;
  }
  .pd-sm-l-180 {
    padding-left: 180px;
  }
  .pd-sm-t-180-force {
    padding-top: 180px !important;
  }
  .pd-sm-r-180-force {
    padding-right: 180px !important;
  }
  .pd-sm-b-180-force {
    padding-bottom: 180px !important;
  }
  .pd-sm-l-180-force {
    padding-left: 180px !important;
  }
  .pd-sm-190 {
    padding: 190px;
  }
  .pd-sm-190-force {
    padding: 190px !important;
  }
  .pd-sm-y-190 {
    padding-top: 190px;
    padding-bottom: 190px;
  }
  .pd-sm-y-190-force {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
  }
  .pd-sm-x-190 {
    padding-left: 190px;
    padding-right: 190px;
  }
  .pd-sm-x-190-force {
    padding-left: 190px !important;
    padding-right: 190px !important;
  }
  .pd-sm-t-190 {
    padding-top: 190px;
  }
  .pd-sm-r-190 {
    padding-right: 190px;
  }
  .pd-sm-b-190 {
    padding-bottom: 190px;
  }
  .pd-sm-l-190 {
    padding-left: 190px;
  }
  .pd-sm-t-190-force {
    padding-top: 190px !important;
  }
  .pd-sm-r-190-force {
    padding-right: 190px !important;
  }
  .pd-sm-b-190-force {
    padding-bottom: 190px !important;
  }
  .pd-sm-l-190-force {
    padding-left: 190px !important;
  }
  .pd-sm-200 {
    padding: 200px;
  }
  .pd-sm-200-force {
    padding: 200px !important;
  }
  .pd-sm-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .pd-sm-y-200-force {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .pd-sm-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .pd-sm-x-200-force {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .pd-sm-t-200 {
    padding-top: 200px;
  }
  .pd-sm-r-200 {
    padding-right: 200px;
  }
  .pd-sm-b-200 {
    padding-bottom: 200px;
  }
  .pd-sm-l-200 {
    padding-left: 200px;
  }
  .pd-sm-t-200-force {
    padding-top: 200px !important;
  }
  .pd-sm-r-200-force {
    padding-right: 200px !important;
  }
  .pd-sm-b-200-force {
    padding-bottom: 200px !important;
  }
  .pd-sm-l-200-force {
    padding-left: 200px !important;
  }
}

@media (min-width: 768px) {
  .pd-md-0 {
    padding: 0px;
  }
  .pd-md-0-force {
    padding: 0px !important;
  }
  .pd-md-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pd-md-y-0-force {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pd-md-x-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pd-md-x-0-force {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pd-md-t-0 {
    padding-top: 0px;
  }
  .pd-md-r-0 {
    padding-right: 0px;
  }
  .pd-md-b-0 {
    padding-bottom: 0px;
  }
  .pd-md-l-0 {
    padding-left: 0px;
  }
  .pd-md-t-0-force {
    padding-top: 0px !important;
  }
  .pd-md-r-0-force {
    padding-right: 0px !important;
  }
  .pd-md-b-0-force {
    padding-bottom: 0px !important;
  }
  .pd-md-l-0-force {
    padding-left: 0px !important;
  }
  .pd-md-1 {
    padding: 1px;
  }
  .pd-md-1-force {
    padding: 1px !important;
  }
  .pd-md-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pd-md-y-1-force {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pd-md-x-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .pd-md-x-1-force {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .pd-md-t-1 {
    padding-top: 1px;
  }
  .pd-md-r-1 {
    padding-right: 1px;
  }
  .pd-md-b-1 {
    padding-bottom: 1px;
  }
  .pd-md-l-1 {
    padding-left: 1px;
  }
  .pd-md-t-1-force {
    padding-top: 1px !important;
  }
  .pd-md-r-1-force {
    padding-right: 1px !important;
  }
  .pd-md-b-1-force {
    padding-bottom: 1px !important;
  }
  .pd-md-l-1-force {
    padding-left: 1px !important;
  }
  .pd-md-2 {
    padding: 2px;
  }
  .pd-md-2-force {
    padding: 2px !important;
  }
  .pd-md-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pd-md-y-2-force {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pd-md-x-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .pd-md-x-2-force {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pd-md-t-2 {
    padding-top: 2px;
  }
  .pd-md-r-2 {
    padding-right: 2px;
  }
  .pd-md-b-2 {
    padding-bottom: 2px;
  }
  .pd-md-l-2 {
    padding-left: 2px;
  }
  .pd-md-t-2-force {
    padding-top: 2px !important;
  }
  .pd-md-r-2-force {
    padding-right: 2px !important;
  }
  .pd-md-b-2-force {
    padding-bottom: 2px !important;
  }
  .pd-md-l-2-force {
    padding-left: 2px !important;
  }
  .pd-md-3 {
    padding: 3px;
  }
  .pd-md-3-force {
    padding: 3px !important;
  }
  .pd-md-y-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .pd-md-y-3-force {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .pd-md-x-3 {
    padding-left: 3px;
    padding-right: 3px;
  }
  .pd-md-x-3-force {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .pd-md-t-3 {
    padding-top: 3px;
  }
  .pd-md-r-3 {
    padding-right: 3px;
  }
  .pd-md-b-3 {
    padding-bottom: 3px;
  }
  .pd-md-l-3 {
    padding-left: 3px;
  }
  .pd-md-t-3-force {
    padding-top: 3px !important;
  }
  .pd-md-r-3-force {
    padding-right: 3px !important;
  }
  .pd-md-b-3-force {
    padding-bottom: 3px !important;
  }
  .pd-md-l-3-force {
    padding-left: 3px !important;
  }
  .pd-md-4 {
    padding: 4px;
  }
  .pd-md-4-force {
    padding: 4px !important;
  }
  .pd-md-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pd-md-y-4-force {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pd-md-x-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .pd-md-x-4-force {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pd-md-t-4 {
    padding-top: 4px;
  }
  .pd-md-r-4 {
    padding-right: 4px;
  }
  .pd-md-b-4 {
    padding-bottom: 4px;
  }
  .pd-md-l-4 {
    padding-left: 4px;
  }
  .pd-md-t-4-force {
    padding-top: 4px !important;
  }
  .pd-md-r-4-force {
    padding-right: 4px !important;
  }
  .pd-md-b-4-force {
    padding-bottom: 4px !important;
  }
  .pd-md-l-4-force {
    padding-left: 4px !important;
  }
  .pd-md-5 {
    padding: 5px;
  }
  .pd-md-5-force {
    padding: 5px !important;
  }
  .pd-md-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pd-md-y-5-force {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pd-md-x-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pd-md-x-5-force {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pd-md-t-5 {
    padding-top: 5px;
  }
  .pd-md-r-5 {
    padding-right: 5px;
  }
  .pd-md-b-5 {
    padding-bottom: 5px;
  }
  .pd-md-l-5 {
    padding-left: 5px;
  }
  .pd-md-t-5-force {
    padding-top: 5px !important;
  }
  .pd-md-r-5-force {
    padding-right: 5px !important;
  }
  .pd-md-b-5-force {
    padding-bottom: 5px !important;
  }
  .pd-md-l-5-force {
    padding-left: 5px !important;
  }
  .pd-md-6 {
    padding: 6px;
  }
  .pd-md-6-force {
    padding: 6px !important;
  }
  .pd-md-y-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pd-md-y-6-force {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .pd-md-x-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .pd-md-x-6-force {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .pd-md-t-6 {
    padding-top: 6px;
  }
  .pd-md-r-6 {
    padding-right: 6px;
  }
  .pd-md-b-6 {
    padding-bottom: 6px;
  }
  .pd-md-l-6 {
    padding-left: 6px;
  }
  .pd-md-t-6-force {
    padding-top: 6px !important;
  }
  .pd-md-r-6-force {
    padding-right: 6px !important;
  }
  .pd-md-b-6-force {
    padding-bottom: 6px !important;
  }
  .pd-md-l-6-force {
    padding-left: 6px !important;
  }
  .pd-md-7 {
    padding: 7px;
  }
  .pd-md-7-force {
    padding: 7px !important;
  }
  .pd-md-y-7 {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .pd-md-y-7-force {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .pd-md-x-7 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .pd-md-x-7-force {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .pd-md-t-7 {
    padding-top: 7px;
  }
  .pd-md-r-7 {
    padding-right: 7px;
  }
  .pd-md-b-7 {
    padding-bottom: 7px;
  }
  .pd-md-l-7 {
    padding-left: 7px;
  }
  .pd-md-t-7-force {
    padding-top: 7px !important;
  }
  .pd-md-r-7-force {
    padding-right: 7px !important;
  }
  .pd-md-b-7-force {
    padding-bottom: 7px !important;
  }
  .pd-md-l-7-force {
    padding-left: 7px !important;
  }
  .pd-md-8 {
    padding: 8px;
  }
  .pd-md-8-force {
    padding: 8px !important;
  }
  .pd-md-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pd-md-y-8-force {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pd-md-x-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .pd-md-x-8-force {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pd-md-t-8 {
    padding-top: 8px;
  }
  .pd-md-r-8 {
    padding-right: 8px;
  }
  .pd-md-b-8 {
    padding-bottom: 8px;
  }
  .pd-md-l-8 {
    padding-left: 8px;
  }
  .pd-md-t-8-force {
    padding-top: 8px !important;
  }
  .pd-md-r-8-force {
    padding-right: 8px !important;
  }
  .pd-md-b-8-force {
    padding-bottom: 8px !important;
  }
  .pd-md-l-8-force {
    padding-left: 8px !important;
  }
  .pd-md-9 {
    padding: 9px;
  }
  .pd-md-9-force {
    padding: 9px !important;
  }
  .pd-md-y-9 {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .pd-md-y-9-force {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .pd-md-x-9 {
    padding-left: 9px;
    padding-right: 9px;
  }
  .pd-md-x-9-force {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .pd-md-t-9 {
    padding-top: 9px;
  }
  .pd-md-r-9 {
    padding-right: 9px;
  }
  .pd-md-b-9 {
    padding-bottom: 9px;
  }
  .pd-md-l-9 {
    padding-left: 9px;
  }
  .pd-md-t-9-force {
    padding-top: 9px !important;
  }
  .pd-md-r-9-force {
    padding-right: 9px !important;
  }
  .pd-md-b-9-force {
    padding-bottom: 9px !important;
  }
  .pd-md-l-9-force {
    padding-left: 9px !important;
  }
  .pd-md-10 {
    padding: 10px;
  }
  .pd-md-10-force {
    padding: 10px !important;
  }
  .pd-md-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pd-md-y-10-force {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pd-md-x-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pd-md-x-10-force {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pd-md-t-10 {
    padding-top: 10px;
  }
  .pd-md-r-10 {
    padding-right: 10px;
  }
  .pd-md-b-10 {
    padding-bottom: 10px;
  }
  .pd-md-l-10 {
    padding-left: 10px;
  }
  .pd-md-t-10-force {
    padding-top: 10px !important;
  }
  .pd-md-r-10-force {
    padding-right: 10px !important;
  }
  .pd-md-b-10-force {
    padding-bottom: 10px !important;
  }
  .pd-md-l-10-force {
    padding-left: 10px !important;
  }
  .pd-md-15 {
    padding: 15px;
  }
  .pd-md-15-force {
    padding: 15px !important;
  }
  .pd-md-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pd-md-y-15-force {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pd-md-x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pd-md-x-15-force {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pd-md-t-15 {
    padding-top: 15px;
  }
  .pd-md-r-15 {
    padding-right: 15px;
  }
  .pd-md-b-15 {
    padding-bottom: 15px;
  }
  .pd-md-l-15 {
    padding-left: 15px;
  }
  .pd-md-t-15-force {
    padding-top: 15px !important;
  }
  .pd-md-r-15-force {
    padding-right: 15px !important;
  }
  .pd-md-b-15-force {
    padding-bottom: 15px !important;
  }
  .pd-md-l-15-force {
    padding-left: 15px !important;
  }
  .pd-md-20 {
    padding: 20px;
  }
  .pd-md-20-force {
    padding: 20px !important;
  }
  .pd-md-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pd-md-y-20-force {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pd-md-x-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pd-md-x-20-force {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pd-md-t-20 {
    padding-top: 20px;
  }
  .pd-md-r-20 {
    padding-right: 20px;
  }
  .pd-md-b-20 {
    padding-bottom: 20px;
  }
  .pd-md-l-20 {
    padding-left: 20px;
  }
  .pd-md-t-20-force {
    padding-top: 20px !important;
  }
  .pd-md-r-20-force {
    padding-right: 20px !important;
  }
  .pd-md-b-20-force {
    padding-bottom: 20px !important;
  }
  .pd-md-l-20-force {
    padding-left: 20px !important;
  }
  .pd-md-25 {
    padding: 25px;
  }
  .pd-md-25-force {
    padding: 25px !important;
  }
  .pd-md-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pd-md-y-25-force {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pd-md-x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pd-md-x-25-force {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pd-md-t-25 {
    padding-top: 25px;
  }
  .pd-md-r-25 {
    padding-right: 25px;
  }
  .pd-md-b-25 {
    padding-bottom: 25px;
  }
  .pd-md-l-25 {
    padding-left: 25px;
  }
  .pd-md-t-25-force {
    padding-top: 25px !important;
  }
  .pd-md-r-25-force {
    padding-right: 25px !important;
  }
  .pd-md-b-25-force {
    padding-bottom: 25px !important;
  }
  .pd-md-l-25-force {
    padding-left: 25px !important;
  }
  .pd-md-30 {
    padding: 30px;
  }
  .pd-md-30-force {
    padding: 30px !important;
  }
  .pd-md-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pd-md-y-30-force {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pd-md-x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pd-md-x-30-force {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pd-md-t-30 {
    padding-top: 30px;
  }
  .pd-md-r-30 {
    padding-right: 30px;
  }
  .pd-md-b-30 {
    padding-bottom: 30px;
  }
  .pd-md-l-30 {
    padding-left: 30px;
  }
  .pd-md-t-30-force {
    padding-top: 30px !important;
  }
  .pd-md-r-30-force {
    padding-right: 30px !important;
  }
  .pd-md-b-30-force {
    padding-bottom: 30px !important;
  }
  .pd-md-l-30-force {
    padding-left: 30px !important;
  }
  .pd-md-35 {
    padding: 35px;
  }
  .pd-md-35-force {
    padding: 35px !important;
  }
  .pd-md-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pd-md-y-35-force {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pd-md-x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pd-md-x-35-force {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pd-md-t-35 {
    padding-top: 35px;
  }
  .pd-md-r-35 {
    padding-right: 35px;
  }
  .pd-md-b-35 {
    padding-bottom: 35px;
  }
  .pd-md-l-35 {
    padding-left: 35px;
  }
  .pd-md-t-35-force {
    padding-top: 35px !important;
  }
  .pd-md-r-35-force {
    padding-right: 35px !important;
  }
  .pd-md-b-35-force {
    padding-bottom: 35px !important;
  }
  .pd-md-l-35-force {
    padding-left: 35px !important;
  }
  .pd-md-40 {
    padding: 40px;
  }
  .pd-md-40-force {
    padding: 40px !important;
  }
  .pd-md-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pd-md-y-40-force {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pd-md-x-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pd-md-x-40-force {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pd-md-t-40 {
    padding-top: 40px;
  }
  .pd-md-r-40 {
    padding-right: 40px;
  }
  .pd-md-b-40 {
    padding-bottom: 40px;
  }
  .pd-md-l-40 {
    padding-left: 40px;
  }
  .pd-md-t-40-force {
    padding-top: 40px !important;
  }
  .pd-md-r-40-force {
    padding-right: 40px !important;
  }
  .pd-md-b-40-force {
    padding-bottom: 40px !important;
  }
  .pd-md-l-40-force {
    padding-left: 40px !important;
  }
  .pd-md-45 {
    padding: 45px;
  }
  .pd-md-45-force {
    padding: 45px !important;
  }
  .pd-md-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pd-md-y-45-force {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pd-md-x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pd-md-x-45-force {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pd-md-t-45 {
    padding-top: 45px;
  }
  .pd-md-r-45 {
    padding-right: 45px;
  }
  .pd-md-b-45 {
    padding-bottom: 45px;
  }
  .pd-md-l-45 {
    padding-left: 45px;
  }
  .pd-md-t-45-force {
    padding-top: 45px !important;
  }
  .pd-md-r-45-force {
    padding-right: 45px !important;
  }
  .pd-md-b-45-force {
    padding-bottom: 45px !important;
  }
  .pd-md-l-45-force {
    padding-left: 45px !important;
  }
  .pd-md-50 {
    padding: 50px;
  }
  .pd-md-50-force {
    padding: 50px !important;
  }
  .pd-md-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pd-md-y-50-force {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pd-md-x-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pd-md-x-50-force {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pd-md-t-50 {
    padding-top: 50px;
  }
  .pd-md-r-50 {
    padding-right: 50px;
  }
  .pd-md-b-50 {
    padding-bottom: 50px;
  }
  .pd-md-l-50 {
    padding-left: 50px;
  }
  .pd-md-t-50-force {
    padding-top: 50px !important;
  }
  .pd-md-r-50-force {
    padding-right: 50px !important;
  }
  .pd-md-b-50-force {
    padding-bottom: 50px !important;
  }
  .pd-md-l-50-force {
    padding-left: 50px !important;
  }
  .pd-md-55 {
    padding: 55px;
  }
  .pd-md-55-force {
    padding: 55px !important;
  }
  .pd-md-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pd-md-y-55-force {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pd-md-x-55 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pd-md-x-55-force {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pd-md-t-55 {
    padding-top: 55px;
  }
  .pd-md-r-55 {
    padding-right: 55px;
  }
  .pd-md-b-55 {
    padding-bottom: 55px;
  }
  .pd-md-l-55 {
    padding-left: 55px;
  }
  .pd-md-t-55-force {
    padding-top: 55px !important;
  }
  .pd-md-r-55-force {
    padding-right: 55px !important;
  }
  .pd-md-b-55-force {
    padding-bottom: 55px !important;
  }
  .pd-md-l-55-force {
    padding-left: 55px !important;
  }
  .pd-md-60 {
    padding: 60px;
  }
  .pd-md-60-force {
    padding: 60px !important;
  }
  .pd-md-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pd-md-y-60-force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pd-md-x-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pd-md-x-60-force {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pd-md-t-60 {
    padding-top: 60px;
  }
  .pd-md-r-60 {
    padding-right: 60px;
  }
  .pd-md-b-60 {
    padding-bottom: 60px;
  }
  .pd-md-l-60 {
    padding-left: 60px;
  }
  .pd-md-t-60-force {
    padding-top: 60px !important;
  }
  .pd-md-r-60-force {
    padding-right: 60px !important;
  }
  .pd-md-b-60-force {
    padding-bottom: 60px !important;
  }
  .pd-md-l-60-force {
    padding-left: 60px !important;
  }
  .pd-md-65 {
    padding: 65px;
  }
  .pd-md-65-force {
    padding: 65px !important;
  }
  .pd-md-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pd-md-y-65-force {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pd-md-x-65 {
    padding-left: 65px;
    padding-right: 65px;
  }
  .pd-md-x-65-force {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pd-md-t-65 {
    padding-top: 65px;
  }
  .pd-md-r-65 {
    padding-right: 65px;
  }
  .pd-md-b-65 {
    padding-bottom: 65px;
  }
  .pd-md-l-65 {
    padding-left: 65px;
  }
  .pd-md-t-65-force {
    padding-top: 65px !important;
  }
  .pd-md-r-65-force {
    padding-right: 65px !important;
  }
  .pd-md-b-65-force {
    padding-bottom: 65px !important;
  }
  .pd-md-l-65-force {
    padding-left: 65px !important;
  }
  .pd-md-70 {
    padding: 70px;
  }
  .pd-md-70-force {
    padding: 70px !important;
  }
  .pd-md-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pd-md-y-70-force {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pd-md-x-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .pd-md-x-70-force {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pd-md-t-70 {
    padding-top: 70px;
  }
  .pd-md-r-70 {
    padding-right: 70px;
  }
  .pd-md-b-70 {
    padding-bottom: 70px;
  }
  .pd-md-l-70 {
    padding-left: 70px;
  }
  .pd-md-t-70-force {
    padding-top: 70px !important;
  }
  .pd-md-r-70-force {
    padding-right: 70px !important;
  }
  .pd-md-b-70-force {
    padding-bottom: 70px !important;
  }
  .pd-md-l-70-force {
    padding-left: 70px !important;
  }
  .pd-md-75 {
    padding: 75px;
  }
  .pd-md-75-force {
    padding: 75px !important;
  }
  .pd-md-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pd-md-y-75-force {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pd-md-x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .pd-md-x-75-force {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pd-md-t-75 {
    padding-top: 75px;
  }
  .pd-md-r-75 {
    padding-right: 75px;
  }
  .pd-md-b-75 {
    padding-bottom: 75px;
  }
  .pd-md-l-75 {
    padding-left: 75px;
  }
  .pd-md-t-75-force {
    padding-top: 75px !important;
  }
  .pd-md-r-75-force {
    padding-right: 75px !important;
  }
  .pd-md-b-75-force {
    padding-bottom: 75px !important;
  }
  .pd-md-l-75-force {
    padding-left: 75px !important;
  }
  .pd-md-80 {
    padding: 80px;
  }
  .pd-md-80-force {
    padding: 80px !important;
  }
  .pd-md-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pd-md-y-80-force {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pd-md-x-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .pd-md-x-80-force {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pd-md-t-80 {
    padding-top: 80px;
  }
  .pd-md-r-80 {
    padding-right: 80px;
  }
  .pd-md-b-80 {
    padding-bottom: 80px;
  }
  .pd-md-l-80 {
    padding-left: 80px;
  }
  .pd-md-t-80-force {
    padding-top: 80px !important;
  }
  .pd-md-r-80-force {
    padding-right: 80px !important;
  }
  .pd-md-b-80-force {
    padding-bottom: 80px !important;
  }
  .pd-md-l-80-force {
    padding-left: 80px !important;
  }
  .pd-md-85 {
    padding: 85px;
  }
  .pd-md-85-force {
    padding: 85px !important;
  }
  .pd-md-y-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pd-md-y-85-force {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pd-md-x-85 {
    padding-left: 85px;
    padding-right: 85px;
  }
  .pd-md-x-85-force {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pd-md-t-85 {
    padding-top: 85px;
  }
  .pd-md-r-85 {
    padding-right: 85px;
  }
  .pd-md-b-85 {
    padding-bottom: 85px;
  }
  .pd-md-l-85 {
    padding-left: 85px;
  }
  .pd-md-t-85-force {
    padding-top: 85px !important;
  }
  .pd-md-r-85-force {
    padding-right: 85px !important;
  }
  .pd-md-b-85-force {
    padding-bottom: 85px !important;
  }
  .pd-md-l-85-force {
    padding-left: 85px !important;
  }
  .pd-md-90 {
    padding: 90px;
  }
  .pd-md-90-force {
    padding: 90px !important;
  }
  .pd-md-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pd-md-y-90-force {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pd-md-x-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .pd-md-x-90-force {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pd-md-t-90 {
    padding-top: 90px;
  }
  .pd-md-r-90 {
    padding-right: 90px;
  }
  .pd-md-b-90 {
    padding-bottom: 90px;
  }
  .pd-md-l-90 {
    padding-left: 90px;
  }
  .pd-md-t-90-force {
    padding-top: 90px !important;
  }
  .pd-md-r-90-force {
    padding-right: 90px !important;
  }
  .pd-md-b-90-force {
    padding-bottom: 90px !important;
  }
  .pd-md-l-90-force {
    padding-left: 90px !important;
  }
  .pd-md-95 {
    padding: 95px;
  }
  .pd-md-95-force {
    padding: 95px !important;
  }
  .pd-md-y-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pd-md-y-95-force {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pd-md-x-95 {
    padding-left: 95px;
    padding-right: 95px;
  }
  .pd-md-x-95-force {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pd-md-t-95 {
    padding-top: 95px;
  }
  .pd-md-r-95 {
    padding-right: 95px;
  }
  .pd-md-b-95 {
    padding-bottom: 95px;
  }
  .pd-md-l-95 {
    padding-left: 95px;
  }
  .pd-md-t-95-force {
    padding-top: 95px !important;
  }
  .pd-md-r-95-force {
    padding-right: 95px !important;
  }
  .pd-md-b-95-force {
    padding-bottom: 95px !important;
  }
  .pd-md-l-95-force {
    padding-left: 95px !important;
  }
  .pd-md-100 {
    padding: 100px;
  }
  .pd-md-100-force {
    padding: 100px !important;
  }
  .pd-md-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pd-md-y-100-force {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pd-md-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .pd-md-x-100-force {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pd-md-t-100 {
    padding-top: 100px;
  }
  .pd-md-r-100 {
    padding-right: 100px;
  }
  .pd-md-b-100 {
    padding-bottom: 100px;
  }
  .pd-md-l-100 {
    padding-left: 100px;
  }
  .pd-md-t-100-force {
    padding-top: 100px !important;
  }
  .pd-md-r-100-force {
    padding-right: 100px !important;
  }
  .pd-md-b-100-force {
    padding-bottom: 100px !important;
  }
  .pd-md-l-100-force {
    padding-left: 100px !important;
  }
  .pd-md-110 {
    padding: 110px;
  }
  .pd-md-110-force {
    padding: 110px !important;
  }
  .pd-md-y-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .pd-md-y-110-force {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pd-md-x-110 {
    padding-left: 110px;
    padding-right: 110px;
  }
  .pd-md-x-110-force {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pd-md-t-110 {
    padding-top: 110px;
  }
  .pd-md-r-110 {
    padding-right: 110px;
  }
  .pd-md-b-110 {
    padding-bottom: 110px;
  }
  .pd-md-l-110 {
    padding-left: 110px;
  }
  .pd-md-t-110-force {
    padding-top: 110px !important;
  }
  .pd-md-r-110-force {
    padding-right: 110px !important;
  }
  .pd-md-b-110-force {
    padding-bottom: 110px !important;
  }
  .pd-md-l-110-force {
    padding-left: 110px !important;
  }
  .pd-md-120 {
    padding: 120px;
  }
  .pd-md-120-force {
    padding: 120px !important;
  }
  .pd-md-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pd-md-y-120-force {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pd-md-x-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .pd-md-x-120-force {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pd-md-t-120 {
    padding-top: 120px;
  }
  .pd-md-r-120 {
    padding-right: 120px;
  }
  .pd-md-b-120 {
    padding-bottom: 120px;
  }
  .pd-md-l-120 {
    padding-left: 120px;
  }
  .pd-md-t-120-force {
    padding-top: 120px !important;
  }
  .pd-md-r-120-force {
    padding-right: 120px !important;
  }
  .pd-md-b-120-force {
    padding-bottom: 120px !important;
  }
  .pd-md-l-120-force {
    padding-left: 120px !important;
  }
  .pd-md-130 {
    padding: 130px;
  }
  .pd-md-130-force {
    padding: 130px !important;
  }
  .pd-md-y-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .pd-md-y-130-force {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pd-md-x-130 {
    padding-left: 130px;
    padding-right: 130px;
  }
  .pd-md-x-130-force {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pd-md-t-130 {
    padding-top: 130px;
  }
  .pd-md-r-130 {
    padding-right: 130px;
  }
  .pd-md-b-130 {
    padding-bottom: 130px;
  }
  .pd-md-l-130 {
    padding-left: 130px;
  }
  .pd-md-t-130-force {
    padding-top: 130px !important;
  }
  .pd-md-r-130-force {
    padding-right: 130px !important;
  }
  .pd-md-b-130-force {
    padding-bottom: 130px !important;
  }
  .pd-md-l-130-force {
    padding-left: 130px !important;
  }
  .pd-md-140 {
    padding: 140px;
  }
  .pd-md-140-force {
    padding: 140px !important;
  }
  .pd-md-y-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  .pd-md-y-140-force {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pd-md-x-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .pd-md-x-140-force {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pd-md-t-140 {
    padding-top: 140px;
  }
  .pd-md-r-140 {
    padding-right: 140px;
  }
  .pd-md-b-140 {
    padding-bottom: 140px;
  }
  .pd-md-l-140 {
    padding-left: 140px;
  }
  .pd-md-t-140-force {
    padding-top: 140px !important;
  }
  .pd-md-r-140-force {
    padding-right: 140px !important;
  }
  .pd-md-b-140-force {
    padding-bottom: 140px !important;
  }
  .pd-md-l-140-force {
    padding-left: 140px !important;
  }
  .pd-md-150 {
    padding: 150px;
  }
  .pd-md-150-force {
    padding: 150px !important;
  }
  .pd-md-y-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .pd-md-y-150-force {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .pd-md-x-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .pd-md-x-150-force {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .pd-md-t-150 {
    padding-top: 150px;
  }
  .pd-md-r-150 {
    padding-right: 150px;
  }
  .pd-md-b-150 {
    padding-bottom: 150px;
  }
  .pd-md-l-150 {
    padding-left: 150px;
  }
  .pd-md-t-150-force {
    padding-top: 150px !important;
  }
  .pd-md-r-150-force {
    padding-right: 150px !important;
  }
  .pd-md-b-150-force {
    padding-bottom: 150px !important;
  }
  .pd-md-l-150-force {
    padding-left: 150px !important;
  }
  .pd-md-160 {
    padding: 160px;
  }
  .pd-md-160-force {
    padding: 160px !important;
  }
  .pd-md-y-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .pd-md-y-160-force {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .pd-md-x-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .pd-md-x-160-force {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .pd-md-t-160 {
    padding-top: 160px;
  }
  .pd-md-r-160 {
    padding-right: 160px;
  }
  .pd-md-b-160 {
    padding-bottom: 160px;
  }
  .pd-md-l-160 {
    padding-left: 160px;
  }
  .pd-md-t-160-force {
    padding-top: 160px !important;
  }
  .pd-md-r-160-force {
    padding-right: 160px !important;
  }
  .pd-md-b-160-force {
    padding-bottom: 160px !important;
  }
  .pd-md-l-160-force {
    padding-left: 160px !important;
  }
  .pd-md-170 {
    padding: 170px;
  }
  .pd-md-170-force {
    padding: 170px !important;
  }
  .pd-md-y-170 {
    padding-top: 170px;
    padding-bottom: 170px;
  }
  .pd-md-y-170-force {
    padding-top: 170px !important;
    padding-bottom: 170px !important;
  }
  .pd-md-x-170 {
    padding-left: 170px;
    padding-right: 170px;
  }
  .pd-md-x-170-force {
    padding-left: 170px !important;
    padding-right: 170px !important;
  }
  .pd-md-t-170 {
    padding-top: 170px;
  }
  .pd-md-r-170 {
    padding-right: 170px;
  }
  .pd-md-b-170 {
    padding-bottom: 170px;
  }
  .pd-md-l-170 {
    padding-left: 170px;
  }
  .pd-md-t-170-force {
    padding-top: 170px !important;
  }
  .pd-md-r-170-force {
    padding-right: 170px !important;
  }
  .pd-md-b-170-force {
    padding-bottom: 170px !important;
  }
  .pd-md-l-170-force {
    padding-left: 170px !important;
  }
  .pd-md-180 {
    padding: 180px;
  }
  .pd-md-180-force {
    padding: 180px !important;
  }
  .pd-md-y-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .pd-md-y-180-force {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .pd-md-x-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .pd-md-x-180-force {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
  .pd-md-t-180 {
    padding-top: 180px;
  }
  .pd-md-r-180 {
    padding-right: 180px;
  }
  .pd-md-b-180 {
    padding-bottom: 180px;
  }
  .pd-md-l-180 {
    padding-left: 180px;
  }
  .pd-md-t-180-force {
    padding-top: 180px !important;
  }
  .pd-md-r-180-force {
    padding-right: 180px !important;
  }
  .pd-md-b-180-force {
    padding-bottom: 180px !important;
  }
  .pd-md-l-180-force {
    padding-left: 180px !important;
  }
  .pd-md-190 {
    padding: 190px;
  }
  .pd-md-190-force {
    padding: 190px !important;
  }
  .pd-md-y-190 {
    padding-top: 190px;
    padding-bottom: 190px;
  }
  .pd-md-y-190-force {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
  }
  .pd-md-x-190 {
    padding-left: 190px;
    padding-right: 190px;
  }
  .pd-md-x-190-force {
    padding-left: 190px !important;
    padding-right: 190px !important;
  }
  .pd-md-t-190 {
    padding-top: 190px;
  }
  .pd-md-r-190 {
    padding-right: 190px;
  }
  .pd-md-b-190 {
    padding-bottom: 190px;
  }
  .pd-md-l-190 {
    padding-left: 190px;
  }
  .pd-md-t-190-force {
    padding-top: 190px !important;
  }
  .pd-md-r-190-force {
    padding-right: 190px !important;
  }
  .pd-md-b-190-force {
    padding-bottom: 190px !important;
  }
  .pd-md-l-190-force {
    padding-left: 190px !important;
  }
  .pd-md-200 {
    padding: 200px;
  }
  .pd-md-200-force {
    padding: 200px !important;
  }
  .pd-md-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .pd-md-y-200-force {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .pd-md-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .pd-md-x-200-force {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .pd-md-t-200 {
    padding-top: 200px;
  }
  .pd-md-r-200 {
    padding-right: 200px;
  }
  .pd-md-b-200 {
    padding-bottom: 200px;
  }
  .pd-md-l-200 {
    padding-left: 200px;
  }
  .pd-md-t-200-force {
    padding-top: 200px !important;
  }
  .pd-md-r-200-force {
    padding-right: 200px !important;
  }
  .pd-md-b-200-force {
    padding-bottom: 200px !important;
  }
  .pd-md-l-200-force {
    padding-left: 200px !important;
  }
}

@media (min-width: 991px) {
  .pd-lg-0 {
    padding: 0px;
  }
  .pd-lg-0-force {
    padding: 0px !important;
  }
  .pd-lg-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pd-lg-y-0-force {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pd-lg-x-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pd-lg-x-0-force {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pd-lg-t-0 {
    padding-top: 0px;
  }
  .pd-lg-r-0 {
    padding-right: 0px;
  }
  .pd-lg-b-0 {
    padding-bottom: 0px;
  }
  .pd-lg-l-0 {
    padding-left: 0px;
  }
  .pd-lg-t-0-force {
    padding-top: 0px !important;
  }
  .pd-lg-r-0-force {
    padding-right: 0px !important;
  }
  .pd-lg-b-0-force {
    padding-bottom: 0px !important;
  }
  .pd-lg-l-0-force {
    padding-left: 0px !important;
  }
  .pd-lg-1 {
    padding: 1px;
  }
  .pd-lg-1-force {
    padding: 1px !important;
  }
  .pd-lg-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pd-lg-y-1-force {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pd-lg-x-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .pd-lg-x-1-force {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .pd-lg-t-1 {
    padding-top: 1px;
  }
  .pd-lg-r-1 {
    padding-right: 1px;
  }
  .pd-lg-b-1 {
    padding-bottom: 1px;
  }
  .pd-lg-l-1 {
    padding-left: 1px;
  }
  .pd-lg-t-1-force {
    padding-top: 1px !important;
  }
  .pd-lg-r-1-force {
    padding-right: 1px !important;
  }
  .pd-lg-b-1-force {
    padding-bottom: 1px !important;
  }
  .pd-lg-l-1-force {
    padding-left: 1px !important;
  }
  .pd-lg-2 {
    padding: 2px;
  }
  .pd-lg-2-force {
    padding: 2px !important;
  }
  .pd-lg-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pd-lg-y-2-force {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pd-lg-x-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .pd-lg-x-2-force {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pd-lg-t-2 {
    padding-top: 2px;
  }
  .pd-lg-r-2 {
    padding-right: 2px;
  }
  .pd-lg-b-2 {
    padding-bottom: 2px;
  }
  .pd-lg-l-2 {
    padding-left: 2px;
  }
  .pd-lg-t-2-force {
    padding-top: 2px !important;
  }
  .pd-lg-r-2-force {
    padding-right: 2px !important;
  }
  .pd-lg-b-2-force {
    padding-bottom: 2px !important;
  }
  .pd-lg-l-2-force {
    padding-left: 2px !important;
  }
  .pd-lg-3 {
    padding: 3px;
  }
  .pd-lg-3-force {
    padding: 3px !important;
  }
  .pd-lg-y-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .pd-lg-y-3-force {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .pd-lg-x-3 {
    padding-left: 3px;
    padding-right: 3px;
  }
  .pd-lg-x-3-force {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .pd-lg-t-3 {
    padding-top: 3px;
  }
  .pd-lg-r-3 {
    padding-right: 3px;
  }
  .pd-lg-b-3 {
    padding-bottom: 3px;
  }
  .pd-lg-l-3 {
    padding-left: 3px;
  }
  .pd-lg-t-3-force {
    padding-top: 3px !important;
  }
  .pd-lg-r-3-force {
    padding-right: 3px !important;
  }
  .pd-lg-b-3-force {
    padding-bottom: 3px !important;
  }
  .pd-lg-l-3-force {
    padding-left: 3px !important;
  }
  .pd-lg-4 {
    padding: 4px;
  }
  .pd-lg-4-force {
    padding: 4px !important;
  }
  .pd-lg-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pd-lg-y-4-force {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pd-lg-x-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .pd-lg-x-4-force {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pd-lg-t-4 {
    padding-top: 4px;
  }
  .pd-lg-r-4 {
    padding-right: 4px;
  }
  .pd-lg-b-4 {
    padding-bottom: 4px;
  }
  .pd-lg-l-4 {
    padding-left: 4px;
  }
  .pd-lg-t-4-force {
    padding-top: 4px !important;
  }
  .pd-lg-r-4-force {
    padding-right: 4px !important;
  }
  .pd-lg-b-4-force {
    padding-bottom: 4px !important;
  }
  .pd-lg-l-4-force {
    padding-left: 4px !important;
  }
  .pd-lg-5 {
    padding: 5px;
  }
  .pd-lg-5-force {
    padding: 5px !important;
  }
  .pd-lg-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pd-lg-y-5-force {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pd-lg-x-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pd-lg-x-5-force {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pd-lg-t-5 {
    padding-top: 5px;
  }
  .pd-lg-r-5 {
    padding-right: 5px;
  }
  .pd-lg-b-5 {
    padding-bottom: 5px;
  }
  .pd-lg-l-5 {
    padding-left: 5px;
  }
  .pd-lg-t-5-force {
    padding-top: 5px !important;
  }
  .pd-lg-r-5-force {
    padding-right: 5px !important;
  }
  .pd-lg-b-5-force {
    padding-bottom: 5px !important;
  }
  .pd-lg-l-5-force {
    padding-left: 5px !important;
  }
  .pd-lg-6 {
    padding: 6px;
  }
  .pd-lg-6-force {
    padding: 6px !important;
  }
  .pd-lg-y-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pd-lg-y-6-force {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .pd-lg-x-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .pd-lg-x-6-force {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .pd-lg-t-6 {
    padding-top: 6px;
  }
  .pd-lg-r-6 {
    padding-right: 6px;
  }
  .pd-lg-b-6 {
    padding-bottom: 6px;
  }
  .pd-lg-l-6 {
    padding-left: 6px;
  }
  .pd-lg-t-6-force {
    padding-top: 6px !important;
  }
  .pd-lg-r-6-force {
    padding-right: 6px !important;
  }
  .pd-lg-b-6-force {
    padding-bottom: 6px !important;
  }
  .pd-lg-l-6-force {
    padding-left: 6px !important;
  }
  .pd-lg-7 {
    padding: 7px;
  }
  .pd-lg-7-force {
    padding: 7px !important;
  }
  .pd-lg-y-7 {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .pd-lg-y-7-force {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .pd-lg-x-7 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .pd-lg-x-7-force {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .pd-lg-t-7 {
    padding-top: 7px;
  }
  .pd-lg-r-7 {
    padding-right: 7px;
  }
  .pd-lg-b-7 {
    padding-bottom: 7px;
  }
  .pd-lg-l-7 {
    padding-left: 7px;
  }
  .pd-lg-t-7-force {
    padding-top: 7px !important;
  }
  .pd-lg-r-7-force {
    padding-right: 7px !important;
  }
  .pd-lg-b-7-force {
    padding-bottom: 7px !important;
  }
  .pd-lg-l-7-force {
    padding-left: 7px !important;
  }
  .pd-lg-8 {
    padding: 8px;
  }
  .pd-lg-8-force {
    padding: 8px !important;
  }
  .pd-lg-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pd-lg-y-8-force {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pd-lg-x-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .pd-lg-x-8-force {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pd-lg-t-8 {
    padding-top: 8px;
  }
  .pd-lg-r-8 {
    padding-right: 8px;
  }
  .pd-lg-b-8 {
    padding-bottom: 8px;
  }
  .pd-lg-l-8 {
    padding-left: 8px;
  }
  .pd-lg-t-8-force {
    padding-top: 8px !important;
  }
  .pd-lg-r-8-force {
    padding-right: 8px !important;
  }
  .pd-lg-b-8-force {
    padding-bottom: 8px !important;
  }
  .pd-lg-l-8-force {
    padding-left: 8px !important;
  }
  .pd-lg-9 {
    padding: 9px;
  }
  .pd-lg-9-force {
    padding: 9px !important;
  }
  .pd-lg-y-9 {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .pd-lg-y-9-force {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .pd-lg-x-9 {
    padding-left: 9px;
    padding-right: 9px;
  }
  .pd-lg-x-9-force {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .pd-lg-t-9 {
    padding-top: 9px;
  }
  .pd-lg-r-9 {
    padding-right: 9px;
  }
  .pd-lg-b-9 {
    padding-bottom: 9px;
  }
  .pd-lg-l-9 {
    padding-left: 9px;
  }
  .pd-lg-t-9-force {
    padding-top: 9px !important;
  }
  .pd-lg-r-9-force {
    padding-right: 9px !important;
  }
  .pd-lg-b-9-force {
    padding-bottom: 9px !important;
  }
  .pd-lg-l-9-force {
    padding-left: 9px !important;
  }
  .pd-lg-10 {
    padding: 10px;
  }
  .pd-lg-10-force {
    padding: 10px !important;
  }
  .pd-lg-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pd-lg-y-10-force {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pd-lg-x-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pd-lg-x-10-force {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pd-lg-t-10 {
    padding-top: 10px;
  }
  .pd-lg-r-10 {
    padding-right: 10px;
  }
  .pd-lg-b-10 {
    padding-bottom: 10px;
  }
  .pd-lg-l-10 {
    padding-left: 10px;
  }
  .pd-lg-t-10-force {
    padding-top: 10px !important;
  }
  .pd-lg-r-10-force {
    padding-right: 10px !important;
  }
  .pd-lg-b-10-force {
    padding-bottom: 10px !important;
  }
  .pd-lg-l-10-force {
    padding-left: 10px !important;
  }
  .pd-lg-15 {
    padding: 15px;
  }
  .pd-lg-15-force {
    padding: 15px !important;
  }
  .pd-lg-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pd-lg-y-15-force {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pd-lg-x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pd-lg-x-15-force {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pd-lg-t-15 {
    padding-top: 15px;
  }
  .pd-lg-r-15 {
    padding-right: 15px;
  }
  .pd-lg-b-15 {
    padding-bottom: 15px;
  }
  .pd-lg-l-15 {
    padding-left: 15px;
  }
  .pd-lg-t-15-force {
    padding-top: 15px !important;
  }
  .pd-lg-r-15-force {
    padding-right: 15px !important;
  }
  .pd-lg-b-15-force {
    padding-bottom: 15px !important;
  }
  .pd-lg-l-15-force {
    padding-left: 15px !important;
  }
  .pd-lg-20 {
    padding: 20px;
  }
  .pd-lg-20-force {
    padding: 20px !important;
  }
  .pd-lg-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pd-lg-y-20-force {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pd-lg-x-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pd-lg-x-20-force {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pd-lg-t-20 {
    padding-top: 20px;
  }
  .pd-lg-r-20 {
    padding-right: 20px;
  }
  .pd-lg-b-20 {
    padding-bottom: 20px;
  }
  .pd-lg-l-20 {
    padding-left: 20px;
  }
  .pd-lg-t-20-force {
    padding-top: 20px !important;
  }
  .pd-lg-r-20-force {
    padding-right: 20px !important;
  }
  .pd-lg-b-20-force {
    padding-bottom: 20px !important;
  }
  .pd-lg-l-20-force {
    padding-left: 20px !important;
  }
  .pd-lg-25 {
    padding: 25px;
  }
  .pd-lg-25-force {
    padding: 25px !important;
  }
  .pd-lg-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pd-lg-y-25-force {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pd-lg-x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pd-lg-x-25-force {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pd-lg-t-25 {
    padding-top: 25px;
  }
  .pd-lg-r-25 {
    padding-right: 25px;
  }
  .pd-lg-b-25 {
    padding-bottom: 25px;
  }
  .pd-lg-l-25 {
    padding-left: 25px;
  }
  .pd-lg-t-25-force {
    padding-top: 25px !important;
  }
  .pd-lg-r-25-force {
    padding-right: 25px !important;
  }
  .pd-lg-b-25-force {
    padding-bottom: 25px !important;
  }
  .pd-lg-l-25-force {
    padding-left: 25px !important;
  }
  .pd-lg-30 {
    padding: 30px;
  }
  .pd-lg-30-force {
    padding: 30px !important;
  }
  .pd-lg-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pd-lg-y-30-force {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pd-lg-x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pd-lg-x-30-force {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pd-lg-t-30 {
    padding-top: 30px;
  }
  .pd-lg-r-30 {
    padding-right: 30px;
  }
  .pd-lg-b-30 {
    padding-bottom: 30px;
  }
  .pd-lg-l-30 {
    padding-left: 30px;
  }
  .pd-lg-t-30-force {
    padding-top: 30px !important;
  }
  .pd-lg-r-30-force {
    padding-right: 30px !important;
  }
  .pd-lg-b-30-force {
    padding-bottom: 30px !important;
  }
  .pd-lg-l-30-force {
    padding-left: 30px !important;
  }
  .pd-lg-35 {
    padding: 35px;
  }
  .pd-lg-35-force {
    padding: 35px !important;
  }
  .pd-lg-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pd-lg-y-35-force {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pd-lg-x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pd-lg-x-35-force {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pd-lg-t-35 {
    padding-top: 35px;
  }
  .pd-lg-r-35 {
    padding-right: 35px;
  }
  .pd-lg-b-35 {
    padding-bottom: 35px;
  }
  .pd-lg-l-35 {
    padding-left: 35px;
  }
  .pd-lg-t-35-force {
    padding-top: 35px !important;
  }
  .pd-lg-r-35-force {
    padding-right: 35px !important;
  }
  .pd-lg-b-35-force {
    padding-bottom: 35px !important;
  }
  .pd-lg-l-35-force {
    padding-left: 35px !important;
  }
  .pd-lg-40 {
    padding: 40px;
  }
  .pd-lg-40-force {
    padding: 40px !important;
  }
  .pd-lg-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pd-lg-y-40-force {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pd-lg-x-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pd-lg-x-40-force {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pd-lg-t-40 {
    padding-top: 40px;
  }
  .pd-lg-r-40 {
    padding-right: 40px;
  }
  .pd-lg-b-40 {
    padding-bottom: 40px;
  }
  .pd-lg-l-40 {
    padding-left: 40px;
  }
  .pd-lg-t-40-force {
    padding-top: 40px !important;
  }
  .pd-lg-r-40-force {
    padding-right: 40px !important;
  }
  .pd-lg-b-40-force {
    padding-bottom: 40px !important;
  }
  .pd-lg-l-40-force {
    padding-left: 40px !important;
  }
  .pd-lg-45 {
    padding: 45px;
  }
  .pd-lg-45-force {
    padding: 45px !important;
  }
  .pd-lg-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pd-lg-y-45-force {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pd-lg-x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pd-lg-x-45-force {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pd-lg-t-45 {
    padding-top: 45px;
  }
  .pd-lg-r-45 {
    padding-right: 45px;
  }
  .pd-lg-b-45 {
    padding-bottom: 45px;
  }
  .pd-lg-l-45 {
    padding-left: 45px;
  }
  .pd-lg-t-45-force {
    padding-top: 45px !important;
  }
  .pd-lg-r-45-force {
    padding-right: 45px !important;
  }
  .pd-lg-b-45-force {
    padding-bottom: 45px !important;
  }
  .pd-lg-l-45-force {
    padding-left: 45px !important;
  }
  .pd-lg-50 {
    padding: 50px;
  }
  .pd-lg-50-force {
    padding: 50px !important;
  }
  .pd-lg-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pd-lg-y-50-force {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pd-lg-x-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pd-lg-x-50-force {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pd-lg-t-50 {
    padding-top: 50px;
  }
  .pd-lg-r-50 {
    padding-right: 50px;
  }
  .pd-lg-b-50 {
    padding-bottom: 50px;
  }
  .pd-lg-l-50 {
    padding-left: 50px;
  }
  .pd-lg-t-50-force {
    padding-top: 50px !important;
  }
  .pd-lg-r-50-force {
    padding-right: 50px !important;
  }
  .pd-lg-b-50-force {
    padding-bottom: 50px !important;
  }
  .pd-lg-l-50-force {
    padding-left: 50px !important;
  }
  .pd-lg-55 {
    padding: 55px;
  }
  .pd-lg-55-force {
    padding: 55px !important;
  }
  .pd-lg-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pd-lg-y-55-force {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pd-lg-x-55 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pd-lg-x-55-force {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pd-lg-t-55 {
    padding-top: 55px;
  }
  .pd-lg-r-55 {
    padding-right: 55px;
  }
  .pd-lg-b-55 {
    padding-bottom: 55px;
  }
  .pd-lg-l-55 {
    padding-left: 55px;
  }
  .pd-lg-t-55-force {
    padding-top: 55px !important;
  }
  .pd-lg-r-55-force {
    padding-right: 55px !important;
  }
  .pd-lg-b-55-force {
    padding-bottom: 55px !important;
  }
  .pd-lg-l-55-force {
    padding-left: 55px !important;
  }
  .pd-lg-60 {
    padding: 60px;
  }
  .pd-lg-60-force {
    padding: 60px !important;
  }
  .pd-lg-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pd-lg-y-60-force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pd-lg-x-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pd-lg-x-60-force {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pd-lg-t-60 {
    padding-top: 60px;
  }
  .pd-lg-r-60 {
    padding-right: 60px;
  }
  .pd-lg-b-60 {
    padding-bottom: 60px;
  }
  .pd-lg-l-60 {
    padding-left: 60px;
  }
  .pd-lg-t-60-force {
    padding-top: 60px !important;
  }
  .pd-lg-r-60-force {
    padding-right: 60px !important;
  }
  .pd-lg-b-60-force {
    padding-bottom: 60px !important;
  }
  .pd-lg-l-60-force {
    padding-left: 60px !important;
  }
  .pd-lg-65 {
    padding: 65px;
  }
  .pd-lg-65-force {
    padding: 65px !important;
  }
  .pd-lg-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pd-lg-y-65-force {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pd-lg-x-65 {
    padding-left: 65px;
    padding-right: 65px;
  }
  .pd-lg-x-65-force {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pd-lg-t-65 {
    padding-top: 65px;
  }
  .pd-lg-r-65 {
    padding-right: 65px;
  }
  .pd-lg-b-65 {
    padding-bottom: 65px;
  }
  .pd-lg-l-65 {
    padding-left: 65px;
  }
  .pd-lg-t-65-force {
    padding-top: 65px !important;
  }
  .pd-lg-r-65-force {
    padding-right: 65px !important;
  }
  .pd-lg-b-65-force {
    padding-bottom: 65px !important;
  }
  .pd-lg-l-65-force {
    padding-left: 65px !important;
  }
  .pd-lg-70 {
    padding: 70px;
  }
  .pd-lg-70-force {
    padding: 70px !important;
  }
  .pd-lg-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pd-lg-y-70-force {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pd-lg-x-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .pd-lg-x-70-force {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pd-lg-t-70 {
    padding-top: 70px;
  }
  .pd-lg-r-70 {
    padding-right: 70px;
  }
  .pd-lg-b-70 {
    padding-bottom: 70px;
  }
  .pd-lg-l-70 {
    padding-left: 70px;
  }
  .pd-lg-t-70-force {
    padding-top: 70px !important;
  }
  .pd-lg-r-70-force {
    padding-right: 70px !important;
  }
  .pd-lg-b-70-force {
    padding-bottom: 70px !important;
  }
  .pd-lg-l-70-force {
    padding-left: 70px !important;
  }
  .pd-lg-75 {
    padding: 75px;
  }
  .pd-lg-75-force {
    padding: 75px !important;
  }
  .pd-lg-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pd-lg-y-75-force {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pd-lg-x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .pd-lg-x-75-force {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pd-lg-t-75 {
    padding-top: 75px;
  }
  .pd-lg-r-75 {
    padding-right: 75px;
  }
  .pd-lg-b-75 {
    padding-bottom: 75px;
  }
  .pd-lg-l-75 {
    padding-left: 75px;
  }
  .pd-lg-t-75-force {
    padding-top: 75px !important;
  }
  .pd-lg-r-75-force {
    padding-right: 75px !important;
  }
  .pd-lg-b-75-force {
    padding-bottom: 75px !important;
  }
  .pd-lg-l-75-force {
    padding-left: 75px !important;
  }
  .pd-lg-80 {
    padding: 80px;
  }
  .pd-lg-80-force {
    padding: 80px !important;
  }
  .pd-lg-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pd-lg-y-80-force {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pd-lg-x-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .pd-lg-x-80-force {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pd-lg-t-80 {
    padding-top: 80px;
  }
  .pd-lg-r-80 {
    padding-right: 80px;
  }
  .pd-lg-b-80 {
    padding-bottom: 80px;
  }
  .pd-lg-l-80 {
    padding-left: 80px;
  }
  .pd-lg-t-80-force {
    padding-top: 80px !important;
  }
  .pd-lg-r-80-force {
    padding-right: 80px !important;
  }
  .pd-lg-b-80-force {
    padding-bottom: 80px !important;
  }
  .pd-lg-l-80-force {
    padding-left: 80px !important;
  }
  .pd-lg-85 {
    padding: 85px;
  }
  .pd-lg-85-force {
    padding: 85px !important;
  }
  .pd-lg-y-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pd-lg-y-85-force {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pd-lg-x-85 {
    padding-left: 85px;
    padding-right: 85px;
  }
  .pd-lg-x-85-force {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pd-lg-t-85 {
    padding-top: 85px;
  }
  .pd-lg-r-85 {
    padding-right: 85px;
  }
  .pd-lg-b-85 {
    padding-bottom: 85px;
  }
  .pd-lg-l-85 {
    padding-left: 85px;
  }
  .pd-lg-t-85-force {
    padding-top: 85px !important;
  }
  .pd-lg-r-85-force {
    padding-right: 85px !important;
  }
  .pd-lg-b-85-force {
    padding-bottom: 85px !important;
  }
  .pd-lg-l-85-force {
    padding-left: 85px !important;
  }
  .pd-lg-90 {
    padding: 90px;
  }
  .pd-lg-90-force {
    padding: 90px !important;
  }
  .pd-lg-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pd-lg-y-90-force {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pd-lg-x-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .pd-lg-x-90-force {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pd-lg-t-90 {
    padding-top: 90px;
  }
  .pd-lg-r-90 {
    padding-right: 90px;
  }
  .pd-lg-b-90 {
    padding-bottom: 90px;
  }
  .pd-lg-l-90 {
    padding-left: 90px;
  }
  .pd-lg-t-90-force {
    padding-top: 90px !important;
  }
  .pd-lg-r-90-force {
    padding-right: 90px !important;
  }
  .pd-lg-b-90-force {
    padding-bottom: 90px !important;
  }
  .pd-lg-l-90-force {
    padding-left: 90px !important;
  }
  .pd-lg-95 {
    padding: 95px;
  }
  .pd-lg-95-force {
    padding: 95px !important;
  }
  .pd-lg-y-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pd-lg-y-95-force {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pd-lg-x-95 {
    padding-left: 95px;
    padding-right: 95px;
  }
  .pd-lg-x-95-force {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pd-lg-t-95 {
    padding-top: 95px;
  }
  .pd-lg-r-95 {
    padding-right: 95px;
  }
  .pd-lg-b-95 {
    padding-bottom: 95px;
  }
  .pd-lg-l-95 {
    padding-left: 95px;
  }
  .pd-lg-t-95-force {
    padding-top: 95px !important;
  }
  .pd-lg-r-95-force {
    padding-right: 95px !important;
  }
  .pd-lg-b-95-force {
    padding-bottom: 95px !important;
  }
  .pd-lg-l-95-force {
    padding-left: 95px !important;
  }
  .pd-lg-100 {
    padding: 100px;
  }
  .pd-lg-100-force {
    padding: 100px !important;
  }
  .pd-lg-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pd-lg-y-100-force {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pd-lg-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .pd-lg-x-100-force {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pd-lg-t-100 {
    padding-top: 100px;
  }
  .pd-lg-r-100 {
    padding-right: 100px;
  }
  .pd-lg-b-100 {
    padding-bottom: 100px;
  }
  .pd-lg-l-100 {
    padding-left: 100px;
  }
  .pd-lg-t-100-force {
    padding-top: 100px !important;
  }
  .pd-lg-r-100-force {
    padding-right: 100px !important;
  }
  .pd-lg-b-100-force {
    padding-bottom: 100px !important;
  }
  .pd-lg-l-100-force {
    padding-left: 100px !important;
  }
  .pd-lg-110 {
    padding: 110px;
  }
  .pd-lg-110-force {
    padding: 110px !important;
  }
  .pd-lg-y-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .pd-lg-y-110-force {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pd-lg-x-110 {
    padding-left: 110px;
    padding-right: 110px;
  }
  .pd-lg-x-110-force {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pd-lg-t-110 {
    padding-top: 110px;
  }
  .pd-lg-r-110 {
    padding-right: 110px;
  }
  .pd-lg-b-110 {
    padding-bottom: 110px;
  }
  .pd-lg-l-110 {
    padding-left: 110px;
  }
  .pd-lg-t-110-force {
    padding-top: 110px !important;
  }
  .pd-lg-r-110-force {
    padding-right: 110px !important;
  }
  .pd-lg-b-110-force {
    padding-bottom: 110px !important;
  }
  .pd-lg-l-110-force {
    padding-left: 110px !important;
  }
  .pd-lg-120 {
    padding: 120px;
  }
  .pd-lg-120-force {
    padding: 120px !important;
  }
  .pd-lg-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pd-lg-y-120-force {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pd-lg-x-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .pd-lg-x-120-force {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pd-lg-t-120 {
    padding-top: 120px;
  }
  .pd-lg-r-120 {
    padding-right: 120px;
  }
  .pd-lg-b-120 {
    padding-bottom: 120px;
  }
  .pd-lg-l-120 {
    padding-left: 120px;
  }
  .pd-lg-t-120-force {
    padding-top: 120px !important;
  }
  .pd-lg-r-120-force {
    padding-right: 120px !important;
  }
  .pd-lg-b-120-force {
    padding-bottom: 120px !important;
  }
  .pd-lg-l-120-force {
    padding-left: 120px !important;
  }
  .pd-lg-130 {
    padding: 130px;
  }
  .pd-lg-130-force {
    padding: 130px !important;
  }
  .pd-lg-y-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .pd-lg-y-130-force {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pd-lg-x-130 {
    padding-left: 130px;
    padding-right: 130px;
  }
  .pd-lg-x-130-force {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pd-lg-t-130 {
    padding-top: 130px;
  }
  .pd-lg-r-130 {
    padding-right: 130px;
  }
  .pd-lg-b-130 {
    padding-bottom: 130px;
  }
  .pd-lg-l-130 {
    padding-left: 130px;
  }
  .pd-lg-t-130-force {
    padding-top: 130px !important;
  }
  .pd-lg-r-130-force {
    padding-right: 130px !important;
  }
  .pd-lg-b-130-force {
    padding-bottom: 130px !important;
  }
  .pd-lg-l-130-force {
    padding-left: 130px !important;
  }
  .pd-lg-140 {
    padding: 140px;
  }
  .pd-lg-140-force {
    padding: 140px !important;
  }
  .pd-lg-y-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  .pd-lg-y-140-force {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pd-lg-x-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .pd-lg-x-140-force {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pd-lg-t-140 {
    padding-top: 140px;
  }
  .pd-lg-r-140 {
    padding-right: 140px;
  }
  .pd-lg-b-140 {
    padding-bottom: 140px;
  }
  .pd-lg-l-140 {
    padding-left: 140px;
  }
  .pd-lg-t-140-force {
    padding-top: 140px !important;
  }
  .pd-lg-r-140-force {
    padding-right: 140px !important;
  }
  .pd-lg-b-140-force {
    padding-bottom: 140px !important;
  }
  .pd-lg-l-140-force {
    padding-left: 140px !important;
  }
  .pd-lg-150 {
    padding: 150px;
  }
  .pd-lg-150-force {
    padding: 150px !important;
  }
  .pd-lg-y-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .pd-lg-y-150-force {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .pd-lg-x-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .pd-lg-x-150-force {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .pd-lg-t-150 {
    padding-top: 150px;
  }
  .pd-lg-r-150 {
    padding-right: 150px;
  }
  .pd-lg-b-150 {
    padding-bottom: 150px;
  }
  .pd-lg-l-150 {
    padding-left: 150px;
  }
  .pd-lg-t-150-force {
    padding-top: 150px !important;
  }
  .pd-lg-r-150-force {
    padding-right: 150px !important;
  }
  .pd-lg-b-150-force {
    padding-bottom: 150px !important;
  }
  .pd-lg-l-150-force {
    padding-left: 150px !important;
  }
  .pd-lg-160 {
    padding: 160px;
  }
  .pd-lg-160-force {
    padding: 160px !important;
  }
  .pd-lg-y-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .pd-lg-y-160-force {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .pd-lg-x-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .pd-lg-x-160-force {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .pd-lg-t-160 {
    padding-top: 160px;
  }
  .pd-lg-r-160 {
    padding-right: 160px;
  }
  .pd-lg-b-160 {
    padding-bottom: 160px;
  }
  .pd-lg-l-160 {
    padding-left: 160px;
  }
  .pd-lg-t-160-force {
    padding-top: 160px !important;
  }
  .pd-lg-r-160-force {
    padding-right: 160px !important;
  }
  .pd-lg-b-160-force {
    padding-bottom: 160px !important;
  }
  .pd-lg-l-160-force {
    padding-left: 160px !important;
  }
  .pd-lg-170 {
    padding: 170px;
  }
  .pd-lg-170-force {
    padding: 170px !important;
  }
  .pd-lg-y-170 {
    padding-top: 170px;
    padding-bottom: 170px;
  }
  .pd-lg-y-170-force {
    padding-top: 170px !important;
    padding-bottom: 170px !important;
  }
  .pd-lg-x-170 {
    padding-left: 170px;
    padding-right: 170px;
  }
  .pd-lg-x-170-force {
    padding-left: 170px !important;
    padding-right: 170px !important;
  }
  .pd-lg-t-170 {
    padding-top: 170px;
  }
  .pd-lg-r-170 {
    padding-right: 170px;
  }
  .pd-lg-b-170 {
    padding-bottom: 170px;
  }
  .pd-lg-l-170 {
    padding-left: 170px;
  }
  .pd-lg-t-170-force {
    padding-top: 170px !important;
  }
  .pd-lg-r-170-force {
    padding-right: 170px !important;
  }
  .pd-lg-b-170-force {
    padding-bottom: 170px !important;
  }
  .pd-lg-l-170-force {
    padding-left: 170px !important;
  }
  .pd-lg-180 {
    padding: 180px;
  }
  .pd-lg-180-force {
    padding: 180px !important;
  }
  .pd-lg-y-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .pd-lg-y-180-force {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .pd-lg-x-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .pd-lg-x-180-force {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
  .pd-lg-t-180 {
    padding-top: 180px;
  }
  .pd-lg-r-180 {
    padding-right: 180px;
  }
  .pd-lg-b-180 {
    padding-bottom: 180px;
  }
  .pd-lg-l-180 {
    padding-left: 180px;
  }
  .pd-lg-t-180-force {
    padding-top: 180px !important;
  }
  .pd-lg-r-180-force {
    padding-right: 180px !important;
  }
  .pd-lg-b-180-force {
    padding-bottom: 180px !important;
  }
  .pd-lg-l-180-force {
    padding-left: 180px !important;
  }
  .pd-lg-190 {
    padding: 190px;
  }
  .pd-lg-190-force {
    padding: 190px !important;
  }
  .pd-lg-y-190 {
    padding-top: 190px;
    padding-bottom: 190px;
  }
  .pd-lg-y-190-force {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
  }
  .pd-lg-x-190 {
    padding-left: 190px;
    padding-right: 190px;
  }
  .pd-lg-x-190-force {
    padding-left: 190px !important;
    padding-right: 190px !important;
  }
  .pd-lg-t-190 {
    padding-top: 190px;
  }
  .pd-lg-r-190 {
    padding-right: 190px;
  }
  .pd-lg-b-190 {
    padding-bottom: 190px;
  }
  .pd-lg-l-190 {
    padding-left: 190px;
  }
  .pd-lg-t-190-force {
    padding-top: 190px !important;
  }
  .pd-lg-r-190-force {
    padding-right: 190px !important;
  }
  .pd-lg-b-190-force {
    padding-bottom: 190px !important;
  }
  .pd-lg-l-190-force {
    padding-left: 190px !important;
  }
  .pd-lg-200 {
    padding: 200px;
  }
  .pd-lg-200-force {
    padding: 200px !important;
  }
  .pd-lg-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .pd-lg-y-200-force {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .pd-lg-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .pd-lg-x-200-force {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .pd-lg-t-200 {
    padding-top: 200px;
  }
  .pd-lg-r-200 {
    padding-right: 200px;
  }
  .pd-lg-b-200 {
    padding-bottom: 200px;
  }
  .pd-lg-l-200 {
    padding-left: 200px;
  }
  .pd-lg-t-200-force {
    padding-top: 200px !important;
  }
  .pd-lg-r-200-force {
    padding-right: 200px !important;
  }
  .pd-lg-b-200-force {
    padding-bottom: 200px !important;
  }
  .pd-lg-l-200-force {
    padding-left: 200px !important;
  }
}

@media (min-width: 1200px) {
  .pd-xl-0 {
    padding: 0px;
  }
  .pd-xl-0-force {
    padding: 0px !important;
  }
  .pd-xl-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pd-xl-y-0-force {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pd-xl-x-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pd-xl-x-0-force {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pd-xl-t-0 {
    padding-top: 0px;
  }
  .pd-xl-r-0 {
    padding-right: 0px;
  }
  .pd-xl-b-0 {
    padding-bottom: 0px;
  }
  .pd-xl-l-0 {
    padding-left: 0px;
  }
  .pd-xl-t-0-force {
    padding-top: 0px !important;
  }
  .pd-xl-r-0-force {
    padding-right: 0px !important;
  }
  .pd-xl-b-0-force {
    padding-bottom: 0px !important;
  }
  .pd-xl-l-0-force {
    padding-left: 0px !important;
  }
  .pd-xl-1 {
    padding: 1px;
  }
  .pd-xl-1-force {
    padding: 1px !important;
  }
  .pd-xl-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .pd-xl-y-1-force {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .pd-xl-x-1 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .pd-xl-x-1-force {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .pd-xl-t-1 {
    padding-top: 1px;
  }
  .pd-xl-r-1 {
    padding-right: 1px;
  }
  .pd-xl-b-1 {
    padding-bottom: 1px;
  }
  .pd-xl-l-1 {
    padding-left: 1px;
  }
  .pd-xl-t-1-force {
    padding-top: 1px !important;
  }
  .pd-xl-r-1-force {
    padding-right: 1px !important;
  }
  .pd-xl-b-1-force {
    padding-bottom: 1px !important;
  }
  .pd-xl-l-1-force {
    padding-left: 1px !important;
  }
  .pd-xl-2 {
    padding: 2px;
  }
  .pd-xl-2-force {
    padding: 2px !important;
  }
  .pd-xl-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .pd-xl-y-2-force {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .pd-xl-x-2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .pd-xl-x-2-force {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .pd-xl-t-2 {
    padding-top: 2px;
  }
  .pd-xl-r-2 {
    padding-right: 2px;
  }
  .pd-xl-b-2 {
    padding-bottom: 2px;
  }
  .pd-xl-l-2 {
    padding-left: 2px;
  }
  .pd-xl-t-2-force {
    padding-top: 2px !important;
  }
  .pd-xl-r-2-force {
    padding-right: 2px !important;
  }
  .pd-xl-b-2-force {
    padding-bottom: 2px !important;
  }
  .pd-xl-l-2-force {
    padding-left: 2px !important;
  }
  .pd-xl-3 {
    padding: 3px;
  }
  .pd-xl-3-force {
    padding: 3px !important;
  }
  .pd-xl-y-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .pd-xl-y-3-force {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .pd-xl-x-3 {
    padding-left: 3px;
    padding-right: 3px;
  }
  .pd-xl-x-3-force {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .pd-xl-t-3 {
    padding-top: 3px;
  }
  .pd-xl-r-3 {
    padding-right: 3px;
  }
  .pd-xl-b-3 {
    padding-bottom: 3px;
  }
  .pd-xl-l-3 {
    padding-left: 3px;
  }
  .pd-xl-t-3-force {
    padding-top: 3px !important;
  }
  .pd-xl-r-3-force {
    padding-right: 3px !important;
  }
  .pd-xl-b-3-force {
    padding-bottom: 3px !important;
  }
  .pd-xl-l-3-force {
    padding-left: 3px !important;
  }
  .pd-xl-4 {
    padding: 4px;
  }
  .pd-xl-4-force {
    padding: 4px !important;
  }
  .pd-xl-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pd-xl-y-4-force {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .pd-xl-x-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .pd-xl-x-4-force {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .pd-xl-t-4 {
    padding-top: 4px;
  }
  .pd-xl-r-4 {
    padding-right: 4px;
  }
  .pd-xl-b-4 {
    padding-bottom: 4px;
  }
  .pd-xl-l-4 {
    padding-left: 4px;
  }
  .pd-xl-t-4-force {
    padding-top: 4px !important;
  }
  .pd-xl-r-4-force {
    padding-right: 4px !important;
  }
  .pd-xl-b-4-force {
    padding-bottom: 4px !important;
  }
  .pd-xl-l-4-force {
    padding-left: 4px !important;
  }
  .pd-xl-5 {
    padding: 5px;
  }
  .pd-xl-5-force {
    padding: 5px !important;
  }
  .pd-xl-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pd-xl-y-5-force {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .pd-xl-x-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pd-xl-x-5-force {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .pd-xl-t-5 {
    padding-top: 5px;
  }
  .pd-xl-r-5 {
    padding-right: 5px;
  }
  .pd-xl-b-5 {
    padding-bottom: 5px;
  }
  .pd-xl-l-5 {
    padding-left: 5px;
  }
  .pd-xl-t-5-force {
    padding-top: 5px !important;
  }
  .pd-xl-r-5-force {
    padding-right: 5px !important;
  }
  .pd-xl-b-5-force {
    padding-bottom: 5px !important;
  }
  .pd-xl-l-5-force {
    padding-left: 5px !important;
  }
  .pd-xl-6 {
    padding: 6px;
  }
  .pd-xl-6-force {
    padding: 6px !important;
  }
  .pd-xl-y-6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .pd-xl-y-6-force {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .pd-xl-x-6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .pd-xl-x-6-force {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .pd-xl-t-6 {
    padding-top: 6px;
  }
  .pd-xl-r-6 {
    padding-right: 6px;
  }
  .pd-xl-b-6 {
    padding-bottom: 6px;
  }
  .pd-xl-l-6 {
    padding-left: 6px;
  }
  .pd-xl-t-6-force {
    padding-top: 6px !important;
  }
  .pd-xl-r-6-force {
    padding-right: 6px !important;
  }
  .pd-xl-b-6-force {
    padding-bottom: 6px !important;
  }
  .pd-xl-l-6-force {
    padding-left: 6px !important;
  }
  .pd-xl-7 {
    padding: 7px;
  }
  .pd-xl-7-force {
    padding: 7px !important;
  }
  .pd-xl-y-7 {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .pd-xl-y-7-force {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .pd-xl-x-7 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .pd-xl-x-7-force {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .pd-xl-t-7 {
    padding-top: 7px;
  }
  .pd-xl-r-7 {
    padding-right: 7px;
  }
  .pd-xl-b-7 {
    padding-bottom: 7px;
  }
  .pd-xl-l-7 {
    padding-left: 7px;
  }
  .pd-xl-t-7-force {
    padding-top: 7px !important;
  }
  .pd-xl-r-7-force {
    padding-right: 7px !important;
  }
  .pd-xl-b-7-force {
    padding-bottom: 7px !important;
  }
  .pd-xl-l-7-force {
    padding-left: 7px !important;
  }
  .pd-xl-8 {
    padding: 8px;
  }
  .pd-xl-8-force {
    padding: 8px !important;
  }
  .pd-xl-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .pd-xl-y-8-force {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .pd-xl-x-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .pd-xl-x-8-force {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .pd-xl-t-8 {
    padding-top: 8px;
  }
  .pd-xl-r-8 {
    padding-right: 8px;
  }
  .pd-xl-b-8 {
    padding-bottom: 8px;
  }
  .pd-xl-l-8 {
    padding-left: 8px;
  }
  .pd-xl-t-8-force {
    padding-top: 8px !important;
  }
  .pd-xl-r-8-force {
    padding-right: 8px !important;
  }
  .pd-xl-b-8-force {
    padding-bottom: 8px !important;
  }
  .pd-xl-l-8-force {
    padding-left: 8px !important;
  }
  .pd-xl-9 {
    padding: 9px;
  }
  .pd-xl-9-force {
    padding: 9px !important;
  }
  .pd-xl-y-9 {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .pd-xl-y-9-force {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .pd-xl-x-9 {
    padding-left: 9px;
    padding-right: 9px;
  }
  .pd-xl-x-9-force {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .pd-xl-t-9 {
    padding-top: 9px;
  }
  .pd-xl-r-9 {
    padding-right: 9px;
  }
  .pd-xl-b-9 {
    padding-bottom: 9px;
  }
  .pd-xl-l-9 {
    padding-left: 9px;
  }
  .pd-xl-t-9-force {
    padding-top: 9px !important;
  }
  .pd-xl-r-9-force {
    padding-right: 9px !important;
  }
  .pd-xl-b-9-force {
    padding-bottom: 9px !important;
  }
  .pd-xl-l-9-force {
    padding-left: 9px !important;
  }
  .pd-xl-10 {
    padding: 10px;
  }
  .pd-xl-10-force {
    padding: 10px !important;
  }
  .pd-xl-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pd-xl-y-10-force {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .pd-xl-x-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pd-xl-x-10-force {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .pd-xl-t-10 {
    padding-top: 10px;
  }
  .pd-xl-r-10 {
    padding-right: 10px;
  }
  .pd-xl-b-10 {
    padding-bottom: 10px;
  }
  .pd-xl-l-10 {
    padding-left: 10px;
  }
  .pd-xl-t-10-force {
    padding-top: 10px !important;
  }
  .pd-xl-r-10-force {
    padding-right: 10px !important;
  }
  .pd-xl-b-10-force {
    padding-bottom: 10px !important;
  }
  .pd-xl-l-10-force {
    padding-left: 10px !important;
  }
  .pd-xl-15 {
    padding: 15px;
  }
  .pd-xl-15-force {
    padding: 15px !important;
  }
  .pd-xl-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pd-xl-y-15-force {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .pd-xl-x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pd-xl-x-15-force {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pd-xl-t-15 {
    padding-top: 15px;
  }
  .pd-xl-r-15 {
    padding-right: 15px;
  }
  .pd-xl-b-15 {
    padding-bottom: 15px;
  }
  .pd-xl-l-15 {
    padding-left: 15px;
  }
  .pd-xl-t-15-force {
    padding-top: 15px !important;
  }
  .pd-xl-r-15-force {
    padding-right: 15px !important;
  }
  .pd-xl-b-15-force {
    padding-bottom: 15px !important;
  }
  .pd-xl-l-15-force {
    padding-left: 15px !important;
  }
  .pd-xl-20 {
    padding: 20px;
  }
  .pd-xl-20-force {
    padding: 20px !important;
  }
  .pd-xl-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pd-xl-y-20-force {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .pd-xl-x-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pd-xl-x-20-force {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .pd-xl-t-20 {
    padding-top: 20px;
  }
  .pd-xl-r-20 {
    padding-right: 20px;
  }
  .pd-xl-b-20 {
    padding-bottom: 20px;
  }
  .pd-xl-l-20 {
    padding-left: 20px;
  }
  .pd-xl-t-20-force {
    padding-top: 20px !important;
  }
  .pd-xl-r-20-force {
    padding-right: 20px !important;
  }
  .pd-xl-b-20-force {
    padding-bottom: 20px !important;
  }
  .pd-xl-l-20-force {
    padding-left: 20px !important;
  }
  .pd-xl-25 {
    padding: 25px;
  }
  .pd-xl-25-force {
    padding: 25px !important;
  }
  .pd-xl-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pd-xl-y-25-force {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .pd-xl-x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pd-xl-x-25-force {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .pd-xl-t-25 {
    padding-top: 25px;
  }
  .pd-xl-r-25 {
    padding-right: 25px;
  }
  .pd-xl-b-25 {
    padding-bottom: 25px;
  }
  .pd-xl-l-25 {
    padding-left: 25px;
  }
  .pd-xl-t-25-force {
    padding-top: 25px !important;
  }
  .pd-xl-r-25-force {
    padding-right: 25px !important;
  }
  .pd-xl-b-25-force {
    padding-bottom: 25px !important;
  }
  .pd-xl-l-25-force {
    padding-left: 25px !important;
  }
  .pd-xl-30 {
    padding: 30px;
  }
  .pd-xl-30-force {
    padding: 30px !important;
  }
  .pd-xl-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pd-xl-y-30-force {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .pd-xl-x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pd-xl-x-30-force {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .pd-xl-t-30 {
    padding-top: 30px;
  }
  .pd-xl-r-30 {
    padding-right: 30px;
  }
  .pd-xl-b-30 {
    padding-bottom: 30px;
  }
  .pd-xl-l-30 {
    padding-left: 30px;
  }
  .pd-xl-t-30-force {
    padding-top: 30px !important;
  }
  .pd-xl-r-30-force {
    padding-right: 30px !important;
  }
  .pd-xl-b-30-force {
    padding-bottom: 30px !important;
  }
  .pd-xl-l-30-force {
    padding-left: 30px !important;
  }
  .pd-xl-35 {
    padding: 35px;
  }
  .pd-xl-35-force {
    padding: 35px !important;
  }
  .pd-xl-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pd-xl-y-35-force {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .pd-xl-x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pd-xl-x-35-force {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .pd-xl-t-35 {
    padding-top: 35px;
  }
  .pd-xl-r-35 {
    padding-right: 35px;
  }
  .pd-xl-b-35 {
    padding-bottom: 35px;
  }
  .pd-xl-l-35 {
    padding-left: 35px;
  }
  .pd-xl-t-35-force {
    padding-top: 35px !important;
  }
  .pd-xl-r-35-force {
    padding-right: 35px !important;
  }
  .pd-xl-b-35-force {
    padding-bottom: 35px !important;
  }
  .pd-xl-l-35-force {
    padding-left: 35px !important;
  }
  .pd-xl-40 {
    padding: 40px;
  }
  .pd-xl-40-force {
    padding: 40px !important;
  }
  .pd-xl-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pd-xl-y-40-force {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .pd-xl-x-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pd-xl-x-40-force {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .pd-xl-t-40 {
    padding-top: 40px;
  }
  .pd-xl-r-40 {
    padding-right: 40px;
  }
  .pd-xl-b-40 {
    padding-bottom: 40px;
  }
  .pd-xl-l-40 {
    padding-left: 40px;
  }
  .pd-xl-t-40-force {
    padding-top: 40px !important;
  }
  .pd-xl-r-40-force {
    padding-right: 40px !important;
  }
  .pd-xl-b-40-force {
    padding-bottom: 40px !important;
  }
  .pd-xl-l-40-force {
    padding-left: 40px !important;
  }
  .pd-xl-45 {
    padding: 45px;
  }
  .pd-xl-45-force {
    padding: 45px !important;
  }
  .pd-xl-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pd-xl-y-45-force {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .pd-xl-x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pd-xl-x-45-force {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .pd-xl-t-45 {
    padding-top: 45px;
  }
  .pd-xl-r-45 {
    padding-right: 45px;
  }
  .pd-xl-b-45 {
    padding-bottom: 45px;
  }
  .pd-xl-l-45 {
    padding-left: 45px;
  }
  .pd-xl-t-45-force {
    padding-top: 45px !important;
  }
  .pd-xl-r-45-force {
    padding-right: 45px !important;
  }
  .pd-xl-b-45-force {
    padding-bottom: 45px !important;
  }
  .pd-xl-l-45-force {
    padding-left: 45px !important;
  }
  .pd-xl-50 {
    padding: 50px;
  }
  .pd-xl-50-force {
    padding: 50px !important;
  }
  .pd-xl-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pd-xl-y-50-force {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .pd-xl-x-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pd-xl-x-50-force {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .pd-xl-t-50 {
    padding-top: 50px;
  }
  .pd-xl-r-50 {
    padding-right: 50px;
  }
  .pd-xl-b-50 {
    padding-bottom: 50px;
  }
  .pd-xl-l-50 {
    padding-left: 50px;
  }
  .pd-xl-t-50-force {
    padding-top: 50px !important;
  }
  .pd-xl-r-50-force {
    padding-right: 50px !important;
  }
  .pd-xl-b-50-force {
    padding-bottom: 50px !important;
  }
  .pd-xl-l-50-force {
    padding-left: 50px !important;
  }
  .pd-xl-55 {
    padding: 55px;
  }
  .pd-xl-55-force {
    padding: 55px !important;
  }
  .pd-xl-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pd-xl-y-55-force {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .pd-xl-x-55 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pd-xl-x-55-force {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }
  .pd-xl-t-55 {
    padding-top: 55px;
  }
  .pd-xl-r-55 {
    padding-right: 55px;
  }
  .pd-xl-b-55 {
    padding-bottom: 55px;
  }
  .pd-xl-l-55 {
    padding-left: 55px;
  }
  .pd-xl-t-55-force {
    padding-top: 55px !important;
  }
  .pd-xl-r-55-force {
    padding-right: 55px !important;
  }
  .pd-xl-b-55-force {
    padding-bottom: 55px !important;
  }
  .pd-xl-l-55-force {
    padding-left: 55px !important;
  }
  .pd-xl-60 {
    padding: 60px;
  }
  .pd-xl-60-force {
    padding: 60px !important;
  }
  .pd-xl-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pd-xl-y-60-force {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .pd-xl-x-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pd-xl-x-60-force {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .pd-xl-t-60 {
    padding-top: 60px;
  }
  .pd-xl-r-60 {
    padding-right: 60px;
  }
  .pd-xl-b-60 {
    padding-bottom: 60px;
  }
  .pd-xl-l-60 {
    padding-left: 60px;
  }
  .pd-xl-t-60-force {
    padding-top: 60px !important;
  }
  .pd-xl-r-60-force {
    padding-right: 60px !important;
  }
  .pd-xl-b-60-force {
    padding-bottom: 60px !important;
  }
  .pd-xl-l-60-force {
    padding-left: 60px !important;
  }
  .pd-xl-65 {
    padding: 65px;
  }
  .pd-xl-65-force {
    padding: 65px !important;
  }
  .pd-xl-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .pd-xl-y-65-force {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .pd-xl-x-65 {
    padding-left: 65px;
    padding-right: 65px;
  }
  .pd-xl-x-65-force {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .pd-xl-t-65 {
    padding-top: 65px;
  }
  .pd-xl-r-65 {
    padding-right: 65px;
  }
  .pd-xl-b-65 {
    padding-bottom: 65px;
  }
  .pd-xl-l-65 {
    padding-left: 65px;
  }
  .pd-xl-t-65-force {
    padding-top: 65px !important;
  }
  .pd-xl-r-65-force {
    padding-right: 65px !important;
  }
  .pd-xl-b-65-force {
    padding-bottom: 65px !important;
  }
  .pd-xl-l-65-force {
    padding-left: 65px !important;
  }
  .pd-xl-70 {
    padding: 70px;
  }
  .pd-xl-70-force {
    padding: 70px !important;
  }
  .pd-xl-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pd-xl-y-70-force {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .pd-xl-x-70 {
    padding-left: 70px;
    padding-right: 70px;
  }
  .pd-xl-x-70-force {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .pd-xl-t-70 {
    padding-top: 70px;
  }
  .pd-xl-r-70 {
    padding-right: 70px;
  }
  .pd-xl-b-70 {
    padding-bottom: 70px;
  }
  .pd-xl-l-70 {
    padding-left: 70px;
  }
  .pd-xl-t-70-force {
    padding-top: 70px !important;
  }
  .pd-xl-r-70-force {
    padding-right: 70px !important;
  }
  .pd-xl-b-70-force {
    padding-bottom: 70px !important;
  }
  .pd-xl-l-70-force {
    padding-left: 70px !important;
  }
  .pd-xl-75 {
    padding: 75px;
  }
  .pd-xl-75-force {
    padding: 75px !important;
  }
  .pd-xl-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pd-xl-y-75-force {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .pd-xl-x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .pd-xl-x-75-force {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
  .pd-xl-t-75 {
    padding-top: 75px;
  }
  .pd-xl-r-75 {
    padding-right: 75px;
  }
  .pd-xl-b-75 {
    padding-bottom: 75px;
  }
  .pd-xl-l-75 {
    padding-left: 75px;
  }
  .pd-xl-t-75-force {
    padding-top: 75px !important;
  }
  .pd-xl-r-75-force {
    padding-right: 75px !important;
  }
  .pd-xl-b-75-force {
    padding-bottom: 75px !important;
  }
  .pd-xl-l-75-force {
    padding-left: 75px !important;
  }
  .pd-xl-80 {
    padding: 80px;
  }
  .pd-xl-80-force {
    padding: 80px !important;
  }
  .pd-xl-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pd-xl-y-80-force {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .pd-xl-x-80 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .pd-xl-x-80-force {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .pd-xl-t-80 {
    padding-top: 80px;
  }
  .pd-xl-r-80 {
    padding-right: 80px;
  }
  .pd-xl-b-80 {
    padding-bottom: 80px;
  }
  .pd-xl-l-80 {
    padding-left: 80px;
  }
  .pd-xl-t-80-force {
    padding-top: 80px !important;
  }
  .pd-xl-r-80-force {
    padding-right: 80px !important;
  }
  .pd-xl-b-80-force {
    padding-bottom: 80px !important;
  }
  .pd-xl-l-80-force {
    padding-left: 80px !important;
  }
  .pd-xl-85 {
    padding: 85px;
  }
  .pd-xl-85-force {
    padding: 85px !important;
  }
  .pd-xl-y-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pd-xl-y-85-force {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .pd-xl-x-85 {
    padding-left: 85px;
    padding-right: 85px;
  }
  .pd-xl-x-85-force {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }
  .pd-xl-t-85 {
    padding-top: 85px;
  }
  .pd-xl-r-85 {
    padding-right: 85px;
  }
  .pd-xl-b-85 {
    padding-bottom: 85px;
  }
  .pd-xl-l-85 {
    padding-left: 85px;
  }
  .pd-xl-t-85-force {
    padding-top: 85px !important;
  }
  .pd-xl-r-85-force {
    padding-right: 85px !important;
  }
  .pd-xl-b-85-force {
    padding-bottom: 85px !important;
  }
  .pd-xl-l-85-force {
    padding-left: 85px !important;
  }
  .pd-xl-90 {
    padding: 90px;
  }
  .pd-xl-90-force {
    padding: 90px !important;
  }
  .pd-xl-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pd-xl-y-90-force {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .pd-xl-x-90 {
    padding-left: 90px;
    padding-right: 90px;
  }
  .pd-xl-x-90-force {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
  .pd-xl-t-90 {
    padding-top: 90px;
  }
  .pd-xl-r-90 {
    padding-right: 90px;
  }
  .pd-xl-b-90 {
    padding-bottom: 90px;
  }
  .pd-xl-l-90 {
    padding-left: 90px;
  }
  .pd-xl-t-90-force {
    padding-top: 90px !important;
  }
  .pd-xl-r-90-force {
    padding-right: 90px !important;
  }
  .pd-xl-b-90-force {
    padding-bottom: 90px !important;
  }
  .pd-xl-l-90-force {
    padding-left: 90px !important;
  }
  .pd-xl-95 {
    padding: 95px;
  }
  .pd-xl-95-force {
    padding: 95px !important;
  }
  .pd-xl-y-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }
  .pd-xl-y-95-force {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .pd-xl-x-95 {
    padding-left: 95px;
    padding-right: 95px;
  }
  .pd-xl-x-95-force {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
  .pd-xl-t-95 {
    padding-top: 95px;
  }
  .pd-xl-r-95 {
    padding-right: 95px;
  }
  .pd-xl-b-95 {
    padding-bottom: 95px;
  }
  .pd-xl-l-95 {
    padding-left: 95px;
  }
  .pd-xl-t-95-force {
    padding-top: 95px !important;
  }
  .pd-xl-r-95-force {
    padding-right: 95px !important;
  }
  .pd-xl-b-95-force {
    padding-bottom: 95px !important;
  }
  .pd-xl-l-95-force {
    padding-left: 95px !important;
  }
  .pd-xl-100 {
    padding: 100px;
  }
  .pd-xl-100-force {
    padding: 100px !important;
  }
  .pd-xl-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pd-xl-y-100-force {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .pd-xl-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .pd-xl-x-100-force {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .pd-xl-t-100 {
    padding-top: 100px;
  }
  .pd-xl-r-100 {
    padding-right: 100px;
  }
  .pd-xl-b-100 {
    padding-bottom: 100px;
  }
  .pd-xl-l-100 {
    padding-left: 100px;
  }
  .pd-xl-t-100-force {
    padding-top: 100px !important;
  }
  .pd-xl-r-100-force {
    padding-right: 100px !important;
  }
  .pd-xl-b-100-force {
    padding-bottom: 100px !important;
  }
  .pd-xl-l-100-force {
    padding-left: 100px !important;
  }
  .pd-xl-110 {
    padding: 110px;
  }
  .pd-xl-110-force {
    padding: 110px !important;
  }
  .pd-xl-y-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .pd-xl-y-110-force {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .pd-xl-x-110 {
    padding-left: 110px;
    padding-right: 110px;
  }
  .pd-xl-x-110-force {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .pd-xl-t-110 {
    padding-top: 110px;
  }
  .pd-xl-r-110 {
    padding-right: 110px;
  }
  .pd-xl-b-110 {
    padding-bottom: 110px;
  }
  .pd-xl-l-110 {
    padding-left: 110px;
  }
  .pd-xl-t-110-force {
    padding-top: 110px !important;
  }
  .pd-xl-r-110-force {
    padding-right: 110px !important;
  }
  .pd-xl-b-110-force {
    padding-bottom: 110px !important;
  }
  .pd-xl-l-110-force {
    padding-left: 110px !important;
  }
  .pd-xl-120 {
    padding: 120px;
  }
  .pd-xl-120-force {
    padding: 120px !important;
  }
  .pd-xl-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pd-xl-y-120-force {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .pd-xl-x-120 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .pd-xl-x-120-force {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .pd-xl-t-120 {
    padding-top: 120px;
  }
  .pd-xl-r-120 {
    padding-right: 120px;
  }
  .pd-xl-b-120 {
    padding-bottom: 120px;
  }
  .pd-xl-l-120 {
    padding-left: 120px;
  }
  .pd-xl-t-120-force {
    padding-top: 120px !important;
  }
  .pd-xl-r-120-force {
    padding-right: 120px !important;
  }
  .pd-xl-b-120-force {
    padding-bottom: 120px !important;
  }
  .pd-xl-l-120-force {
    padding-left: 120px !important;
  }
  .pd-xl-130 {
    padding: 130px;
  }
  .pd-xl-130-force {
    padding: 130px !important;
  }
  .pd-xl-y-130 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .pd-xl-y-130-force {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .pd-xl-x-130 {
    padding-left: 130px;
    padding-right: 130px;
  }
  .pd-xl-x-130-force {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .pd-xl-t-130 {
    padding-top: 130px;
  }
  .pd-xl-r-130 {
    padding-right: 130px;
  }
  .pd-xl-b-130 {
    padding-bottom: 130px;
  }
  .pd-xl-l-130 {
    padding-left: 130px;
  }
  .pd-xl-t-130-force {
    padding-top: 130px !important;
  }
  .pd-xl-r-130-force {
    padding-right: 130px !important;
  }
  .pd-xl-b-130-force {
    padding-bottom: 130px !important;
  }
  .pd-xl-l-130-force {
    padding-left: 130px !important;
  }
  .pd-xl-140 {
    padding: 140px;
  }
  .pd-xl-140-force {
    padding: 140px !important;
  }
  .pd-xl-y-140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  .pd-xl-y-140-force {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .pd-xl-x-140 {
    padding-left: 140px;
    padding-right: 140px;
  }
  .pd-xl-x-140-force {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .pd-xl-t-140 {
    padding-top: 140px;
  }
  .pd-xl-r-140 {
    padding-right: 140px;
  }
  .pd-xl-b-140 {
    padding-bottom: 140px;
  }
  .pd-xl-l-140 {
    padding-left: 140px;
  }
  .pd-xl-t-140-force {
    padding-top: 140px !important;
  }
  .pd-xl-r-140-force {
    padding-right: 140px !important;
  }
  .pd-xl-b-140-force {
    padding-bottom: 140px !important;
  }
  .pd-xl-l-140-force {
    padding-left: 140px !important;
  }
  .pd-xl-150 {
    padding: 150px;
  }
  .pd-xl-150-force {
    padding: 150px !important;
  }
  .pd-xl-y-150 {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .pd-xl-y-150-force {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .pd-xl-x-150 {
    padding-left: 150px;
    padding-right: 150px;
  }
  .pd-xl-x-150-force {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .pd-xl-t-150 {
    padding-top: 150px;
  }
  .pd-xl-r-150 {
    padding-right: 150px;
  }
  .pd-xl-b-150 {
    padding-bottom: 150px;
  }
  .pd-xl-l-150 {
    padding-left: 150px;
  }
  .pd-xl-t-150-force {
    padding-top: 150px !important;
  }
  .pd-xl-r-150-force {
    padding-right: 150px !important;
  }
  .pd-xl-b-150-force {
    padding-bottom: 150px !important;
  }
  .pd-xl-l-150-force {
    padding-left: 150px !important;
  }
  .pd-xl-160 {
    padding: 160px;
  }
  .pd-xl-160-force {
    padding: 160px !important;
  }
  .pd-xl-y-160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .pd-xl-y-160-force {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .pd-xl-x-160 {
    padding-left: 160px;
    padding-right: 160px;
  }
  .pd-xl-x-160-force {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .pd-xl-t-160 {
    padding-top: 160px;
  }
  .pd-xl-r-160 {
    padding-right: 160px;
  }
  .pd-xl-b-160 {
    padding-bottom: 160px;
  }
  .pd-xl-l-160 {
    padding-left: 160px;
  }
  .pd-xl-t-160-force {
    padding-top: 160px !important;
  }
  .pd-xl-r-160-force {
    padding-right: 160px !important;
  }
  .pd-xl-b-160-force {
    padding-bottom: 160px !important;
  }
  .pd-xl-l-160-force {
    padding-left: 160px !important;
  }
  .pd-xl-170 {
    padding: 170px;
  }
  .pd-xl-170-force {
    padding: 170px !important;
  }
  .pd-xl-y-170 {
    padding-top: 170px;
    padding-bottom: 170px;
  }
  .pd-xl-y-170-force {
    padding-top: 170px !important;
    padding-bottom: 170px !important;
  }
  .pd-xl-x-170 {
    padding-left: 170px;
    padding-right: 170px;
  }
  .pd-xl-x-170-force {
    padding-left: 170px !important;
    padding-right: 170px !important;
  }
  .pd-xl-t-170 {
    padding-top: 170px;
  }
  .pd-xl-r-170 {
    padding-right: 170px;
  }
  .pd-xl-b-170 {
    padding-bottom: 170px;
  }
  .pd-xl-l-170 {
    padding-left: 170px;
  }
  .pd-xl-t-170-force {
    padding-top: 170px !important;
  }
  .pd-xl-r-170-force {
    padding-right: 170px !important;
  }
  .pd-xl-b-170-force {
    padding-bottom: 170px !important;
  }
  .pd-xl-l-170-force {
    padding-left: 170px !important;
  }
  .pd-xl-180 {
    padding: 180px;
  }
  .pd-xl-180-force {
    padding: 180px !important;
  }
  .pd-xl-y-180 {
    padding-top: 180px;
    padding-bottom: 180px;
  }
  .pd-xl-y-180-force {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .pd-xl-x-180 {
    padding-left: 180px;
    padding-right: 180px;
  }
  .pd-xl-x-180-force {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
  .pd-xl-t-180 {
    padding-top: 180px;
  }
  .pd-xl-r-180 {
    padding-right: 180px;
  }
  .pd-xl-b-180 {
    padding-bottom: 180px;
  }
  .pd-xl-l-180 {
    padding-left: 180px;
  }
  .pd-xl-t-180-force {
    padding-top: 180px !important;
  }
  .pd-xl-r-180-force {
    padding-right: 180px !important;
  }
  .pd-xl-b-180-force {
    padding-bottom: 180px !important;
  }
  .pd-xl-l-180-force {
    padding-left: 180px !important;
  }
  .pd-xl-190 {
    padding: 190px;
  }
  .pd-xl-190-force {
    padding: 190px !important;
  }
  .pd-xl-y-190 {
    padding-top: 190px;
    padding-bottom: 190px;
  }
  .pd-xl-y-190-force {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
  }
  .pd-xl-x-190 {
    padding-left: 190px;
    padding-right: 190px;
  }
  .pd-xl-x-190-force {
    padding-left: 190px !important;
    padding-right: 190px !important;
  }
  .pd-xl-t-190 {
    padding-top: 190px;
  }
  .pd-xl-r-190 {
    padding-right: 190px;
  }
  .pd-xl-b-190 {
    padding-bottom: 190px;
  }
  .pd-xl-l-190 {
    padding-left: 190px;
  }
  .pd-xl-t-190-force {
    padding-top: 190px !important;
  }
  .pd-xl-r-190-force {
    padding-right: 190px !important;
  }
  .pd-xl-b-190-force {
    padding-bottom: 190px !important;
  }
  .pd-xl-l-190-force {
    padding-left: 190px !important;
  }
  .pd-xl-200 {
    padding: 200px;
  }
  .pd-xl-200-force {
    padding: 200px !important;
  }
  .pd-xl-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .pd-xl-y-200-force {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .pd-xl-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .pd-xl-x-200-force {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .pd-xl-t-200 {
    padding-top: 200px;
  }
  .pd-xl-r-200 {
    padding-right: 200px;
  }
  .pd-xl-b-200 {
    padding-bottom: 200px;
  }
  .pd-xl-l-200 {
    padding-left: 200px;
  }
  .pd-xl-t-200-force {
    padding-top: 200px !important;
  }
  .pd-xl-r-200-force {
    padding-right: 200px !important;
  }
  .pd-xl-b-200-force {
    padding-bottom: 200px !important;
  }
  .pd-xl-l-200-force {
    padding-left: 200px !important;
  }
}

.pd-12 {
  padding: 12px;
}

.pd-12-force {
  padding: 12px !important;
}

.pd-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pd-y-12-force {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pd-x-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.pd-x-12-force {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.pd-t-12 {
  padding-top: 12px;
}

.pd-r-12 {
  padding-right: 12px;
}

.pd-b-12 {
  padding-bottom: 12px;
}

.pd-l-12 {
  padding-left: 12px;
}

.pd-t-12-force {
  padding-top: 12px !important;
}

.pd-r-12-force {
  padding-right: 12px !important;
}

.pd-b-12-force {
  padding-bottom: 12px !important;
}

.pd-l-12-force {
  padding-left: 12px !important;
}

.pd-13 {
  padding: 13px;
}

.pd-13-force {
  padding: 13px !important;
}

.pd-y-13 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.pd-y-13-force {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.pd-x-13 {
  padding-left: 13px;
  padding-right: 13px;
}

.pd-x-13-force {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

.pd-t-13 {
  padding-top: 13px;
}

.pd-r-13 {
  padding-right: 13px;
}

.pd-b-13 {
  padding-bottom: 13px;
}

.pd-l-13 {
  padding-left: 13px;
}

.pd-t-13-force {
  padding-top: 13px !important;
}

.pd-r-13-force {
  padding-right: 13px !important;
}

.pd-b-13-force {
  padding-bottom: 13px !important;
}

.pd-l-13-force {
  padding-left: 13px !important;
}

/* ---------------------------------------- */
/* ############### Position ############### */
/* ---------------------------------------- */
.pos-absolute {
  position: absolute;
}

.pos-relative {
  position: relative;
}

.pos-fixed {
  position: fixed;
}

.pos-static {
  position: static;
}

.pos-absolute-force {
  position: absolute !important;
}

.pos-relative-force {
  position: relative !important;
}

.pos-fixed-force {
  position: fixed !important;
}

.pos-static-force {
  position: static !important;
}

.t-0 {
  top: 0px;
}

.r-0 {
  right: 0px;
}

.b-0 {
  bottom: 0px;
}

.l-0 {
  left: 0px;
}

.t--0 {
  top: -0px;
}

.r--0 {
  right: -0px;
}

.b--0 {
  bottom: -0px;
}

.l--0 {
  left: -0px;
}

.a-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.x-0 {
  left: 0px;
  right: 0px;
}

.y-0 {
  left: 0px;
  right: 0px;
}

.t-5 {
  top: 5px;
}

.r-5 {
  right: 5px;
}

.b-5 {
  bottom: 5px;
}

.l-5 {
  left: 5px;
}

.t--5 {
  top: -5px;
}

.r--5 {
  right: -5px;
}

.b--5 {
  bottom: -5px;
}

.l--5 {
  left: -5px;
}

.a-5 {
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
}

.x-5 {
  left: 5px;
  right: 5px;
}

.y-5 {
  left: 5px;
  right: 5px;
}

.t-10 {
  top: 10px;
}

.r-10 {
  right: 10px;
}

.b-10 {
  bottom: 10px;
}

.l-10 {
  left: 10px;
}

.t--10 {
  top: -10px;
}

.r--10 {
  right: -10px;
}

.b--10 {
  bottom: -10px;
}

.l--10 {
  left: -10px;
}

.a-10 {
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}

.x-10 {
  left: 10px;
  right: 10px;
}

.y-10 {
  left: 10px;
  right: 10px;
}

.t-15 {
  top: 15px;
}

.r-15 {
  right: 15px;
}

.b-15 {
  bottom: 15px;
}

.l-15 {
  left: 15px;
}

.t--15 {
  top: -15px;
}

.r--15 {
  right: -15px;
}

.b--15 {
  bottom: -15px;
}

.l--15 {
  left: -15px;
}

.a-15 {
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
}

.x-15 {
  left: 15px;
  right: 15px;
}

.y-15 {
  left: 15px;
  right: 15px;
}

.t-20 {
  top: 20px;
}

.r-20 {
  right: 20px;
}

.b-20 {
  bottom: 20px;
}

.l-20 {
  left: 20px;
}

.t--20 {
  top: -20px;
}

.r--20 {
  right: -20px;
}

.b--20 {
  bottom: -20px;
}

.l--20 {
  left: -20px;
}

.a-20 {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
}

.x-20 {
  left: 20px;
  right: 20px;
}

.y-20 {
  left: 20px;
  right: 20px;
}

.t-25 {
  top: 25px;
}

.r-25 {
  right: 25px;
}

.b-25 {
  bottom: 25px;
}

.l-25 {
  left: 25px;
}

.t--25 {
  top: -25px;
}

.r--25 {
  right: -25px;
}

.b--25 {
  bottom: -25px;
}

.l--25 {
  left: -25px;
}

.a-25 {
  top: 25px;
  right: 25px;
  bottom: 25px;
  left: 25px;
}

.x-25 {
  left: 25px;
  right: 25px;
}

.y-25 {
  left: 25px;
  right: 25px;
}

.t-30 {
  top: 30px;
}

.r-30 {
  right: 30px;
}

.b-30 {
  bottom: 30px;
}

.l-30 {
  left: 30px;
}

.t--30 {
  top: -30px;
}

.r--30 {
  right: -30px;
}

.b--30 {
  bottom: -30px;
}

.l--30 {
  left: -30px;
}

.a-30 {
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
}

.x-30 {
  left: 30px;
  right: 30px;
}

.y-30 {
  left: 30px;
  right: 30px;
}

.t-35 {
  top: 35px;
}

.r-35 {
  right: 35px;
}

.b-35 {
  bottom: 35px;
}

.l-35 {
  left: 35px;
}

.t--35 {
  top: -35px;
}

.r--35 {
  right: -35px;
}

.b--35 {
  bottom: -35px;
}

.l--35 {
  left: -35px;
}

.a-35 {
  top: 35px;
  right: 35px;
  bottom: 35px;
  left: 35px;
}

.x-35 {
  left: 35px;
  right: 35px;
}

.y-35 {
  left: 35px;
  right: 35px;
}

.t-40 {
  top: 40px;
}

.r-40 {
  right: 40px;
}

.b-40 {
  bottom: 40px;
}

.l-40 {
  left: 40px;
}

.t--40 {
  top: -40px;
}

.r--40 {
  right: -40px;
}

.b--40 {
  bottom: -40px;
}

.l--40 {
  left: -40px;
}

.a-40 {
  top: 40px;
  right: 40px;
  bottom: 40px;
  left: 40px;
}

.x-40 {
  left: 40px;
  right: 40px;
}

.y-40 {
  left: 40px;
  right: 40px;
}

.t-45 {
  top: 45px;
}

.r-45 {
  right: 45px;
}

.b-45 {
  bottom: 45px;
}

.l-45 {
  left: 45px;
}

.t--45 {
  top: -45px;
}

.r--45 {
  right: -45px;
}

.b--45 {
  bottom: -45px;
}

.l--45 {
  left: -45px;
}

.a-45 {
  top: 45px;
  right: 45px;
  bottom: 45px;
  left: 45px;
}

.x-45 {
  left: 45px;
  right: 45px;
}

.y-45 {
  left: 45px;
  right: 45px;
}

.t-50 {
  top: 50px;
}

.r-50 {
  right: 50px;
}

.b-50 {
  bottom: 50px;
}

.l-50 {
  left: 50px;
}

.t--50 {
  top: -50px;
}

.r--50 {
  right: -50px;
}

.b--50 {
  bottom: -50px;
}

.l--50 {
  left: -50px;
}

.a-50 {
  top: 50px;
  right: 50px;
  bottom: 50px;
  left: 50px;
}

.x-50 {
  left: 50px;
  right: 50px;
}

.y-50 {
  left: 50px;
  right: 50px;
}

.t-55 {
  top: 55px;
}

.r-55 {
  right: 55px;
}

.b-55 {
  bottom: 55px;
}

.l-55 {
  left: 55px;
}

.t--55 {
  top: -55px;
}

.r--55 {
  right: -55px;
}

.b--55 {
  bottom: -55px;
}

.l--55 {
  left: -55px;
}

.a-55 {
  top: 55px;
  right: 55px;
  bottom: 55px;
  left: 55px;
}

.x-55 {
  left: 55px;
  right: 55px;
}

.y-55 {
  left: 55px;
  right: 55px;
}

.t-60 {
  top: 60px;
}

.r-60 {
  right: 60px;
}

.b-60 {
  bottom: 60px;
}

.l-60 {
  left: 60px;
}

.t--60 {
  top: -60px;
}

.r--60 {
  right: -60px;
}

.b--60 {
  bottom: -60px;
}

.l--60 {
  left: -60px;
}

.a-60 {
  top: 60px;
  right: 60px;
  bottom: 60px;
  left: 60px;
}

.x-60 {
  left: 60px;
  right: 60px;
}

.y-60 {
  left: 60px;
  right: 60px;
}

.t-65 {
  top: 65px;
}

.r-65 {
  right: 65px;
}

.b-65 {
  bottom: 65px;
}

.l-65 {
  left: 65px;
}

.t--65 {
  top: -65px;
}

.r--65 {
  right: -65px;
}

.b--65 {
  bottom: -65px;
}

.l--65 {
  left: -65px;
}

.a-65 {
  top: 65px;
  right: 65px;
  bottom: 65px;
  left: 65px;
}

.x-65 {
  left: 65px;
  right: 65px;
}

.y-65 {
  left: 65px;
  right: 65px;
}

.t-70 {
  top: 70px;
}

.r-70 {
  right: 70px;
}

.b-70 {
  bottom: 70px;
}

.l-70 {
  left: 70px;
}

.t--70 {
  top: -70px;
}

.r--70 {
  right: -70px;
}

.b--70 {
  bottom: -70px;
}

.l--70 {
  left: -70px;
}

.a-70 {
  top: 70px;
  right: 70px;
  bottom: 70px;
  left: 70px;
}

.x-70 {
  left: 70px;
  right: 70px;
}

.y-70 {
  left: 70px;
  right: 70px;
}

.t-75 {
  top: 75px;
}

.r-75 {
  right: 75px;
}

.b-75 {
  bottom: 75px;
}

.l-75 {
  left: 75px;
}

.t--75 {
  top: -75px;
}

.r--75 {
  right: -75px;
}

.b--75 {
  bottom: -75px;
}

.l--75 {
  left: -75px;
}

.a-75 {
  top: 75px;
  right: 75px;
  bottom: 75px;
  left: 75px;
}

.x-75 {
  left: 75px;
  right: 75px;
}

.y-75 {
  left: 75px;
  right: 75px;
}

.t-80 {
  top: 80px;
}

.r-80 {
  right: 80px;
}

.b-80 {
  bottom: 80px;
}

.l-80 {
  left: 80px;
}

.t--80 {
  top: -80px;
}

.r--80 {
  right: -80px;
}

.b--80 {
  bottom: -80px;
}

.l--80 {
  left: -80px;
}

.a-80 {
  top: 80px;
  right: 80px;
  bottom: 80px;
  left: 80px;
}

.x-80 {
  left: 80px;
  right: 80px;
}

.y-80 {
  left: 80px;
  right: 80px;
}

.t-85 {
  top: 85px;
}

.r-85 {
  right: 85px;
}

.b-85 {
  bottom: 85px;
}

.l-85 {
  left: 85px;
}

.t--85 {
  top: -85px;
}

.r--85 {
  right: -85px;
}

.b--85 {
  bottom: -85px;
}

.l--85 {
  left: -85px;
}

.a-85 {
  top: 85px;
  right: 85px;
  bottom: 85px;
  left: 85px;
}

.x-85 {
  left: 85px;
  right: 85px;
}

.y-85 {
  left: 85px;
  right: 85px;
}

.t-90 {
  top: 90px;
}

.r-90 {
  right: 90px;
}

.b-90 {
  bottom: 90px;
}

.l-90 {
  left: 90px;
}

.t--90 {
  top: -90px;
}

.r--90 {
  right: -90px;
}

.b--90 {
  bottom: -90px;
}

.l--90 {
  left: -90px;
}

.a-90 {
  top: 90px;
  right: 90px;
  bottom: 90px;
  left: 90px;
}

.x-90 {
  left: 90px;
  right: 90px;
}

.y-90 {
  left: 90px;
  right: 90px;
}

.t-95 {
  top: 95px;
}

.r-95 {
  right: 95px;
}

.b-95 {
  bottom: 95px;
}

.l-95 {
  left: 95px;
}

.t--95 {
  top: -95px;
}

.r--95 {
  right: -95px;
}

.b--95 {
  bottom: -95px;
}

.l--95 {
  left: -95px;
}

.a-95 {
  top: 95px;
  right: 95px;
  bottom: 95px;
  left: 95px;
}

.x-95 {
  left: 95px;
  right: 95px;
}

.y-95 {
  left: 95px;
  right: 95px;
}

.t-100 {
  top: 100px;
}

.r-100 {
  right: 100px;
}

.b-100 {
  bottom: 100px;
}

.l-100 {
  left: 100px;
}

.t--100 {
  top: -100px;
}

.r--100 {
  right: -100px;
}

.b--100 {
  bottom: -100px;
}

.l--100 {
  left: -100px;
}

.a-100 {
  top: 100px;
  right: 100px;
  bottom: 100px;
  left: 100px;
}

.x-100 {
  left: 100px;
  right: 100px;
}

.y-100 {
  left: 100px;
  right: 100px;
}

.t-2 {
  top: 2px;
}

.r--5 {
  right: -5px;
}

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

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

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

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

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

@media (min-width: 480px) {
  .pos-xs-absolute {
    position: absolute;
  }
  .pos-xs-relative {
    position: relative;
  }
  .pos-xs-fixed {
    position: fixed;
  }
  .pos-xs-static {
    position: static;
  }
  .t-xs-auto {
    top: auto;
  }
  .r-xs-auto {
    right: auto;
  }
  .b-xs-auto {
    bottom: auto;
  }
  .l-xs-auto {
    left: auto;
  }
}

/* ------------------------------------------ */
/* ############### Typography ############### */
/* ------------------------------------------ */
.tx-black {
  font-weight: 900;
}

.tx-bold {
  font-weight: 700;
}

.tx-semibold {
  font-weight: 600;
}

.tx-medium {
  font-weight: 500;
}

.tx-normal {
  font-weight: 400;
}

.tx-light {
  font-weight: 300;
}

.tx-thin {
  font-weight: 200;
}

.tx-xthin {
  font-weight: 100;
}

.tx-glyph {
  font-family: "Glyphicons Halflings", Arial, sans-serif;
}

.tx-fs-book {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tx-fs-sbold {
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tx-fs-bold {
  font-family: "Freight Bold", "Helvetica Neue", Helvetica, sans-serif;
}

.tx-yoga-pro {
  font-family: "YogaPro", Arial, sans-serif;
}

.tx-yoga-pro-bold {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

.tx-yoga-pro-boldi {
  font-family: "YogaPro BoldIta", Arial, sans-serif;
  font-style: italic;
}

.tx-yoga-pro-ital {
  font-family: "YogaPro Ita", Arial, sans-serif;
  font-style: italic;
}

.tx-yoga-pro strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
  font-weight: normal;
}

.tx-yoga-pro-bold strong,
.tx-yoga-pro-boldi strong,
.tx-yoga-pro-ital strong {
  font-family: inherit;
  font-weight: bold;
}

.tx-fz-2xs {
  font-size: 12px;
}

.tx-fz-xs {
  font-size: 14px;
}

.tx-fz-s {
  font-size: 16px;
}

.tx-fz-base {
  font-size: 18px;
}

.tx-fz-m {
  font-size: 20px;
}

.tx-fz-xm {
  font-size: 24px;
}

.tx-fz-l {
  font-size: 31px;
}

.tx-fz-l1 {
  font-size: 32px;
}

.tx-fz-xl {
  font-size: 40px;
}

.tx-fz-2xl {
  font-size: 50px;
}

.tx-fz-2xxl {
  font-size: 60px;
}

.tx-fz-3xl {
  font-size: 80px;
}

.tx-fz-160 {
  font-size: 160px;
}

.tx-fz-120 {
  font-size: 120px;
}

.tx-fz-80 {
  font-size: 80px;
}

@media (max-width: 479px) {
  .tx-xs-fz-xs {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .tx-xs-fz-s {
    font-size: 16px;
  }
}

@media (max-width: 479px) {
  .tx-xs-fz-xm-18 {
    font-size: 18px;
  }
}

@media (max-width: 479px) {
  .tx-xs-fz-m {
    font-size: 20px;
  }
}

@media (max-width: 479px) {
  .tx-xs-fz-xm {
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .tx-xs-fz-l {
    font-size: 31px;
  }
}

@media (max-width: 479px) {
  .tx-xs-fz-xl {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .tx-s-fz-s {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .tx-md-fz-80 {
    font-size: 80px;
  }
}

@media (max-width: 1199px) {
  .tx-s-fz-120 {
    font-size: 120px;
  }
}

@media (max-width: 767px) {
  .tx-xs-fz-80 {
    font-size: 80px;
  }
}

.tx-white {
  color: #fff;
}

.tx-black {
  color: #000000;
}

.tx-teal {
  color: #00a6a5;
}

.tx-green {
  color: #7ab542;
}

.tx-gray-50 {
  color: #f2f2f2;
}

.tx-gray-60 {
  color: #D8D8D8;
}

.tx-gray-100 {
  color: #979797;
}

.tx-gray-150 {
  color: #666666;
}

.tx-gray-200 {
  color: #333333;
}

.tx-gray-300 {
  color: #2a2a2a;
}

.tx-white-2 {
  color: rgba(255, 255, 255, 0.2);
}

.tx-white-3 {
  color: rgba(255, 255, 255, 0.3);
}

.tx-white-4 {
  color: rgba(255, 255, 255, 0.4);
}

.tx-white-5 {
  color: rgba(255, 255, 255, 0.5);
}

.tx-white-6 {
  color: rgba(255, 255, 255, 0.6);
}

.tx-white-7 {
  color: rgba(255, 255, 255, 0.7);
}

.tx-white-8 {
  color: rgba(255, 255, 255, 0.8);
}

.tx-spacing-1 {
  letter-spacing: 0.5px;
}

.tx-spacing-2 {
  letter-spacing: 1px;
}

.tx-spacing-3 {
  letter-spacing: 1.5px;
}

.tx-spacing-4 {
  letter-spacing: 2px;
}

.tx-spacing-5 {
  letter-spacing: 2.5px;
}

.tx-spacing-6 {
  letter-spacing: 3px;
}

.tx-spacing-7 {
  letter-spacign: 3.5px;
}

.tx-spacing-8 {
  letter-spacing: 4px;
}

.tx-spacing--1 {
  letter-spacing: -0.5px;
}

.tx-spacing--2 {
  letter-spacing: -1px;
}

.tx-spacing--3 {
  letter-spacing: -1.5px;
}

.tx-spacing--4 {
  letter-spacing: -2px;
}

.tx-spacing--5 {
  letter-spacing: -2.5px;
}

.tx-spacing--6 {
  letter-spacing: -3px;
}

.tx-spacing--7 {
  letter-spacing: -3.5px;
}

.tx-spacing--8 {
  letter-spacing: -4px;
}

.tx-uppercase {
  text-transform: uppercase;
}

.tx-lowercase {
  text-transform: lowercase;
}

.tx-transform-none {
  text-transform: none;
}

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

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

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

.tx-center-force {
  text-align: center !important;
}

.tx-right-force {
  text-align: right !important;
}

.tx-left-force {
  text-align: left !important;
}

.tx-italic {
  font-style: italic;
}

.tx-style-normal {
  font-style: normal;
}

.tx-ws-nw {
  white-space: nowrap;
}

.tx-ws-nw-force {
  white-space: nowrap !important;
}

.lh-base {
  line-height: 1.42857143;
}

.lh-normal {
  line-height: normal;
}

.lh-none {
  line-height: 0;
}

.lh-0 {
  line-height: 1;
}

.lh-1 {
  line-height: 1.1;
}

.lh-2 {
  line-height: 1.2;
}

.lh-3 {
  line-height: 1.3;
}

.lh-4 {
  line-height: 1.4;
}

.lh-5 {
  line-height: 1.5;
}

.lh-55 {
  line-height: 1.55;
}

.lh-6 {
  line-height: 1.6;
}

.lh-7 {
  line-height: 1.7;
}

.lh-8 {
  line-height: 1.8;
}

.lh-9 {
  line-height: 1.9;
}

.lh-10 {
  line-height: 2.0;
}

.lh-11 {
  line-height: 2.1;
}

.lh-12 {
  line-height: 2.2;
}

.lh-13 {
  line-height: 2.3;
}

.lh-14 {
  line-height: 2.4;
}

.lh-15 {
  line-height: 2.5;
}

.valign-top {
  vertical-align: top;
}

.valign-middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: baseline;
}

.valign-top-force {
  vertical-align: top !important;
}

.valign-middle-force {
  vertical-align: middle !important;
}

.valign-bottom-force {
  vertical-align: baseline !important;
}

.tx-8 {
  font-size: 8px;
}

.tx-8-force {
  font-size: 8px !important;
}

.tx-9 {
  font-size: 9px;
}

.tx-9-force {
  font-size: 9px !important;
}

.tx-10 {
  font-size: 10px;
}

.tx-10-force {
  font-size: 10px !important;
}

.tx-11 {
  font-size: 11px;
}

.tx-11-force {
  font-size: 11px !important;
}

.tx-12 {
  font-size: 12px;
}

.tx-12-force {
  font-size: 12px !important;
}

.tx-13 {
  font-size: 13px;
}

.tx-13-force {
  font-size: 13px !important;
}

.tx-14 {
  font-size: 14px;
}

.tx-14-force {
  font-size: 14px !important;
}

.tx-15 {
  font-size: 15px;
}

.tx-15-force {
  font-size: 15px !important;
}

.tx-16 {
  font-size: 16px;
}

.tx-16-force {
  font-size: 16px !important;
}

.tx-18 {
  font-size: 18px;
}

.tx-18-force {
  font-size: 18px !important;
}

.tx-20 {
  font-size: 20px;
}

.tx-20-force {
  font-size: 20px !important;
}

.tx-22 {
  font-size: 22px;
}

.tx-22-force {
  font-size: 22px !important;
}

.tx-24 {
  font-size: 24px;
}

.tx-24-force {
  font-size: 24px !important;
}

.tx-26 {
  font-size: 26px;
}

.tx-26-force {
  font-size: 26px !important;
}

.tx-28 {
  font-size: 28px;
}

.tx-28-force {
  font-size: 28px !important;
}

.tx-30 {
  font-size: 30px;
}

.tx-30-force {
  font-size: 30px !important;
}

.tx-32 {
  font-size: 32px;
}

.tx-32-force {
  font-size: 32px !important;
}

.tx-34 {
  font-size: 34px;
}

.tx-34-force {
  font-size: 34px !important;
}

.tx-36 {
  font-size: 36px;
}

.tx-36-force {
  font-size: 36px !important;
}

.tx-38 {
  font-size: 38px;
}

.tx-38-force {
  font-size: 38px !important;
}

.tx-40 {
  font-size: 40px;
}

.tx-40-force {
  font-size: 40px !important;
}

.tx-42 {
  font-size: 42px;
}

.tx-42-force {
  font-size: 42px !important;
}

.tx-44 {
  font-size: 44px;
}

.tx-44-force {
  font-size: 44px !important;
}

.tx-46 {
  font-size: 46px;
}

.tx-46-force {
  font-size: 46px !important;
}

.tx-48 {
  font-size: 48px;
}

.tx-48-force {
  font-size: 48px !important;
}

.tx-50 {
  font-size: 50px;
}

.tx-50-force {
  font-size: 50px !important;
}

.tx-52 {
  font-size: 52px;
}

.tx-52-force {
  font-size: 52px !important;
}

.tx-54 {
  font-size: 54px;
}

.tx-54-force {
  font-size: 54px !important;
}

.tx-56 {
  font-size: 56px;
}

.tx-56-force {
  font-size: 56px !important;
}

.tx-58 {
  font-size: 58px;
}

.tx-58-force {
  font-size: 58px !important;
}

.tx-60 {
  font-size: 60px;
}

.tx-60-force {
  font-size: 60px !important;
}

.tx-62 {
  font-size: 62px;
}

.tx-62-force {
  font-size: 62px !important;
}

.tx-64 {
  font-size: 64px;
}

.tx-64-force {
  font-size: 64px !important;
}

.tx-66 {
  font-size: 66px;
}

.tx-66-force {
  font-size: 66px !important;
}

.tx-68 {
  font-size: 68px;
}

.tx-68-force {
  font-size: 68px !important;
}

.tx-70 {
  font-size: 70px;
}

.tx-70-force {
  font-size: 70px !important;
}

.tx-72 {
  font-size: 72px;
}

.tx-72-force {
  font-size: 72px !important;
}

.tx-74 {
  font-size: 74px;
}

.tx-74-force {
  font-size: 74px !important;
}

.tx-76 {
  font-size: 76px;
}

.tx-76-force {
  font-size: 76px !important;
}

.tx-78 {
  font-size: 78px;
}

.tx-78-force {
  font-size: 78px !important;
}

.tx-80 {
  font-size: 80px;
}

.tx-80-force {
  font-size: 80px !important;
}

.tx-82 {
  font-size: 82px;
}

.tx-82-force {
  font-size: 82px !important;
}

.tx-84 {
  font-size: 84px;
}

.tx-84-force {
  font-size: 84px !important;
}

.tx-86 {
  font-size: 86px;
}

.tx-86-force {
  font-size: 86px !important;
}

.tx-88 {
  font-size: 88px;
}

.tx-88-force {
  font-size: 88px !important;
}

.tx-90 {
  font-size: 90px;
}

.tx-90-force {
  font-size: 90px !important;
}

.tx-92 {
  font-size: 92px;
}

.tx-92-force {
  font-size: 92px !important;
}

.tx-94 {
  font-size: 94px;
}

.tx-94-force {
  font-size: 94px !important;
}

.tx-96 {
  font-size: 96px;
}

.tx-96-force {
  font-size: 96px !important;
}

.tx-98 {
  font-size: 98px;
}

.tx-98-force {
  font-size: 98px !important;
}

.tx-100 {
  font-size: 100px;
}

.tx-100-force {
  font-size: 100px !important;
}

.tx-102 {
  font-size: 102px;
}

.tx-102-force {
  font-size: 102px !important;
}

.tx-104 {
  font-size: 104px;
}

.tx-104-force {
  font-size: 104px !important;
}

.tx-106 {
  font-size: 106px;
}

.tx-106-force {
  font-size: 106px !important;
}

.tx-108 {
  font-size: 108px;
}

.tx-108-force {
  font-size: 108px !important;
}

.tx-110 {
  font-size: 110px;
}

.tx-110-force {
  font-size: 110px !important;
}

.tx-112 {
  font-size: 112px;
}

.tx-112-force {
  font-size: 112px !important;
}

.tx-114 {
  font-size: 114px;
}

.tx-114-force {
  font-size: 114px !important;
}

.tx-116 {
  font-size: 116px;
}

.tx-116-force {
  font-size: 116px !important;
}

.tx-118 {
  font-size: 118px;
}

.tx-118-force {
  font-size: 118px !important;
}

.tx-120 {
  font-size: 120px;
}

.tx-120-force {
  font-size: 120px !important;
}

.tx-122 {
  font-size: 122px;
}

.tx-122-force {
  font-size: 122px !important;
}

.tx-124 {
  font-size: 124px;
}

.tx-124-force {
  font-size: 124px !important;
}

.tx-126 {
  font-size: 126px;
}

.tx-126-force {
  font-size: 126px !important;
}

.tx-128 {
  font-size: 128px;
}

.tx-128-force {
  font-size: 128px !important;
}

.tx-130 {
  font-size: 130px;
}

.tx-130-force {
  font-size: 130px !important;
}

.tx-132 {
  font-size: 132px;
}

.tx-132-force {
  font-size: 132px !important;
}

.tx-134 {
  font-size: 134px;
}

.tx-134-force {
  font-size: 134px !important;
}

.tx-136 {
  font-size: 136px;
}

.tx-136-force {
  font-size: 136px !important;
}

.tx-138 {
  font-size: 138px;
}

.tx-138-force {
  font-size: 138px !important;
}

.tx-140 {
  font-size: 140px;
}

.tx-140-force {
  font-size: 140px !important;
}

@media (min-width: 480px) {
  .tx-xs-8 {
    font-size: 8px;
  }
  .tx-xs-8-force {
    font-size: 8px !important;
  }
  .tx-xs-9 {
    font-size: 9px;
  }
  .tx-xs-9-force {
    font-size: 9px !important;
  }
  .tx-xs-10 {
    font-size: 10px;
  }
  .tx-xs-10-force {
    font-size: 10px !important;
  }
  .tx-xs-11 {
    font-size: 11px;
  }
  .tx-xs-11-force {
    font-size: 11px !important;
  }
  .tx-xs-12 {
    font-size: 12px;
  }
  .tx-xs-12-force {
    font-size: 12px !important;
  }
  .tx-xs-13 {
    font-size: 13px;
  }
  .tx-xs-13-force {
    font-size: 13px !important;
  }
  .tx-xs-14 {
    font-size: 14px;
  }
  .tx-xs-14-force {
    font-size: 14px !important;
  }
  .tx-xs-15 {
    font-size: 15px;
  }
  .tx-xs-15-force {
    font-size: 15px !important;
  }
  .tx-xs-16 {
    font-size: 16px;
  }
  .tx-xs-16-force {
    font-size: 16px !important;
  }
  .tx-xs-18 {
    font-size: 18px;
  }
  .tx-xs-18-force {
    font-size: 18px !important;
  }
  .tx-xs-20 {
    font-size: 20px;
  }
  .tx-xs-20-force {
    font-size: 20px !important;
  }
  .tx-xs-22 {
    font-size: 22px;
  }
  .tx-xs-22-force {
    font-size: 22px !important;
  }
  .tx-xs-24 {
    font-size: 24px;
  }
  .tx-xs-24-force {
    font-size: 24px !important;
  }
  .tx-xs-26 {
    font-size: 26px;
  }
  .tx-xs-26-force {
    font-size: 26px !important;
  }
  .tx-xs-28 {
    font-size: 28px;
  }
  .tx-xs-28-force {
    font-size: 28px !important;
  }
  .tx-xs-30 {
    font-size: 30px;
  }
  .tx-xs-30-force {
    font-size: 30px !important;
  }
  .tx-xs-32 {
    font-size: 32px;
  }
  .tx-xs-32-force {
    font-size: 32px !important;
  }
  .tx-xs-34 {
    font-size: 34px;
  }
  .tx-xs-34-force {
    font-size: 34px !important;
  }
  .tx-xs-36 {
    font-size: 36px;
  }
  .tx-xs-36-force {
    font-size: 36px !important;
  }
  .tx-xs-38 {
    font-size: 38px;
  }
  .tx-xs-38-force {
    font-size: 38px !important;
  }
  .tx-xs-40 {
    font-size: 40px;
  }
  .tx-xs-40-force {
    font-size: 40px !important;
  }
  .tx-xs-42 {
    font-size: 42px;
  }
  .tx-xs-42-force {
    font-size: 42px !important;
  }
  .tx-xs-44 {
    font-size: 44px;
  }
  .tx-xs-44-force {
    font-size: 44px !important;
  }
  .tx-xs-46 {
    font-size: 46px;
  }
  .tx-xs-46-force {
    font-size: 46px !important;
  }
  .tx-xs-48 {
    font-size: 48px;
  }
  .tx-xs-48-force {
    font-size: 48px !important;
  }
  .tx-xs-50 {
    font-size: 50px;
  }
  .tx-xs-50-force {
    font-size: 50px !important;
  }
  .tx-xs-52 {
    font-size: 52px;
  }
  .tx-xs-52-force {
    font-size: 52px !important;
  }
  .tx-xs-54 {
    font-size: 54px;
  }
  .tx-xs-54-force {
    font-size: 54px !important;
  }
  .tx-xs-56 {
    font-size: 56px;
  }
  .tx-xs-56-force {
    font-size: 56px !important;
  }
  .tx-xs-58 {
    font-size: 58px;
  }
  .tx-xs-58-force {
    font-size: 58px !important;
  }
  .tx-xs-60 {
    font-size: 60px;
  }
  .tx-xs-60-force {
    font-size: 60px !important;
  }
  .tx-xs-62 {
    font-size: 62px;
  }
  .tx-xs-62-force {
    font-size: 62px !important;
  }
  .tx-xs-64 {
    font-size: 64px;
  }
  .tx-xs-64-force {
    font-size: 64px !important;
  }
  .tx-xs-66 {
    font-size: 66px;
  }
  .tx-xs-66-force {
    font-size: 66px !important;
  }
  .tx-xs-68 {
    font-size: 68px;
  }
  .tx-xs-68-force {
    font-size: 68px !important;
  }
  .tx-xs-70 {
    font-size: 70px;
  }
  .tx-xs-70-force {
    font-size: 70px !important;
  }
  .tx-xs-72 {
    font-size: 72px;
  }
  .tx-xs-72-force {
    font-size: 72px !important;
  }
  .tx-xs-74 {
    font-size: 74px;
  }
  .tx-xs-74-force {
    font-size: 74px !important;
  }
  .tx-xs-76 {
    font-size: 76px;
  }
  .tx-xs-76-force {
    font-size: 76px !important;
  }
  .tx-xs-78 {
    font-size: 78px;
  }
  .tx-xs-78-force {
    font-size: 78px !important;
  }
  .tx-xs-80 {
    font-size: 80px;
  }
  .tx-xs-80-force {
    font-size: 80px !important;
  }
  .tx-xs-82 {
    font-size: 82px;
  }
  .tx-xs-82-force {
    font-size: 82px !important;
  }
  .tx-xs-84 {
    font-size: 84px;
  }
  .tx-xs-84-force {
    font-size: 84px !important;
  }
  .tx-xs-86 {
    font-size: 86px;
  }
  .tx-xs-86-force {
    font-size: 86px !important;
  }
  .tx-xs-88 {
    font-size: 88px;
  }
  .tx-xs-88-force {
    font-size: 88px !important;
  }
  .tx-xs-90 {
    font-size: 90px;
  }
  .tx-xs-90-force {
    font-size: 90px !important;
  }
  .tx-xs-92 {
    font-size: 92px;
  }
  .tx-xs-92-force {
    font-size: 92px !important;
  }
  .tx-xs-94 {
    font-size: 94px;
  }
  .tx-xs-94-force {
    font-size: 94px !important;
  }
  .tx-xs-96 {
    font-size: 96px;
  }
  .tx-xs-96-force {
    font-size: 96px !important;
  }
  .tx-xs-98 {
    font-size: 98px;
  }
  .tx-xs-98-force {
    font-size: 98px !important;
  }
  .tx-xs-100 {
    font-size: 100px;
  }
  .tx-xs-100-force {
    font-size: 100px !important;
  }
  .tx-xs-102 {
    font-size: 102px;
  }
  .tx-xs-102-force {
    font-size: 102px !important;
  }
  .tx-xs-104 {
    font-size: 104px;
  }
  .tx-xs-104-force {
    font-size: 104px !important;
  }
  .tx-xs-106 {
    font-size: 106px;
  }
  .tx-xs-106-force {
    font-size: 106px !important;
  }
  .tx-xs-108 {
    font-size: 108px;
  }
  .tx-xs-108-force {
    font-size: 108px !important;
  }
  .tx-xs-110 {
    font-size: 110px;
  }
  .tx-xs-110-force {
    font-size: 110px !important;
  }
  .tx-xs-112 {
    font-size: 112px;
  }
  .tx-xs-112-force {
    font-size: 112px !important;
  }
  .tx-xs-114 {
    font-size: 114px;
  }
  .tx-xs-114-force {
    font-size: 114px !important;
  }
  .tx-xs-116 {
    font-size: 116px;
  }
  .tx-xs-116-force {
    font-size: 116px !important;
  }
  .tx-xs-118 {
    font-size: 118px;
  }
  .tx-xs-118-force {
    font-size: 118px !important;
  }
  .tx-xs-120 {
    font-size: 120px;
  }
  .tx-xs-120-force {
    font-size: 120px !important;
  }
  .tx-xs-122 {
    font-size: 122px;
  }
  .tx-xs-122-force {
    font-size: 122px !important;
  }
  .tx-xs-124 {
    font-size: 124px;
  }
  .tx-xs-124-force {
    font-size: 124px !important;
  }
  .tx-xs-126 {
    font-size: 126px;
  }
  .tx-xs-126-force {
    font-size: 126px !important;
  }
  .tx-xs-128 {
    font-size: 128px;
  }
  .tx-xs-128-force {
    font-size: 128px !important;
  }
  .tx-xs-130 {
    font-size: 130px;
  }
  .tx-xs-130-force {
    font-size: 130px !important;
  }
  .tx-xs-132 {
    font-size: 132px;
  }
  .tx-xs-132-force {
    font-size: 132px !important;
  }
  .tx-xs-134 {
    font-size: 134px;
  }
  .tx-xs-134-force {
    font-size: 134px !important;
  }
  .tx-xs-136 {
    font-size: 136px;
  }
  .tx-xs-136-force {
    font-size: 136px !important;
  }
  .tx-xs-138 {
    font-size: 138px;
  }
  .tx-xs-138-force {
    font-size: 138px !important;
  }
  .tx-xs-140 {
    font-size: 140px;
  }
  .tx-xs-140-force {
    font-size: 140px !important;
  }
  .tx-xs-bold {
    font-weight: 700;
  }
  .tx-xs-semibold {
    font-weight: 600;
  }
  .tx-xs-medium {
    font-weight: 500;
  }
  .tx-xs-normal {
    font-weight: 400;
  }
  .tx-xs-light {
    font-weight: 300;
  }
  .tx-xs-thin {
    font-weight: 200;
  }
  .tx-xs-xthin {
    font-weight: 100;
  }
  .lh-xs-none {
    line-height: 0;
  }
  .lh-xs-0 {
    line-height: 1;
  }
  .lh-xs-1 {
    line-height: 1.1;
  }
  .lh-xs-2 {
    line-height: 1.2;
  }
  .lh-xs-3 {
    line-height: 1.3;
  }
  .lh-xs-4 {
    line-height: 1.4;
  }
  .lh-xs-5 {
    line-height: 1.5;
  }
  .lh-xs-55 {
    line-height: 1.55;
  }
  .lh-xs-6 {
    line-height: 1.6;
  }
  .lh-xs-7 {
    line-height: 1.7;
  }
  .lh-xs-8 {
    line-height: 1.8;
  }
  .lh-xs-9 {
    line-height: 1.9;
  }
  .lh-xs-10 {
    line-height: 2.0;
  }
  .lh-xs-11 {
    line-height: 2.1;
  }
  .lh-xs-12 {
    line-height: 2.2;
  }
  .lh-xs-13 {
    line-height: 2.3;
  }
  .lh-xs-14 {
    line-height: 2.4;
  }
  .lh-xs-15 {
    line-height: 2.5;
  }
  .tx-xs-center {
    text-align: center;
  }
  .tx-xs-right {
    text-align: right;
  }
  .tx-xs-left {
    text-align: left;
  }
  .tx-xs-center-force {
    text-align: center !important;
  }
  .tx-xs-right-force {
    text-align: right !important;
  }
  .tx-xs-left-force {
    text-align: left !important;
  }
}

@media (min-width: 599px) {
  .tx-sm-8 {
    font-size: 8px;
  }
  .tx-sm-8-force {
    font-size: 8px !important;
  }
  .tx-sm-9 {
    font-size: 9px;
  }
  .tx-sm-9-force {
    font-size: 9px !important;
  }
  .tx-sm-10 {
    font-size: 10px;
  }
  .tx-sm-10-force {
    font-size: 10px !important;
  }
  .tx-sm-11 {
    font-size: 11px;
  }
  .tx-sm-11-force {
    font-size: 11px !important;
  }
  .tx-sm-12 {
    font-size: 12px;
  }
  .tx-sm-12-force {
    font-size: 12px !important;
  }
  .tx-sm-13 {
    font-size: 13px;
  }
  .tx-sm-13-force {
    font-size: 13px !important;
  }
  .tx-sm-14 {
    font-size: 14px;
  }
  .tx-sm-14-force {
    font-size: 14px !important;
  }
  .tx-sm-15 {
    font-size: 15px;
  }
  .tx-sm-15-force {
    font-size: 15px !important;
  }
  .tx-sm-16 {
    font-size: 16px;
  }
  .tx-sm-16-force {
    font-size: 16px !important;
  }
  .tx-sm-18 {
    font-size: 18px;
  }
  .tx-sm-18-force {
    font-size: 18px !important;
  }
  .tx-sm-20 {
    font-size: 20px;
  }
  .tx-sm-20-force {
    font-size: 20px !important;
  }
  .tx-sm-22 {
    font-size: 22px;
  }
  .tx-sm-22-force {
    font-size: 22px !important;
  }
  .tx-sm-24 {
    font-size: 24px;
  }
  .tx-sm-24-force {
    font-size: 24px !important;
  }
  .tx-sm-26 {
    font-size: 26px;
  }
  .tx-sm-26-force {
    font-size: 26px !important;
  }
  .tx-sm-28 {
    font-size: 28px;
  }
  .tx-sm-28-force {
    font-size: 28px !important;
  }
  .tx-sm-30 {
    font-size: 30px;
  }
  .tx-sm-30-force {
    font-size: 30px !important;
  }
  .tx-sm-32 {
    font-size: 32px;
  }
  .tx-sm-32-force {
    font-size: 32px !important;
  }
  .tx-sm-34 {
    font-size: 34px;
  }
  .tx-sm-34-force {
    font-size: 34px !important;
  }
  .tx-sm-36 {
    font-size: 36px;
  }
  .tx-sm-36-force {
    font-size: 36px !important;
  }
  .tx-sm-38 {
    font-size: 38px;
  }
  .tx-sm-38-force {
    font-size: 38px !important;
  }
  .tx-sm-40 {
    font-size: 40px;
  }
  .tx-sm-40-force {
    font-size: 40px !important;
  }
  .tx-sm-42 {
    font-size: 42px;
  }
  .tx-sm-42-force {
    font-size: 42px !important;
  }
  .tx-sm-44 {
    font-size: 44px;
  }
  .tx-sm-44-force {
    font-size: 44px !important;
  }
  .tx-sm-46 {
    font-size: 46px;
  }
  .tx-sm-46-force {
    font-size: 46px !important;
  }
  .tx-sm-48 {
    font-size: 48px;
  }
  .tx-sm-48-force {
    font-size: 48px !important;
  }
  .tx-sm-50 {
    font-size: 50px;
  }
  .tx-sm-50-force {
    font-size: 50px !important;
  }
  .tx-sm-52 {
    font-size: 52px;
  }
  .tx-sm-52-force {
    font-size: 52px !important;
  }
  .tx-sm-54 {
    font-size: 54px;
  }
  .tx-sm-54-force {
    font-size: 54px !important;
  }
  .tx-sm-56 {
    font-size: 56px;
  }
  .tx-sm-56-force {
    font-size: 56px !important;
  }
  .tx-sm-58 {
    font-size: 58px;
  }
  .tx-sm-58-force {
    font-size: 58px !important;
  }
  .tx-sm-60 {
    font-size: 60px;
  }
  .tx-sm-60-force {
    font-size: 60px !important;
  }
  .tx-sm-62 {
    font-size: 62px;
  }
  .tx-sm-62-force {
    font-size: 62px !important;
  }
  .tx-sm-64 {
    font-size: 64px;
  }
  .tx-sm-64-force {
    font-size: 64px !important;
  }
  .tx-sm-66 {
    font-size: 66px;
  }
  .tx-sm-66-force {
    font-size: 66px !important;
  }
  .tx-sm-68 {
    font-size: 68px;
  }
  .tx-sm-68-force {
    font-size: 68px !important;
  }
  .tx-sm-70 {
    font-size: 70px;
  }
  .tx-sm-70-force {
    font-size: 70px !important;
  }
  .tx-sm-72 {
    font-size: 72px;
  }
  .tx-sm-72-force {
    font-size: 72px !important;
  }
  .tx-sm-74 {
    font-size: 74px;
  }
  .tx-sm-74-force {
    font-size: 74px !important;
  }
  .tx-sm-76 {
    font-size: 76px;
  }
  .tx-sm-76-force {
    font-size: 76px !important;
  }
  .tx-sm-78 {
    font-size: 78px;
  }
  .tx-sm-78-force {
    font-size: 78px !important;
  }
  .tx-sm-80 {
    font-size: 80px;
  }
  .tx-sm-80-force {
    font-size: 80px !important;
  }
  .tx-sm-82 {
    font-size: 82px;
  }
  .tx-sm-82-force {
    font-size: 82px !important;
  }
  .tx-sm-84 {
    font-size: 84px;
  }
  .tx-sm-84-force {
    font-size: 84px !important;
  }
  .tx-sm-86 {
    font-size: 86px;
  }
  .tx-sm-86-force {
    font-size: 86px !important;
  }
  .tx-sm-88 {
    font-size: 88px;
  }
  .tx-sm-88-force {
    font-size: 88px !important;
  }
  .tx-sm-90 {
    font-size: 90px;
  }
  .tx-sm-90-force {
    font-size: 90px !important;
  }
  .tx-sm-92 {
    font-size: 92px;
  }
  .tx-sm-92-force {
    font-size: 92px !important;
  }
  .tx-sm-94 {
    font-size: 94px;
  }
  .tx-sm-94-force {
    font-size: 94px !important;
  }
  .tx-sm-96 {
    font-size: 96px;
  }
  .tx-sm-96-force {
    font-size: 96px !important;
  }
  .tx-sm-98 {
    font-size: 98px;
  }
  .tx-sm-98-force {
    font-size: 98px !important;
  }
  .tx-sm-100 {
    font-size: 100px;
  }
  .tx-sm-100-force {
    font-size: 100px !important;
  }
  .tx-sm-102 {
    font-size: 102px;
  }
  .tx-sm-102-force {
    font-size: 102px !important;
  }
  .tx-sm-104 {
    font-size: 104px;
  }
  .tx-sm-104-force {
    font-size: 104px !important;
  }
  .tx-sm-106 {
    font-size: 106px;
  }
  .tx-sm-106-force {
    font-size: 106px !important;
  }
  .tx-sm-108 {
    font-size: 108px;
  }
  .tx-sm-108-force {
    font-size: 108px !important;
  }
  .tx-sm-110 {
    font-size: 110px;
  }
  .tx-sm-110-force {
    font-size: 110px !important;
  }
  .tx-sm-112 {
    font-size: 112px;
  }
  .tx-sm-112-force {
    font-size: 112px !important;
  }
  .tx-sm-114 {
    font-size: 114px;
  }
  .tx-sm-114-force {
    font-size: 114px !important;
  }
  .tx-sm-116 {
    font-size: 116px;
  }
  .tx-sm-116-force {
    font-size: 116px !important;
  }
  .tx-sm-118 {
    font-size: 118px;
  }
  .tx-sm-118-force {
    font-size: 118px !important;
  }
  .tx-sm-120 {
    font-size: 120px;
  }
  .tx-sm-120-force {
    font-size: 120px !important;
  }
  .tx-sm-122 {
    font-size: 122px;
  }
  .tx-sm-122-force {
    font-size: 122px !important;
  }
  .tx-sm-124 {
    font-size: 124px;
  }
  .tx-sm-124-force {
    font-size: 124px !important;
  }
  .tx-sm-126 {
    font-size: 126px;
  }
  .tx-sm-126-force {
    font-size: 126px !important;
  }
  .tx-sm-128 {
    font-size: 128px;
  }
  .tx-sm-128-force {
    font-size: 128px !important;
  }
  .tx-sm-130 {
    font-size: 130px;
  }
  .tx-sm-130-force {
    font-size: 130px !important;
  }
  .tx-sm-132 {
    font-size: 132px;
  }
  .tx-sm-132-force {
    font-size: 132px !important;
  }
  .tx-sm-134 {
    font-size: 134px;
  }
  .tx-sm-134-force {
    font-size: 134px !important;
  }
  .tx-sm-136 {
    font-size: 136px;
  }
  .tx-sm-136-force {
    font-size: 136px !important;
  }
  .tx-sm-138 {
    font-size: 138px;
  }
  .tx-sm-138-force {
    font-size: 138px !important;
  }
  .tx-sm-140 {
    font-size: 140px;
  }
  .tx-sm-140-force {
    font-size: 140px !important;
  }
  .tx-sm-bold {
    font-weight: 700;
  }
  .tx-sm-semibold {
    font-weight: 600;
  }
  .tx-sm-medium {
    font-weight: 500;
  }
  .tx-sm-normal {
    font-weight: 400;
  }
  .tx-sm-light {
    font-weight: 300;
  }
  .tx-sm-thin {
    font-weight: 200;
  }
  .tx-sm-xthin {
    font-weight: 100;
  }
  .lh-sm-none {
    line-height: 0;
  }
  .lh-sm-0 {
    line-height: 1;
  }
  .lh-sm-1 {
    line-height: 1.1;
  }
  .lh-sm-2 {
    line-height: 1.2;
  }
  .lh-sm-3 {
    line-height: 1.3;
  }
  .lh-sm-4 {
    line-height: 1.4;
  }
  .lh-sm-5 {
    line-height: 1.5;
  }
  .lh-sm-55 {
    line-height: 1.55;
  }
  .lh-sm-6 {
    line-height: 1.6;
  }
  .lh-sm-7 {
    line-height: 1.7;
  }
  .lh-sm-8 {
    line-height: 1.8;
  }
  .lh-sm-9 {
    line-height: 1.9;
  }
  .lh-sm-10 {
    line-height: 2.0;
  }
  .lh-sm-11 {
    line-height: 2.1;
  }
  .lh-sm-12 {
    line-height: 2.2;
  }
  .lh-sm-13 {
    line-height: 2.3;
  }
  .lh-sm-14 {
    line-height: 2.4;
  }
  .lh-sm-15 {
    line-height: 2.5;
  }
  .tx-sm-center {
    text-align: center;
  }
  .tx-sm-right {
    text-align: right;
  }
  .tx-sm-left {
    text-align: left;
  }
  .tx-sm-center-force {
    text-align: center !important;
  }
  .tx-sm-right-force {
    text-align: right !important;
  }
  .tx-sm-left-force {
    text-align: left !important;
  }
}

@media (min-width: 768px) {
  .tx-md-8 {
    font-size: 8px;
  }
  .tx-md-8-force {
    font-size: 8px !important;
  }
  .tx-md-9 {
    font-size: 9px;
  }
  .tx-md-9-force {
    font-size: 9px !important;
  }
  .tx-md-10 {
    font-size: 10px;
  }
  .tx-md-10-force {
    font-size: 10px !important;
  }
  .tx-md-11 {
    font-size: 11px;
  }
  .tx-md-11-force {
    font-size: 11px !important;
  }
  .tx-md-12 {
    font-size: 12px;
  }
  .tx-md-12-force {
    font-size: 12px !important;
  }
  .tx-md-13 {
    font-size: 13px;
  }
  .tx-md-13-force {
    font-size: 13px !important;
  }
  .tx-md-14 {
    font-size: 14px;
  }
  .tx-md-14-force {
    font-size: 14px !important;
  }
  .tx-md-15 {
    font-size: 15px;
  }
  .tx-md-15-force {
    font-size: 15px !important;
  }
  .tx-md-16 {
    font-size: 16px;
  }
  .tx-md-16-force {
    font-size: 16px !important;
  }
  .tx-md-18 {
    font-size: 18px;
  }
  .tx-md-18-force {
    font-size: 18px !important;
  }
  .tx-md-20 {
    font-size: 20px;
  }
  .tx-md-20-force {
    font-size: 20px !important;
  }
  .tx-md-22 {
    font-size: 22px;
  }
  .tx-md-22-force {
    font-size: 22px !important;
  }
  .tx-md-24 {
    font-size: 24px;
  }
  .tx-md-24-force {
    font-size: 24px !important;
  }
  .tx-md-26 {
    font-size: 26px;
  }
  .tx-md-26-force {
    font-size: 26px !important;
  }
  .tx-md-28 {
    font-size: 28px;
  }
  .tx-md-28-force {
    font-size: 28px !important;
  }
  .tx-md-30 {
    font-size: 30px;
  }
  .tx-md-30-force {
    font-size: 30px !important;
  }
  .tx-md-32 {
    font-size: 32px;
  }
  .tx-md-32-force {
    font-size: 32px !important;
  }
  .tx-md-34 {
    font-size: 34px;
  }
  .tx-md-34-force {
    font-size: 34px !important;
  }
  .tx-md-36 {
    font-size: 36px;
  }
  .tx-md-36-force {
    font-size: 36px !important;
  }
  .tx-md-38 {
    font-size: 38px;
  }
  .tx-md-38-force {
    font-size: 38px !important;
  }
  .tx-md-40 {
    font-size: 40px;
  }
  .tx-md-40-force {
    font-size: 40px !important;
  }
  .tx-md-42 {
    font-size: 42px;
  }
  .tx-md-42-force {
    font-size: 42px !important;
  }
  .tx-md-44 {
    font-size: 44px;
  }
  .tx-md-44-force {
    font-size: 44px !important;
  }
  .tx-md-46 {
    font-size: 46px;
  }
  .tx-md-46-force {
    font-size: 46px !important;
  }
  .tx-md-48 {
    font-size: 48px;
  }
  .tx-md-48-force {
    font-size: 48px !important;
  }
  .tx-md-50 {
    font-size: 50px;
  }
  .tx-md-50-force {
    font-size: 50px !important;
  }
  .tx-md-52 {
    font-size: 52px;
  }
  .tx-md-52-force {
    font-size: 52px !important;
  }
  .tx-md-54 {
    font-size: 54px;
  }
  .tx-md-54-force {
    font-size: 54px !important;
  }
  .tx-md-56 {
    font-size: 56px;
  }
  .tx-md-56-force {
    font-size: 56px !important;
  }
  .tx-md-58 {
    font-size: 58px;
  }
  .tx-md-58-force {
    font-size: 58px !important;
  }
  .tx-md-60 {
    font-size: 60px;
  }
  .tx-md-60-force {
    font-size: 60px !important;
  }
  .tx-md-62 {
    font-size: 62px;
  }
  .tx-md-62-force {
    font-size: 62px !important;
  }
  .tx-md-64 {
    font-size: 64px;
  }
  .tx-md-64-force {
    font-size: 64px !important;
  }
  .tx-md-66 {
    font-size: 66px;
  }
  .tx-md-66-force {
    font-size: 66px !important;
  }
  .tx-md-68 {
    font-size: 68px;
  }
  .tx-md-68-force {
    font-size: 68px !important;
  }
  .tx-md-70 {
    font-size: 70px;
  }
  .tx-md-70-force {
    font-size: 70px !important;
  }
  .tx-md-72 {
    font-size: 72px;
  }
  .tx-md-72-force {
    font-size: 72px !important;
  }
  .tx-md-74 {
    font-size: 74px;
  }
  .tx-md-74-force {
    font-size: 74px !important;
  }
  .tx-md-76 {
    font-size: 76px;
  }
  .tx-md-76-force {
    font-size: 76px !important;
  }
  .tx-md-78 {
    font-size: 78px;
  }
  .tx-md-78-force {
    font-size: 78px !important;
  }
  .tx-md-80 {
    font-size: 80px;
  }
  .tx-md-80-force {
    font-size: 80px !important;
  }
  .tx-md-82 {
    font-size: 82px;
  }
  .tx-md-82-force {
    font-size: 82px !important;
  }
  .tx-md-84 {
    font-size: 84px;
  }
  .tx-md-84-force {
    font-size: 84px !important;
  }
  .tx-md-86 {
    font-size: 86px;
  }
  .tx-md-86-force {
    font-size: 86px !important;
  }
  .tx-md-88 {
    font-size: 88px;
  }
  .tx-md-88-force {
    font-size: 88px !important;
  }
  .tx-md-90 {
    font-size: 90px;
  }
  .tx-md-90-force {
    font-size: 90px !important;
  }
  .tx-md-92 {
    font-size: 92px;
  }
  .tx-md-92-force {
    font-size: 92px !important;
  }
  .tx-md-94 {
    font-size: 94px;
  }
  .tx-md-94-force {
    font-size: 94px !important;
  }
  .tx-md-96 {
    font-size: 96px;
  }
  .tx-md-96-force {
    font-size: 96px !important;
  }
  .tx-md-98 {
    font-size: 98px;
  }
  .tx-md-98-force {
    font-size: 98px !important;
  }
  .tx-md-100 {
    font-size: 100px;
  }
  .tx-md-100-force {
    font-size: 100px !important;
  }
  .tx-md-102 {
    font-size: 102px;
  }
  .tx-md-102-force {
    font-size: 102px !important;
  }
  .tx-md-104 {
    font-size: 104px;
  }
  .tx-md-104-force {
    font-size: 104px !important;
  }
  .tx-md-106 {
    font-size: 106px;
  }
  .tx-md-106-force {
    font-size: 106px !important;
  }
  .tx-md-108 {
    font-size: 108px;
  }
  .tx-md-108-force {
    font-size: 108px !important;
  }
  .tx-md-110 {
    font-size: 110px;
  }
  .tx-md-110-force {
    font-size: 110px !important;
  }
  .tx-md-112 {
    font-size: 112px;
  }
  .tx-md-112-force {
    font-size: 112px !important;
  }
  .tx-md-114 {
    font-size: 114px;
  }
  .tx-md-114-force {
    font-size: 114px !important;
  }
  .tx-md-116 {
    font-size: 116px;
  }
  .tx-md-116-force {
    font-size: 116px !important;
  }
  .tx-md-118 {
    font-size: 118px;
  }
  .tx-md-118-force {
    font-size: 118px !important;
  }
  .tx-md-120 {
    font-size: 120px;
  }
  .tx-md-120-force {
    font-size: 120px !important;
  }
  .tx-md-122 {
    font-size: 122px;
  }
  .tx-md-122-force {
    font-size: 122px !important;
  }
  .tx-md-124 {
    font-size: 124px;
  }
  .tx-md-124-force {
    font-size: 124px !important;
  }
  .tx-md-126 {
    font-size: 126px;
  }
  .tx-md-126-force {
    font-size: 126px !important;
  }
  .tx-md-128 {
    font-size: 128px;
  }
  .tx-md-128-force {
    font-size: 128px !important;
  }
  .tx-md-130 {
    font-size: 130px;
  }
  .tx-md-130-force {
    font-size: 130px !important;
  }
  .tx-md-132 {
    font-size: 132px;
  }
  .tx-md-132-force {
    font-size: 132px !important;
  }
  .tx-md-134 {
    font-size: 134px;
  }
  .tx-md-134-force {
    font-size: 134px !important;
  }
  .tx-md-136 {
    font-size: 136px;
  }
  .tx-md-136-force {
    font-size: 136px !important;
  }
  .tx-md-138 {
    font-size: 138px;
  }
  .tx-md-138-force {
    font-size: 138px !important;
  }
  .tx-md-140 {
    font-size: 140px;
  }
  .tx-md-140-force {
    font-size: 140px !important;
  }
  .tx-md-bold {
    font-weight: 700;
  }
  .tx-md-semibold {
    font-weight: 600;
  }
  .tx-md-medium {
    font-weight: 500;
  }
  .tx-md-normal {
    font-weight: 400;
  }
  .tx-md-light {
    font-weight: 300;
  }
  .tx-md-thin {
    font-weight: 200;
  }
  .tx-md-xthin {
    font-weight: 100;
  }
  .lh-md-none {
    line-height: 0;
  }
  .lh-md-0 {
    line-height: 1;
  }
  .lh-md-1 {
    line-height: 1.1;
  }
  .lh-md-2 {
    line-height: 1.2;
  }
  .lh-md-3 {
    line-height: 1.3;
  }
  .lh-md-4 {
    line-height: 1.4;
  }
  .lh-md-5 {
    line-height: 1.5;
  }
  .lh-md-55 {
    line-height: 1.55;
  }
  .lh-md-6 {
    line-height: 1.6;
  }
  .lh-md-7 {
    line-height: 1.7;
  }
  .lh-md-8 {
    line-height: 1.8;
  }
  .lh-md-9 {
    line-height: 1.9;
  }
  .lh-md-10 {
    line-height: 2.0;
  }
  .lh-md-11 {
    line-height: 2.1;
  }
  .lh-md-12 {
    line-height: 2.2;
  }
  .lh-md-13 {
    line-height: 2.3;
  }
  .lh-md-14 {
    line-height: 2.4;
  }
  .lh-md-15 {
    line-height: 2.5;
  }
  .tx-md-center {
    text-align: center;
  }
  .tx-md-right {
    text-align: right;
  }
  .tx-md-left {
    text-align: left;
  }
  .tx-md-center-force {
    text-align: center !important;
  }
  .tx-md-right-force {
    text-align: right !important;
  }
  .tx-md-left-force {
    text-align: left !important;
  }
}

@media (min-width: 991px) {
  .tx-lg-8 {
    font-size: 8px;
  }
  .tx-lg-8-force {
    font-size: 8px !important;
  }
  .tx-lg-9 {
    font-size: 9px;
  }
  .tx-lg-9-force {
    font-size: 9px !important;
  }
  .tx-lg-10 {
    font-size: 10px;
  }
  .tx-lg-10-force {
    font-size: 10px !important;
  }
  .tx-lg-11 {
    font-size: 11px;
  }
  .tx-lg-11-force {
    font-size: 11px !important;
  }
  .tx-lg-12 {
    font-size: 12px;
  }
  .tx-lg-12-force {
    font-size: 12px !important;
  }
  .tx-lg-13 {
    font-size: 13px;
  }
  .tx-lg-13-force {
    font-size: 13px !important;
  }
  .tx-lg-14 {
    font-size: 14px;
  }
  .tx-lg-14-force {
    font-size: 14px !important;
  }
  .tx-lg-15 {
    font-size: 15px;
  }
  .tx-lg-15-force {
    font-size: 15px !important;
  }
  .tx-lg-16 {
    font-size: 16px;
  }
  .tx-lg-16-force {
    font-size: 16px !important;
  }
  .tx-lg-18 {
    font-size: 18px;
  }
  .tx-lg-18-force {
    font-size: 18px !important;
  }
  .tx-lg-20 {
    font-size: 20px;
  }
  .tx-lg-20-force {
    font-size: 20px !important;
  }
  .tx-lg-22 {
    font-size: 22px;
  }
  .tx-lg-22-force {
    font-size: 22px !important;
  }
  .tx-lg-24 {
    font-size: 24px;
  }
  .tx-lg-24-force {
    font-size: 24px !important;
  }
  .tx-lg-26 {
    font-size: 26px;
  }
  .tx-lg-26-force {
    font-size: 26px !important;
  }
  .tx-lg-28 {
    font-size: 28px;
  }
  .tx-lg-28-force {
    font-size: 28px !important;
  }
  .tx-lg-30 {
    font-size: 30px;
  }
  .tx-lg-30-force {
    font-size: 30px !important;
  }
  .tx-lg-32 {
    font-size: 32px;
  }
  .tx-lg-32-force {
    font-size: 32px !important;
  }
  .tx-lg-34 {
    font-size: 34px;
  }
  .tx-lg-34-force {
    font-size: 34px !important;
  }
  .tx-lg-36 {
    font-size: 36px;
  }
  .tx-lg-36-force {
    font-size: 36px !important;
  }
  .tx-lg-38 {
    font-size: 38px;
  }
  .tx-lg-38-force {
    font-size: 38px !important;
  }
  .tx-lg-40 {
    font-size: 40px;
  }
  .tx-lg-40-force {
    font-size: 40px !important;
  }
  .tx-lg-42 {
    font-size: 42px;
  }
  .tx-lg-42-force {
    font-size: 42px !important;
  }
  .tx-lg-44 {
    font-size: 44px;
  }
  .tx-lg-44-force {
    font-size: 44px !important;
  }
  .tx-lg-46 {
    font-size: 46px;
  }
  .tx-lg-46-force {
    font-size: 46px !important;
  }
  .tx-lg-48 {
    font-size: 48px;
  }
  .tx-lg-48-force {
    font-size: 48px !important;
  }
  .tx-lg-50 {
    font-size: 50px;
  }
  .tx-lg-50-force {
    font-size: 50px !important;
  }
  .tx-lg-52 {
    font-size: 52px;
  }
  .tx-lg-52-force {
    font-size: 52px !important;
  }
  .tx-lg-54 {
    font-size: 54px;
  }
  .tx-lg-54-force {
    font-size: 54px !important;
  }
  .tx-lg-56 {
    font-size: 56px;
  }
  .tx-lg-56-force {
    font-size: 56px !important;
  }
  .tx-lg-58 {
    font-size: 58px;
  }
  .tx-lg-58-force {
    font-size: 58px !important;
  }
  .tx-lg-60 {
    font-size: 60px;
  }
  .tx-lg-60-force {
    font-size: 60px !important;
  }
  .tx-lg-62 {
    font-size: 62px;
  }
  .tx-lg-62-force {
    font-size: 62px !important;
  }
  .tx-lg-64 {
    font-size: 64px;
  }
  .tx-lg-64-force {
    font-size: 64px !important;
  }
  .tx-lg-66 {
    font-size: 66px;
  }
  .tx-lg-66-force {
    font-size: 66px !important;
  }
  .tx-lg-68 {
    font-size: 68px;
  }
  .tx-lg-68-force {
    font-size: 68px !important;
  }
  .tx-lg-70 {
    font-size: 70px;
  }
  .tx-lg-70-force {
    font-size: 70px !important;
  }
  .tx-lg-72 {
    font-size: 72px;
  }
  .tx-lg-72-force {
    font-size: 72px !important;
  }
  .tx-lg-74 {
    font-size: 74px;
  }
  .tx-lg-74-force {
    font-size: 74px !important;
  }
  .tx-lg-76 {
    font-size: 76px;
  }
  .tx-lg-76-force {
    font-size: 76px !important;
  }
  .tx-lg-78 {
    font-size: 78px;
  }
  .tx-lg-78-force {
    font-size: 78px !important;
  }
  .tx-lg-80 {
    font-size: 80px;
  }
  .tx-lg-80-force {
    font-size: 80px !important;
  }
  .tx-lg-82 {
    font-size: 82px;
  }
  .tx-lg-82-force {
    font-size: 82px !important;
  }
  .tx-lg-84 {
    font-size: 84px;
  }
  .tx-lg-84-force {
    font-size: 84px !important;
  }
  .tx-lg-86 {
    font-size: 86px;
  }
  .tx-lg-86-force {
    font-size: 86px !important;
  }
  .tx-lg-88 {
    font-size: 88px;
  }
  .tx-lg-88-force {
    font-size: 88px !important;
  }
  .tx-lg-90 {
    font-size: 90px;
  }
  .tx-lg-90-force {
    font-size: 90px !important;
  }
  .tx-lg-92 {
    font-size: 92px;
  }
  .tx-lg-92-force {
    font-size: 92px !important;
  }
  .tx-lg-94 {
    font-size: 94px;
  }
  .tx-lg-94-force {
    font-size: 94px !important;
  }
  .tx-lg-96 {
    font-size: 96px;
  }
  .tx-lg-96-force {
    font-size: 96px !important;
  }
  .tx-lg-98 {
    font-size: 98px;
  }
  .tx-lg-98-force {
    font-size: 98px !important;
  }
  .tx-lg-100 {
    font-size: 100px;
  }
  .tx-lg-100-force {
    font-size: 100px !important;
  }
  .tx-lg-102 {
    font-size: 102px;
  }
  .tx-lg-102-force {
    font-size: 102px !important;
  }
  .tx-lg-104 {
    font-size: 104px;
  }
  .tx-lg-104-force {
    font-size: 104px !important;
  }
  .tx-lg-106 {
    font-size: 106px;
  }
  .tx-lg-106-force {
    font-size: 106px !important;
  }
  .tx-lg-108 {
    font-size: 108px;
  }
  .tx-lg-108-force {
    font-size: 108px !important;
  }
  .tx-lg-110 {
    font-size: 110px;
  }
  .tx-lg-110-force {
    font-size: 110px !important;
  }
  .tx-lg-112 {
    font-size: 112px;
  }
  .tx-lg-112-force {
    font-size: 112px !important;
  }
  .tx-lg-114 {
    font-size: 114px;
  }
  .tx-lg-114-force {
    font-size: 114px !important;
  }
  .tx-lg-116 {
    font-size: 116px;
  }
  .tx-lg-116-force {
    font-size: 116px !important;
  }
  .tx-lg-118 {
    font-size: 118px;
  }
  .tx-lg-118-force {
    font-size: 118px !important;
  }
  .tx-lg-120 {
    font-size: 120px;
  }
  .tx-lg-120-force {
    font-size: 120px !important;
  }
  .tx-lg-122 {
    font-size: 122px;
  }
  .tx-lg-122-force {
    font-size: 122px !important;
  }
  .tx-lg-124 {
    font-size: 124px;
  }
  .tx-lg-124-force {
    font-size: 124px !important;
  }
  .tx-lg-126 {
    font-size: 126px;
  }
  .tx-lg-126-force {
    font-size: 126px !important;
  }
  .tx-lg-128 {
    font-size: 128px;
  }
  .tx-lg-128-force {
    font-size: 128px !important;
  }
  .tx-lg-130 {
    font-size: 130px;
  }
  .tx-lg-130-force {
    font-size: 130px !important;
  }
  .tx-lg-132 {
    font-size: 132px;
  }
  .tx-lg-132-force {
    font-size: 132px !important;
  }
  .tx-lg-134 {
    font-size: 134px;
  }
  .tx-lg-134-force {
    font-size: 134px !important;
  }
  .tx-lg-136 {
    font-size: 136px;
  }
  .tx-lg-136-force {
    font-size: 136px !important;
  }
  .tx-lg-138 {
    font-size: 138px;
  }
  .tx-lg-138-force {
    font-size: 138px !important;
  }
  .tx-lg-140 {
    font-size: 140px;
  }
  .tx-lg-140-force {
    font-size: 140px !important;
  }
  .tx-lg-bold {
    font-weight: 700;
  }
  .tx-lg-semibold {
    font-weight: 600;
  }
  .tx-lg-medium {
    font-weight: 500;
  }
  .tx-lg-normal {
    font-weight: 400;
  }
  .tx-lg-light {
    font-weight: 300;
  }
  .tx-lg-thin {
    font-weight: 200;
  }
  .tx-lg-xthin {
    font-weight: 100;
  }
  .lh-lg-none {
    line-height: 0;
  }
  .lh-lg-0 {
    line-height: 1;
  }
  .lh-lg-1 {
    line-height: 1.1;
  }
  .lh-lg-2 {
    line-height: 1.2;
  }
  .lh-lg-3 {
    line-height: 1.3;
  }
  .lh-lg-4 {
    line-height: 1.4;
  }
  .lh-lg-5 {
    line-height: 1.5;
  }
  .lh-lg-55 {
    line-height: 1.55;
  }
  .lh-lg-6 {
    line-height: 1.6;
  }
  .lh-lg-7 {
    line-height: 1.7;
  }
  .lh-lg-8 {
    line-height: 1.8;
  }
  .lh-lg-9 {
    line-height: 1.9;
  }
  .lh-lg-10 {
    line-height: 2.0;
  }
  .lh-lg-11 {
    line-height: 2.1;
  }
  .lh-lg-12 {
    line-height: 2.2;
  }
  .lh-lg-13 {
    line-height: 2.3;
  }
  .lh-lg-14 {
    line-height: 2.4;
  }
  .lh-lg-15 {
    line-height: 2.5;
  }
  .tx-lg-center {
    text-align: center;
  }
  .tx-lg-right {
    text-align: right;
  }
  .tx-lg-left {
    text-align: left;
  }
  .tx-lg-center-force {
    text-align: center !important;
  }
  .tx-lg-right-force {
    text-align: right !important;
  }
  .tx-lg-left-force {
    text-align: left !important;
  }
}

@media (min-width: 1200px) {
  .tx-xl-8 {
    font-size: 8px;
  }
  .tx-xl-8-force {
    font-size: 8px !important;
  }
  .tx-xl-9 {
    font-size: 9px;
  }
  .tx-xl-9-force {
    font-size: 9px !important;
  }
  .tx-xl-10 {
    font-size: 10px;
  }
  .tx-xl-10-force {
    font-size: 10px !important;
  }
  .tx-xl-11 {
    font-size: 11px;
  }
  .tx-xl-11-force {
    font-size: 11px !important;
  }
  .tx-xl-12 {
    font-size: 12px;
  }
  .tx-xl-12-force {
    font-size: 12px !important;
  }
  .tx-xl-13 {
    font-size: 13px;
  }
  .tx-xl-13-force {
    font-size: 13px !important;
  }
  .tx-xl-14 {
    font-size: 14px;
  }
  .tx-xl-14-force {
    font-size: 14px !important;
  }
  .tx-xl-15 {
    font-size: 15px;
  }
  .tx-xl-15-force {
    font-size: 15px !important;
  }
  .tx-xl-16 {
    font-size: 16px;
  }
  .tx-xl-16-force {
    font-size: 16px !important;
  }
  .tx-xl-18 {
    font-size: 18px;
  }
  .tx-xl-18-force {
    font-size: 18px !important;
  }
  .tx-xl-20 {
    font-size: 20px;
  }
  .tx-xl-20-force {
    font-size: 20px !important;
  }
  .tx-xl-22 {
    font-size: 22px;
  }
  .tx-xl-22-force {
    font-size: 22px !important;
  }
  .tx-xl-24 {
    font-size: 24px;
  }
  .tx-xl-24-force {
    font-size: 24px !important;
  }
  .tx-xl-26 {
    font-size: 26px;
  }
  .tx-xl-26-force {
    font-size: 26px !important;
  }
  .tx-xl-28 {
    font-size: 28px;
  }
  .tx-xl-28-force {
    font-size: 28px !important;
  }
  .tx-xl-30 {
    font-size: 30px;
  }
  .tx-xl-30-force {
    font-size: 30px !important;
  }
  .tx-xl-32 {
    font-size: 32px;
  }
  .tx-xl-32-force {
    font-size: 32px !important;
  }
  .tx-xl-34 {
    font-size: 34px;
  }
  .tx-xl-34-force {
    font-size: 34px !important;
  }
  .tx-xl-36 {
    font-size: 36px;
  }
  .tx-xl-36-force {
    font-size: 36px !important;
  }
  .tx-xl-38 {
    font-size: 38px;
  }
  .tx-xl-38-force {
    font-size: 38px !important;
  }
  .tx-xl-40 {
    font-size: 40px;
  }
  .tx-xl-40-force {
    font-size: 40px !important;
  }
  .tx-xl-42 {
    font-size: 42px;
  }
  .tx-xl-42-force {
    font-size: 42px !important;
  }
  .tx-xl-44 {
    font-size: 44px;
  }
  .tx-xl-44-force {
    font-size: 44px !important;
  }
  .tx-xl-46 {
    font-size: 46px;
  }
  .tx-xl-46-force {
    font-size: 46px !important;
  }
  .tx-xl-48 {
    font-size: 48px;
  }
  .tx-xl-48-force {
    font-size: 48px !important;
  }
  .tx-xl-50 {
    font-size: 50px;
  }
  .tx-xl-50-force {
    font-size: 50px !important;
  }
  .tx-xl-52 {
    font-size: 52px;
  }
  .tx-xl-52-force {
    font-size: 52px !important;
  }
  .tx-xl-54 {
    font-size: 54px;
  }
  .tx-xl-54-force {
    font-size: 54px !important;
  }
  .tx-xl-56 {
    font-size: 56px;
  }
  .tx-xl-56-force {
    font-size: 56px !important;
  }
  .tx-xl-58 {
    font-size: 58px;
  }
  .tx-xl-58-force {
    font-size: 58px !important;
  }
  .tx-xl-60 {
    font-size: 60px;
  }
  .tx-xl-60-force {
    font-size: 60px !important;
  }
  .tx-xl-62 {
    font-size: 62px;
  }
  .tx-xl-62-force {
    font-size: 62px !important;
  }
  .tx-xl-64 {
    font-size: 64px;
  }
  .tx-xl-64-force {
    font-size: 64px !important;
  }
  .tx-xl-66 {
    font-size: 66px;
  }
  .tx-xl-66-force {
    font-size: 66px !important;
  }
  .tx-xl-68 {
    font-size: 68px;
  }
  .tx-xl-68-force {
    font-size: 68px !important;
  }
  .tx-xl-70 {
    font-size: 70px;
  }
  .tx-xl-70-force {
    font-size: 70px !important;
  }
  .tx-xl-72 {
    font-size: 72px;
  }
  .tx-xl-72-force {
    font-size: 72px !important;
  }
  .tx-xl-74 {
    font-size: 74px;
  }
  .tx-xl-74-force {
    font-size: 74px !important;
  }
  .tx-xl-76 {
    font-size: 76px;
  }
  .tx-xl-76-force {
    font-size: 76px !important;
  }
  .tx-xl-78 {
    font-size: 78px;
  }
  .tx-xl-78-force {
    font-size: 78px !important;
  }
  .tx-xl-80 {
    font-size: 80px;
  }
  .tx-xl-80-force {
    font-size: 80px !important;
  }
  .tx-xl-82 {
    font-size: 82px;
  }
  .tx-xl-82-force {
    font-size: 82px !important;
  }
  .tx-xl-84 {
    font-size: 84px;
  }
  .tx-xl-84-force {
    font-size: 84px !important;
  }
  .tx-xl-86 {
    font-size: 86px;
  }
  .tx-xl-86-force {
    font-size: 86px !important;
  }
  .tx-xl-88 {
    font-size: 88px;
  }
  .tx-xl-88-force {
    font-size: 88px !important;
  }
  .tx-xl-90 {
    font-size: 90px;
  }
  .tx-xl-90-force {
    font-size: 90px !important;
  }
  .tx-xl-92 {
    font-size: 92px;
  }
  .tx-xl-92-force {
    font-size: 92px !important;
  }
  .tx-xl-94 {
    font-size: 94px;
  }
  .tx-xl-94-force {
    font-size: 94px !important;
  }
  .tx-xl-96 {
    font-size: 96px;
  }
  .tx-xl-96-force {
    font-size: 96px !important;
  }
  .tx-xl-98 {
    font-size: 98px;
  }
  .tx-xl-98-force {
    font-size: 98px !important;
  }
  .tx-xl-100 {
    font-size: 100px;
  }
  .tx-xl-100-force {
    font-size: 100px !important;
  }
  .tx-xl-102 {
    font-size: 102px;
  }
  .tx-xl-102-force {
    font-size: 102px !important;
  }
  .tx-xl-104 {
    font-size: 104px;
  }
  .tx-xl-104-force {
    font-size: 104px !important;
  }
  .tx-xl-106 {
    font-size: 106px;
  }
  .tx-xl-106-force {
    font-size: 106px !important;
  }
  .tx-xl-108 {
    font-size: 108px;
  }
  .tx-xl-108-force {
    font-size: 108px !important;
  }
  .tx-xl-110 {
    font-size: 110px;
  }
  .tx-xl-110-force {
    font-size: 110px !important;
  }
  .tx-xl-112 {
    font-size: 112px;
  }
  .tx-xl-112-force {
    font-size: 112px !important;
  }
  .tx-xl-114 {
    font-size: 114px;
  }
  .tx-xl-114-force {
    font-size: 114px !important;
  }
  .tx-xl-116 {
    font-size: 116px;
  }
  .tx-xl-116-force {
    font-size: 116px !important;
  }
  .tx-xl-118 {
    font-size: 118px;
  }
  .tx-xl-118-force {
    font-size: 118px !important;
  }
  .tx-xl-120 {
    font-size: 120px;
  }
  .tx-xl-120-force {
    font-size: 120px !important;
  }
  .tx-xl-122 {
    font-size: 122px;
  }
  .tx-xl-122-force {
    font-size: 122px !important;
  }
  .tx-xl-124 {
    font-size: 124px;
  }
  .tx-xl-124-force {
    font-size: 124px !important;
  }
  .tx-xl-126 {
    font-size: 126px;
  }
  .tx-xl-126-force {
    font-size: 126px !important;
  }
  .tx-xl-128 {
    font-size: 128px;
  }
  .tx-xl-128-force {
    font-size: 128px !important;
  }
  .tx-xl-130 {
    font-size: 130px;
  }
  .tx-xl-130-force {
    font-size: 130px !important;
  }
  .tx-xl-132 {
    font-size: 132px;
  }
  .tx-xl-132-force {
    font-size: 132px !important;
  }
  .tx-xl-134 {
    font-size: 134px;
  }
  .tx-xl-134-force {
    font-size: 134px !important;
  }
  .tx-xl-136 {
    font-size: 136px;
  }
  .tx-xl-136-force {
    font-size: 136px !important;
  }
  .tx-xl-138 {
    font-size: 138px;
  }
  .tx-xl-138-force {
    font-size: 138px !important;
  }
  .tx-xl-140 {
    font-size: 140px;
  }
  .tx-xl-140-force {
    font-size: 140px !important;
  }
  .tx-xl-bold {
    font-weight: 700;
  }
  .tx-xl-semibold {
    font-weight: 600;
  }
  .tx-xl-medium {
    font-weight: 500;
  }
  .tx-xl-normal {
    font-weight: 400;
  }
  .tx-xl-light {
    font-weight: 300;
  }
  .tx-xl-thin {
    font-weight: 200;
  }
  .tx-xl-xthin {
    font-weight: 100;
  }
  .lh-xl-none {
    line-height: 0;
  }
  .lh-xl-0 {
    line-height: 1;
  }
  .lh-xl-1 {
    line-height: 1.1;
  }
  .lh-xl-2 {
    line-height: 1.2;
  }
  .lh-xl-3 {
    line-height: 1.3;
  }
  .lh-xl-4 {
    line-height: 1.4;
  }
  .lh-xl-5 {
    line-height: 1.5;
  }
  .lh-xl-55 {
    line-height: 1.55;
  }
  .lh-xl-6 {
    line-height: 1.6;
  }
  .lh-xl-7 {
    line-height: 1.7;
  }
  .lh-xl-8 {
    line-height: 1.8;
  }
  .lh-xl-9 {
    line-height: 1.9;
  }
  .lh-xl-10 {
    line-height: 2.0;
  }
  .lh-xl-11 {
    line-height: 2.1;
  }
  .lh-xl-12 {
    line-height: 2.2;
  }
  .lh-xl-13 {
    line-height: 2.3;
  }
  .lh-xl-14 {
    line-height: 2.4;
  }
  .lh-xl-15 {
    line-height: 2.5;
  }
  .tx-xl-center {
    text-align: center;
  }
  .tx-xl-right {
    text-align: right;
  }
  .tx-xl-left {
    text-align: left;
  }
  .tx-xl-center-force {
    text-align: center !important;
  }
  .tx-xl-right-force {
    text-align: right !important;
  }
  .tx-xl-left-force {
    text-align: left !important;
  }
}

/* ------------------------------------- */
/* ############### Width ############### */
/* ------------------------------------- */
.wd-5 {
  width: 5px;
}

.wd-5p {
  width: 5%;
}

.mx-wd-5p {
  max-width: 5%;
}

.mn-wd-5p {
  min-width: 5%;
}

.wd-5-force {
  width: 5px !important;
}

.wd-5p-force {
  width: 5% !important;
}

.mx-wd-5p-force {
  max-width: 5% !important;
}

.mn-wd-5p-force {
  min-width: 5% !important;
}

.wd-10 {
  width: 10px;
}

.wd-10p {
  width: 10%;
}

.mx-wd-10p {
  max-width: 10%;
}

.mn-wd-10p {
  min-width: 10%;
}

.wd-10-force {
  width: 10px !important;
}

.wd-10p-force {
  width: 10% !important;
}

.mx-wd-10p-force {
  max-width: 10% !important;
}

.mn-wd-10p-force {
  min-width: 10% !important;
}

.wd-15 {
  width: 15px;
}

.wd-15p {
  width: 15%;
}

.mx-wd-15p {
  max-width: 15%;
}

.mn-wd-15p {
  min-width: 15%;
}

.wd-15-force {
  width: 15px !important;
}

.wd-15p-force {
  width: 15% !important;
}

.mx-wd-15p-force {
  max-width: 15% !important;
}

.mn-wd-15p-force {
  min-width: 15% !important;
}

.wd-20 {
  width: 20px;
}

.wd-20p {
  width: 20%;
}

.mx-wd-20p {
  max-width: 20%;
}

.mn-wd-20p {
  min-width: 20%;
}

.wd-20-force {
  width: 20px !important;
}

.wd-20p-force {
  width: 20% !important;
}

.mx-wd-20p-force {
  max-width: 20% !important;
}

.mn-wd-20p-force {
  min-width: 20% !important;
}

.wd-25 {
  width: 25px;
}

.wd-25p {
  width: 25%;
}

.mx-wd-25p {
  max-width: 25%;
}

.mn-wd-25p {
  min-width: 25%;
}

.wd-25-force {
  width: 25px !important;
}

.wd-25p-force {
  width: 25% !important;
}

.mx-wd-25p-force {
  max-width: 25% !important;
}

.mn-wd-25p-force {
  min-width: 25% !important;
}

.wd-30 {
  width: 30px;
}

.wd-30p {
  width: 30%;
}

.mx-wd-30p {
  max-width: 30%;
}

.mn-wd-30p {
  min-width: 30%;
}

.wd-30-force {
  width: 30px !important;
}

.wd-30p-force {
  width: 30% !important;
}

.mx-wd-30p-force {
  max-width: 30% !important;
}

.mn-wd-30p-force {
  min-width: 30% !important;
}

.wd-35 {
  width: 35px;
}

.wd-35p {
  width: 35%;
}

.mx-wd-35p {
  max-width: 35%;
}

.mn-wd-35p {
  min-width: 35%;
}

.wd-35-force {
  width: 35px !important;
}

.wd-35p-force {
  width: 35% !important;
}

.mx-wd-35p-force {
  max-width: 35% !important;
}

.mn-wd-35p-force {
  min-width: 35% !important;
}

.wd-40 {
  width: 40px;
}

.wd-40p {
  width: 40%;
}

.mx-wd-40p {
  max-width: 40%;
}

.mn-wd-40p {
  min-width: 40%;
}

.wd-40-force {
  width: 40px !important;
}

.wd-40p-force {
  width: 40% !important;
}

.mx-wd-40p-force {
  max-width: 40% !important;
}

.mn-wd-40p-force {
  min-width: 40% !important;
}

.wd-45 {
  width: 45px;
}

.wd-45p {
  width: 45%;
}

.mx-wd-45p {
  max-width: 45%;
}

.mn-wd-45p {
  min-width: 45%;
}

.wd-45-force {
  width: 45px !important;
}

.wd-45p-force {
  width: 45% !important;
}

.mx-wd-45p-force {
  max-width: 45% !important;
}

.mn-wd-45p-force {
  min-width: 45% !important;
}

.wd-50 {
  width: 50px;
}

.wd-50p {
  width: 50%;
}

.mx-wd-50p {
  max-width: 50%;
}

.mn-wd-50p {
  min-width: 50%;
}

.wd-50-force {
  width: 50px !important;
}

.wd-50p-force {
  width: 50% !important;
}

.mx-wd-50p-force {
  max-width: 50% !important;
}

.mn-wd-50p-force {
  min-width: 50% !important;
}

.wd-55 {
  width: 55px;
}

.wd-55p {
  width: 55%;
}

.mx-wd-55p {
  max-width: 55%;
}

.mn-wd-55p {
  min-width: 55%;
}

.wd-55-force {
  width: 55px !important;
}

.wd-55p-force {
  width: 55% !important;
}

.mx-wd-55p-force {
  max-width: 55% !important;
}

.mn-wd-55p-force {
  min-width: 55% !important;
}

.wd-60 {
  width: 60px;
}

.wd-60p {
  width: 60%;
}

.mx-wd-60p {
  max-width: 60%;
}

.mn-wd-60p {
  min-width: 60%;
}

.wd-60-force {
  width: 60px !important;
}

.wd-60p-force {
  width: 60% !important;
}

.mx-wd-60p-force {
  max-width: 60% !important;
}

.mn-wd-60p-force {
  min-width: 60% !important;
}

.wd-65 {
  width: 65px;
}

.wd-65p {
  width: 65%;
}

.mx-wd-65p {
  max-width: 65%;
}

.mn-wd-65p {
  min-width: 65%;
}

.wd-65-force {
  width: 65px !important;
}

.wd-65p-force {
  width: 65% !important;
}

.mx-wd-65p-force {
  max-width: 65% !important;
}

.mn-wd-65p-force {
  min-width: 65% !important;
}

.wd-70 {
  width: 70px;
}

.wd-70p {
  width: 70%;
}

.mx-wd-70p {
  max-width: 70%;
}

.mn-wd-70p {
  min-width: 70%;
}

.wd-70-force {
  width: 70px !important;
}

.wd-70p-force {
  width: 70% !important;
}

.mx-wd-70p-force {
  max-width: 70% !important;
}

.mn-wd-70p-force {
  min-width: 70% !important;
}

.wd-75 {
  width: 75px;
}

.wd-75p {
  width: 75%;
}

.mx-wd-75p {
  max-width: 75%;
}

.mn-wd-75p {
  min-width: 75%;
}

.wd-75-force {
  width: 75px !important;
}

.wd-75p-force {
  width: 75% !important;
}

.mx-wd-75p-force {
  max-width: 75% !important;
}

.mn-wd-75p-force {
  min-width: 75% !important;
}

.wd-80 {
  width: 80px;
}

.wd-80p {
  width: 80%;
}

.mx-wd-80p {
  max-width: 80%;
}

.mn-wd-80p {
  min-width: 80%;
}

.wd-80-force {
  width: 80px !important;
}

.wd-80p-force {
  width: 80% !important;
}

.mx-wd-80p-force {
  max-width: 80% !important;
}

.mn-wd-80p-force {
  min-width: 80% !important;
}

.wd-85 {
  width: 85px;
}

.wd-85p {
  width: 85%;
}

.mx-wd-85p {
  max-width: 85%;
}

.mn-wd-85p {
  min-width: 85%;
}

.wd-85-force {
  width: 85px !important;
}

.wd-85p-force {
  width: 85% !important;
}

.mx-wd-85p-force {
  max-width: 85% !important;
}

.mn-wd-85p-force {
  min-width: 85% !important;
}

.wd-90 {
  width: 90px;
}

.wd-90p {
  width: 90%;
}

.mx-wd-90p {
  max-width: 90%;
}

.mn-wd-90p {
  min-width: 90%;
}

.wd-90-force {
  width: 90px !important;
}

.wd-90p-force {
  width: 90% !important;
}

.mx-wd-90p-force {
  max-width: 90% !important;
}

.mn-wd-90p-force {
  min-width: 90% !important;
}

.wd-95 {
  width: 95px;
}

.wd-95p {
  width: 95%;
}

.mx-wd-95p {
  max-width: 95%;
}

.mn-wd-95p {
  min-width: 95%;
}

.wd-95-force {
  width: 95px !important;
}

.wd-95p-force {
  width: 95% !important;
}

.mx-wd-95p-force {
  max-width: 95% !important;
}

.mn-wd-95p-force {
  min-width: 95% !important;
}

.wd-100 {
  width: 100px;
}

.wd-100p {
  width: 100%;
}

.mx-wd-100p {
  max-width: 100%;
}

.mn-wd-100p {
  min-width: 100%;
}

.wd-100-force {
  width: 100px !important;
}

.wd-100p-force {
  width: 100% !important;
}

.mx-wd-100p-force {
  max-width: 100% !important;
}

.mn-wd-100p-force {
  min-width: 100% !important;
}

.wd-150 {
  width: 150px;
}

.wd-150-force {
  width: 150px !important;
}

.wd-200 {
  width: 200px;
}

.wd-200-force {
  width: 200px !important;
}

.wd-250 {
  width: 250px;
}

.wd-250-force {
  width: 250px !important;
}

.wd-300 {
  width: 300px;
}

.wd-300-force {
  width: 300px !important;
}

.wd-350 {
  width: 350px;
}

.wd-350-force {
  width: 350px !important;
}

.wd-400 {
  width: 400px;
}

.wd-400-force {
  width: 400px !important;
}

.wd-450 {
  width: 450px;
}

.wd-450-force {
  width: 450px !important;
}

.wd-500 {
  width: 500px;
}

.wd-500-force {
  width: 500px !important;
}

.wd-550 {
  width: 550px;
}

.wd-550-force {
  width: 550px !important;
}

.wd-600 {
  width: 600px;
}

.wd-600-force {
  width: 600px !important;
}

.wd-650 {
  width: 650px;
}

.wd-650-force {
  width: 650px !important;
}

.wd-700 {
  width: 700px;
}

.wd-700-force {
  width: 700px !important;
}

.wd-750 {
  width: 750px;
}

.wd-750-force {
  width: 750px !important;
}

.wd-800 {
  width: 800px;
}

.wd-800-force {
  width: 800px !important;
}

.wd-850 {
  width: 850px;
}

.wd-850-force {
  width: 850px !important;
}

.wd-900 {
  width: 900px;
}

.wd-900-force {
  width: 900px !important;
}

.wd-950 {
  width: 950px;
}

.wd-950-force {
  width: 950px !important;
}

.wd-1000 {
  width: 1000px;
}

.wd-1000-force {
  width: 1000px !important;
}

@media (min-width: 480px) {
  .wd-xs-5 {
    width: 5px;
  }
  .wd-xs-5p {
    width: 5%;
  }
  .mx-wd-xs-5p {
    max-width: 5%;
  }
  .mn-wd-xs-5p {
    min-width: 5%;
  }
  .wd-xs-5-force {
    width: 5px !important;
  }
  .wd-xs-5p-force {
    width: 5% !important;
  }
  .mx-wd-xs-5p-force {
    max-width: 5% !important;
  }
  .mn-wd-xs-5p-force {
    min-width: 5% !important;
  }
  .wd-xs-10 {
    width: 10px;
  }
  .wd-xs-10p {
    width: 10%;
  }
  .mx-wd-xs-10p {
    max-width: 10%;
  }
  .mn-wd-xs-10p {
    min-width: 10%;
  }
  .wd-xs-10-force {
    width: 10px !important;
  }
  .wd-xs-10p-force {
    width: 10% !important;
  }
  .mx-wd-xs-10p-force {
    max-width: 10% !important;
  }
  .mn-wd-xs-10p-force {
    min-width: 10% !important;
  }
  .wd-xs-15 {
    width: 15px;
  }
  .wd-xs-15p {
    width: 15%;
  }
  .mx-wd-xs-15p {
    max-width: 15%;
  }
  .mn-wd-xs-15p {
    min-width: 15%;
  }
  .wd-xs-15-force {
    width: 15px !important;
  }
  .wd-xs-15p-force {
    width: 15% !important;
  }
  .mx-wd-xs-15p-force {
    max-width: 15% !important;
  }
  .mn-wd-xs-15p-force {
    min-width: 15% !important;
  }
  .wd-xs-20 {
    width: 20px;
  }
  .wd-xs-20p {
    width: 20%;
  }
  .mx-wd-xs-20p {
    max-width: 20%;
  }
  .mn-wd-xs-20p {
    min-width: 20%;
  }
  .wd-xs-20-force {
    width: 20px !important;
  }
  .wd-xs-20p-force {
    width: 20% !important;
  }
  .mx-wd-xs-20p-force {
    max-width: 20% !important;
  }
  .mn-wd-xs-20p-force {
    min-width: 20% !important;
  }
  .wd-xs-25 {
    width: 25px;
  }
  .wd-xs-25p {
    width: 25%;
  }
  .mx-wd-xs-25p {
    max-width: 25%;
  }
  .mn-wd-xs-25p {
    min-width: 25%;
  }
  .wd-xs-25-force {
    width: 25px !important;
  }
  .wd-xs-25p-force {
    width: 25% !important;
  }
  .mx-wd-xs-25p-force {
    max-width: 25% !important;
  }
  .mn-wd-xs-25p-force {
    min-width: 25% !important;
  }
  .wd-xs-30 {
    width: 30px;
  }
  .wd-xs-30p {
    width: 30%;
  }
  .mx-wd-xs-30p {
    max-width: 30%;
  }
  .mn-wd-xs-30p {
    min-width: 30%;
  }
  .wd-xs-30-force {
    width: 30px !important;
  }
  .wd-xs-30p-force {
    width: 30% !important;
  }
  .mx-wd-xs-30p-force {
    max-width: 30% !important;
  }
  .mn-wd-xs-30p-force {
    min-width: 30% !important;
  }
  .wd-xs-35 {
    width: 35px;
  }
  .wd-xs-35p {
    width: 35%;
  }
  .mx-wd-xs-35p {
    max-width: 35%;
  }
  .mn-wd-xs-35p {
    min-width: 35%;
  }
  .wd-xs-35-force {
    width: 35px !important;
  }
  .wd-xs-35p-force {
    width: 35% !important;
  }
  .mx-wd-xs-35p-force {
    max-width: 35% !important;
  }
  .mn-wd-xs-35p-force {
    min-width: 35% !important;
  }
  .wd-xs-40 {
    width: 40px;
  }
  .wd-xs-40p {
    width: 40%;
  }
  .mx-wd-xs-40p {
    max-width: 40%;
  }
  .mn-wd-xs-40p {
    min-width: 40%;
  }
  .wd-xs-40-force {
    width: 40px !important;
  }
  .wd-xs-40p-force {
    width: 40% !important;
  }
  .mx-wd-xs-40p-force {
    max-width: 40% !important;
  }
  .mn-wd-xs-40p-force {
    min-width: 40% !important;
  }
  .wd-xs-45 {
    width: 45px;
  }
  .wd-xs-45p {
    width: 45%;
  }
  .mx-wd-xs-45p {
    max-width: 45%;
  }
  .mn-wd-xs-45p {
    min-width: 45%;
  }
  .wd-xs-45-force {
    width: 45px !important;
  }
  .wd-xs-45p-force {
    width: 45% !important;
  }
  .mx-wd-xs-45p-force {
    max-width: 45% !important;
  }
  .mn-wd-xs-45p-force {
    min-width: 45% !important;
  }
  .wd-xs-50 {
    width: 50px;
  }
  .wd-xs-50p {
    width: 50%;
  }
  .mx-wd-xs-50p {
    max-width: 50%;
  }
  .mn-wd-xs-50p {
    min-width: 50%;
  }
  .wd-xs-50-force {
    width: 50px !important;
  }
  .wd-xs-50p-force {
    width: 50% !important;
  }
  .mx-wd-xs-50p-force {
    max-width: 50% !important;
  }
  .mn-wd-xs-50p-force {
    min-width: 50% !important;
  }
  .wd-xs-55 {
    width: 55px;
  }
  .wd-xs-55p {
    width: 55%;
  }
  .mx-wd-xs-55p {
    max-width: 55%;
  }
  .mn-wd-xs-55p {
    min-width: 55%;
  }
  .wd-xs-55-force {
    width: 55px !important;
  }
  .wd-xs-55p-force {
    width: 55% !important;
  }
  .mx-wd-xs-55p-force {
    max-width: 55% !important;
  }
  .mn-wd-xs-55p-force {
    min-width: 55% !important;
  }
  .wd-xs-60 {
    width: 60px;
  }
  .wd-xs-60p {
    width: 60%;
  }
  .mx-wd-xs-60p {
    max-width: 60%;
  }
  .mn-wd-xs-60p {
    min-width: 60%;
  }
  .wd-xs-60-force {
    width: 60px !important;
  }
  .wd-xs-60p-force {
    width: 60% !important;
  }
  .mx-wd-xs-60p-force {
    max-width: 60% !important;
  }
  .mn-wd-xs-60p-force {
    min-width: 60% !important;
  }
  .wd-xs-65 {
    width: 65px;
  }
  .wd-xs-65p {
    width: 65%;
  }
  .mx-wd-xs-65p {
    max-width: 65%;
  }
  .mn-wd-xs-65p {
    min-width: 65%;
  }
  .wd-xs-65-force {
    width: 65px !important;
  }
  .wd-xs-65p-force {
    width: 65% !important;
  }
  .mx-wd-xs-65p-force {
    max-width: 65% !important;
  }
  .mn-wd-xs-65p-force {
    min-width: 65% !important;
  }
  .wd-xs-70 {
    width: 70px;
  }
  .wd-xs-70p {
    width: 70%;
  }
  .mx-wd-xs-70p {
    max-width: 70%;
  }
  .mn-wd-xs-70p {
    min-width: 70%;
  }
  .wd-xs-70-force {
    width: 70px !important;
  }
  .wd-xs-70p-force {
    width: 70% !important;
  }
  .mx-wd-xs-70p-force {
    max-width: 70% !important;
  }
  .mn-wd-xs-70p-force {
    min-width: 70% !important;
  }
  .wd-xs-75 {
    width: 75px;
  }
  .wd-xs-75p {
    width: 75%;
  }
  .mx-wd-xs-75p {
    max-width: 75%;
  }
  .mn-wd-xs-75p {
    min-width: 75%;
  }
  .wd-xs-75-force {
    width: 75px !important;
  }
  .wd-xs-75p-force {
    width: 75% !important;
  }
  .mx-wd-xs-75p-force {
    max-width: 75% !important;
  }
  .mn-wd-xs-75p-force {
    min-width: 75% !important;
  }
  .wd-xs-80 {
    width: 80px;
  }
  .wd-xs-80p {
    width: 80%;
  }
  .mx-wd-xs-80p {
    max-width: 80%;
  }
  .mn-wd-xs-80p {
    min-width: 80%;
  }
  .wd-xs-80-force {
    width: 80px !important;
  }
  .wd-xs-80p-force {
    width: 80% !important;
  }
  .mx-wd-xs-80p-force {
    max-width: 80% !important;
  }
  .mn-wd-xs-80p-force {
    min-width: 80% !important;
  }
  .wd-xs-85 {
    width: 85px;
  }
  .wd-xs-85p {
    width: 85%;
  }
  .mx-wd-xs-85p {
    max-width: 85%;
  }
  .mn-wd-xs-85p {
    min-width: 85%;
  }
  .wd-xs-85-force {
    width: 85px !important;
  }
  .wd-xs-85p-force {
    width: 85% !important;
  }
  .mx-wd-xs-85p-force {
    max-width: 85% !important;
  }
  .mn-wd-xs-85p-force {
    min-width: 85% !important;
  }
  .wd-xs-90 {
    width: 90px;
  }
  .wd-xs-90p {
    width: 90%;
  }
  .mx-wd-xs-90p {
    max-width: 90%;
  }
  .mn-wd-xs-90p {
    min-width: 90%;
  }
  .wd-xs-90-force {
    width: 90px !important;
  }
  .wd-xs-90p-force {
    width: 90% !important;
  }
  .mx-wd-xs-90p-force {
    max-width: 90% !important;
  }
  .mn-wd-xs-90p-force {
    min-width: 90% !important;
  }
  .wd-xs-95 {
    width: 95px;
  }
  .wd-xs-95p {
    width: 95%;
  }
  .mx-wd-xs-95p {
    max-width: 95%;
  }
  .mn-wd-xs-95p {
    min-width: 95%;
  }
  .wd-xs-95-force {
    width: 95px !important;
  }
  .wd-xs-95p-force {
    width: 95% !important;
  }
  .mx-wd-xs-95p-force {
    max-width: 95% !important;
  }
  .mn-wd-xs-95p-force {
    min-width: 95% !important;
  }
  .wd-xs-100 {
    width: 100px;
  }
  .wd-xs-100p {
    width: 100%;
  }
  .mx-wd-xs-100p {
    max-width: 100%;
  }
  .mn-wd-xs-100p {
    min-width: 100%;
  }
  .wd-xs-100-force {
    width: 100px !important;
  }
  .wd-xs-100p-force {
    width: 100% !important;
  }
  .mx-wd-xs-100p-force {
    max-width: 100% !important;
  }
  .mn-wd-xs-100p-force {
    min-width: 100% !important;
  }
  .wd-xs-150 {
    width: 150px;
  }
  .wd-xs-150p {
    width: 150%;
  }
  .mx-wd-xs-150p {
    max-width: 150%;
  }
  .mn-wd-xs-150p {
    min-width: 150%;
  }
  .wd-xs-150-force {
    width: 150px !important;
  }
  .wd-xs-150p-force {
    width: 150% !important;
  }
  .mx-wd-xs-150p-force {
    max-width: 150% !important;
  }
  .mn-wd-xs-150p-force {
    min-width: 150% !important;
  }
  .wd-xs-200 {
    width: 200px;
  }
  .wd-xs-200p {
    width: 200%;
  }
  .mx-wd-xs-200p {
    max-width: 200%;
  }
  .mn-wd-xs-200p {
    min-width: 200%;
  }
  .wd-xs-200-force {
    width: 200px !important;
  }
  .wd-xs-200p-force {
    width: 200% !important;
  }
  .mx-wd-xs-200p-force {
    max-width: 200% !important;
  }
  .mn-wd-xs-200p-force {
    min-width: 200% !important;
  }
  .wd-xs-250 {
    width: 250px;
  }
  .wd-xs-250p {
    width: 250%;
  }
  .mx-wd-xs-250p {
    max-width: 250%;
  }
  .mn-wd-xs-250p {
    min-width: 250%;
  }
  .wd-xs-250-force {
    width: 250px !important;
  }
  .wd-xs-250p-force {
    width: 250% !important;
  }
  .mx-wd-xs-250p-force {
    max-width: 250% !important;
  }
  .mn-wd-xs-250p-force {
    min-width: 250% !important;
  }
  .wd-xs-300 {
    width: 300px;
  }
  .wd-xs-300p {
    width: 300%;
  }
  .mx-wd-xs-300p {
    max-width: 300%;
  }
  .mn-wd-xs-300p {
    min-width: 300%;
  }
  .wd-xs-300-force {
    width: 300px !important;
  }
  .wd-xs-300p-force {
    width: 300% !important;
  }
  .mx-wd-xs-300p-force {
    max-width: 300% !important;
  }
  .mn-wd-xs-300p-force {
    min-width: 300% !important;
  }
  .wd-xs-350 {
    width: 350px;
  }
  .wd-xs-350p {
    width: 350%;
  }
  .mx-wd-xs-350p {
    max-width: 350%;
  }
  .mn-wd-xs-350p {
    min-width: 350%;
  }
  .wd-xs-350-force {
    width: 350px !important;
  }
  .wd-xs-350p-force {
    width: 350% !important;
  }
  .mx-wd-xs-350p-force {
    max-width: 350% !important;
  }
  .mn-wd-xs-350p-force {
    min-width: 350% !important;
  }
  .wd-xs-400 {
    width: 400px;
  }
  .wd-xs-400p {
    width: 400%;
  }
  .mx-wd-xs-400p {
    max-width: 400%;
  }
  .mn-wd-xs-400p {
    min-width: 400%;
  }
  .wd-xs-400-force {
    width: 400px !important;
  }
  .wd-xs-400p-force {
    width: 400% !important;
  }
  .mx-wd-xs-400p-force {
    max-width: 400% !important;
  }
  .mn-wd-xs-400p-force {
    min-width: 400% !important;
  }
  .wd-xs-450 {
    width: 450px;
  }
  .wd-xs-450p {
    width: 450%;
  }
  .mx-wd-xs-450p {
    max-width: 450%;
  }
  .mn-wd-xs-450p {
    min-width: 450%;
  }
  .wd-xs-450-force {
    width: 450px !important;
  }
  .wd-xs-450p-force {
    width: 450% !important;
  }
  .mx-wd-xs-450p-force {
    max-width: 450% !important;
  }
  .mn-wd-xs-450p-force {
    min-width: 450% !important;
  }
  .wd-xs-500 {
    width: 500px;
  }
  .wd-xs-500p {
    width: 500%;
  }
  .mx-wd-xs-500p {
    max-width: 500%;
  }
  .mn-wd-xs-500p {
    min-width: 500%;
  }
  .wd-xs-500-force {
    width: 500px !important;
  }
  .wd-xs-500p-force {
    width: 500% !important;
  }
  .mx-wd-xs-500p-force {
    max-width: 500% !important;
  }
  .mn-wd-xs-500p-force {
    min-width: 500% !important;
  }
  .wd-xs-550 {
    width: 550px;
  }
  .wd-xs-550p {
    width: 550%;
  }
  .mx-wd-xs-550p {
    max-width: 550%;
  }
  .mn-wd-xs-550p {
    min-width: 550%;
  }
  .wd-xs-550-force {
    width: 550px !important;
  }
  .wd-xs-550p-force {
    width: 550% !important;
  }
  .mx-wd-xs-550p-force {
    max-width: 550% !important;
  }
  .mn-wd-xs-550p-force {
    min-width: 550% !important;
  }
  .wd-xs-600 {
    width: 600px;
  }
  .wd-xs-600p {
    width: 600%;
  }
  .mx-wd-xs-600p {
    max-width: 600%;
  }
  .mn-wd-xs-600p {
    min-width: 600%;
  }
  .wd-xs-600-force {
    width: 600px !important;
  }
  .wd-xs-600p-force {
    width: 600% !important;
  }
  .mx-wd-xs-600p-force {
    max-width: 600% !important;
  }
  .mn-wd-xs-600p-force {
    min-width: 600% !important;
  }
  .wd-xs-650 {
    width: 650px;
  }
  .wd-xs-650p {
    width: 650%;
  }
  .mx-wd-xs-650p {
    max-width: 650%;
  }
  .mn-wd-xs-650p {
    min-width: 650%;
  }
  .wd-xs-650-force {
    width: 650px !important;
  }
  .wd-xs-650p-force {
    width: 650% !important;
  }
  .mx-wd-xs-650p-force {
    max-width: 650% !important;
  }
  .mn-wd-xs-650p-force {
    min-width: 650% !important;
  }
  .wd-xs-700 {
    width: 700px;
  }
  .wd-xs-700p {
    width: 700%;
  }
  .mx-wd-xs-700p {
    max-width: 700%;
  }
  .mn-wd-xs-700p {
    min-width: 700%;
  }
  .wd-xs-700-force {
    width: 700px !important;
  }
  .wd-xs-700p-force {
    width: 700% !important;
  }
  .mx-wd-xs-700p-force {
    max-width: 700% !important;
  }
  .mn-wd-xs-700p-force {
    min-width: 700% !important;
  }
  .wd-xs-750 {
    width: 750px;
  }
  .wd-xs-750p {
    width: 750%;
  }
  .mx-wd-xs-750p {
    max-width: 750%;
  }
  .mn-wd-xs-750p {
    min-width: 750%;
  }
  .wd-xs-750-force {
    width: 750px !important;
  }
  .wd-xs-750p-force {
    width: 750% !important;
  }
  .mx-wd-xs-750p-force {
    max-width: 750% !important;
  }
  .mn-wd-xs-750p-force {
    min-width: 750% !important;
  }
  .wd-xs-800 {
    width: 800px;
  }
  .wd-xs-800p {
    width: 800%;
  }
  .mx-wd-xs-800p {
    max-width: 800%;
  }
  .mn-wd-xs-800p {
    min-width: 800%;
  }
  .wd-xs-800-force {
    width: 800px !important;
  }
  .wd-xs-800p-force {
    width: 800% !important;
  }
  .mx-wd-xs-800p-force {
    max-width: 800% !important;
  }
  .mn-wd-xs-800p-force {
    min-width: 800% !important;
  }
  .wd-xs-850 {
    width: 850px;
  }
  .wd-xs-850p {
    width: 850%;
  }
  .mx-wd-xs-850p {
    max-width: 850%;
  }
  .mn-wd-xs-850p {
    min-width: 850%;
  }
  .wd-xs-850-force {
    width: 850px !important;
  }
  .wd-xs-850p-force {
    width: 850% !important;
  }
  .mx-wd-xs-850p-force {
    max-width: 850% !important;
  }
  .mn-wd-xs-850p-force {
    min-width: 850% !important;
  }
  .wd-xs-900 {
    width: 900px;
  }
  .wd-xs-900p {
    width: 900%;
  }
  .mx-wd-xs-900p {
    max-width: 900%;
  }
  .mn-wd-xs-900p {
    min-width: 900%;
  }
  .wd-xs-900-force {
    width: 900px !important;
  }
  .wd-xs-900p-force {
    width: 900% !important;
  }
  .mx-wd-xs-900p-force {
    max-width: 900% !important;
  }
  .mn-wd-xs-900p-force {
    min-width: 900% !important;
  }
  .wd-xs-950 {
    width: 950px;
  }
  .wd-xs-950p {
    width: 950%;
  }
  .mx-wd-xs-950p {
    max-width: 950%;
  }
  .mn-wd-xs-950p {
    min-width: 950%;
  }
  .wd-xs-950-force {
    width: 950px !important;
  }
  .wd-xs-950p-force {
    width: 950% !important;
  }
  .mx-wd-xs-950p-force {
    max-width: 950% !important;
  }
  .mn-wd-xs-950p-force {
    min-width: 950% !important;
  }
  .wd-xs-1000 {
    width: 1000px;
  }
  .wd-xs-1000p {
    width: 1000%;
  }
  .mx-wd-xs-1000p {
    max-width: 1000%;
  }
  .mn-wd-xs-1000p {
    min-width: 1000%;
  }
  .wd-xs-1000-force {
    width: 1000px !important;
  }
  .wd-xs-1000p-force {
    width: 1000% !important;
  }
  .mx-wd-xs-1000p-force {
    max-width: 1000% !important;
  }
  .mn-wd-xs-1000p-force {
    min-width: 1000% !important;
  }
  .wd-xs-auto {
    width: auto;
  }
  .wd-xs-auto-force {
    width: auto !important;
  }
}

@media (min-width: 599px) {
  .wd-sm-5 {
    width: 5px;
  }
  .wd-sm-5p {
    width: 5%;
  }
  .mx-wd-sm-5p {
    max-width: 5%;
  }
  .mn-wd-sm-5p {
    min-width: 5%;
  }
  .wd-sm-5-force {
    width: 5px !important;
  }
  .wd-sm-5p-force {
    width: 5% !important;
  }
  .mx-wd-sm-5p-force {
    max-width: 5% !important;
  }
  .mn-wd-sm-5p-force {
    min-width: 5% !important;
  }
  .wd-sm-10 {
    width: 10px;
  }
  .wd-sm-10p {
    width: 10%;
  }
  .mx-wd-sm-10p {
    max-width: 10%;
  }
  .mn-wd-sm-10p {
    min-width: 10%;
  }
  .wd-sm-10-force {
    width: 10px !important;
  }
  .wd-sm-10p-force {
    width: 10% !important;
  }
  .mx-wd-sm-10p-force {
    max-width: 10% !important;
  }
  .mn-wd-sm-10p-force {
    min-width: 10% !important;
  }
  .wd-sm-15 {
    width: 15px;
  }
  .wd-sm-15p {
    width: 15%;
  }
  .mx-wd-sm-15p {
    max-width: 15%;
  }
  .mn-wd-sm-15p {
    min-width: 15%;
  }
  .wd-sm-15-force {
    width: 15px !important;
  }
  .wd-sm-15p-force {
    width: 15% !important;
  }
  .mx-wd-sm-15p-force {
    max-width: 15% !important;
  }
  .mn-wd-sm-15p-force {
    min-width: 15% !important;
  }
  .wd-sm-20 {
    width: 20px;
  }
  .wd-sm-20p {
    width: 20%;
  }
  .mx-wd-sm-20p {
    max-width: 20%;
  }
  .mn-wd-sm-20p {
    min-width: 20%;
  }
  .wd-sm-20-force {
    width: 20px !important;
  }
  .wd-sm-20p-force {
    width: 20% !important;
  }
  .mx-wd-sm-20p-force {
    max-width: 20% !important;
  }
  .mn-wd-sm-20p-force {
    min-width: 20% !important;
  }
  .wd-sm-25 {
    width: 25px;
  }
  .wd-sm-25p {
    width: 25%;
  }
  .mx-wd-sm-25p {
    max-width: 25%;
  }
  .mn-wd-sm-25p {
    min-width: 25%;
  }
  .wd-sm-25-force {
    width: 25px !important;
  }
  .wd-sm-25p-force {
    width: 25% !important;
  }
  .mx-wd-sm-25p-force {
    max-width: 25% !important;
  }
  .mn-wd-sm-25p-force {
    min-width: 25% !important;
  }
  .wd-sm-30 {
    width: 30px;
  }
  .wd-sm-30p {
    width: 30%;
  }
  .mx-wd-sm-30p {
    max-width: 30%;
  }
  .mn-wd-sm-30p {
    min-width: 30%;
  }
  .wd-sm-30-force {
    width: 30px !important;
  }
  .wd-sm-30p-force {
    width: 30% !important;
  }
  .mx-wd-sm-30p-force {
    max-width: 30% !important;
  }
  .mn-wd-sm-30p-force {
    min-width: 30% !important;
  }
  .wd-sm-35 {
    width: 35px;
  }
  .wd-sm-35p {
    width: 35%;
  }
  .mx-wd-sm-35p {
    max-width: 35%;
  }
  .mn-wd-sm-35p {
    min-width: 35%;
  }
  .wd-sm-35-force {
    width: 35px !important;
  }
  .wd-sm-35p-force {
    width: 35% !important;
  }
  .mx-wd-sm-35p-force {
    max-width: 35% !important;
  }
  .mn-wd-sm-35p-force {
    min-width: 35% !important;
  }
  .wd-sm-40 {
    width: 40px;
  }
  .wd-sm-40p {
    width: 40%;
  }
  .mx-wd-sm-40p {
    max-width: 40%;
  }
  .mn-wd-sm-40p {
    min-width: 40%;
  }
  .wd-sm-40-force {
    width: 40px !important;
  }
  .wd-sm-40p-force {
    width: 40% !important;
  }
  .mx-wd-sm-40p-force {
    max-width: 40% !important;
  }
  .mn-wd-sm-40p-force {
    min-width: 40% !important;
  }
  .wd-sm-45 {
    width: 45px;
  }
  .wd-sm-45p {
    width: 45%;
  }
  .mx-wd-sm-45p {
    max-width: 45%;
  }
  .mn-wd-sm-45p {
    min-width: 45%;
  }
  .wd-sm-45-force {
    width: 45px !important;
  }
  .wd-sm-45p-force {
    width: 45% !important;
  }
  .mx-wd-sm-45p-force {
    max-width: 45% !important;
  }
  .mn-wd-sm-45p-force {
    min-width: 45% !important;
  }
  .wd-sm-50 {
    width: 50px;
  }
  .wd-sm-50p {
    width: 50%;
  }
  .mx-wd-sm-50p {
    max-width: 50%;
  }
  .mn-wd-sm-50p {
    min-width: 50%;
  }
  .wd-sm-50-force {
    width: 50px !important;
  }
  .wd-sm-50p-force {
    width: 50% !important;
  }
  .mx-wd-sm-50p-force {
    max-width: 50% !important;
  }
  .mn-wd-sm-50p-force {
    min-width: 50% !important;
  }
  .wd-sm-55 {
    width: 55px;
  }
  .wd-sm-55p {
    width: 55%;
  }
  .mx-wd-sm-55p {
    max-width: 55%;
  }
  .mn-wd-sm-55p {
    min-width: 55%;
  }
  .wd-sm-55-force {
    width: 55px !important;
  }
  .wd-sm-55p-force {
    width: 55% !important;
  }
  .mx-wd-sm-55p-force {
    max-width: 55% !important;
  }
  .mn-wd-sm-55p-force {
    min-width: 55% !important;
  }
  .wd-sm-60 {
    width: 60px;
  }
  .wd-sm-60p {
    width: 60%;
  }
  .mx-wd-sm-60p {
    max-width: 60%;
  }
  .mn-wd-sm-60p {
    min-width: 60%;
  }
  .wd-sm-60-force {
    width: 60px !important;
  }
  .wd-sm-60p-force {
    width: 60% !important;
  }
  .mx-wd-sm-60p-force {
    max-width: 60% !important;
  }
  .mn-wd-sm-60p-force {
    min-width: 60% !important;
  }
  .wd-sm-65 {
    width: 65px;
  }
  .wd-sm-65p {
    width: 65%;
  }
  .mx-wd-sm-65p {
    max-width: 65%;
  }
  .mn-wd-sm-65p {
    min-width: 65%;
  }
  .wd-sm-65-force {
    width: 65px !important;
  }
  .wd-sm-65p-force {
    width: 65% !important;
  }
  .mx-wd-sm-65p-force {
    max-width: 65% !important;
  }
  .mn-wd-sm-65p-force {
    min-width: 65% !important;
  }
  .wd-sm-70 {
    width: 70px;
  }
  .wd-sm-70p {
    width: 70%;
  }
  .mx-wd-sm-70p {
    max-width: 70%;
  }
  .mn-wd-sm-70p {
    min-width: 70%;
  }
  .wd-sm-70-force {
    width: 70px !important;
  }
  .wd-sm-70p-force {
    width: 70% !important;
  }
  .mx-wd-sm-70p-force {
    max-width: 70% !important;
  }
  .mn-wd-sm-70p-force {
    min-width: 70% !important;
  }
  .wd-sm-75 {
    width: 75px;
  }
  .wd-sm-75p {
    width: 75%;
  }
  .mx-wd-sm-75p {
    max-width: 75%;
  }
  .mn-wd-sm-75p {
    min-width: 75%;
  }
  .wd-sm-75-force {
    width: 75px !important;
  }
  .wd-sm-75p-force {
    width: 75% !important;
  }
  .mx-wd-sm-75p-force {
    max-width: 75% !important;
  }
  .mn-wd-sm-75p-force {
    min-width: 75% !important;
  }
  .wd-sm-80 {
    width: 80px;
  }
  .wd-sm-80p {
    width: 80%;
  }
  .mx-wd-sm-80p {
    max-width: 80%;
  }
  .mn-wd-sm-80p {
    min-width: 80%;
  }
  .wd-sm-80-force {
    width: 80px !important;
  }
  .wd-sm-80p-force {
    width: 80% !important;
  }
  .mx-wd-sm-80p-force {
    max-width: 80% !important;
  }
  .mn-wd-sm-80p-force {
    min-width: 80% !important;
  }
  .wd-sm-85 {
    width: 85px;
  }
  .wd-sm-85p {
    width: 85%;
  }
  .mx-wd-sm-85p {
    max-width: 85%;
  }
  .mn-wd-sm-85p {
    min-width: 85%;
  }
  .wd-sm-85-force {
    width: 85px !important;
  }
  .wd-sm-85p-force {
    width: 85% !important;
  }
  .mx-wd-sm-85p-force {
    max-width: 85% !important;
  }
  .mn-wd-sm-85p-force {
    min-width: 85% !important;
  }
  .wd-sm-90 {
    width: 90px;
  }
  .wd-sm-90p {
    width: 90%;
  }
  .mx-wd-sm-90p {
    max-width: 90%;
  }
  .mn-wd-sm-90p {
    min-width: 90%;
  }
  .wd-sm-90-force {
    width: 90px !important;
  }
  .wd-sm-90p-force {
    width: 90% !important;
  }
  .mx-wd-sm-90p-force {
    max-width: 90% !important;
  }
  .mn-wd-sm-90p-force {
    min-width: 90% !important;
  }
  .wd-sm-95 {
    width: 95px;
  }
  .wd-sm-95p {
    width: 95%;
  }
  .mx-wd-sm-95p {
    max-width: 95%;
  }
  .mn-wd-sm-95p {
    min-width: 95%;
  }
  .wd-sm-95-force {
    width: 95px !important;
  }
  .wd-sm-95p-force {
    width: 95% !important;
  }
  .mx-wd-sm-95p-force {
    max-width: 95% !important;
  }
  .mn-wd-sm-95p-force {
    min-width: 95% !important;
  }
  .wd-sm-100 {
    width: 100px;
  }
  .wd-sm-100p {
    width: 100%;
  }
  .mx-wd-sm-100p {
    max-width: 100%;
  }
  .mn-wd-sm-100p {
    min-width: 100%;
  }
  .wd-sm-100-force {
    width: 100px !important;
  }
  .wd-sm-100p-force {
    width: 100% !important;
  }
  .mx-wd-sm-100p-force {
    max-width: 100% !important;
  }
  .mn-wd-sm-100p-force {
    min-width: 100% !important;
  }
  .wd-sm-150 {
    width: 150px;
  }
  .wd-sm-150p {
    width: 150%;
  }
  .mx-wd-sm-150p {
    max-width: 150%;
  }
  .mn-wd-sm-150p {
    min-width: 150%;
  }
  .wd-sm-150-force {
    width: 150px !important;
  }
  .wd-sm-150p-force {
    width: 150% !important;
  }
  .mx-wd-sm-150p-force {
    max-width: 150% !important;
  }
  .mn-wd-sm-150p-force {
    min-width: 150% !important;
  }
  .wd-sm-200 {
    width: 200px;
  }
  .wd-sm-200p {
    width: 200%;
  }
  .mx-wd-sm-200p {
    max-width: 200%;
  }
  .mn-wd-sm-200p {
    min-width: 200%;
  }
  .wd-sm-200-force {
    width: 200px !important;
  }
  .wd-sm-200p-force {
    width: 200% !important;
  }
  .mx-wd-sm-200p-force {
    max-width: 200% !important;
  }
  .mn-wd-sm-200p-force {
    min-width: 200% !important;
  }
  .wd-sm-250 {
    width: 250px;
  }
  .wd-sm-250p {
    width: 250%;
  }
  .mx-wd-sm-250p {
    max-width: 250%;
  }
  .mn-wd-sm-250p {
    min-width: 250%;
  }
  .wd-sm-250-force {
    width: 250px !important;
  }
  .wd-sm-250p-force {
    width: 250% !important;
  }
  .mx-wd-sm-250p-force {
    max-width: 250% !important;
  }
  .mn-wd-sm-250p-force {
    min-width: 250% !important;
  }
  .wd-sm-300 {
    width: 300px;
  }
  .wd-sm-300p {
    width: 300%;
  }
  .mx-wd-sm-300p {
    max-width: 300%;
  }
  .mn-wd-sm-300p {
    min-width: 300%;
  }
  .wd-sm-300-force {
    width: 300px !important;
  }
  .wd-sm-300p-force {
    width: 300% !important;
  }
  .mx-wd-sm-300p-force {
    max-width: 300% !important;
  }
  .mn-wd-sm-300p-force {
    min-width: 300% !important;
  }
  .wd-sm-350 {
    width: 350px;
  }
  .wd-sm-350p {
    width: 350%;
  }
  .mx-wd-sm-350p {
    max-width: 350%;
  }
  .mn-wd-sm-350p {
    min-width: 350%;
  }
  .wd-sm-350-force {
    width: 350px !important;
  }
  .wd-sm-350p-force {
    width: 350% !important;
  }
  .mx-wd-sm-350p-force {
    max-width: 350% !important;
  }
  .mn-wd-sm-350p-force {
    min-width: 350% !important;
  }
  .wd-sm-400 {
    width: 400px;
  }
  .wd-sm-400p {
    width: 400%;
  }
  .mx-wd-sm-400p {
    max-width: 400%;
  }
  .mn-wd-sm-400p {
    min-width: 400%;
  }
  .wd-sm-400-force {
    width: 400px !important;
  }
  .wd-sm-400p-force {
    width: 400% !important;
  }
  .mx-wd-sm-400p-force {
    max-width: 400% !important;
  }
  .mn-wd-sm-400p-force {
    min-width: 400% !important;
  }
  .wd-sm-450 {
    width: 450px;
  }
  .wd-sm-450p {
    width: 450%;
  }
  .mx-wd-sm-450p {
    max-width: 450%;
  }
  .mn-wd-sm-450p {
    min-width: 450%;
  }
  .wd-sm-450-force {
    width: 450px !important;
  }
  .wd-sm-450p-force {
    width: 450% !important;
  }
  .mx-wd-sm-450p-force {
    max-width: 450% !important;
  }
  .mn-wd-sm-450p-force {
    min-width: 450% !important;
  }
  .wd-sm-500 {
    width: 500px;
  }
  .wd-sm-500p {
    width: 500%;
  }
  .mx-wd-sm-500p {
    max-width: 500%;
  }
  .mn-wd-sm-500p {
    min-width: 500%;
  }
  .wd-sm-500-force {
    width: 500px !important;
  }
  .wd-sm-500p-force {
    width: 500% !important;
  }
  .mx-wd-sm-500p-force {
    max-width: 500% !important;
  }
  .mn-wd-sm-500p-force {
    min-width: 500% !important;
  }
  .wd-sm-550 {
    width: 550px;
  }
  .wd-sm-550p {
    width: 550%;
  }
  .mx-wd-sm-550p {
    max-width: 550%;
  }
  .mn-wd-sm-550p {
    min-width: 550%;
  }
  .wd-sm-550-force {
    width: 550px !important;
  }
  .wd-sm-550p-force {
    width: 550% !important;
  }
  .mx-wd-sm-550p-force {
    max-width: 550% !important;
  }
  .mn-wd-sm-550p-force {
    min-width: 550% !important;
  }
  .wd-sm-600 {
    width: 600px;
  }
  .wd-sm-600p {
    width: 600%;
  }
  .mx-wd-sm-600p {
    max-width: 600%;
  }
  .mn-wd-sm-600p {
    min-width: 600%;
  }
  .wd-sm-600-force {
    width: 600px !important;
  }
  .wd-sm-600p-force {
    width: 600% !important;
  }
  .mx-wd-sm-600p-force {
    max-width: 600% !important;
  }
  .mn-wd-sm-600p-force {
    min-width: 600% !important;
  }
  .wd-sm-650 {
    width: 650px;
  }
  .wd-sm-650p {
    width: 650%;
  }
  .mx-wd-sm-650p {
    max-width: 650%;
  }
  .mn-wd-sm-650p {
    min-width: 650%;
  }
  .wd-sm-650-force {
    width: 650px !important;
  }
  .wd-sm-650p-force {
    width: 650% !important;
  }
  .mx-wd-sm-650p-force {
    max-width: 650% !important;
  }
  .mn-wd-sm-650p-force {
    min-width: 650% !important;
  }
  .wd-sm-700 {
    width: 700px;
  }
  .wd-sm-700p {
    width: 700%;
  }
  .mx-wd-sm-700p {
    max-width: 700%;
  }
  .mn-wd-sm-700p {
    min-width: 700%;
  }
  .wd-sm-700-force {
    width: 700px !important;
  }
  .wd-sm-700p-force {
    width: 700% !important;
  }
  .mx-wd-sm-700p-force {
    max-width: 700% !important;
  }
  .mn-wd-sm-700p-force {
    min-width: 700% !important;
  }
  .wd-sm-750 {
    width: 750px;
  }
  .wd-sm-750p {
    width: 750%;
  }
  .mx-wd-sm-750p {
    max-width: 750%;
  }
  .mn-wd-sm-750p {
    min-width: 750%;
  }
  .wd-sm-750-force {
    width: 750px !important;
  }
  .wd-sm-750p-force {
    width: 750% !important;
  }
  .mx-wd-sm-750p-force {
    max-width: 750% !important;
  }
  .mn-wd-sm-750p-force {
    min-width: 750% !important;
  }
  .wd-sm-800 {
    width: 800px;
  }
  .wd-sm-800p {
    width: 800%;
  }
  .mx-wd-sm-800p {
    max-width: 800%;
  }
  .mn-wd-sm-800p {
    min-width: 800%;
  }
  .wd-sm-800-force {
    width: 800px !important;
  }
  .wd-sm-800p-force {
    width: 800% !important;
  }
  .mx-wd-sm-800p-force {
    max-width: 800% !important;
  }
  .mn-wd-sm-800p-force {
    min-width: 800% !important;
  }
  .wd-sm-850 {
    width: 850px;
  }
  .wd-sm-850p {
    width: 850%;
  }
  .mx-wd-sm-850p {
    max-width: 850%;
  }
  .mn-wd-sm-850p {
    min-width: 850%;
  }
  .wd-sm-850-force {
    width: 850px !important;
  }
  .wd-sm-850p-force {
    width: 850% !important;
  }
  .mx-wd-sm-850p-force {
    max-width: 850% !important;
  }
  .mn-wd-sm-850p-force {
    min-width: 850% !important;
  }
  .wd-sm-900 {
    width: 900px;
  }
  .wd-sm-900p {
    width: 900%;
  }
  .mx-wd-sm-900p {
    max-width: 900%;
  }
  .mn-wd-sm-900p {
    min-width: 900%;
  }
  .wd-sm-900-force {
    width: 900px !important;
  }
  .wd-sm-900p-force {
    width: 900% !important;
  }
  .mx-wd-sm-900p-force {
    max-width: 900% !important;
  }
  .mn-wd-sm-900p-force {
    min-width: 900% !important;
  }
  .wd-sm-950 {
    width: 950px;
  }
  .wd-sm-950p {
    width: 950%;
  }
  .mx-wd-sm-950p {
    max-width: 950%;
  }
  .mn-wd-sm-950p {
    min-width: 950%;
  }
  .wd-sm-950-force {
    width: 950px !important;
  }
  .wd-sm-950p-force {
    width: 950% !important;
  }
  .mx-wd-sm-950p-force {
    max-width: 950% !important;
  }
  .mn-wd-sm-950p-force {
    min-width: 950% !important;
  }
  .wd-sm-1000 {
    width: 1000px;
  }
  .wd-sm-1000p {
    width: 1000%;
  }
  .mx-wd-sm-1000p {
    max-width: 1000%;
  }
  .mn-wd-sm-1000p {
    min-width: 1000%;
  }
  .wd-sm-1000-force {
    width: 1000px !important;
  }
  .wd-sm-1000p-force {
    width: 1000% !important;
  }
  .mx-wd-sm-1000p-force {
    max-width: 1000% !important;
  }
  .mn-wd-sm-1000p-force {
    min-width: 1000% !important;
  }
  .wd-sm-auto {
    width: auto;
  }
  .wd-sm-auto-force {
    width: auto !important;
  }
}

@media (min-width: 768px) {
  .wd-md-5 {
    width: 5px;
  }
  .wd-md-5p {
    width: 5%;
  }
  .mx-wd-md-5p {
    max-width: 5%;
  }
  .mn-wd-md-5p {
    min-width: 5%;
  }
  .wd-md-5-force {
    width: 5px !important;
  }
  .wd-md-5p-force {
    width: 5% !important;
  }
  .mx-wd-md-5p-force {
    max-width: 5% !important;
  }
  .mn-wd-md-5p-force {
    min-width: 5% !important;
  }
  .wd-md-10 {
    width: 10px;
  }
  .wd-md-10p {
    width: 10%;
  }
  .mx-wd-md-10p {
    max-width: 10%;
  }
  .mn-wd-md-10p {
    min-width: 10%;
  }
  .wd-md-10-force {
    width: 10px !important;
  }
  .wd-md-10p-force {
    width: 10% !important;
  }
  .mx-wd-md-10p-force {
    max-width: 10% !important;
  }
  .mn-wd-md-10p-force {
    min-width: 10% !important;
  }
  .wd-md-15 {
    width: 15px;
  }
  .wd-md-15p {
    width: 15%;
  }
  .mx-wd-md-15p {
    max-width: 15%;
  }
  .mn-wd-md-15p {
    min-width: 15%;
  }
  .wd-md-15-force {
    width: 15px !important;
  }
  .wd-md-15p-force {
    width: 15% !important;
  }
  .mx-wd-md-15p-force {
    max-width: 15% !important;
  }
  .mn-wd-md-15p-force {
    min-width: 15% !important;
  }
  .wd-md-20 {
    width: 20px;
  }
  .wd-md-20p {
    width: 20%;
  }
  .mx-wd-md-20p {
    max-width: 20%;
  }
  .mn-wd-md-20p {
    min-width: 20%;
  }
  .wd-md-20-force {
    width: 20px !important;
  }
  .wd-md-20p-force {
    width: 20% !important;
  }
  .mx-wd-md-20p-force {
    max-width: 20% !important;
  }
  .mn-wd-md-20p-force {
    min-width: 20% !important;
  }
  .wd-md-25 {
    width: 25px;
  }
  .wd-md-25p {
    width: 25%;
  }
  .mx-wd-md-25p {
    max-width: 25%;
  }
  .mn-wd-md-25p {
    min-width: 25%;
  }
  .wd-md-25-force {
    width: 25px !important;
  }
  .wd-md-25p-force {
    width: 25% !important;
  }
  .mx-wd-md-25p-force {
    max-width: 25% !important;
  }
  .mn-wd-md-25p-force {
    min-width: 25% !important;
  }
  .wd-md-30 {
    width: 30px;
  }
  .wd-md-30p {
    width: 30%;
  }
  .mx-wd-md-30p {
    max-width: 30%;
  }
  .mn-wd-md-30p {
    min-width: 30%;
  }
  .wd-md-30-force {
    width: 30px !important;
  }
  .wd-md-30p-force {
    width: 30% !important;
  }
  .mx-wd-md-30p-force {
    max-width: 30% !important;
  }
  .mn-wd-md-30p-force {
    min-width: 30% !important;
  }
  .wd-md-35 {
    width: 35px;
  }
  .wd-md-35p {
    width: 35%;
  }
  .mx-wd-md-35p {
    max-width: 35%;
  }
  .mn-wd-md-35p {
    min-width: 35%;
  }
  .wd-md-35-force {
    width: 35px !important;
  }
  .wd-md-35p-force {
    width: 35% !important;
  }
  .mx-wd-md-35p-force {
    max-width: 35% !important;
  }
  .mn-wd-md-35p-force {
    min-width: 35% !important;
  }
  .wd-md-40 {
    width: 40px;
  }
  .wd-md-40p {
    width: 40%;
  }
  .mx-wd-md-40p {
    max-width: 40%;
  }
  .mn-wd-md-40p {
    min-width: 40%;
  }
  .wd-md-40-force {
    width: 40px !important;
  }
  .wd-md-40p-force {
    width: 40% !important;
  }
  .mx-wd-md-40p-force {
    max-width: 40% !important;
  }
  .mn-wd-md-40p-force {
    min-width: 40% !important;
  }
  .wd-md-45 {
    width: 45px;
  }
  .wd-md-45p {
    width: 45%;
  }
  .mx-wd-md-45p {
    max-width: 45%;
  }
  .mn-wd-md-45p {
    min-width: 45%;
  }
  .wd-md-45-force {
    width: 45px !important;
  }
  .wd-md-45p-force {
    width: 45% !important;
  }
  .mx-wd-md-45p-force {
    max-width: 45% !important;
  }
  .mn-wd-md-45p-force {
    min-width: 45% !important;
  }
  .wd-md-50 {
    width: 50px;
  }
  .wd-md-50p {
    width: 50%;
  }
  .mx-wd-md-50p {
    max-width: 50%;
  }
  .mn-wd-md-50p {
    min-width: 50%;
  }
  .wd-md-50-force {
    width: 50px !important;
  }
  .wd-md-50p-force {
    width: 50% !important;
  }
  .mx-wd-md-50p-force {
    max-width: 50% !important;
  }
  .mn-wd-md-50p-force {
    min-width: 50% !important;
  }
  .wd-md-55 {
    width: 55px;
  }
  .wd-md-55p {
    width: 55%;
  }
  .mx-wd-md-55p {
    max-width: 55%;
  }
  .mn-wd-md-55p {
    min-width: 55%;
  }
  .wd-md-55-force {
    width: 55px !important;
  }
  .wd-md-55p-force {
    width: 55% !important;
  }
  .mx-wd-md-55p-force {
    max-width: 55% !important;
  }
  .mn-wd-md-55p-force {
    min-width: 55% !important;
  }
  .wd-md-60 {
    width: 60px;
  }
  .wd-md-60p {
    width: 60%;
  }
  .mx-wd-md-60p {
    max-width: 60%;
  }
  .mn-wd-md-60p {
    min-width: 60%;
  }
  .wd-md-60-force {
    width: 60px !important;
  }
  .wd-md-60p-force {
    width: 60% !important;
  }
  .mx-wd-md-60p-force {
    max-width: 60% !important;
  }
  .mn-wd-md-60p-force {
    min-width: 60% !important;
  }
  .wd-md-65 {
    width: 65px;
  }
  .wd-md-65p {
    width: 65%;
  }
  .mx-wd-md-65p {
    max-width: 65%;
  }
  .mn-wd-md-65p {
    min-width: 65%;
  }
  .wd-md-65-force {
    width: 65px !important;
  }
  .wd-md-65p-force {
    width: 65% !important;
  }
  .mx-wd-md-65p-force {
    max-width: 65% !important;
  }
  .mn-wd-md-65p-force {
    min-width: 65% !important;
  }
  .wd-md-70 {
    width: 70px;
  }
  .wd-md-70p {
    width: 70%;
  }
  .mx-wd-md-70p {
    max-width: 70%;
  }
  .mn-wd-md-70p {
    min-width: 70%;
  }
  .wd-md-70-force {
    width: 70px !important;
  }
  .wd-md-70p-force {
    width: 70% !important;
  }
  .mx-wd-md-70p-force {
    max-width: 70% !important;
  }
  .mn-wd-md-70p-force {
    min-width: 70% !important;
  }
  .wd-md-75 {
    width: 75px;
  }
  .wd-md-75p {
    width: 75%;
  }
  .mx-wd-md-75p {
    max-width: 75%;
  }
  .mn-wd-md-75p {
    min-width: 75%;
  }
  .wd-md-75-force {
    width: 75px !important;
  }
  .wd-md-75p-force {
    width: 75% !important;
  }
  .mx-wd-md-75p-force {
    max-width: 75% !important;
  }
  .mn-wd-md-75p-force {
    min-width: 75% !important;
  }
  .wd-md-80 {
    width: 80px;
  }
  .wd-md-80p {
    width: 80%;
  }
  .mx-wd-md-80p {
    max-width: 80%;
  }
  .mn-wd-md-80p {
    min-width: 80%;
  }
  .wd-md-80-force {
    width: 80px !important;
  }
  .wd-md-80p-force {
    width: 80% !important;
  }
  .mx-wd-md-80p-force {
    max-width: 80% !important;
  }
  .mn-wd-md-80p-force {
    min-width: 80% !important;
  }
  .wd-md-85 {
    width: 85px;
  }
  .wd-md-85p {
    width: 85%;
  }
  .mx-wd-md-85p {
    max-width: 85%;
  }
  .mn-wd-md-85p {
    min-width: 85%;
  }
  .wd-md-85-force {
    width: 85px !important;
  }
  .wd-md-85p-force {
    width: 85% !important;
  }
  .mx-wd-md-85p-force {
    max-width: 85% !important;
  }
  .mn-wd-md-85p-force {
    min-width: 85% !important;
  }
  .wd-md-90 {
    width: 90px;
  }
  .wd-md-90p {
    width: 90%;
  }
  .mx-wd-md-90p {
    max-width: 90%;
  }
  .mn-wd-md-90p {
    min-width: 90%;
  }
  .wd-md-90-force {
    width: 90px !important;
  }
  .wd-md-90p-force {
    width: 90% !important;
  }
  .mx-wd-md-90p-force {
    max-width: 90% !important;
  }
  .mn-wd-md-90p-force {
    min-width: 90% !important;
  }
  .wd-md-95 {
    width: 95px;
  }
  .wd-md-95p {
    width: 95%;
  }
  .mx-wd-md-95p {
    max-width: 95%;
  }
  .mn-wd-md-95p {
    min-width: 95%;
  }
  .wd-md-95-force {
    width: 95px !important;
  }
  .wd-md-95p-force {
    width: 95% !important;
  }
  .mx-wd-md-95p-force {
    max-width: 95% !important;
  }
  .mn-wd-md-95p-force {
    min-width: 95% !important;
  }
  .wd-md-100 {
    width: 100px;
  }
  .wd-md-100p {
    width: 100%;
  }
  .mx-wd-md-100p {
    max-width: 100%;
  }
  .mn-wd-md-100p {
    min-width: 100%;
  }
  .wd-md-100-force {
    width: 100px !important;
  }
  .wd-md-100p-force {
    width: 100% !important;
  }
  .mx-wd-md-100p-force {
    max-width: 100% !important;
  }
  .mn-wd-md-100p-force {
    min-width: 100% !important;
  }
  .wd-md-150 {
    width: 150px;
  }
  .wd-md-150p {
    width: 150%;
  }
  .mx-wd-md-150p {
    max-width: 150%;
  }
  .mn-wd-md-150p {
    min-width: 150%;
  }
  .wd-md-150-force {
    width: 150px !important;
  }
  .wd-md-150p-force {
    width: 150% !important;
  }
  .mx-wd-md-150p-force {
    max-width: 150% !important;
  }
  .mn-wd-md-150p-force {
    min-width: 150% !important;
  }
  .wd-md-200 {
    width: 200px;
  }
  .wd-md-200p {
    width: 200%;
  }
  .mx-wd-md-200p {
    max-width: 200%;
  }
  .mn-wd-md-200p {
    min-width: 200%;
  }
  .wd-md-200-force {
    width: 200px !important;
  }
  .wd-md-200p-force {
    width: 200% !important;
  }
  .mx-wd-md-200p-force {
    max-width: 200% !important;
  }
  .mn-wd-md-200p-force {
    min-width: 200% !important;
  }
  .wd-md-250 {
    width: 250px;
  }
  .wd-md-250p {
    width: 250%;
  }
  .mx-wd-md-250p {
    max-width: 250%;
  }
  .mn-wd-md-250p {
    min-width: 250%;
  }
  .wd-md-250-force {
    width: 250px !important;
  }
  .wd-md-250p-force {
    width: 250% !important;
  }
  .mx-wd-md-250p-force {
    max-width: 250% !important;
  }
  .mn-wd-md-250p-force {
    min-width: 250% !important;
  }
  .wd-md-300 {
    width: 300px;
  }
  .wd-md-300p {
    width: 300%;
  }
  .mx-wd-md-300p {
    max-width: 300%;
  }
  .mn-wd-md-300p {
    min-width: 300%;
  }
  .wd-md-300-force {
    width: 300px !important;
  }
  .wd-md-300p-force {
    width: 300% !important;
  }
  .mx-wd-md-300p-force {
    max-width: 300% !important;
  }
  .mn-wd-md-300p-force {
    min-width: 300% !important;
  }
  .wd-md-350 {
    width: 350px;
  }
  .wd-md-350p {
    width: 350%;
  }
  .mx-wd-md-350p {
    max-width: 350%;
  }
  .mn-wd-md-350p {
    min-width: 350%;
  }
  .wd-md-350-force {
    width: 350px !important;
  }
  .wd-md-350p-force {
    width: 350% !important;
  }
  .mx-wd-md-350p-force {
    max-width: 350% !important;
  }
  .mn-wd-md-350p-force {
    min-width: 350% !important;
  }
  .wd-md-400 {
    width: 400px;
  }
  .wd-md-400p {
    width: 400%;
  }
  .mx-wd-md-400p {
    max-width: 400%;
  }
  .mn-wd-md-400p {
    min-width: 400%;
  }
  .wd-md-400-force {
    width: 400px !important;
  }
  .wd-md-400p-force {
    width: 400% !important;
  }
  .mx-wd-md-400p-force {
    max-width: 400% !important;
  }
  .mn-wd-md-400p-force {
    min-width: 400% !important;
  }
  .wd-md-450 {
    width: 450px;
  }
  .wd-md-450p {
    width: 450%;
  }
  .mx-wd-md-450p {
    max-width: 450%;
  }
  .mn-wd-md-450p {
    min-width: 450%;
  }
  .wd-md-450-force {
    width: 450px !important;
  }
  .wd-md-450p-force {
    width: 450% !important;
  }
  .mx-wd-md-450p-force {
    max-width: 450% !important;
  }
  .mn-wd-md-450p-force {
    min-width: 450% !important;
  }
  .wd-md-500 {
    width: 500px;
  }
  .wd-md-500p {
    width: 500%;
  }
  .mx-wd-md-500p {
    max-width: 500%;
  }
  .mn-wd-md-500p {
    min-width: 500%;
  }
  .wd-md-500-force {
    width: 500px !important;
  }
  .wd-md-500p-force {
    width: 500% !important;
  }
  .mx-wd-md-500p-force {
    max-width: 500% !important;
  }
  .mn-wd-md-500p-force {
    min-width: 500% !important;
  }
  .wd-md-550 {
    width: 550px;
  }
  .wd-md-550p {
    width: 550%;
  }
  .mx-wd-md-550p {
    max-width: 550%;
  }
  .mn-wd-md-550p {
    min-width: 550%;
  }
  .wd-md-550-force {
    width: 550px !important;
  }
  .wd-md-550p-force {
    width: 550% !important;
  }
  .mx-wd-md-550p-force {
    max-width: 550% !important;
  }
  .mn-wd-md-550p-force {
    min-width: 550% !important;
  }
  .wd-md-600 {
    width: 600px;
  }
  .wd-md-600p {
    width: 600%;
  }
  .mx-wd-md-600p {
    max-width: 600%;
  }
  .mn-wd-md-600p {
    min-width: 600%;
  }
  .wd-md-600-force {
    width: 600px !important;
  }
  .wd-md-600p-force {
    width: 600% !important;
  }
  .mx-wd-md-600p-force {
    max-width: 600% !important;
  }
  .mn-wd-md-600p-force {
    min-width: 600% !important;
  }
  .wd-md-650 {
    width: 650px;
  }
  .wd-md-650p {
    width: 650%;
  }
  .mx-wd-md-650p {
    max-width: 650%;
  }
  .mn-wd-md-650p {
    min-width: 650%;
  }
  .wd-md-650-force {
    width: 650px !important;
  }
  .wd-md-650p-force {
    width: 650% !important;
  }
  .mx-wd-md-650p-force {
    max-width: 650% !important;
  }
  .mn-wd-md-650p-force {
    min-width: 650% !important;
  }
  .wd-md-700 {
    width: 700px;
  }
  .wd-md-700p {
    width: 700%;
  }
  .mx-wd-md-700p {
    max-width: 700%;
  }
  .mn-wd-md-700p {
    min-width: 700%;
  }
  .wd-md-700-force {
    width: 700px !important;
  }
  .wd-md-700p-force {
    width: 700% !important;
  }
  .mx-wd-md-700p-force {
    max-width: 700% !important;
  }
  .mn-wd-md-700p-force {
    min-width: 700% !important;
  }
  .wd-md-750 {
    width: 750px;
  }
  .wd-md-750p {
    width: 750%;
  }
  .mx-wd-md-750p {
    max-width: 750%;
  }
  .mn-wd-md-750p {
    min-width: 750%;
  }
  .wd-md-750-force {
    width: 750px !important;
  }
  .wd-md-750p-force {
    width: 750% !important;
  }
  .mx-wd-md-750p-force {
    max-width: 750% !important;
  }
  .mn-wd-md-750p-force {
    min-width: 750% !important;
  }
  .wd-md-800 {
    width: 800px;
  }
  .wd-md-800p {
    width: 800%;
  }
  .mx-wd-md-800p {
    max-width: 800%;
  }
  .mn-wd-md-800p {
    min-width: 800%;
  }
  .wd-md-800-force {
    width: 800px !important;
  }
  .wd-md-800p-force {
    width: 800% !important;
  }
  .mx-wd-md-800p-force {
    max-width: 800% !important;
  }
  .mn-wd-md-800p-force {
    min-width: 800% !important;
  }
  .wd-md-850 {
    width: 850px;
  }
  .wd-md-850p {
    width: 850%;
  }
  .mx-wd-md-850p {
    max-width: 850%;
  }
  .mn-wd-md-850p {
    min-width: 850%;
  }
  .wd-md-850-force {
    width: 850px !important;
  }
  .wd-md-850p-force {
    width: 850% !important;
  }
  .mx-wd-md-850p-force {
    max-width: 850% !important;
  }
  .mn-wd-md-850p-force {
    min-width: 850% !important;
  }
  .wd-md-900 {
    width: 900px;
  }
  .wd-md-900p {
    width: 900%;
  }
  .mx-wd-md-900p {
    max-width: 900%;
  }
  .mn-wd-md-900p {
    min-width: 900%;
  }
  .wd-md-900-force {
    width: 900px !important;
  }
  .wd-md-900p-force {
    width: 900% !important;
  }
  .mx-wd-md-900p-force {
    max-width: 900% !important;
  }
  .mn-wd-md-900p-force {
    min-width: 900% !important;
  }
  .wd-md-950 {
    width: 950px;
  }
  .wd-md-950p {
    width: 950%;
  }
  .mx-wd-md-950p {
    max-width: 950%;
  }
  .mn-wd-md-950p {
    min-width: 950%;
  }
  .wd-md-950-force {
    width: 950px !important;
  }
  .wd-md-950p-force {
    width: 950% !important;
  }
  .mx-wd-md-950p-force {
    max-width: 950% !important;
  }
  .mn-wd-md-950p-force {
    min-width: 950% !important;
  }
  .wd-md-1000 {
    width: 1000px;
  }
  .wd-md-1000p {
    width: 1000%;
  }
  .mx-wd-md-1000p {
    max-width: 1000%;
  }
  .mn-wd-md-1000p {
    min-width: 1000%;
  }
  .wd-md-1000-force {
    width: 1000px !important;
  }
  .wd-md-1000p-force {
    width: 1000% !important;
  }
  .mx-wd-md-1000p-force {
    max-width: 1000% !important;
  }
  .mn-wd-md-1000p-force {
    min-width: 1000% !important;
  }
  .wd-md-auto {
    width: auto;
  }
  .wd-md-auto-force {
    width: auto !important;
  }
}

@media (min-width: 991px) {
  .wd-lg-5 {
    width: 5px;
  }
  .wd-lg-5p {
    width: 5%;
  }
  .mx-wd-lg-5p {
    max-width: 5%;
  }
  .mn-wd-lg-5p {
    min-width: 5%;
  }
  .wd-lg-5-force {
    width: 5px !important;
  }
  .wd-lg-5p-force {
    width: 5% !important;
  }
  .mx-wd-lg-5p-force {
    max-width: 5% !important;
  }
  .mn-wd-lg-5p-force {
    min-width: 5% !important;
  }
  .wd-lg-10 {
    width: 10px;
  }
  .wd-lg-10p {
    width: 10%;
  }
  .mx-wd-lg-10p {
    max-width: 10%;
  }
  .mn-wd-lg-10p {
    min-width: 10%;
  }
  .wd-lg-10-force {
    width: 10px !important;
  }
  .wd-lg-10p-force {
    width: 10% !important;
  }
  .mx-wd-lg-10p-force {
    max-width: 10% !important;
  }
  .mn-wd-lg-10p-force {
    min-width: 10% !important;
  }
  .wd-lg-15 {
    width: 15px;
  }
  .wd-lg-15p {
    width: 15%;
  }
  .mx-wd-lg-15p {
    max-width: 15%;
  }
  .mn-wd-lg-15p {
    min-width: 15%;
  }
  .wd-lg-15-force {
    width: 15px !important;
  }
  .wd-lg-15p-force {
    width: 15% !important;
  }
  .mx-wd-lg-15p-force {
    max-width: 15% !important;
  }
  .mn-wd-lg-15p-force {
    min-width: 15% !important;
  }
  .wd-lg-20 {
    width: 20px;
  }
  .wd-lg-20p {
    width: 20%;
  }
  .mx-wd-lg-20p {
    max-width: 20%;
  }
  .mn-wd-lg-20p {
    min-width: 20%;
  }
  .wd-lg-20-force {
    width: 20px !important;
  }
  .wd-lg-20p-force {
    width: 20% !important;
  }
  .mx-wd-lg-20p-force {
    max-width: 20% !important;
  }
  .mn-wd-lg-20p-force {
    min-width: 20% !important;
  }
  .wd-lg-25 {
    width: 25px;
  }
  .wd-lg-25p {
    width: 25%;
  }
  .mx-wd-lg-25p {
    max-width: 25%;
  }
  .mn-wd-lg-25p {
    min-width: 25%;
  }
  .wd-lg-25-force {
    width: 25px !important;
  }
  .wd-lg-25p-force {
    width: 25% !important;
  }
  .mx-wd-lg-25p-force {
    max-width: 25% !important;
  }
  .mn-wd-lg-25p-force {
    min-width: 25% !important;
  }
  .wd-lg-30 {
    width: 30px;
  }
  .wd-lg-30p {
    width: 30%;
  }
  .mx-wd-lg-30p {
    max-width: 30%;
  }
  .mn-wd-lg-30p {
    min-width: 30%;
  }
  .wd-lg-30-force {
    width: 30px !important;
  }
  .wd-lg-30p-force {
    width: 30% !important;
  }
  .mx-wd-lg-30p-force {
    max-width: 30% !important;
  }
  .mn-wd-lg-30p-force {
    min-width: 30% !important;
  }
  .wd-lg-35 {
    width: 35px;
  }
  .wd-lg-35p {
    width: 35%;
  }
  .mx-wd-lg-35p {
    max-width: 35%;
  }
  .mn-wd-lg-35p {
    min-width: 35%;
  }
  .wd-lg-35-force {
    width: 35px !important;
  }
  .wd-lg-35p-force {
    width: 35% !important;
  }
  .mx-wd-lg-35p-force {
    max-width: 35% !important;
  }
  .mn-wd-lg-35p-force {
    min-width: 35% !important;
  }
  .wd-lg-40 {
    width: 40px;
  }
  .wd-lg-40p {
    width: 40%;
  }
  .mx-wd-lg-40p {
    max-width: 40%;
  }
  .mn-wd-lg-40p {
    min-width: 40%;
  }
  .wd-lg-40-force {
    width: 40px !important;
  }
  .wd-lg-40p-force {
    width: 40% !important;
  }
  .mx-wd-lg-40p-force {
    max-width: 40% !important;
  }
  .mn-wd-lg-40p-force {
    min-width: 40% !important;
  }
  .wd-lg-45 {
    width: 45px;
  }
  .wd-lg-45p {
    width: 45%;
  }
  .mx-wd-lg-45p {
    max-width: 45%;
  }
  .mn-wd-lg-45p {
    min-width: 45%;
  }
  .wd-lg-45-force {
    width: 45px !important;
  }
  .wd-lg-45p-force {
    width: 45% !important;
  }
  .mx-wd-lg-45p-force {
    max-width: 45% !important;
  }
  .mn-wd-lg-45p-force {
    min-width: 45% !important;
  }
  .wd-lg-50 {
    width: 50px;
  }
  .wd-lg-50p {
    width: 50%;
  }
  .mx-wd-lg-50p {
    max-width: 50%;
  }
  .mn-wd-lg-50p {
    min-width: 50%;
  }
  .wd-lg-50-force {
    width: 50px !important;
  }
  .wd-lg-50p-force {
    width: 50% !important;
  }
  .mx-wd-lg-50p-force {
    max-width: 50% !important;
  }
  .mn-wd-lg-50p-force {
    min-width: 50% !important;
  }
  .wd-lg-55 {
    width: 55px;
  }
  .wd-lg-55p {
    width: 55%;
  }
  .mx-wd-lg-55p {
    max-width: 55%;
  }
  .mn-wd-lg-55p {
    min-width: 55%;
  }
  .wd-lg-55-force {
    width: 55px !important;
  }
  .wd-lg-55p-force {
    width: 55% !important;
  }
  .mx-wd-lg-55p-force {
    max-width: 55% !important;
  }
  .mn-wd-lg-55p-force {
    min-width: 55% !important;
  }
  .wd-lg-60 {
    width: 60px;
  }
  .wd-lg-60p {
    width: 60%;
  }
  .mx-wd-lg-60p {
    max-width: 60%;
  }
  .mn-wd-lg-60p {
    min-width: 60%;
  }
  .wd-lg-60-force {
    width: 60px !important;
  }
  .wd-lg-60p-force {
    width: 60% !important;
  }
  .mx-wd-lg-60p-force {
    max-width: 60% !important;
  }
  .mn-wd-lg-60p-force {
    min-width: 60% !important;
  }
  .wd-lg-65 {
    width: 65px;
  }
  .wd-lg-65p {
    width: 65%;
  }
  .mx-wd-lg-65p {
    max-width: 65%;
  }
  .mn-wd-lg-65p {
    min-width: 65%;
  }
  .wd-lg-65-force {
    width: 65px !important;
  }
  .wd-lg-65p-force {
    width: 65% !important;
  }
  .mx-wd-lg-65p-force {
    max-width: 65% !important;
  }
  .mn-wd-lg-65p-force {
    min-width: 65% !important;
  }
  .wd-lg-70 {
    width: 70px;
  }
  .wd-lg-70p {
    width: 70%;
  }
  .mx-wd-lg-70p {
    max-width: 70%;
  }
  .mn-wd-lg-70p {
    min-width: 70%;
  }
  .wd-lg-70-force {
    width: 70px !important;
  }
  .wd-lg-70p-force {
    width: 70% !important;
  }
  .mx-wd-lg-70p-force {
    max-width: 70% !important;
  }
  .mn-wd-lg-70p-force {
    min-width: 70% !important;
  }
  .wd-lg-75 {
    width: 75px;
  }
  .wd-lg-75p {
    width: 75%;
  }
  .mx-wd-lg-75p {
    max-width: 75%;
  }
  .mn-wd-lg-75p {
    min-width: 75%;
  }
  .wd-lg-75-force {
    width: 75px !important;
  }
  .wd-lg-75p-force {
    width: 75% !important;
  }
  .mx-wd-lg-75p-force {
    max-width: 75% !important;
  }
  .mn-wd-lg-75p-force {
    min-width: 75% !important;
  }
  .wd-lg-80 {
    width: 80px;
  }
  .wd-lg-80p {
    width: 80%;
  }
  .mx-wd-lg-80p {
    max-width: 80%;
  }
  .mn-wd-lg-80p {
    min-width: 80%;
  }
  .wd-lg-80-force {
    width: 80px !important;
  }
  .wd-lg-80p-force {
    width: 80% !important;
  }
  .mx-wd-lg-80p-force {
    max-width: 80% !important;
  }
  .mn-wd-lg-80p-force {
    min-width: 80% !important;
  }
  .wd-lg-85 {
    width: 85px;
  }
  .wd-lg-85p {
    width: 85%;
  }
  .mx-wd-lg-85p {
    max-width: 85%;
  }
  .mn-wd-lg-85p {
    min-width: 85%;
  }
  .wd-lg-85-force {
    width: 85px !important;
  }
  .wd-lg-85p-force {
    width: 85% !important;
  }
  .mx-wd-lg-85p-force {
    max-width: 85% !important;
  }
  .mn-wd-lg-85p-force {
    min-width: 85% !important;
  }
  .wd-lg-90 {
    width: 90px;
  }
  .wd-lg-90p {
    width: 90%;
  }
  .mx-wd-lg-90p {
    max-width: 90%;
  }
  .mn-wd-lg-90p {
    min-width: 90%;
  }
  .wd-lg-90-force {
    width: 90px !important;
  }
  .wd-lg-90p-force {
    width: 90% !important;
  }
  .mx-wd-lg-90p-force {
    max-width: 90% !important;
  }
  .mn-wd-lg-90p-force {
    min-width: 90% !important;
  }
  .wd-lg-95 {
    width: 95px;
  }
  .wd-lg-95p {
    width: 95%;
  }
  .mx-wd-lg-95p {
    max-width: 95%;
  }
  .mn-wd-lg-95p {
    min-width: 95%;
  }
  .wd-lg-95-force {
    width: 95px !important;
  }
  .wd-lg-95p-force {
    width: 95% !important;
  }
  .mx-wd-lg-95p-force {
    max-width: 95% !important;
  }
  .mn-wd-lg-95p-force {
    min-width: 95% !important;
  }
  .wd-lg-100 {
    width: 100px;
  }
  .wd-lg-100p {
    width: 100%;
  }
  .mx-wd-lg-100p {
    max-width: 100%;
  }
  .mn-wd-lg-100p {
    min-width: 100%;
  }
  .wd-lg-100-force {
    width: 100px !important;
  }
  .wd-lg-100p-force {
    width: 100% !important;
  }
  .mx-wd-lg-100p-force {
    max-width: 100% !important;
  }
  .mn-wd-lg-100p-force {
    min-width: 100% !important;
  }
  .wd-lg-150 {
    width: 150px;
  }
  .wd-lg-150p {
    width: 150%;
  }
  .mx-wd-lg-150p {
    max-width: 150%;
  }
  .mn-wd-lg-150p {
    min-width: 150%;
  }
  .wd-lg-150-force {
    width: 150px !important;
  }
  .wd-lg-150p-force {
    width: 150% !important;
  }
  .mx-wd-lg-150p-force {
    max-width: 150% !important;
  }
  .mn-wd-lg-150p-force {
    min-width: 150% !important;
  }
  .wd-lg-200 {
    width: 200px;
  }
  .wd-lg-200p {
    width: 200%;
  }
  .mx-wd-lg-200p {
    max-width: 200%;
  }
  .mn-wd-lg-200p {
    min-width: 200%;
  }
  .wd-lg-200-force {
    width: 200px !important;
  }
  .wd-lg-200p-force {
    width: 200% !important;
  }
  .mx-wd-lg-200p-force {
    max-width: 200% !important;
  }
  .mn-wd-lg-200p-force {
    min-width: 200% !important;
  }
  .wd-lg-250 {
    width: 250px;
  }
  .wd-lg-250p {
    width: 250%;
  }
  .mx-wd-lg-250p {
    max-width: 250%;
  }
  .mn-wd-lg-250p {
    min-width: 250%;
  }
  .wd-lg-250-force {
    width: 250px !important;
  }
  .wd-lg-250p-force {
    width: 250% !important;
  }
  .mx-wd-lg-250p-force {
    max-width: 250% !important;
  }
  .mn-wd-lg-250p-force {
    min-width: 250% !important;
  }
  .wd-lg-300 {
    width: 300px;
  }
  .wd-lg-300p {
    width: 300%;
  }
  .mx-wd-lg-300p {
    max-width: 300%;
  }
  .mn-wd-lg-300p {
    min-width: 300%;
  }
  .wd-lg-300-force {
    width: 300px !important;
  }
  .wd-lg-300p-force {
    width: 300% !important;
  }
  .mx-wd-lg-300p-force {
    max-width: 300% !important;
  }
  .mn-wd-lg-300p-force {
    min-width: 300% !important;
  }
  .wd-lg-350 {
    width: 350px;
  }
  .wd-lg-350p {
    width: 350%;
  }
  .mx-wd-lg-350p {
    max-width: 350%;
  }
  .mn-wd-lg-350p {
    min-width: 350%;
  }
  .wd-lg-350-force {
    width: 350px !important;
  }
  .wd-lg-350p-force {
    width: 350% !important;
  }
  .mx-wd-lg-350p-force {
    max-width: 350% !important;
  }
  .mn-wd-lg-350p-force {
    min-width: 350% !important;
  }
  .wd-lg-400 {
    width: 400px;
  }
  .wd-lg-400p {
    width: 400%;
  }
  .mx-wd-lg-400p {
    max-width: 400%;
  }
  .mn-wd-lg-400p {
    min-width: 400%;
  }
  .wd-lg-400-force {
    width: 400px !important;
  }
  .wd-lg-400p-force {
    width: 400% !important;
  }
  .mx-wd-lg-400p-force {
    max-width: 400% !important;
  }
  .mn-wd-lg-400p-force {
    min-width: 400% !important;
  }
  .wd-lg-450 {
    width: 450px;
  }
  .wd-lg-450p {
    width: 450%;
  }
  .mx-wd-lg-450p {
    max-width: 450%;
  }
  .mn-wd-lg-450p {
    min-width: 450%;
  }
  .wd-lg-450-force {
    width: 450px !important;
  }
  .wd-lg-450p-force {
    width: 450% !important;
  }
  .mx-wd-lg-450p-force {
    max-width: 450% !important;
  }
  .mn-wd-lg-450p-force {
    min-width: 450% !important;
  }
  .wd-lg-500 {
    width: 500px;
  }
  .wd-lg-500p {
    width: 500%;
  }
  .mx-wd-lg-500p {
    max-width: 500%;
  }
  .mn-wd-lg-500p {
    min-width: 500%;
  }
  .wd-lg-500-force {
    width: 500px !important;
  }
  .wd-lg-500p-force {
    width: 500% !important;
  }
  .mx-wd-lg-500p-force {
    max-width: 500% !important;
  }
  .mn-wd-lg-500p-force {
    min-width: 500% !important;
  }
  .wd-lg-550 {
    width: 550px;
  }
  .wd-lg-550p {
    width: 550%;
  }
  .mx-wd-lg-550p {
    max-width: 550%;
  }
  .mn-wd-lg-550p {
    min-width: 550%;
  }
  .wd-lg-550-force {
    width: 550px !important;
  }
  .wd-lg-550p-force {
    width: 550% !important;
  }
  .mx-wd-lg-550p-force {
    max-width: 550% !important;
  }
  .mn-wd-lg-550p-force {
    min-width: 550% !important;
  }
  .wd-lg-600 {
    width: 600px;
  }
  .wd-lg-600p {
    width: 600%;
  }
  .mx-wd-lg-600p {
    max-width: 600%;
  }
  .mn-wd-lg-600p {
    min-width: 600%;
  }
  .wd-lg-600-force {
    width: 600px !important;
  }
  .wd-lg-600p-force {
    width: 600% !important;
  }
  .mx-wd-lg-600p-force {
    max-width: 600% !important;
  }
  .mn-wd-lg-600p-force {
    min-width: 600% !important;
  }
  .wd-lg-650 {
    width: 650px;
  }
  .wd-lg-650p {
    width: 650%;
  }
  .mx-wd-lg-650p {
    max-width: 650%;
  }
  .mn-wd-lg-650p {
    min-width: 650%;
  }
  .wd-lg-650-force {
    width: 650px !important;
  }
  .wd-lg-650p-force {
    width: 650% !important;
  }
  .mx-wd-lg-650p-force {
    max-width: 650% !important;
  }
  .mn-wd-lg-650p-force {
    min-width: 650% !important;
  }
  .wd-lg-700 {
    width: 700px;
  }
  .wd-lg-700p {
    width: 700%;
  }
  .mx-wd-lg-700p {
    max-width: 700%;
  }
  .mn-wd-lg-700p {
    min-width: 700%;
  }
  .wd-lg-700-force {
    width: 700px !important;
  }
  .wd-lg-700p-force {
    width: 700% !important;
  }
  .mx-wd-lg-700p-force {
    max-width: 700% !important;
  }
  .mn-wd-lg-700p-force {
    min-width: 700% !important;
  }
  .wd-lg-750 {
    width: 750px;
  }
  .wd-lg-750p {
    width: 750%;
  }
  .mx-wd-lg-750p {
    max-width: 750%;
  }
  .mn-wd-lg-750p {
    min-width: 750%;
  }
  .wd-lg-750-force {
    width: 750px !important;
  }
  .wd-lg-750p-force {
    width: 750% !important;
  }
  .mx-wd-lg-750p-force {
    max-width: 750% !important;
  }
  .mn-wd-lg-750p-force {
    min-width: 750% !important;
  }
  .wd-lg-800 {
    width: 800px;
  }
  .wd-lg-800p {
    width: 800%;
  }
  .mx-wd-lg-800p {
    max-width: 800%;
  }
  .mn-wd-lg-800p {
    min-width: 800%;
  }
  .wd-lg-800-force {
    width: 800px !important;
  }
  .wd-lg-800p-force {
    width: 800% !important;
  }
  .mx-wd-lg-800p-force {
    max-width: 800% !important;
  }
  .mn-wd-lg-800p-force {
    min-width: 800% !important;
  }
  .wd-lg-850 {
    width: 850px;
  }
  .wd-lg-850p {
    width: 850%;
  }
  .mx-wd-lg-850p {
    max-width: 850%;
  }
  .mn-wd-lg-850p {
    min-width: 850%;
  }
  .wd-lg-850-force {
    width: 850px !important;
  }
  .wd-lg-850p-force {
    width: 850% !important;
  }
  .mx-wd-lg-850p-force {
    max-width: 850% !important;
  }
  .mn-wd-lg-850p-force {
    min-width: 850% !important;
  }
  .wd-lg-900 {
    width: 900px;
  }
  .wd-lg-900p {
    width: 900%;
  }
  .mx-wd-lg-900p {
    max-width: 900%;
  }
  .mn-wd-lg-900p {
    min-width: 900%;
  }
  .wd-lg-900-force {
    width: 900px !important;
  }
  .wd-lg-900p-force {
    width: 900% !important;
  }
  .mx-wd-lg-900p-force {
    max-width: 900% !important;
  }
  .mn-wd-lg-900p-force {
    min-width: 900% !important;
  }
  .wd-lg-950 {
    width: 950px;
  }
  .wd-lg-950p {
    width: 950%;
  }
  .mx-wd-lg-950p {
    max-width: 950%;
  }
  .mn-wd-lg-950p {
    min-width: 950%;
  }
  .wd-lg-950-force {
    width: 950px !important;
  }
  .wd-lg-950p-force {
    width: 950% !important;
  }
  .mx-wd-lg-950p-force {
    max-width: 950% !important;
  }
  .mn-wd-lg-950p-force {
    min-width: 950% !important;
  }
  .wd-lg-1000 {
    width: 1000px;
  }
  .wd-lg-1000p {
    width: 1000%;
  }
  .mx-wd-lg-1000p {
    max-width: 1000%;
  }
  .mn-wd-lg-1000p {
    min-width: 1000%;
  }
  .wd-lg-1000-force {
    width: 1000px !important;
  }
  .wd-lg-1000p-force {
    width: 1000% !important;
  }
  .mx-wd-lg-1000p-force {
    max-width: 1000% !important;
  }
  .mn-wd-lg-1000p-force {
    min-width: 1000% !important;
  }
  .wd-lg-auto {
    width: auto;
  }
  .wd-lg-auto-force {
    width: auto !important;
  }
}

@media (min-width: 1200px) {
  .wd-xl-5 {
    width: 5px;
  }
  .wd-xl-5p {
    width: 5%;
  }
  .mx-wd-xl-5p {
    max-width: 5%;
  }
  .mn-wd-xl-5p {
    min-width: 5%;
  }
  .wd-xl-5-force {
    width: 5px !important;
  }
  .wd-xl-5p-force {
    width: 5% !important;
  }
  .mx-wd-xl-5p-force {
    max-width: 5% !important;
  }
  .mn-wd-xl-5p-force {
    min-width: 5% !important;
  }
  .wd-xl-10 {
    width: 10px;
  }
  .wd-xl-10p {
    width: 10%;
  }
  .mx-wd-xl-10p {
    max-width: 10%;
  }
  .mn-wd-xl-10p {
    min-width: 10%;
  }
  .wd-xl-10-force {
    width: 10px !important;
  }
  .wd-xl-10p-force {
    width: 10% !important;
  }
  .mx-wd-xl-10p-force {
    max-width: 10% !important;
  }
  .mn-wd-xl-10p-force {
    min-width: 10% !important;
  }
  .wd-xl-15 {
    width: 15px;
  }
  .wd-xl-15p {
    width: 15%;
  }
  .mx-wd-xl-15p {
    max-width: 15%;
  }
  .mn-wd-xl-15p {
    min-width: 15%;
  }
  .wd-xl-15-force {
    width: 15px !important;
  }
  .wd-xl-15p-force {
    width: 15% !important;
  }
  .mx-wd-xl-15p-force {
    max-width: 15% !important;
  }
  .mn-wd-xl-15p-force {
    min-width: 15% !important;
  }
  .wd-xl-20 {
    width: 20px;
  }
  .wd-xl-20p {
    width: 20%;
  }
  .mx-wd-xl-20p {
    max-width: 20%;
  }
  .mn-wd-xl-20p {
    min-width: 20%;
  }
  .wd-xl-20-force {
    width: 20px !important;
  }
  .wd-xl-20p-force {
    width: 20% !important;
  }
  .mx-wd-xl-20p-force {
    max-width: 20% !important;
  }
  .mn-wd-xl-20p-force {
    min-width: 20% !important;
  }
  .wd-xl-25 {
    width: 25px;
  }
  .wd-xl-25p {
    width: 25%;
  }
  .mx-wd-xl-25p {
    max-width: 25%;
  }
  .mn-wd-xl-25p {
    min-width: 25%;
  }
  .wd-xl-25-force {
    width: 25px !important;
  }
  .wd-xl-25p-force {
    width: 25% !important;
  }
  .mx-wd-xl-25p-force {
    max-width: 25% !important;
  }
  .mn-wd-xl-25p-force {
    min-width: 25% !important;
  }
  .wd-xl-30 {
    width: 30px;
  }
  .wd-xl-30p {
    width: 30%;
  }
  .mx-wd-xl-30p {
    max-width: 30%;
  }
  .mn-wd-xl-30p {
    min-width: 30%;
  }
  .wd-xl-30-force {
    width: 30px !important;
  }
  .wd-xl-30p-force {
    width: 30% !important;
  }
  .mx-wd-xl-30p-force {
    max-width: 30% !important;
  }
  .mn-wd-xl-30p-force {
    min-width: 30% !important;
  }
  .wd-xl-35 {
    width: 35px;
  }
  .wd-xl-35p {
    width: 35%;
  }
  .mx-wd-xl-35p {
    max-width: 35%;
  }
  .mn-wd-xl-35p {
    min-width: 35%;
  }
  .wd-xl-35-force {
    width: 35px !important;
  }
  .wd-xl-35p-force {
    width: 35% !important;
  }
  .mx-wd-xl-35p-force {
    max-width: 35% !important;
  }
  .mn-wd-xl-35p-force {
    min-width: 35% !important;
  }
  .wd-xl-40 {
    width: 40px;
  }
  .wd-xl-40p {
    width: 40%;
  }
  .mx-wd-xl-40p {
    max-width: 40%;
  }
  .mn-wd-xl-40p {
    min-width: 40%;
  }
  .wd-xl-40-force {
    width: 40px !important;
  }
  .wd-xl-40p-force {
    width: 40% !important;
  }
  .mx-wd-xl-40p-force {
    max-width: 40% !important;
  }
  .mn-wd-xl-40p-force {
    min-width: 40% !important;
  }
  .wd-xl-45 {
    width: 45px;
  }
  .wd-xl-45p {
    width: 45%;
  }
  .mx-wd-xl-45p {
    max-width: 45%;
  }
  .mn-wd-xl-45p {
    min-width: 45%;
  }
  .wd-xl-45-force {
    width: 45px !important;
  }
  .wd-xl-45p-force {
    width: 45% !important;
  }
  .mx-wd-xl-45p-force {
    max-width: 45% !important;
  }
  .mn-wd-xl-45p-force {
    min-width: 45% !important;
  }
  .wd-xl-50 {
    width: 50px;
  }
  .wd-xl-50p {
    width: 50%;
  }
  .mx-wd-xl-50p {
    max-width: 50%;
  }
  .mn-wd-xl-50p {
    min-width: 50%;
  }
  .wd-xl-50-force {
    width: 50px !important;
  }
  .wd-xl-50p-force {
    width: 50% !important;
  }
  .mx-wd-xl-50p-force {
    max-width: 50% !important;
  }
  .mn-wd-xl-50p-force {
    min-width: 50% !important;
  }
  .wd-xl-55 {
    width: 55px;
  }
  .wd-xl-55p {
    width: 55%;
  }
  .mx-wd-xl-55p {
    max-width: 55%;
  }
  .mn-wd-xl-55p {
    min-width: 55%;
  }
  .wd-xl-55-force {
    width: 55px !important;
  }
  .wd-xl-55p-force {
    width: 55% !important;
  }
  .mx-wd-xl-55p-force {
    max-width: 55% !important;
  }
  .mn-wd-xl-55p-force {
    min-width: 55% !important;
  }
  .wd-xl-60 {
    width: 60px;
  }
  .wd-xl-60p {
    width: 60%;
  }
  .mx-wd-xl-60p {
    max-width: 60%;
  }
  .mn-wd-xl-60p {
    min-width: 60%;
  }
  .wd-xl-60-force {
    width: 60px !important;
  }
  .wd-xl-60p-force {
    width: 60% !important;
  }
  .mx-wd-xl-60p-force {
    max-width: 60% !important;
  }
  .mn-wd-xl-60p-force {
    min-width: 60% !important;
  }
  .wd-xl-65 {
    width: 65px;
  }
  .wd-xl-65p {
    width: 65%;
  }
  .mx-wd-xl-65p {
    max-width: 65%;
  }
  .mn-wd-xl-65p {
    min-width: 65%;
  }
  .wd-xl-65-force {
    width: 65px !important;
  }
  .wd-xl-65p-force {
    width: 65% !important;
  }
  .mx-wd-xl-65p-force {
    max-width: 65% !important;
  }
  .mn-wd-xl-65p-force {
    min-width: 65% !important;
  }
  .wd-xl-70 {
    width: 70px;
  }
  .wd-xl-70p {
    width: 70%;
  }
  .mx-wd-xl-70p {
    max-width: 70%;
  }
  .mn-wd-xl-70p {
    min-width: 70%;
  }
  .wd-xl-70-force {
    width: 70px !important;
  }
  .wd-xl-70p-force {
    width: 70% !important;
  }
  .mx-wd-xl-70p-force {
    max-width: 70% !important;
  }
  .mn-wd-xl-70p-force {
    min-width: 70% !important;
  }
  .wd-xl-75 {
    width: 75px;
  }
  .wd-xl-75p {
    width: 75%;
  }
  .mx-wd-xl-75p {
    max-width: 75%;
  }
  .mn-wd-xl-75p {
    min-width: 75%;
  }
  .wd-xl-75-force {
    width: 75px !important;
  }
  .wd-xl-75p-force {
    width: 75% !important;
  }
  .mx-wd-xl-75p-force {
    max-width: 75% !important;
  }
  .mn-wd-xl-75p-force {
    min-width: 75% !important;
  }
  .wd-xl-80 {
    width: 80px;
  }
  .wd-xl-80p {
    width: 80%;
  }
  .mx-wd-xl-80p {
    max-width: 80%;
  }
  .mn-wd-xl-80p {
    min-width: 80%;
  }
  .wd-xl-80-force {
    width: 80px !important;
  }
  .wd-xl-80p-force {
    width: 80% !important;
  }
  .mx-wd-xl-80p-force {
    max-width: 80% !important;
  }
  .mn-wd-xl-80p-force {
    min-width: 80% !important;
  }
  .wd-xl-85 {
    width: 85px;
  }
  .wd-xl-85p {
    width: 85%;
  }
  .mx-wd-xl-85p {
    max-width: 85%;
  }
  .mn-wd-xl-85p {
    min-width: 85%;
  }
  .wd-xl-85-force {
    width: 85px !important;
  }
  .wd-xl-85p-force {
    width: 85% !important;
  }
  .mx-wd-xl-85p-force {
    max-width: 85% !important;
  }
  .mn-wd-xl-85p-force {
    min-width: 85% !important;
  }
  .wd-xl-90 {
    width: 90px;
  }
  .wd-xl-90p {
    width: 90%;
  }
  .mx-wd-xl-90p {
    max-width: 90%;
  }
  .mn-wd-xl-90p {
    min-width: 90%;
  }
  .wd-xl-90-force {
    width: 90px !important;
  }
  .wd-xl-90p-force {
    width: 90% !important;
  }
  .mx-wd-xl-90p-force {
    max-width: 90% !important;
  }
  .mn-wd-xl-90p-force {
    min-width: 90% !important;
  }
  .wd-xl-95 {
    width: 95px;
  }
  .wd-xl-95p {
    width: 95%;
  }
  .mx-wd-xl-95p {
    max-width: 95%;
  }
  .mn-wd-xl-95p {
    min-width: 95%;
  }
  .wd-xl-95-force {
    width: 95px !important;
  }
  .wd-xl-95p-force {
    width: 95% !important;
  }
  .mx-wd-xl-95p-force {
    max-width: 95% !important;
  }
  .mn-wd-xl-95p-force {
    min-width: 95% !important;
  }
  .wd-xl-100 {
    width: 100px;
  }
  .wd-xl-100p {
    width: 100%;
  }
  .mx-wd-xl-100p {
    max-width: 100%;
  }
  .mn-wd-xl-100p {
    min-width: 100%;
  }
  .wd-xl-100-force {
    width: 100px !important;
  }
  .wd-xl-100p-force {
    width: 100% !important;
  }
  .mx-wd-xl-100p-force {
    max-width: 100% !important;
  }
  .mn-wd-xl-100p-force {
    min-width: 100% !important;
  }
  .wd-xl-150 {
    width: 150px;
  }
  .wd-xl-150p {
    width: 150%;
  }
  .mx-wd-xl-150p {
    max-width: 150%;
  }
  .mn-wd-xl-150p {
    min-width: 150%;
  }
  .wd-xl-150-force {
    width: 150px !important;
  }
  .wd-xl-150p-force {
    width: 150% !important;
  }
  .mx-wd-xl-150p-force {
    max-width: 150% !important;
  }
  .mn-wd-xl-150p-force {
    min-width: 150% !important;
  }
  .wd-xl-200 {
    width: 200px;
  }
  .wd-xl-200p {
    width: 200%;
  }
  .mx-wd-xl-200p {
    max-width: 200%;
  }
  .mn-wd-xl-200p {
    min-width: 200%;
  }
  .wd-xl-200-force {
    width: 200px !important;
  }
  .wd-xl-200p-force {
    width: 200% !important;
  }
  .mx-wd-xl-200p-force {
    max-width: 200% !important;
  }
  .mn-wd-xl-200p-force {
    min-width: 200% !important;
  }
  .wd-xl-250 {
    width: 250px;
  }
  .wd-xl-250p {
    width: 250%;
  }
  .mx-wd-xl-250p {
    max-width: 250%;
  }
  .mn-wd-xl-250p {
    min-width: 250%;
  }
  .wd-xl-250-force {
    width: 250px !important;
  }
  .wd-xl-250p-force {
    width: 250% !important;
  }
  .mx-wd-xl-250p-force {
    max-width: 250% !important;
  }
  .mn-wd-xl-250p-force {
    min-width: 250% !important;
  }
  .wd-xl-300 {
    width: 300px;
  }
  .wd-xl-300p {
    width: 300%;
  }
  .mx-wd-xl-300p {
    max-width: 300%;
  }
  .mn-wd-xl-300p {
    min-width: 300%;
  }
  .wd-xl-300-force {
    width: 300px !important;
  }
  .wd-xl-300p-force {
    width: 300% !important;
  }
  .mx-wd-xl-300p-force {
    max-width: 300% !important;
  }
  .mn-wd-xl-300p-force {
    min-width: 300% !important;
  }
  .wd-xl-350 {
    width: 350px;
  }
  .wd-xl-350p {
    width: 350%;
  }
  .mx-wd-xl-350p {
    max-width: 350%;
  }
  .mn-wd-xl-350p {
    min-width: 350%;
  }
  .wd-xl-350-force {
    width: 350px !important;
  }
  .wd-xl-350p-force {
    width: 350% !important;
  }
  .mx-wd-xl-350p-force {
    max-width: 350% !important;
  }
  .mn-wd-xl-350p-force {
    min-width: 350% !important;
  }
  .wd-xl-400 {
    width: 400px;
  }
  .wd-xl-400p {
    width: 400%;
  }
  .mx-wd-xl-400p {
    max-width: 400%;
  }
  .mn-wd-xl-400p {
    min-width: 400%;
  }
  .wd-xl-400-force {
    width: 400px !important;
  }
  .wd-xl-400p-force {
    width: 400% !important;
  }
  .mx-wd-xl-400p-force {
    max-width: 400% !important;
  }
  .mn-wd-xl-400p-force {
    min-width: 400% !important;
  }
  .wd-xl-450 {
    width: 450px;
  }
  .wd-xl-450p {
    width: 450%;
  }
  .mx-wd-xl-450p {
    max-width: 450%;
  }
  .mn-wd-xl-450p {
    min-width: 450%;
  }
  .wd-xl-450-force {
    width: 450px !important;
  }
  .wd-xl-450p-force {
    width: 450% !important;
  }
  .mx-wd-xl-450p-force {
    max-width: 450% !important;
  }
  .mn-wd-xl-450p-force {
    min-width: 450% !important;
  }
  .wd-xl-500 {
    width: 500px;
  }
  .wd-xl-500p {
    width: 500%;
  }
  .mx-wd-xl-500p {
    max-width: 500%;
  }
  .mn-wd-xl-500p {
    min-width: 500%;
  }
  .wd-xl-500-force {
    width: 500px !important;
  }
  .wd-xl-500p-force {
    width: 500% !important;
  }
  .mx-wd-xl-500p-force {
    max-width: 500% !important;
  }
  .mn-wd-xl-500p-force {
    min-width: 500% !important;
  }
  .wd-xl-550 {
    width: 550px;
  }
  .wd-xl-550p {
    width: 550%;
  }
  .mx-wd-xl-550p {
    max-width: 550%;
  }
  .mn-wd-xl-550p {
    min-width: 550%;
  }
  .wd-xl-550-force {
    width: 550px !important;
  }
  .wd-xl-550p-force {
    width: 550% !important;
  }
  .mx-wd-xl-550p-force {
    max-width: 550% !important;
  }
  .mn-wd-xl-550p-force {
    min-width: 550% !important;
  }
  .wd-xl-600 {
    width: 600px;
  }
  .wd-xl-600p {
    width: 600%;
  }
  .mx-wd-xl-600p {
    max-width: 600%;
  }
  .mn-wd-xl-600p {
    min-width: 600%;
  }
  .wd-xl-600-force {
    width: 600px !important;
  }
  .wd-xl-600p-force {
    width: 600% !important;
  }
  .mx-wd-xl-600p-force {
    max-width: 600% !important;
  }
  .mn-wd-xl-600p-force {
    min-width: 600% !important;
  }
  .wd-xl-650 {
    width: 650px;
  }
  .wd-xl-650p {
    width: 650%;
  }
  .mx-wd-xl-650p {
    max-width: 650%;
  }
  .mn-wd-xl-650p {
    min-width: 650%;
  }
  .wd-xl-650-force {
    width: 650px !important;
  }
  .wd-xl-650p-force {
    width: 650% !important;
  }
  .mx-wd-xl-650p-force {
    max-width: 650% !important;
  }
  .mn-wd-xl-650p-force {
    min-width: 650% !important;
  }
  .wd-xl-700 {
    width: 700px;
  }
  .wd-xl-700p {
    width: 700%;
  }
  .mx-wd-xl-700p {
    max-width: 700%;
  }
  .mn-wd-xl-700p {
    min-width: 700%;
  }
  .wd-xl-700-force {
    width: 700px !important;
  }
  .wd-xl-700p-force {
    width: 700% !important;
  }
  .mx-wd-xl-700p-force {
    max-width: 700% !important;
  }
  .mn-wd-xl-700p-force {
    min-width: 700% !important;
  }
  .wd-xl-750 {
    width: 750px;
  }
  .wd-xl-750p {
    width: 750%;
  }
  .mx-wd-xl-750p {
    max-width: 750%;
  }
  .mn-wd-xl-750p {
    min-width: 750%;
  }
  .wd-xl-750-force {
    width: 750px !important;
  }
  .wd-xl-750p-force {
    width: 750% !important;
  }
  .mx-wd-xl-750p-force {
    max-width: 750% !important;
  }
  .mn-wd-xl-750p-force {
    min-width: 750% !important;
  }
  .wd-xl-800 {
    width: 800px;
  }
  .wd-xl-800p {
    width: 800%;
  }
  .mx-wd-xl-800p {
    max-width: 800%;
  }
  .mn-wd-xl-800p {
    min-width: 800%;
  }
  .wd-xl-800-force {
    width: 800px !important;
  }
  .wd-xl-800p-force {
    width: 800% !important;
  }
  .mx-wd-xl-800p-force {
    max-width: 800% !important;
  }
  .mn-wd-xl-800p-force {
    min-width: 800% !important;
  }
  .wd-xl-850 {
    width: 850px;
  }
  .wd-xl-850p {
    width: 850%;
  }
  .mx-wd-xl-850p {
    max-width: 850%;
  }
  .mn-wd-xl-850p {
    min-width: 850%;
  }
  .wd-xl-850-force {
    width: 850px !important;
  }
  .wd-xl-850p-force {
    width: 850% !important;
  }
  .mx-wd-xl-850p-force {
    max-width: 850% !important;
  }
  .mn-wd-xl-850p-force {
    min-width: 850% !important;
  }
  .wd-xl-900 {
    width: 900px;
  }
  .wd-xl-900p {
    width: 900%;
  }
  .mx-wd-xl-900p {
    max-width: 900%;
  }
  .mn-wd-xl-900p {
    min-width: 900%;
  }
  .wd-xl-900-force {
    width: 900px !important;
  }
  .wd-xl-900p-force {
    width: 900% !important;
  }
  .mx-wd-xl-900p-force {
    max-width: 900% !important;
  }
  .mn-wd-xl-900p-force {
    min-width: 900% !important;
  }
  .wd-xl-950 {
    width: 950px;
  }
  .wd-xl-950p {
    width: 950%;
  }
  .mx-wd-xl-950p {
    max-width: 950%;
  }
  .mn-wd-xl-950p {
    min-width: 950%;
  }
  .wd-xl-950-force {
    width: 950px !important;
  }
  .wd-xl-950p-force {
    width: 950% !important;
  }
  .mx-wd-xl-950p-force {
    max-width: 950% !important;
  }
  .mn-wd-xl-950p-force {
    min-width: 950% !important;
  }
  .wd-xl-1000 {
    width: 1000px;
  }
  .wd-xl-1000p {
    width: 1000%;
  }
  .mx-wd-xl-1000p {
    max-width: 1000%;
  }
  .mn-wd-xl-1000p {
    min-width: 1000%;
  }
  .wd-xl-1000-force {
    width: 1000px !important;
  }
  .wd-xl-1000p-force {
    width: 1000% !important;
  }
  .mx-wd-xl-1000p-force {
    max-width: 1000% !important;
  }
  .mn-wd-xl-1000p-force {
    min-width: 1000% !important;
  }
  .wd-xl-auto {
    width: auto;
  }
  .wd-xl-auto {
    width: auto !important;
  }
}

.wd-100v {
  width: 100vw;
}

.wd-1 {
  width: 1px;
}

.wd-2 {
  width: 2px;
}

.wd-3 {
  width: 3px;
}

.wd-4 {
  width: 4px;
}

.wd-6 {
  width: 6px;
}

.wd-7 {
  width: 7px;
}

.wd-8 {
  width: 8px;
}

.wd-9 {
  width: 9px;
}

.wd-16 {
  width: 16px;
}

.wd-32 {
  width: 32px;
}

.wd-36 {
  width: 36px;
}

.wd-48 {
  width: 48px;
}

.wd-64 {
  width: 64px;
}

.wd-72 {
  width: 72px;
}

.wd-170 {
  width: 170px;
}

.wd-180 {
  width: 180px;
}

.wd-190 {
  width: 190px;
}

.wd-220 {
  width: 220px;
}

.wd-230 {
  width: 230px;
}

.mx-wd-1200 {
  max-width: 1200px;
}

.mx-wd-1350 {
  max-width: 1350px;
}

.mx-wd-mpw {
  max-width: 1500px;
}

.mx-wd-fc {
  max-width: 965px;
}

/* ------------------------------------------ */
/* ############### COMPONENTS ############### */
/* ------------------------------------------ */

/* Top Alerts region */

.top-alerts {
  width: 100%;
}

/* Navbar region. */
.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .navbar.is-fixed,
.toolbar-fixed.toolbar-horizontal.toolbar-tray-open #CollapsingNavbar.show {
  top: 79px;
}

.toolbar-fixed.toolbar-horizontal .navbar.is-fixed,
.toolbar-fixed.toolbar-horizontal #CollapsingNavbar.show {
  top: 39px;
}

.toolbar-fixed.toolbar-vertical .navbar.is-fixed,
.toolbar-fixed.toolbar-vertical #CollapsingNavbar.show {
  top: 39px;
}

.navbar {
  background-color: #2a2a2a;
  z-index: 1004;
  width: 100%;
  height: 97px;
  /*position: absolute;*/
  top: auto;
  transition: top 0.3s ease, transform 0.3s ease;
}

.navbar.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /*transform: translateY(0);*/
}

.navbar a.navbar-brand {
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar a.navbar-brand:hover img {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.navbar a.navbar-brand img {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 116px;
  height: 23px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .menu--main {
        width: 100%;
        position: initial;
    }
    .navbar-expand-lg .navbar-nav {
        justify-content: space-evenly;
    }
    .navbar-expand-lg .navbar-nav ul::after {
        display: none;
    }
    .navbar-expand-lg .menu--menu-navbar-menu {
        flex-shrink: 0;
    }
}

@media (max-width: 767px) {
  .navbar {
    height: 50px;
  }
  .navbar a.navbar-brand {
    align-self: end;
}
}

/* Navbar region: navbar menu. */

.navbar-nav > li > a,
.navbar-nav > li > span {
  font: 16px "YogaPro", Arial, sans-serif;
  color: #fff;
  cursor: pointer;
}

.navbar-nav > li > a strong,
.navbar-nav > li > span strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #64fcfb;
}

@media (min-width: 992px) {
    .dropdown.nav-item {
        position: initial;
    }
}

.dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  border-top: 0;
  border-right: 1px solid #979797;
  border-bottom: 1px solid #979797;
  border-left: 0;
  transform: rotate(45deg);
  transition: transform .2s ease;
  vertical-align: middle;
  transform-origin: center;
}

.dropdown-toggle.show::after {
  transform: rotate(-135deg);
  transition: transform .2s ease-in-out;
}

.dropdown-toggle.active::after,
.dropdown-toggle.show::after {
    border-color: #64fcfb;
}

.mysuper-theme .dropdown:hover > .dropdown-menu {
  display: none;
}

.mysuper-theme .dropdown-menu .dropdown-menu {
  display: none;
}

.mysuper-theme .dropdown.show > .dropdown-menu {
  position: absolute;
  left: 0;
  top: 100%;
  display: flex;
  justify-content: center;
  width: 100%;
  background: #00a6a5;
  border: none;
  border-radius: 0;
  margin-top: 0;
  padding: 20px 0;
}

.dropdown-menu .dropdown-item {
  width: fit-content;
  color: #fff;
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.17;
}

.dropdown.show > .dropdown-menu .dropdown-item:hover,
.dropdown.show > .dropdown-menu .dropdown-item.active {
  background-color: transparent;
  border: none;
}

.dropdown.show > .dropdown-menu .dropdown-item a:hover,
.dropdown.show > .dropdown-menu .dropdown-item a.is-active {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.dropdown.show > .dropdown-menu .dropdown-item a:focus {
  color: #fff;
}

.mysuper-theme .dropdown-menu .menu-item--expanded > a:after {
  display: none;
}

/* Mobile nav toggle */

.navbar-toggler .icon-bar {
  background: #64fcfb;
}

.navbar-toggler {
  border: none;
  position: relative;
  width: 23px;
  height: 30px;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler .icon-bar {
  position: absolute;
  display: block;
  background: #64fcfb;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
  left: 0;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler:hover .icon-bar {
  opacity: 0.5;
}

.navbar-toggler .icon-bar:nth-child(1) {
  top: 7px;
}

.navbar-toggler .icon-bar:nth-child(2) {
  top: 14px;
}

.navbar-toggler .icon-bar:nth-child(3) {
  top: 21px;
}

/* Mobile offcanvas */

.offcanvas-header .btn-close {
  filter: invert(92%) sepia(54%) saturate(2934%) hue-rotate(147deg) brightness(108%) contrast(98%);
  --bs-btn-close-opacity: 1;
}

.offcanvas-header .btn-close:focus {
  box-shadow: none;
}

@media (max-width: 991px) {
  .offcanvas {
    --bs-offcanvas-width: 100%;
    --bs-offcanvas-transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    background: #333333;
  }
  .offcanvas-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
  }
  .dropdown-menu {
    background: transparent !important;
    flex-direction: column;
  }
  #CollapsingNavbar.show .dropdown-menu {
    display: none;
    background: transparent;
    border: 0;
    margin: 0;
    padding-left: 1rem;
    position: initial;
  }
  #CollapsingNavbar.show .dropdown.show > .dropdown-menu {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }
  #CollapsingNavbar.show .dropdown.show > .dropdown-menu .dropdown-menu {
    display: block;
    padding-left: 1.25rem;
    padding-top: 10px;
  }
  .dropdown-menu .dropdown-menu .dropdown-item {
    font-family: 'FreightSans Pro Book Regular';
  }
  .menu--menu-navbar-menu {
    display: flex;
    justify-content: center;
    background-color: #2a2a2a;
    padding: 15px;
  }
  .menu--menu-navbar-menu ul {
    gap: 30px;
  }
  .menu--menu-navbar-menu ul::after {
    display: none;
  }
  .offcanvas-header .btn-close {
    margin-top: 0;
    z-index: 1;
  }
  .offcanvas-body {
    margin-top: 30px;
  }
  .menu--main {
    padding: 0 15px;
  }
  .menu--menu-navbar-menu {
    position: fixed;
    top: 0;
    width: 100%;
  }
  .menu--menu-navbar-menu ul {
    padding-right: 45px;
  }
}

.menu--menu-navbar-menu {
  align-items: center;
}

.menu--menu-navbar-menu a {
  font-size: 14px;
}

.menu--menu-navbar-menu svg.ext {
    display: none;
}

.menu--menu-navbar-menu a.login-link {
  color: #fff;
}

.menu--menu-navbar-menu  a:not(.btn) {
  line-height: 1.2em;
}

.menu--menu-navbar-menu a:not(.btn):hover {
  border-bottom: 0;
  color: rgba(255, 255, 255, 0.31);
  background-color: transparent;
}

.menu--menu-navbar-menu a.btn {
  color: #FFF;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  padding: 7px 30px 9px;
  border-radius: 30px;
}

.menu--menu-navbar-menu .nav-link--search {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M10.5 4a6.5 6.5 0 1 0 4.56 11.12l4.91 4.91a1 1 0 0 0 1.42-1.42l-4.91-4.91A6.5 6.5 0 0 0 10.5 4zm0 2a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    overflow: hidden;
    color: transparent;
    padding: 0.5rem 0;
}

.menu--menu-navbar-menu a.nav-link--search:hover {
    opacity: 0.5;
    color: transparent;
}

/* Fund menu */
.menu--mainmenu-select-fund {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 15px 35px;
}

.menu--mainmenu-select-fund h2 {
  margin: 0;
  font: 14px "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.menu--mainmenu-select-fund ul.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.menu--mainmenu-select-fund ul.nav::after {
    display: none;
}

@media (max-width: 767px) {
  .menu--mainmenu-select-fund h2 {
  	width: 100%;
  	padding-bottom: 15px;
  }
}

.menu--mainmenu-select-fund ul.nav li a {
  min-width: 145px;
  background-color: #00a6a5;
  color: #fff;
}

.menu--mainmenu-select-fund ul.nav li a.is-active, .menu--mainmenu-select-fund ul.nav li a:hover, .menu--mainmenu-select-fund ul.nav li a:focus, .menu--mainmenu-select-fund ul.nav li a:active {
  background-color: #64fcfb;
  color: #000000;
}

@media (max-width: 1199px) {
  .menu--mainmenu-select-fund ul.nav li a {
    min-width: 125px;
  }
}

@media (max-width: 479px) {
  .menu--mainmenu-select-fund ul.nav li a {
    display: block;
  }
}

/* Footer region. */

.site-footer {
    padding: 0;
}

.site-footer__top {
  padding-top: 64px;
  padding-bottom: 68px;
  background: #2a2a2a;
  font-size: 14px;
}

.site-footer .block,
.site-footer__top .block-menu,
.site-footer__bottom .block {
    margin: unset;
    border: unset;
    border-color: unset;
    padding: unset;
}

.site-footer__top-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 45px;
}

.site-footer__top-wrapper .region {
    width: unset;
    padding: unset;
    float: unset;
    position: initial;
}

.footer-mobile-menu .dropdown-toggle,
.footer-mobile-menu .footer-mobile {
    margin: 0 0 10px;
}

.footer-mobile-menu .dropdown-menu {
    display: block !important;
    background: transparent;
    border: 0;
}

.footer-mobile-menu .dropdown-item {
    padding: 0;
    margin-bottom: 10px;
    white-space: normal;
    font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.footer-mobile-menu .dropdown-item:last-child {
    margin-bottom: 0;
}

.footer-mobile-menu a.nav-link,
.footer-mobile-menu .nav-link.dropdown-toggle {
    padding: 0;
}

.footer-mobile-menu .nav-link.dropdown-toggle:hover {
    color: #fff;
    cursor: default;
}

.footer-mobile-menu .nav-link.dropdown-toggle::after {
    display: none;
}

.footer-mobile-menu .dropdown-item:hover,
.footer-mobile-menu .dropdown-item:focus {
    background-color: transparent;
}

.footer-mobile-menu .dropdown-menu .menu-item--expanded:hover {
    border-right: none;
}

.footer-mobile-menu .dropdown-item.active {
    background-color: transparent;
}

.footer-mobile-menu .dropdown-menu li.active > a {
    color: #64fcfb;
}

.footer-mobile-menu .dropdown-menu .menu-item--expanded > .dropdown-menu {
    margin-top: 10px;
    padding-left: 15px;
}

.footer-mobile-menu .footer-mobile-plan ul {
    display: none !important;
}

.region-footer-second .footer-mobile-menu .nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    width: 100%;
}

@media (max-width: 1199px) {
    .site-footer__top-wrapper {
        gap: 30px;
    }
}

@media (max-width: 991px) {
    .site-footer__top-wrapper {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    .region-footer-second .footer-mobile-menu .nav {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 30px;
    }
    .region-footer-second .footer-mobile-menu .nav>li:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }
    .region-footer-second .footer-mobile-menu .nav>li:nth-child(2) {
        grid-column: 1;
        grid-row: 2 / span 2;
    }
    .region-footer-second .footer-mobile-menu .nav>li:nth-child(3) {
        grid-column: 2;
        grid-row: 1;
    }
    .region-footer-second .footer-mobile-menu .nav>li:nth-child(4),
    .region-footer-second .footer-mobile-menu .nav>li:nth-child(5) {
        grid-column: 2;
    }
    .region-footer-second .footer-mobile-menu .nav>li:nth-child(4) {
        grid-row: 2;
    }
    .region-footer-second .footer-mobile-menu .nav>li:nth-child(5) {
        grid-row: 3;
    }
}

@media (max-width: 576px) {
    .region-footer-second .footer-mobile-menu .nav {
        grid-template-columns: 1fr;
    }
    .region-footer-second .footer-mobile-menu .nav > li:nth-child(n) {
        grid-column: auto;
        grid-row: auto;
    }
}

/* Copyright region. */
.site-footer__bottom {
  margin-top: 0;
  padding-top: 53px;
  border-top: none;
  border-right: none;
  background: #333333;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.footer-disclaimer {
    margin-top: 68px;
    font-style: italic;
}

.footer-disclaimer p a {
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(255, 255, 255, 0.4);
}

.footer-disclaimer p a:focus,
.footer-disclaimer p a:hover,
.footer-disclaimerp a:active {
    color: #fff;
    text-decoration-color: rgba(255, 255, 255, 0);
}

/* sup and sub */

sup, sub {
    font-size: 100%;
}

/* Contribution Rate Page */
.page-node-3 .savings-calc .form-horizontal.calc .form-group .input-group .input-group-addon {
  padding-top: 0;
}

.page-node-3 .savings-calc .form-horizontal.calc .form-group .input-group .input-group-addon span {
  display: block;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media (max-width: 767px) {
  .page-node-3 .region-bottom-red .red-text {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* Insurance Page node webform */
.page-node-112.node--type-webform .field--name-webform {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
}

.node--type-webform .field--name-webform .webform-submission-insurance-add-on-form {
    margin-left: 15px;
    margin-right: 15px;
}

/*
Saving suspension form Page
Change your contribution rate Form Page
Change your account structure
*/
/*.page-node-116.mysuper-forms--confirmation-page .node--type-webform,
.page-node-111.mysuper-forms--confirmation-page .node--type-webform,
.page-node-110.mysuper-forms--confirmation-page .node--type-webform {
  padding: 0;
}*/

/*.page-node-116.mysuper-forms--confirmation-page .node--type-webform .field--type-webform,
.page-node-111.mysuper-forms--confirmation-page .node--type-webform .field--type-webform,
.page-node-110.mysuper-forms--confirmation-page .node--type-webform .field--type-webform {
  padding: 0;
  background-color: transparent;
}

.page-node-116.mysuper-forms--confirmation-page .node--type-webform form,
.page-node-111.mysuper-forms--confirmation-page .node--type-webform form,
.page-node-110.mysuper-forms--confirmation-page .node--type-webform form {
  max-width: none;
}

.page-node-111.mysuper-forms--confirmation-page #progressbar, .page-node-116.mysuper-forms--confirmation-page #progressbar {
	display: none;
}*/

/*.page-node-110 .node--type-webform .field--type-webform {
  padding: 50px 0;
  background-color: #fff;
  color: #2a2a2a;
}

.page-node-110 .node--type-webform form {
  max-width: 965px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}*/

/* Page Monthly interest rates */
.page-node-57 table {
  font-size: 14px;
}

.page-node-57 table th, .page-node-57 table td {
  width: 20%;
}

.page-node-57 table tbody tr td:first-of-type {
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
}

/* Fund node */
.node--type-fund {
    /* Display view Full */
    /* Display view Advanced Teaser */
    /* Display view Fees */
}

.node--type-fund.node--view-mode-short-description .group-left,
.node--type-fund.node--view-mode-short-description .group-right {
    margin-bottom: 30px;
}

.node--type-fund.node--view-mode-short-description .field--label {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: normal;
}

.node--type-fund.node--view-mode-short-description .field--name-node-title {
    margin-bottom: 30px;
}

.node--type-fund.node--view-mode-short-description .field--name-node-title h3 {
    margin: 0;
    padding: 0;
    font: 40px "YogaPro", Arial, sans-serif;
    text-align: left;
}

.node--type-fund.node--view-mode-short-description .field--name-field-lifestages-description {
    font-size: 20px;
}

.node--type-fund.node--view-mode-short-description .field--name-field-lifestages-description h3:first-child {
    margin-top: 0;
}

.node--type-fund.node--view-mode-short-description .field--name-dynamic-token-fieldnode-fund-asset-mix-charts {
    display: none;
}

.node--type-fund.node--view-mode-short-description .field--name-dynamic-token-fieldnode-fund-asset-mix-charts h4 {
    margin: 0 0 10px;
    font-size: 20px;
}

.node--type-fund.node--view-mode-short-description .field--name-dynamic-token-fieldnode-fund-asset-mix-charts .bar-scales {
    margin-bottom: 12px;
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.node--type-fund.node--view-mode-short-description .field--name-dynamic-token-fieldnode-fund-asset-mix-charts .chart-wrapper {
    margin-bottom: 15px;
}

.node--type-fund.node--view-mode-full section {
    max-width: 1530px;
}

.node--type-fund.node--view-mode-full section .background-wrapper {
    margin-left: 15px;
    margin-right: 15px;
}

.node--type-fund.node--view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator {
    margin-top: 25px;
    padding: 15px 0;
    background: #fff;
}

.node--type-fund.node--view-mode-full .risk-indicator.risk-indicator-1 li:nth-child(1) {
    background-color: #3F8411;
}

.node--type-fund.node--view-mode-full .risk-indicator.risk-indicator-2 li:nth-child(2) {
    background-color: #7ab542;
}

.node--type-fund.node--view-mode-full .risk-indicator.risk-indicator-3 li:nth-child(3) {
    background-color: #00a6a5;
}

.node--type-fund.node--view-mode-full .risk-indicator.risk-indicator-4 li:nth-child(4) {
    background-color: #FFA700;
}

.node--type-fund.node--view-mode-full .risk-indicator.risk-indicator-5 li:nth-child(5) {
    background-color: #a478b7;
}

.node--type-fund.node--view-mode-full .risk-indicator.risk-indicator-6 li:nth-child(6) {
    background-color: #ff6666;
}

.node--type-fund.node--view-mode-full .risk-indicator.risk-indicator-7 li:nth-child(7) {
    background-color: #EE423D;
}

.node--type-fund.node--view-mode-full .risk-indicator .title-top,
.node--type-fund.node--view-mode-full .risk-indicator .title-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    clear: both;
    overflow: hidden;
}

.node--type-fund.node--view-mode-full .risk-indicator span {
    font-size: 14px;
    color: #2a2a2a;
}

.node--type-fund.node--view-mode-full .risk-indicator span.left {
    margin-left: 0;
    margin-right: auto;
    padding-right: 10px;
}

.node--type-fund.node--view-mode-full .risk-indicator span.right {
    margin-left: auto;
    margin-right: 0;
    padding-left: 10px;
    text-align: right;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    margin: 20px 0 14px;
    padding: 0;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li {
    position: relative;
    margin-bottom: 9px;
    padding: 10px 0;
    width: 12.57142857%;
    height: 43px;
    list-style: none;
    text-align: center;
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #c7c7c7;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -6px;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li:not(:first-of-type) {
    margin-left: 2%;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li:nth-child(1)::before {
    background-color: #3F8411;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li:nth-child(2)::before {
    background-color: #7ab542;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li:nth-child(3)::before {
    background-color: #00a6a5;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li:nth-child(4)::before {
    background-color: #FFA700;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li:nth-child(5)::before {
    background-color: #a478b7;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li:nth-child(6)::before {
    background-color: #ff6666;
}

.node--type-fund.node--view-mode-full .risk-indicator .risk-indicator-list li:nth-child(7)::before {
    background-color: #EE423D;
}

@media (max-width: 991px) {
    .node--type-fund.node--view-mode-full .fund--feature .help-info-panel {
        margin-top: 45px;
    }
}

.node--type-fund.node--view-mode-full .feature-returns .scroll-hint-icon {
    top: auto;
    bottom: 50%;
}

.node--type-fund .fund--feature .fund--feature-grid-wrapper .mix-wrapper,
.node--type-fund .fund--feature .fund--feature-grid-wrapper .mix-label-wrapper {
    column-gap: 15px;
}

.node--type-fund .growth-wrapper,
.node--type-fund .income-wrapper {
    display: grid;
    gap: 5px;
}

.node--type-fund .mix-breakdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.node--type-fund .growth-wrapper .mix-breakdown {
    grid-template-columns: auto 1fr;
}

.node--type-fund .income-wrapper .mix-breakdown {
    justify-items: end;
    grid-template-columns: 1fr auto;
}

.node--type-fund .mix-title {
    /*display: inline-block;
	width: 50px;
	text-align: left;*/
    align-content: center;
}

.node--type-fund .mix-value {
    /*display: inline-block;
	width: 135px;
	text-align: right;*/
    line-height: 1;
}

@media (max-width: 479px) {
    .node--type-fund .mix-title {
        /*width: 0px;*/
        font-size: 12px;
    }

    .node--type-fund .mix-value {
        /*width: 110px;*/
        font-size: 20px;
    }
}

.node--type-fund .mix-target {
    color: #999999;
}

.node--type-fund .ks-avg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.node--type-fund .ks-avg span {
    color: #2a2a2a;
}

.node--type-fund .dd-panel,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel {
    border: 1px solid #979797;
    border-radius: 0;
}

.node--type-fund .dd-panel .panel-title,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 32px 87px 30px 0;
    color: #2a2a2a;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title {
    padding-left: 17px;
}

.node--type-fund .dd-panel .panel-title:hover,
.node--type-fund .dd-panel .panel-title:focus,
.node--type-fund .dd-panel .panel-title:active,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title:hover,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title:focus,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title:active {
    color: #2a2a2a;
}

@media (max-width: 479px) {

    .node--type-fund .dd-panel .panel-title,
    .block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title {
        padding-right: 50px;
    }
}

.node--type-fund .dd-panel .panel-title[aria-expanded="true"],
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title[aria-expanded="true"] {
    padding-bottom: 15px;
}

.node--type-fund .dd-panel .panel-title[aria-expanded="true"] .dd-caret,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title[aria-expanded="true"] .dd-caret {
    background: url("data:image/svg+xml,%3Csvg width='22' height='39' viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.54594C21.0973 10.0973 21.1297 10.971 20.6432 11.5603L20.5459 11.6673L11 21.2132L1.45406 11.6673C0.868272 11.0815 0.868272 10.1317 1.45406 9.54594C2.00539 8.99461 2.87912 8.96218 3.46837 9.44865L3.57538 9.54594L11 16.9706L18.4246 9.54594C18.9759 8.99461 19.8497 8.96218 20.4389 9.44865L20.5459 9.54594Z' fill='%2300A6A5'/%3E%3Cpath d='M20.5459 28.6539C21.0973 28.1026 21.1297 27.2288 20.6432 26.6396L20.5459 26.5326L11 16.9866L1.45406 26.5326C0.868272 27.1184 0.868272 28.0681 1.45406 28.6539C2.00539 29.2052 2.87912 29.2376 3.46837 28.7512L3.57538 28.6539L11 21.2293L18.4246 28.6539C18.9759 29.2052 19.8497 29.2376 20.4389 28.7512L20.5459 28.6539Z' fill='%2300A6A5'/%3E%3C/svg%3E") center no-repeat;
    background-size: cover;
}

.node--type-fund .dd-panel .panel-title .dd-caret,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title .dd-caret {
    position: absolute;
    width: 22px;
    height: 22px;
    background-position: center -5px;
    top: 40px;
    right: 40px;
}

@media (max-width: 479px) {

    .node--type-fund .dd-panel .panel-title .dd-caret,
    .block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title .dd-caret {
        right: 15px;
    }
}

.node--type-fund .dd-panel .panel-sub-title {
    padding: 0 15px 15px 0;
    margin-top: -10px;
}

.node--type-fund .dd-panel .panel-body,
.node--type-fund .help-info-panel .panel-body,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-body {
    padding: 0 17px 35px;
}

.node--type-fund .fund--title-block {
    margin-bottom: 75px;
}

.node--type-fund .fund--title-block .grid-wrapper {
    display: grid;
    grid-template-columns: 7fr 5fr;
    width: 100%;
}

.node--type-fund .fund--title-block h1 {
    margin: 0;
    line-height: 1.3;
}

.node--type-fund .fund--title-block .fund-links {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 40px;
    align-items: center;
    justify-items: end;
}

.node--type-fund .fund--title-block .compare-link {
    color: #999999;
    font-size: 14px;
}

.node--type-fund .fund--title-block .compare-link:hover,
.node--type-fund .fund--title-block .compare-link:focus,
.node--type-fund .fund--title-block .compare-link:active {
    text-decoration: underline;
}

.node--type-fund .fund--title-block .join-button {
    width: 80px;
    height: fit-content;
    background-color: #FF6666;
    color: #ffffff;
}

.node--type-fund .fund--title-block .join-button:hover,
.node--type-fund .fund--title-block .join-button:focus,
.node--type-fund .fund--title-block .join-button:active {
    background-color: #EE423D;
    opacity: 1;
}

@media (max-width: 991px) {
    .node--type-fund .fund--title-block .fund-links {
        grid-template-columns: 1fr;
        row-gap: 10px;
        padding-top: 5px;
    }
    .node--type-fund .fund--title-block .fund-links .compare-link {
        grid-row: 2;
    }
}

@media (max-width: 767px) {
    .node--type-fund .fund--title-block .grid-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .node--type-fund .fund--title-block .fund-links {
        justify-items: start;
        grid-template-columns: 1fr 4fr;
    }
    .node--type-fund .fund--title-block .fund-links .compare-link {
        grid-row: 1;
        grid-column: 2;
    }
    .node--type-fund .fund--title-block .join-button {
        grid-row: 1;
    }
}

@media (max-width: 479px) {
    .node--type-fund .fund--title-block .fund-links {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .node--type-fund .fund--title-block .fund-links .compare-link {
        grid-row: 2;
        grid-column: 1;
    }
}

.node--type-fund .fund--intro--features .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
}

.node--type-fund .fund--intro--features .fund--feature-tile {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 30px;
    overflow: hidden;
}

.node--type-fund .fund--intro--features .grid-wrapper .tile-grid-wrapper .tile-data {
    overflow: hidden;
}

.node--type-fund .fund--intro--features .grid-wrapper .feature-fees .tile-grid-wrapper .tile-data,
.node--type-fund .fund--intro--features .grid-wrapper .feature-returns .tile-grid-wrapper .tile-data {
    display: grid;
    grid-template-columns: 180px 1fr;
    align-items: center;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-grid-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-description {
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 20px;
    padding: 15px;
    font-size: 14px;
    background-color: #E5F6F6;
}

.node--type-fund .fund--intro--features .fund--feature-tile.feature-fees .tile-description,
.node--type-fund .fund--intro--features .fund--feature-tile.feature-returns .tile-description {
    margin-top: 30px;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-description p:last-child {
    margin-bottom: 0;
}

.node--type-fund .fund--intro--features .grid-wrapper .tile-grid-wrapper .data-header-wrapper {
    display: flex;
    justify-content: space-between;
}

.node--type-fund .fund--intro--features .fund--feature-tile.feature-fees .tile-heading,
.node--type-fund .fund--intro--features .fund--feature-tile.feature-returns .tile-heading {
    margin-bottom: 0;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    font: 20px "YogaPro", Arial, sans-serif;
    line-height: 1.5;
    border-bottom: 1px solid #d3d3d3;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-heading .tooltip-default-sm {
    margin-right: 0;
    margin-left: auto;
    background-size: auto;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-data p {
    margin-bottom: 0;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-data .rch-layout {
    margin-bottom: 8px;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-data .rch-layout>div {
    width: 180px;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-data .round-chart-data .perc-value {
    font-size: 60px;
    margin-bottom: 10px;
}

.node--type-fund .fund--intro--features .fund--feature-tile .tile-anchor {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6503 6.88084L10.1576 14.9448L1.66485 6.88084' stroke='%2300A6A5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
    background-size: contain;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .node--type-fund .fund--intro--features .fund--feature-tile .tile-data .round-chart-data .perc-value {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .node--type-fund .fund--intro--features .grid-wrapper {
        grid-template-columns: 1fr;
    }

    .node--type-fund .fund--intro--features .grid-wrapper .tile-grid-wrapper {
        display: grid;
        grid-template-columns: 3fr 2fr;
        gap: 30px;
    }

    .node--type-fund .fund--intro--features .grid-wrapper .tile-heading {
        grid-column: span 2
    }

    .node--type-fund .fund--intro--features .grid-wrapper .feature-fees .tile-grid-wrapper .tile-data,
    .node--type-fund .fund--intro--features .grid-wrapper .feature-returns .tile-grid-wrapper .tile-data {
        gap: 30px;
    }

    .node--type-fund .fund--intro--features .fund--feature-tile .tile-description,
    .node--type-fund .fund--intro--features .fund--feature-tile.feature-fees .tile-description,
    .node--type-fund .fund--intro--features .fund--feature-tile.feature-returns .tile-description {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .node--type-fund .fund--intro--features .fund--feature-tile .tile-data .round-chart-data {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .node--type-fund .fund--intro--features .fund--feature-tile {
        padding-bottom: 45px;
    }

    .node--type-fund .fund--intro--features .grid-wrapper .tile-grid-wrapper {
        grid-template-columns: 1fr;
    }

    .node--type-fund .fund--intro--features .grid-wrapper .tile-heading {
        grid-column: span 1;
    }
}

@media (max-width: 575px) {

    .node--type-fund .fund--intro--features .grid-wrapper .feature-fees .tile-grid-wrapper .tile-data,
    .node--type-fund .fund--intro--features .grid-wrapper .feature-returns .tile-grid-wrapper .tile-data {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 15px;
    }
}

/* All defunct??? 

.node--type-fund .fund--intro--features-nav,
.node--type-fund .tab-content--features-nav {
  border-bottom: none;
}

.node--type-fund .fund--intro--features-nav > .nav-item,
.node--type-fund .tab-content--features-nav > .nav-item {
  position: relative;
  background-color: #f2f2f2;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #d3d3d3;
}

.node--type-fund .fund--intro--features-nav > .nav-item.disabled::after,
.node--type-fund .tab-content--features-nav > .nav-item.disabled::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
  z-index: 1;
  top: 0;
  left: 0;
}

.node--type-fund .fund--intro--features-nav > .nav-item:first-of-type.disabled::before,
.node--type-fund .tab-content--features-nav > .nav-item:first-of-type.disabled::before {
  background-color: #f9f9f9;
  border-bottom: 1px solid #d3d3d3;
  border-top: 1px solid #f2f2f2;
}

.node--type-fund .fund--intro--features-nav > .nav-item:first-of-type::before,
.node--type-fund .tab-content--features-nav > .nav-item:first-of-type::before {
  position: absolute;
  display: block;
  content: "";
  width: 15px;
  height: -webkit-calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #f2f2f2;
  top: -1px;
  left: -15px;
}

@media (max-width: 1199px) {
  .node--type-fund .fund--intro--features-nav > .nav-item:first-of-type::before,
  .node--type-fund .tab-content--features-nav > .nav-item:first-of-type::before {
    width: 100px;
    left: -100px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .node--type-fund .fund--intro--features .fund--feature-tile .tile-description {
  	min-height: 130px;
  }
}

@media (max-width: 991px) {
  .node--type-fund .fund--intro--features-nav > .nav-item:first-of-type::before,
  .node--type-fund .tab-content--features-nav > .nav-item:first-of-type::before {
    display: none;
  }
}

.node--type-fund .fund--intro--features-nav > .nav-item:last-of-type.disabled::before,
.node--type-fund .tab-content--features-nav > .nav-item:last-of-type.disabled::before {
  background-color: #f9f9f9;
  border-bottom: 1px solid #d3d3d3;
  border-top: 1px solid #f2f2f2;
}

.node--type-fund .fund--intro--features-nav > .nav-item:last-of-type::before,
.node--type-fund .tab-content--features-nav > .nav-item:last-of-type::before {
  position: absolute;
  display: block;
  content: "";
  width: 15px;
  height: -webkit-calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #f2f2f2;
  top: -1px;
  right: -15px;
}

@media (max-width: 1199px) {
  .node--type-fund .fund--intro--features-nav > .nav-item:last-of-type::before,
  .node--type-fund .tab-content--features-nav > .nav-item:last-of-type::before {
    width: 100px;
    right: -100px;
  }
}

@media (max-width: 991px) {
  .node--type-fund .fund--intro--features-nav > .nav-item:last-of-type::before,
  .node--type-fund .tab-content--features-nav > .nav-item:last-of-type::before {
    display: none;
  }
}

.node--type-fund .fund--intro--features-nav > .nav-item:not(:last-of-type),
.node--type-fund .tab-content--features-nav > .nav-item:not(:last-of-type) {
  border-right: 1px solid #d3d3d3;
}

.node--type-fund .fund--intro--features-nav > .nav-item.active,
.node--type-fund .tab-content--features-nav > .nav-item.active {
  background-color: #fff;
  border-top-color: #d3d3d3;
  border-bottom-color: transparent;
}

.node--type-fund .fund--intro--features-nav > .nav-item.active::before,
.node--type-fund .tab-content--features-nav > .nav-item.active::before {
  background-color: #fff;
  border-top: 1px solid #d3d3d3;
}

.node--type-fund .fund--intro--features-nav > .nav-item.active > a,
.node--type-fund .tab-content--features-nav > .nav-item.active > a {
  color: inherit;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.node--type-fund .fund--intro--features-nav > .nav-item.active > a:hover, .node--type-fund .fund--intro--features-nav > .nav-item.active > a:active, .node--type-fund .fund--intro--features-nav > .nav-item.active > a:focus,
.node--type-fund .tab-content--features-nav > .nav-item.active > a:hover,
.node--type-fund .tab-content--features-nav > .nav-item.active > a:active,
.node--type-fund .tab-content--features-nav > .nav-item.active > a:focus {
  background-color: transparent;
}

.node--type-fund .fund--intro--features-nav > .nav-item.active > a .dd-caret,
.node--type-fund .tab-content--features-nav > .nav-item.active > a .dd-caret {
  margin-top: 3px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='39' viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.54594C21.0973 10.0973 21.1297 10.971 20.6432 11.5603L20.5459 11.6673L11 21.2132L1.45406 11.6673C0.868272 11.0815 0.868272 10.1317 1.45406 9.54594C2.00539 8.99461 2.87912 8.96218 3.46837 9.44865L3.57538 9.54594L11 16.9706L18.4246 9.54594C18.9759 8.99461 19.8497 8.96218 20.4389 9.44865L20.5459 9.54594Z' fill='%2300A6A5'/%3E%3Cpath d='M20.5459 28.6539C21.0973 28.1026 21.1297 27.2288 20.6432 26.6396L20.5459 26.5326L11 16.9866L1.45406 26.5326C0.868272 27.1184 0.868272 28.0681 1.45406 28.6539C2.00539 29.2052 2.87912 29.2376 3.46837 28.7512L3.57538 28.6539L11 21.2293L18.4246 28.6539C18.9759 29.2052 19.8497 29.2376 20.4389 28.7512L20.5459 28.6539Z' fill='%2300A6A5'/%3E%3C/svg%3E");
}

.node--type-fund .fund--intro--features-nav > .nav-item > a,
.node--type-fund .tab-content--features-nav > .nav-item > a {
  position: relative;
  display: block;
  margin-right: 0;
  padding: 10px 25px 10px 0;
  font-size: 16px;
  border: none;
}

.node--type-fund .fund--intro--features-nav > .nav-item > a:hover, .node--type-fund .fund--intro--features-nav > .nav-item > a:active, .node--type-fund .fund--intro--features-nav > .nav-item > a:focus,
.node--type-fund .tab-content--features-nav > .nav-item > a:hover,
.node--type-fund .tab-content--features-nav > .nav-item > a:active,
.node--type-fund .tab-content--features-nav > .nav-item > a:focus {
  color: #2a2a2a;
}

.node--type-fund .fund--intro--features-nav > .nav-item > a[aria-expanded="true"] .dd-caret,
.node--type-fund .tab-content--features-nav > .nav-item > a[aria-expanded="true"] .dd-caret {
  margin-top: 1px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='39' viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.54594C21.0973 10.0973 21.1297 10.971 20.6432 11.5603L20.5459 11.6673L11 21.2132L1.45406 11.6673C0.868272 11.0815 0.868272 10.1317 1.45406 9.54594C2.00539 8.99461 2.87912 8.96218 3.46837 9.44865L3.57538 9.54594L11 16.9706L18.4246 9.54594C18.9759 8.99461 19.8497 8.96218 20.4389 9.44865L20.5459 9.54594Z' fill='%2300A6A5'/%3E%3Cpath d='M20.5459 28.6539C21.0973 28.1026 21.1297 27.2288 20.6432 26.6396L20.5459 26.5326L11 16.9866L1.45406 26.5326C0.868272 27.1184 0.868272 28.0681 1.45406 28.6539C2.00539 29.2052 2.87912 29.2376 3.46837 28.7512L3.57538 28.6539L11 21.2293L18.4246 28.6539C18.9759 29.2052 19.8497 29.2376 20.4389 28.7512L20.5459 28.6539Z' fill='%2300A6A5'/%3E%3C/svg%3E");
}

.node--type-fund .fund--intro--features-nav > .nav-item > a .dd-caret,
.node--type-fund .tab-content--features-nav > .nav-item > a .dd-caret {
  position: absolute;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 0;
}

@media (max-width: 991px) {
  .node--type-fund .fund--intro--features-nav > .nav-item {
    display: none;
  }
}*/

.node--type-fund .fund--investment-summary .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
}

.node--type-fund .fund--investment-summary .grid-wrapper .investment-summary-wrapper .investment-summary-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 991px) {
    .node--type-fund .fund--investment-summary .grid-wrapper {
        grid-template-columns: 1fr;
    }
}

.node--type-fund .fund--investment-summary .investment-summary {
    margin-top: 20px;
}

.node--type-fund .fund--investment-summary .border-right {
    border-right: 1px solid #666666;
}

@media (max-width: 479px) {
    .node--type-fund .fund--investment-summary .grid-wrapper .investment-summary-wrapper .investment-summary-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .node--type-fund .fund--investment-summary .border-right {
        border-right: none;
        border-bottom: 1px solid #666666;
        padding-bottom: 15px;
    }
}

.node--type-fund .fund--teal-instruction .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
}

.node--type-fund .fund--teal-instruction .section-title {
    font-size: 32px;
}

@media (max-width: 991px) {
    .node--type-fund .fund--teal-instruction .grid-wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

.node--type-fund .fund--teal-instruction .field--name-field-fund-key-facts {
    font-size: 20px;
}

@media (max-width: 767px) {
    .node--type-fund .fund--teal-instruction .field--name-field-fund-key-facts {
        font-size: 18px;
    }
}

.node--type-fund .fund--feature::before {
    content: "";
    display: block;
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
}

.node--type-fund .fund--feature .fund--feature-grid-wrapper {
    display: grid;
    grid-template-columns: 7fr 4fr;
    column-gap: 30px;
}

.node--type-fund .fund--feature .fund--feature-grid-wrapper .data-wrapper,
.node--type-fund .fund--feature .fund--feature-grid-wrapper .help-wrapper {
    overflow: hidden;
}

.node--type-fund .fund--feature .feature-title {
    margin: 0 0 30px;
    line-height: 1.375;
}

@media (min-width: 992px) {
    .node--type-fund .fund--feature .fund--feature-grid-wrapper .help-wrapper {
        margin-top: 75px;
    }
}

@media (max-width: 991px) {
    .node--type-fund .fund--feature .fund--feature-grid-wrapper {
        grid-template-columns: 1fr;
    }
}

.node--type-fund .fund--feature .fund--feature-grid-wrapper .mix-wrapper,
.node--type-fund .fund--feature .fund--feature-grid-wrapper .mix-label-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.node--type-fund .mix-wrapper:after {
    content: "";
    display: block;
    border-bottom: 1px solid #999999;
    padding-top: 15px;
    grid-row: 2;
    grid-column: span 2;
}

@media (max-width: 1199px) {
    .node--type-fund.node--view-mode-full .fund--asset-mix,
    .node--type-fund.node--view-mode-full .feature-fees .fund--fees,
    .node--type-fund.node--view-mode-full .feature-returns .fund--returns {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.node--type-fund .fund--asset-mix table {
    width: 100%;
    margin-bottom: 0;
}

.node--type-fund .fund--asset-mix .table {
    margin-bottom: 0;
}

.node--type-fund .fund--asset-mix .table>tbody>tr[aria-expanded="true"]:not(:first-of-type)>td {
    border-top: none;
}

.node--type-fund .fund--asset-mix .table>tbody>tr[aria-expanded="true"]+tr>td {
    border-top: none;
}

.node--type-fund .fund--asset-mix .table>tbody>tr[aria-expanded="true"] .dd-caret {
    background: url("data:image/svg+xml,%3Csvg width='22' height='39' viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.54594C21.0973 10.0973 21.1297 10.971 20.6432 11.5603L20.5459 11.6673L11 21.2132L1.45406 11.6673C0.868272 11.0815 0.868272 10.1317 1.45406 9.54594C2.00539 8.99461 2.87912 8.96218 3.46837 9.44865L3.57538 9.54594L11 16.9706L18.4246 9.54594C18.9759 8.99461 19.8497 8.96218 20.4389 9.44865L20.5459 9.54594Z' fill='%2300A6A5'/%3E%3Cpath d='M20.5459 28.6539C21.0973 28.1026 21.1297 27.2288 20.6432 26.6396L20.5459 26.5326L11 16.9866L1.45406 26.5326C0.868272 27.1184 0.868272 28.0681 1.45406 28.6539C2.00539 29.2052 2.87912 29.2376 3.46837 28.7512L3.57538 28.6539L11 21.2293L18.4246 28.6539C18.9759 29.2052 19.8497 29.2376 20.4389 28.7512L20.5459 28.6539Z' fill='%2300A6A5'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center !important;
    top: 52%;
}

.node--type-fund .fund--asset-mix .table>tbody>tr.sub-row>td {
    vertical-align: top;
}

.node--type-fund .fund--asset-mix .table>tbody>tr.sub-row>td.result-wrapper:first-of-type {
    padding: 25px 15px 20px 15px;
}

.node--type-fund .fund--asset-mix .table>tbody>tr:not(:first-of-type)>td {
    border-top: 1px solid #d3d3d3;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td {
    padding-top: 20px;
    padding-bottom: 20px;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-label {
    position: relative;
    padding-left: 25px;
    font: 20px "YogaPro", Arial, sans-serif;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-label .dd-caret {
    position: absolute;
    background-position: center -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 13px;
    top: 52%;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper .chart-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper .chart-wrapper .fund-assets-mix-charts.fund-chart,
.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper .chart-wrapper .fund-assets-mix-charts.ksa-fund-chart {
    min-width: 378px;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper .chart-wrapper .perc-value {
    min-width: 64px;
    margin-top: -4px;
    margin-left: 15px;
    text-align: right;
    font-size: 18px;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table {
    text-align: right;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table caption {
    caption-side: top;
    margin-top: -2px;
    margin-bottom: 20px;
    padding: 0;
    font: 18px "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1;
    color: #2a2a2a;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table thead tr {
    background: transparent;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table thead tr th {
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    background: transparent;
    color: #2a2a2a;
    border: none;
    border-bottom: 1px solid #666666;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table tbody tr:first-of-type {
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table tbody tr {
    background: transparent;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table tbody tr:not(:first-of-type) td:not(:first-child) {
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table tbody tr td {
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    background: transparent;
    font-size: 18px;
    text-align: right;
}

.node--type-fund .fund--asset-mix .table>tbody>tr>td.result-wrapper table tbody tr td:first-child {
    text-align: left;
}

.node--type-fund .fund--asset-mix .panel-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.node--type-fund .fund--asset-mix .panel-body .mix-legend {
    text-align: right;
}

.node--type-fund .fund--asset-mix .form-type-table {
    padding-left: 0;
    padding-right: 0;
}

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table {
    min-width: 768px;
    border-collapse: collapse;
}

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>thead>tr,
.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>tbody>tr.odd {
    background-color: transparent;
}

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>tbody>tr.odd {
    border-bottom: none;
}

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table.table>:not(caption)>*>* {
    --bs-table-bg: transparent;
}

/*.node--type-fund .fund--asset-mix .form-type-table > .table-responsive > table > thead > tr,
.node--type-fund .fund--asset-mix .form-type-table > .table-responsive > table > tbody > tr.collapsed {
    display: grid;
    grid-template-columns: 2fr 5fr 5fr;
    align-items: center;
}

.node--type-fund .fund--asset-mix .form-type-table > .table-responsive > table > tbody > tr.in {
    display: grid;
    grid-template-columns: 7fr 5fr;
}*/

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>thead>tr>th:first-of-type {
    padding-left: 17px;
}

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>thead>tr>th:last-of-type {
    padding-right: 17px;
}

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>tbody>tr[aria-expanded="true"],
.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>tbody>tr[aria-expanded="true"]+.sub-row {
    background: #f2f2f2;
    border-left-color: #f2f2f2;
    border-right-color: #f2f2f2;
}

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>tbody>tr>td:first-of-type {
    padding-left: 34px;
}

.node--type-fund .fund--asset-mix .form-type-table>.table-responsive>table>tbody>tr>td:last-of-type {
    padding-right: 17px;
}

.node--type-fund .fund--feature-grid-wrapper .data-wrapper .chart-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 35px;
}

.node--type-fund .fund--feature-grid-wrapper .data-wrapper .chart-grid-wrapper .description-text {
    grid-column: span 2;
}

.node--type-fund .fund--feature .chart-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media (max-width: 767px) {
    .node--type-fund .fund--feature .chart-wrapper {
        flex-direction: column;
        gap: 30px;
        justify-self: center;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .node--type-fund .fund--feature-grid-wrapper .data-wrapper .chart-grid-wrapper {
        grid-template-columns: 1fr;
    }

    .node--type-fund .fund--feature-grid-wrapper .data-wrapper .chart-grid-wrapper .description-text {
        grid-column: span 1;
    }
}

.node--type-fund .fund--feature .chart-wrapper .chart-description {
    align-content: center;
}

.node--type-fund .fund--feature .chart-wrapper>p>span {
    display: block;
}

.node--type-fund .fund--feature:not(.feature-mix) .chart-wrapper .perc-value {
    font-size: 50px;
}

@media (min-width: 768px) {
    .node--type-fund .fund--feature .chart-wrapper .perc-value {
        margin-top: 10px;
    }
}

.node--type-fund .feature-fees .fund--fees .panel-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.node--type-fund .feature-fees .table {
    min-width: 768px;
    margin-bottom: 0;
    border-collapse: collapse;
}

.node--type-fund .feature-fees .table thead tr {
    border-bottom: 1px solid #666666;
}

.node--type-fund .feature-fees .table thead tr th {
    border-bottom: none;
}

.node--type-fund .feature-fees .table tr {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    background: transparent;
    border-bottom: none;
    padding: 0;
}

.node--type-fund .feature-fees .table tr.table-total-combined-fees {
    background: #f2f2f2;
    border-top: 1px solid #d3d3d3;
}

.node--type-fund .feature-fees .table tr.table-total-combined-fees td {
    background: transparent;
}

.node--type-fund .feature-fees .table td:first-of-type,
.node--type-fund .feature-fees .table th:first-of-type {
    padding-left: 15px;
}

.node--type-fund .feature-fees .table td:last-of-type,
.node--type-fund .feature-fees .table th:last-of-type {
    padding-right: 15px;
}

.node--type-fund .feature-fees .table tbody tr:not(:last-of-type):not(:first-of-type) {
    border-top: 1px solid #d3d3d3;
}

.node--type-fund .feature-fees .table tbody tr td {
    padding-top: 15px;
    padding-bottom: 20px;
}

.node--type-fund .feature-fees .table tbody tr td p {
    margin-bottom: 0;
}

.node--type-fund .fund--feature.feature-returns panel-body {
    padding-left: 0;
    padding-right: 0;
}

.node--type-fund .fund--feature.feature-returns .gross-return-chart {
    margin-bottom: 30px;
}

.node--type-fund .fund--feature.feature-returns .fund-returns-yr-chart-wrapper,
.node--type-fund .fund--feature.feature-returns .fund-gross-return-chart-wrapper {
    min-width: 895px;
    margin-bottom: 35px;
    padding-left: 75px;
}

.node--type-fund .fund--feature.feature-returns .fund-gross-return-chart-wrapper {
    margin-bottom: 15px;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table,
.node--type-fund .fund--feature.feature-returns .gross-returns-table {
    width: 88%;
    min-width: 785px;
    margin-bottom: 15px;
    text-align: right;
}

.node--type-fund .fund--feature.feature-returns .gross-returns-table {
    width: 89.2%;
    min-width: 895px;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table .thead .t-cell:nth-of-type(1),
.node--type-fund .fund--feature.feature-returns .yr-returns-table .tbody .t-cell:nth-of-type(1) {
    max-width: 107px;
}

/*.node--type-fund .fund--feature.feature-returns .yr-returns-table .tbody .t-cell:nth-of-type(6) {
	color: #FF6666;
}

.page-node-64 .node--type-fund .fund--feature.feature-returns .yr-returns-table .tbody .t-cell:nth-of-type(6),
.node--type-fund.fund-type-cash .fund--feature.feature-returns .yr-returns-table .tbody .t-cell:nth-of-type(6) {
	color: #7ab542;
}*/

.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="3"] {
    width: 82.5%;
}

@media (max-width: 991px) {
    .node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="3"] {
        min-width: 738px;
    }
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="3"] .thead .t-cell:nth-of-type(2),
.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="3"] .tbody .t-cell:nth-of-type(2) {
    max-width: 20.2%;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="4"] {
    width: 86%;
}

@media (max-width: 991px) {
    .node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="4"] {
        min-width: 766px;
    }
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="4"] .thead .t-cell:nth-of-type(2),
.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="4"] .tbody .t-cell:nth-of-type(2) {
    max-width: 15%;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="5"] .thead .t-cell:nth-of-type(1),
.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="5"] .tbody .t-cell:nth-of-type(1) {
    max-width: 108px;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="5"] .thead .t-cell:nth-of-type(2),
.node--type-fund .fund--feature.feature-returns .yr-returns-table[data-max-length="5"] .tbody .t-cell:nth-of-type(2) {
    max-width: 12.1%;
}

.node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(1),
.node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(1) {
    max-width: 107px;
}

.node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(2),
.node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(2) {
    max-width: 13.5%;
}

.node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(3),
.node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(3) {
    min-width: 19.1%;
}

.node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(5),
.node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(5) {
    min-width: 16%;
}

.node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(6),
.node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(6) {
    min-width: 15.8%;
}

.node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(7),
.node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(7) {
    min-width: 16%;
}

@media (max-width: 1199px) {

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell {
        min-width: 110px;
    }

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(1),
    .node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(1) {
        max-width: 107px;
    }

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(2),
    .node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(2) {
        max-width: 12.5%;
    }

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(3),
    .node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(3) {
        max-width: 17.1%;
        min-width: unset;
    }

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(4),
    .node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(4) {
        max-width: 17.1%;
    }

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(5),
    .node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(5) {
        max-width: 17.1%;
    }

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(6),
    .node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(6) {
        max-width: 17.1%;
    }
}

@media (max-width: 991px) {

    .node--type-fund .fund--feature.feature-returns .gross-returns-table {
        width: 100%;
    }

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(1),
    .node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(1) {
        min-width: 107px;
    }

    .node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell:nth-of-type(2),
    .node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell:nth-of-type(2) {
        max-width: 12.7%;
    }

}

.node--type-fund .fund--feature.feature-returns .yr-returns-table .thead,
.node--type-fund .fund--feature.feature-returns .gross-returns-table .thead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table .thead .t-cell,
.node--type-fund .fund--feature.feature-returns .gross-returns-table .thead .t-cell,
.node--type-fund .fund--feature.feature-returns .investment-performance-table .thead .t-cell {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: 12px;
    text-transform: capitalize;
    text-align: right;
    color: #979797;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table .tbody .t-row,
.node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-row,
.node--type-fund .fund--feature.feature-returns .investment-performance-table .thead,
.node--type-fund .fund--feature.feature-returns .investment-performance-table .tbody .t-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table .tbody .t-cell,
.node--type-fund .fund--feature.feature-returns .gross-returns-table .tbody .t-cell,
.node--type-fund .fund--feature.feature-returns .investment-performance-table .tbody .t-cell {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font: 14px "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 26px;
}

.node--type-fund .fund--feature.feature-returns .gross-grid-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 30px;
}

@media (max-width: 991px) {
    .node--type-fund .fund--feature.feature-returns .gross-grid-wrapper {
        grid-template-columns: 1fr;
    }
}

.node--type-fund .fund--feature.feature-returns .investment-performance-table {
    padding-top: 30px;
}

.node--type-fund .fund--feature.feature-returns .investment-performance-table .thead .t-cell {
    border-bottom: 1px solid #979797;
    color: #2a2a2a;
    text-transform: uppercase;
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 2.16;
}

.node--type-fund .fund--feature.feature-returns .investment-performance-table .tbody .t-row:nth-of-type(3) {
    border-bottom: none;
}

.node--type-fund .fund--feature.feature-returns .investment-performance-table .tbody .t-cell {
    font-family: "YogaPro", Arial, sans-serif;
    font-size: 25px;
    text-align: right;
    line-height: 1;
    border-bottom: 1px solid #D3D3D3;
}

.node--type-fund .fund--feature.feature-returns .investment-performance-table .tbody .investment-value-added .t-cell {
    border-bottom: none;
}

.node--type-fund .fund--feature.feature-returns .investment-performance-table .thead .t-cell:nth-of-type(1),
.node--type-fund .fund--feature.feature-returns .investment-performance-table .tbody .t-cell:nth-of-type(1) {
    font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.85;
    padding-top: 19px;
    padding-bottom: 19px;
    max-width: 122px;
    flex: 1 0 auto;
}

.node--type-fund .fund--feature.feature-returns .investment-performance-table .tbody .t-row:nth-of-type(3) .t-cell:nth-of-type(1) {
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {

    .node--type-fund .fund--feature.feature-returns .investment-performance-table .thead .t-cell,
    .node--type-fund .fund--feature.feature-returns .investment-performance-table .tbody .t-cell {
        min-width: 122px;
    }
}

.node--type-fund .fund--feature.feature-returns .investment-performance-table .investment-summary {
    display: inline-block;
    padding-top: 19px;
}

.node--type-fund .fund--feature.feature-returns #gross-returns .help-info-panel .panel-heading .panel-title {
    padding: 0 25px 15px 62px;
}

.node--type-fund .fund--feature.feature-returns .yr-returns-table .tbody .t-cell .circle {
    margin-left: 5px;
}

.node--type-fund .fund--feature.feature-returns .circle {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #979797;
    border-radius: 50%;
}

.node--type-fund .fund--feature.feature-returns .circle.green {
    border-color: #7ab542;
}

.node--type-fund .fund--feature.feature-returns .square {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #666666;
}

.node--type-fund .fund--feature.feature-returns .square.green {
    background-color: #7ab542;
}

.node--type-fund .paragraph--type--multiple-documents .document-wrapper-link::before {
    top: 18px;
}

.node--type-fund .fund--risks .section-title {
    margin: 0 0 30px;
    line-height: 1.375;
}

@media (max-width: 479px) {
    .node--type-fund .fund--risks .section-title {
        margin-bottom: 20px;
    }
}

.node--type-fund .fund--risks .fund--risks-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 8px
}

.node--type-fund .fund--risks .fund--risks-grid-wrapper .title {
    padding-right: 23px;
}

@media (max-width: 767px) {
    .node--type-fund .fund--risks .fund--risks-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

.node--type-fund .fund--risks .btn {
    padding: 5px 23px 7px;
    font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.node--type-fund .fund--risks .btn:hover {
    background-color: #00807F !important;
    opacity: 1;
}

/* Alert Blocks */
.block-type-alert-block:not(.block-dismissible-message-bar) {
  padding-top: 30px;
  padding-bottom: 30px;
}

.block-type-alert-block > .closeblock {
  display: none;
}

.block-type-alert-block .block-wrapper {
  position: relative;
  padding: 0 60px;
  background: url("../images/imp-mark.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.block-type-alert-block .block-content--type-alert-block {
  display: grid;
  grid-template-columns: 1fr 4fr;
}

@media (max-width: 767px) {
    .block-type-alert-block .dmb-notification .block-wrapper {
        padding: 0 0 0 45px;
    }
    .block-type-alert-block .block-content--type-alert-block {
        grid-template-columns: 1fr;
    }
}

.block-type-alert-block .block-content--type-alert-block .group-right {
    padding-top: 2px;
}

.block-type-alert-block .closeblock {
  position: absolute;
  top: 0;
  right: 15px;
}

.block-type-alert-block .closeblock .closeblock-button,
.block-type-alert-block .dmb-notification .close-dmb-notification {
  display: block;
  width: 22px;
  height: 22px;
  font-size: 0;
  background: url("../images/drop-down-20-close.svg") center no-repeat;
  background-size: 22px;
}

.block-dismissible-message-bar.block-type-alert-block .form-group {
  margin-bottom: 0;
}

.block-type-alert-block .dmb-notification:not(.dismissed) {
  display: flex;
  justify-content: space-between;
}

.block-type-alert-block .dmb-notification .close-dmb-notification {
  flex-shrink: 0;
  margin-top: 34px;
}

.block-type-alert-block.alert-block-danger {
  background-color: #ff6666;
  color: #fff;
}

.block-type-alert-block.alert-block-danger.alert-block-orange {
	background-color: #F66B08;
}

.block-type-alert-block a.inline-button {
	display: inline-block;
  margin-bottom: 0;
  padding: 7px 23px 9px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.17;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 30px;
  background: #fff;
}

.block-type-alert-block.alert-block-danger .field--name-field-button-link a,
.block-type-alert-block.alert-block-danger a.inline-button {
  color: #ff6666;
  background-color: #fff;
}

.block-type-alert-block.alert-block-danger .field--name-field-button-link a:hover, 
.block-type-alert-block.alert-block-danger .field--name-field-button-link a:active,
.block-type-alert-block.alert-block-danger a.inline-button:hover,
.block-type-alert-block.alert-block-danger a.inline-button:active {
  background-color: #FF8F8F;
  color: #fff;
}

.block-type-alert-block.alert-block-danger.alert-block-orange .field--name-field-button-link a,
.block-type-alert-block.alert-block-danger.alert-block-orange a.inline-button {
  color: #FFA700;
}

.block-type-alert-block.alert-block-danger.alert-block-orange .field--name-field-button-link a:hover, 
.block-type-alert-block.alert-block-danger.alert-block-orange .field--name-field-button-link a:active,
.block-type-alert-block.alert-block-danger.alert-block-orange a.inline-button:hover,
.block-type-alert-block.alert-block-danger.alert-block-orange a.inline-button:active {
  background-color: #FFA700;
  color: #fff;
}

.block-type-alert-block .field--name-block-description {
  line-height: 1.67;
}

.block-type-alert-block .field--name-field-button-link a {
  margin-top: 18px;
  background: #fff;
}

/* Home - Join Call to Action */
@media (max-width: 767px) {
  #block-homejoincalltoaction p {
    font-size: 1.71rem;
  }
}

#block-homejoincalltoaction .btn-default:hover {
  background-color: #64fcfb;
}

/* Fancy a chat? */
.fancy-chat-block .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 0) {
  .fancy-chat-block .row {
    display: -webkit-box;
  }
}

.fancy-chat-block .fancy-text {
  font-size: 31px;
}

.fancy-chat-block .btn:hover {
  background-color: #64fcfb;
}

/* Lifestages Slider */
.block-views-blockfunds-block-mysuper-easyselect {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.block-views-blockfunds-block-mysuper-easyselect .view-header {
  position: relative;
  padding: 140px 0 45px;
  background-color: #2a2a2a;
}

.block-views-blockfunds-block-mysuper-easyselect .view-header::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 29px 29px 0 29px;
  border-color: #2a2a2a transparent transparent;
  left: 54px;
  bottom: -28px;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
}

.block-views-blockfunds-block-mysuper-easyselect .view-content {
  padding: 50px 0 35px;
  background-color: #fff;
  color: #2a2a2a;
}

.block-views-blockfunds-block-mysuper-easyselect .slider-wrap {
  padding-left: 20px;
  padding-right: 20px;
}

.block-views-blockfunds-block-mysuper-easyselect .slider .tooltip-inner::after {
  position: absolute;
  content: "yrs old";
  width: 100%;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  left: 0;
  bottom: 4px;
}

.block-views-blockfunds-block-mysuper-easyselect .slider .slider-handle {
  width: 48px;
  height: 48px;
  margin-left: -23px;
  margin-top: -12px;
}

/* Fund Options page: Fund Options view Block (new) + mysuper easyselect Block (new) */
.block-views-blockfunds-block-fund-options-new {
  overflow: hidden;
}

.block-views-blockfunds-block-fund-options-new .form-group {
	margin-bottom: 0;
}

.block-views-blockfunds-block-fund-options-new .views-row {
	background-color: #fff;
	color: #2a2a2a;
	margin-bottom: 10px;
	padding: 40px 0 50px;
}

.block-views-blockfunds-block-fund-options-new .grid-wrapper {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: auto;
}

.block-views-blockfunds-block-fund-options-new .text-wrapper {
    grid-column: span 13;
}

.block-views-blockfunds-block-fund-options-new .risk-wrapper {
    grid-column: 15 / 20;
}

.block-views-blockfunds-block-fund-options-new .time-wrapper {
    grid-column: 20 / 25;
}

@media (min-width: 576px) and (max-width: 1199px) {
  .block-views-blockfunds-block-fund-options-new .grid-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 991px) {
    .block-views-blockfunds-block-fund-options-new .grid-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .block-views-blockfunds-block-fund-options-new .text-wrapper {
        grid-column: span 2;
    }

    .block-views-blockfunds-block-fund-options-new .risk-wrapper,
    .block-views-blockfunds-block-fund-options-new .time-wrapper {
        grid-column: span 1;
        min-width: 0;
    }
}

.block-views-blockfunds-block-fund-options-new .title,
.fund-options-easyselect-block .title {
  padding-bottom: 40px;
  font: 32px "YogaPro", Arial, sans-serif;
  line-height: 1.375;
}

.block-views-blockfunds-block-fund-options-new .title strong,
.fund-options-easyselect-block .title strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

.block-views-blockfunds-block-fund-options-new .description,
.fund-options-easyselect-block .description {
	font: 16px "YogaPro", Arial, sans-serif;
  line-height: 1.5;
}

.block-views-blockfunds-block-fund-options-new .description {
	margin-bottom: 40px;
}

.block-views-blockfunds-block-fund-options-new .description strong,
.fund-options-easyselect-block .description strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.block-views-blockfunds-block-fund-options-new .tile-heading {
	font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 21px;
}

.block-views-blockfunds-block-fund-options-new .tooltip-default-sm {
	background-size: 100%;
	margin-left: 9px;
}

.block-views-blockfunds-block-fund-options-new .fund-chart-wrapper {
	padding-top: 40px;
}

.block-views-blockfunds-block-fund-options-new .timeframe {
  font: 80px "YogaPro", Arial, sans-serif;
  padding-top: 40px;
}

.fund-options-easyselect-block {
    background-color: #fff;
    color: #2a2a2a;
    padding-top: 40px;
}

.fund-options-easyselect-block .grid-wrapper {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: auto;
}

.fund-options-easyselect-block .text-wrapper {
    grid-column: span 13;
}

.fund-options-easyselect-block .age-wrapper,
.fund-options-easyselect-block .why-wrapper {
    grid-column: 15 / 25;
}

@media (min-width: 576px) and (max-width: 1199px) {
    .fund-options-easyselect-block .grid-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    .fund-options-easyselect-block .grid-wrapper {
        grid-template-columns: 1fr;
    }
    .fund-options-easyselect-block .age-wrapper,
    .fund-options-easyselect-block .why-wrapper {
        grid-column: 1;
    }
    .fund-options-easyselect-block .slider-wrap {
      margin-left: 15px;
      margin-right: 15px;
    }
}

.fund-options-easyselect-block .slider-title h5 {
	margin-top: 0;
	padding-left: 10px;
}

.fund-options-easyselect-block .slider-teal .slider-track .slider-selection {
	border-radius: 10px;
}

.fund-options-easyselect-block .slider.slider-horizontal {
	margin-bottom: 0;
	margin-top: 55px;
}

.fund-options-easyselect-block .slider.slider-horizontal .tooltip.top {
	position: absolute;
    margin-top: -6px;
    background-color: transparent;
	font-size: 24px;
    opacity: 1;
}

.fund-options-easyselect-block .slider.slider-horizontal .tooltip.top .tooltip-inner {
	color: #000;
	background-color: transparent;
}

.fund-options-easyselect-block .slider.slider-horizontal .tooltip.top .tooltip-inner::before {
	display: none;
}

.fund-options-easyselect-block .view-content .fund-data {
	background-color: #00A6A5;
	color: #fff;
	margin-top: 40px;
	padding-top: 57px;
	padding-bottom: 50px;
}

.fund-options-easyselect-block .view-header .container-xl {
	position: relative;
}

.fund-options-easyselect-block .view-header .container-xl::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 29px 29px 0 29px;
  border-color: #fff transparent transparent;
  z-index: 1;
  left: 38px;
  bottom: -68px;
}

.fund-options-easyselect-block .field--name-node-title .field__label,
.fund-options-easyselect-block .field--name-field-lifestages-description .field__label {
	font: 20px "YogaPro", Arial, sans-serif;
  line-height: 1.5;
}

.fund-options-easyselect-block .node--type-fund.node--view-mode-short-description-fund-options .field__label {
	margin-bottom: 20px;
}

.fund-options-easyselect-block .node--type-fund.node--view-mode-short-description-fund-options .field--name-node-title h3 {
	font-size: 32px;
	margin-bottom: 30px;
}

.fund-options-easyselect-block .node--type-fund.node--view-mode-short-description-fund-options .field--name-field-lifestages-description {
	font-size: 14px;
}

.fund-options-easyselect-block .view-content .field--name-dynamic-token-fieldnode-fund-node-view-link .btn {
	background-color: #fff !important;
  color: #00a6a5;
}

@media (max-width: 575px) {
  .fund-options-easyselect-block .slider.slider-horizontal {
    margin-top: 50px;
  }
  .fund-options-easyselect-block .slider.slider-horizontal .tooltip.top .tooltip-inner {
    font-size: 16px;
    margin-top: 6px;
  }
  .fund-options-easyselect-block .slider.slider-horizontal .slider-handle {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -8px;
  }
}

@media (max-width: 479px) {
	.block-views-blockfunds-block-fund-options-new .tile-heading {
		font-size: 12px;
	}
}

@media (max-width: 991px) {
	.block-views-blockfunds-block-fund-options-new .node-view-link {
		margin-bottom: 45px;
	}
	.block-views-blockfunds-block-fund-options-new .tile-heading {
		display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 25px;
    line-height: 1.5;
    border-bottom: 1px solid #d3d3d3;
	}
	.block-views-blockfunds-block-fund-options-new .tile-heading .tooltip-default-sm {
		margin-right: 0;
    margin-left: auto;
	}
	.block-views-blockfunds-block-fund-options-new .fund-chart-wrapper,
	.block-views-blockfunds-block-fund-options-new .timeframe {
		padding-top: 10px;
	}
	.fund-options-easyselect-block .slider-title h5 {
		margin-top: 30px;
        padding-left: 0;
	}
	.fund-options-easyselect-block .node--type-fund.node--view-mode-short-description-fund-options .field__label {
		margin-top: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.block-views-blockfunds-block-fund-options-new .risk-wrapper .tile-heading {
		max-width: 75px;
		margin: auto;
	}
}

/* Performance Page */

.block-views-blocktwelve-month-return-block-performance-rolling-return, 
.block-views-blockfive-year-performance-block-homepage-performance,
.block-views-blockfund-performance-block-fund-performance,
.block-views-blocktwelve-month-performance-block-twelve-month-performance,
.block-comparison-chart {
	background-color: #ffffff;
	color: #333333;
	margin-bottom: 10px; 
	padding: 40px 180px 30px;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return p,
.block-views-blockfive-year-performance-block-homepage-performance p,
.block-views-blockfund-performance-block-fund-performance p,
.block-views-blocktwelve-month-performance-block-twelve-month-performance p {
  font-size: 14px;
}

.block-views-blockfive-year-performance-block-homepage-performance,
.block-views-blockfund-performance-block-fund-performance,
.block-views-blockfive-year-performance-block-homepage-performance,
.block-views-blocktwelve-month-performance-block-twelve-month-performance {
  padding: 30px 0 13px;
  font-size: 12px;
}

/* Performance Page - 12-month-rolling return */

.block-views-blocktwelve-month-return-block-performance-rolling-return {
	background-color: #2A2A2A;
	color: #ffffff;
	text-align: center;
	padding: 0px 9%;
  display: block;
  overflow: hidden;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .form-group {
	margin-bottom: 8px;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return h3.rolling-heading {
    margin-top: 20px;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .view-twelve-month-return .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .performance-rolling-return-date .view-content {
  display: block;
  margin-top: 30px;
  margin-bottom: 0;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-percent {
	margin-top: 8px;
	margin-bottom: 12px;
	font: 60px "YogaPro", Arial, sans-serif;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return a.rolling-fund {
	border-radius: 25px;
	display: block;
	max-width: 165px;
	margin-left:auto;
	margin-right: auto;
  padding-top: 6px;
  padding-bottom: 7px;
  font-size: 14px;
	line-height: 1;
	color: #ffffff;
}

@media (max-width: 991px) {
  .block-views-blocktwelve-month-return-block-performance-rolling-return a.rolling-fund {
    max-width: 135px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-percent {
    font-size: 40px;
  }
  .block-views-blocktwelve-month-return-block-performance-rolling-return a.rolling-fund {
    max-width: 135px;
  }
}

@media (max-width: 767px) {
  .block-views-blocktwelve-month-return-block-performance-rolling-return .view-twelve-month-return .view-content {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 15px;
  }
  .block-views-blocktwelve-month-return-block-performance-rolling-return a.rolling-fund {
      max-width: 165px;
  }
}

@media (max-width: 479px) {
  .block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-percent {
    font-size: 32px;
  }
  .block-views-blocktwelve-month-return-block-performance-rolling-return a.rolling-fund {
      max-width: 115px;
  }
}

.block-views-blocktwelve-month-return-block-performance-rolling-return a.rolling-fund:hover,
.block-views-blocktwelve-month-return-block-performance-rolling-return a.rolling-fund:focus,
.block-views-blocktwelve-month-return-block-performance-rolling-return a.rolling-fund:active {
  color: #ffffff;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-growth {
	background-color: #FF6666;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-growth:hover,
.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-growth:focus,
.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-growth:active {
	background-color: #EE423D;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-balanced {
	background-color: #A478B7;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-balanced:hover,
.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-balanced:focus,
.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-balanced:active {
	background-color: #843FA0;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-conservative {
	background-color: #FFA700;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-conservative:hover,
.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-conservative:focus,
.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-conservative:active {
	background-color: #F66B08;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-cash {
	background-color: #7AB542;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-cash:hover,
.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-cash:focus,
.block-views-blocktwelve-month-return-block-performance-rolling-return .rolling-fund.link-cash:active {
	background-color: #3F8411;
}

.block-views-blocktwelve-month-return-block-performance-rolling-return .view-display-id-attachment_1 .rolling-date {
	font-size: 14px;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #999999;
}

/* Performance Page - Five Year and Twelve Month */

.block-views-blockfive-year-performance-block-homepage-performance .heading-chart-info {
	margin-bottom: 20px;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-wrapper,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-charts-wrapper {
	min-width: 895px;
	margin-top: 40px;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-wrapper #fiveyear-performance,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-charts-wrapper #twelve-month-performance {
	padding-left: 20px;
	padding-right: 20px;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-chaets-xlabel {
	margin-top: 17px;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table {
  width: 88%;
  min-width: 785px;
  margin-bottom: 25px;
  text-align: right;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table .thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table .t-cell {
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    text-transform: capitalize;
    text-align: right;
    color: #979797;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table .thead .t-cell {
	max-width: 20.1%;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table .thead .t-cell:nth-of-type(1) {
	max-width: 51px;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table .thead .t-cell:nth-of-type(2) {
	max-width: 12.1%;
}

@media (max-width: 1199px) {
	.block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table .thead .t-cell {
	  max-width: 19.5%;
  }
  .block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table .thead .t-cell:nth-of-type(2) {
	  max-width: 12.3%;
	}
	.block-views-blockfive-year-performance-block-homepage-performance .fiveyr-returns-table .thead .t-cell:nth-of-type(5) {
	  max-width: 19.7%;
  }
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-toggle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-charts-toggle {
	border-top: 1px solid #979797;
	padding-top: 22px;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-filter,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-filter {
	display: inline;
	color: #000000;
	margin-right: 40px;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-button,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-button {
	display: inline;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset {
	background-color: #ffffff;
	color: #999999;
  padding: 7px 14px;
  box-shadow:inset 0px 0px 0px 1px #999999;
  border-radius: 30px;
  margin-right: 18px;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.active,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.active {
	color: #333333;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.active:focus,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.active:focus {
	outline: none;
	box-shadow: none;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset .circle,
.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .circle {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #979797;
    border-radius: 50%;
    margin-right: 7px;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.btn-growth .circle,
.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title .link-growth .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.btn-growth .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .t-growth .circle {
	border-color: #FF6666;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.btn-growth.active,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.btn-growth {
	box-shadow:inset 0px 0px 0px 2px #FF6666;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.btn-balanced .circle,
.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title .link-balanced .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.btn-balanced .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .t-balanced .circle {
	border-color: #A478B7;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.btn-balanced.active,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.btn-balanced {
	box-shadow:inset 0px 0px 0px 2px #A478B7;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.btn-conservative .circle,
.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title .link-conservative .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.btn-conservative .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .t-conservative .circle {
	border-color: #FFA700;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.btn-conservative.active,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.btn-conservative {
	box-shadow:inset 0px 0px 0px 2px #FFA700;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.btn-cash .circle,
.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title .link-cash .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.btn-cash .circle,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .t-cash .circle {
	border-color: #7AB542;
}

.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset.btn-cash.active,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.btn-cash {
	box-shadow:inset 0px 0px 0px 2px #7AB542;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset.chart-hide {
	box-shadow: inset 0px 0px 0px 1px #999999;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-kiwisaver {
	float: right;
	margin-top: 5px;
}

.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-kiwisaver .ksa-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='86' height='9' viewBox='0 0 86 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80 4.5H8' stroke='%23666666' stroke-width='2' stroke-dasharray='4 4'/%3E%3Ccircle cx='4.5' cy='4.5' r='3.5' fill='white' stroke='%23666666' stroke-width='2'/%3E%3Ccircle cx='81.5' cy='4.5' r='3.5' fill='white' stroke='%23666666' stroke-width='2'/%3E%3C/svg%3E");
  width: 86px;
  height: 9px;
  display: inline-block;
  margin-right: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

@media (max-width: 767px) {
	.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-filter,
	.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-filter {
		display: block;
	}
	.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-button,
	.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-button {
		display: block;
		margin-bottom: 30px;
	}
	.block-views-blockfive-year-performance-block-homepage-performance .btn-toggle-dataset,
	.block-views-blocktwelve-month-performance-block-twelve-month-performance .btn-toggle-dataset {
		margin-top: 10px;
	}
	.block-views-blockfive-year-performance-block-homepage-performance .fiveyear-charts-kiwisaver {
		float: none;
	}
}

.block-views-blockfund-performance-block-fund-performance {
	padding-bottom: 35px;
}

#fund-performance {
	padding-bottom: 10px;
}

.block-views-blockfund-performance-block-fund-performance .view-header {
	margin-bottom: 35px;
}

.block-views-blockfund-performance-block-fund-performance .performance-row-heading, 
.block-views-blockfund-performance-block-fund-performance .performance-row-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: right;
}

.block-views-blockfund-performance-block-fund-performance .performance-row,
.block-views-blockfund-performance-block-fund-performance .performance-row-line {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  min-width: 100px;
}

.block-views-blockfund-performance-block-fund-performance .performance-row {
	border-bottom: 1px solid #979797;
	padding-top: 5px;
  padding-bottom: 5px;
}

.block-views-blockfund-performance-block-fund-performance .performance-row-line {
	border-bottom: 1px dashed #D3D3D3;
	padding-top: 18px;
  padding-bottom: 18px;
}

.block-views-blockfund-performance-block-fund-performance .performance-row:nth-of-type(1),
.block-views-blockfund-performance-block-fund-performance .performance-row-line:nth-of-type(1) {
	text-align: left;
	min-width: 300px;
}

.block-views-blockfund-performance-block-fund-performance .performance-row {
	font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.block-views-blockfund-performance-block-fund-performance .performance-row-line {
	font: 25px "YogaPro", Arial, sans-serif;
}

.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title .circle {
	margin-right: 20px;
}

.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title {
	font-size: 16px;
	padding-top: 25px;
	padding-left: 30px;
}

.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title a .angle-left {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0001 2.51472L19.4853 11L11.0001 19.4853' stroke='%2300A6A5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 10px;
}

.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title a:hover,
.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title a:focus,
.block-views-blockfund-performance-block-fund-performance .performance-row-line.row-title a:active {
	color: #666666;
}

.block-views-blockfund-performance-block-fund-performance .performance-row-line strong {
  font: 16px "YogaPro Bold", Arial, sans-serif;
}

#block-performancepagecomparisonscatterchart {
	color: #2a2a2a;
}

.block-comparison-chart {
	padding: 30px 0 50px;
}

.block-comparison-chart .comparison-chart {
	margin-top: 30px;
}

#block-performancepagecomparisonscatterchart .comparison-chart,
#block-performancepagecomparisonscatterchart .chartjs-size-monitor {
	min-width: 900px;
}

#block-performancepagecomparisonscatterchart .comparison-heading {
	font: 16px "YogaPro", Arial, sans-serif;
}

#block-performancepagecomparisonscatterchart .comparison-heading strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

#block-performancepagecomparisonscatterchart .comparison-footer {
	min-width: 900px;
	margin-top: 20px;
}

#block-performancepagecomparisonscatterchart .comparison-legend {
	display: inline-block;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row.t-key {
	margin-left: 45px;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row {
	display: inline-block;
	font-size: 12px;
	margin-left: 30px;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(6),
#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(8),
#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(9) {
	display: none;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row .circle {
	display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid #979797;
  border-radius: 50%;
  margin-right: 5px;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(2) .circle {
	border-color: #FFA700;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(3) .circle {
	border-color: #7AB542;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(4) .circle {
	border-color: #CEA7DF;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(5) .circle {
	border-color: #FF6666;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(6) .circle {
	border-color: #FF6666;
}

#block-performancepagecomparisonscatterchart .comparison-legend .t-row:nth-of-type(7) .circle {
	border-color: #000;
	background-color: #000;
}

#block-performancepagecomparisonscatterchart .comparison-date {
	font-size: 14px;
	color: #999999;
	display: inline-block;
	float: right;
	margin-top: 5px;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel {
	margin-top: 17px;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel {
  width: 88%;
  min-width: 785px;
  margin-bottom: 25px;
  text-align: right;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .t-cell {
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    text-transform: capitalize;
    text-align: right;
    color: #979797;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell {
	min-width: 8.5%;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(1) {
	min-width: 48px;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(2) {
	min-width: 6.3%;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(5) {
	min-width: 8.4%;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(6) {
	min-width: 8.3%;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(9),
.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(13) {
	min-width: 8.2%;
}

@media (max-width: 1199px) {
	.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell,
	.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(5),
	.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(6) {
		min-width: 8.2%;
	}
	.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-xlabel .thead .t-cell:nth-of-type(2) {
		min-width: 6.6%;
	}
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title .indicative,
.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-body .indicative {
	font-size: 14px;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title .indicative {
	float: right;
	display: inline-block;
  padding-top: 5px;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title.collapsed .indicative {
	display: none;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-body .indicative {
	min-width: 895px;
	text-align: right;
}

@media (max-width: 479px) {
  .block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-title .indicative {
    display: none;
  }
}

@media (min-width: 480px) {
	.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-body .indicative {
	  display: none;
  }
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .dd-panel .panel-body {
	padding-right: 75px;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data {
	font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-width: 895px;
  min-height: 75px;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .thead {
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .tbody {
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .t-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	display: flex;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .t-cell {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  border-top: 1px dashed #D3D3D3;
  padding-top: 10px;
	padding-bottom: 6px;
	text-align: right;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .thead .t-cell {
	border-top: none;
	font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999999;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .t-cell:nth-of-type(1) {
	border-top: none;
	text-align: center;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .t-red {
	color: #FF6666;
}

.block-views-blocktwelve-month-performance-block-twelve-month-performance .twelve-month-performance-table-data .tbody .t-cell:last-of-type::after {
	content: "*"
}

/* Funds Fees Page */
.block-views-blockfunds-block-fund-fees {
  margin-bottom: 10px;
}

.block-views-blockfunds-block-fund-fees .form-group {
  margin-bottom: 0;
}

.block-views-blockfunds-block-fund-fees .view-display-id-block_fund_fees .views-row {
  padding-left: 15px;
  padding-right: 15px;
}

.block-views-blockfunds-block-fund-fees .view-display-id-block_fund_fees .views-row:not(:last-of-type) .node--type-fund {
  border-bottom: none;
}

.block-views-blockfunds-block-fund-fees .view-display-id-block_fund_fees .views-row .node--type-fund {
  border: 1px solid #979797;
}

/* Blocks: Fees calculator. */
.fees-calculator {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding-bottom: 50px;
  background-color: #fff;
  color: #2a2a2a;
}

@media (min-width: 992px) {
    .fees-calculator {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.fees-calculator select {
  width: 263px;
}

.fees-calculator .select2-container--default .select2-selection--single {
  background-color: #f2f2f2;
}

.fees-calculator .top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 15px 30px;
  background-color: #333333;
  color: #fff;
}

.fees-calculator .top::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 29px 29px 0 29px;
  border-color: #333333 transparent transparent;
  left: 54px;
  bottom: -28px;
  z-index: 1;
  left: 74px;
}

.fees-calculator .top .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.fees-calculator .top .control-label {
  margin: 0;
  font: 24px "YogaPro", Arial, sans-serif;
  align-content: center;
}

/*@media (mix-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
    .fees-calculator .top {
        display: -webkit-box;
    }
}*/

@media (min-width: 992px) {
  .fees-calculator .top .control-label {
    padding-left: 30px;
  }
  .fees-calculator .top .input-wrap {
      padding-left: 0;
  }
}

@media (max-width: 768px) {
    .fees-calculator .top {
        padding-bottom: 40px;
    }
    .fees-calculator .top .grid-wrapper {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

.fees-calculator .top .input-wrap ul {
  position: absolute;
  top: 100%;
  padding: 5px 30px 0 0;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
  bottom: 0;
}

.fees-calculator .top .input-wrap ul li {
  line-height: 1;
  font-size: 14px;
  color: #ff6666;
}

.fees-calculator .bottom {
  position: relative;
  padding: 52px 15px 30px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #979797;
}

.fees-calculator .bottom .grid-wrapper,
.fees-calculator .bottom-save .grid-wrapper {
    display: grid;
    gap: 20px;
}

.fees-calculator .bottom .grid-wrapper,
.fees-calculator .bottom-save .grid-wrapper {
    grid-template-columns: 1fr;
    grid-template-areas:
        "first"
        "second"
        "third";
    row-gap: 30px;
}

@media (min-width: 576px) and (max-width: 991px) {
    .fees-calculator .bottom .grid-wrapper,
    .fees-calculator .bottom-save .grid-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "first first"
            "second third";
    }
}

@media (min-width: 992px) {
    .fees-calculator .bottom .grid-wrapper,
    .fees-calculator .bottom-save .grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
            "first second third";
    }
}

.fees-calculator .bottom .grid-wrapper .item,
.fees-calculator .bottom-save .grid-wrapper .item {
    min-width: 0;
}

.fees-calculator .bottom .grid-wrapper .first,
.fees-calculator .bottom-save .grid-wrapper .first {
    grid-area: first;
}

.fees-calculator .bottom .grid-wrapper .mysuper,
.fees-calculator .bottom-save .grid-wrapper .save-amount {
    grid-area: second;
}

.fees-calculator .bottom .grid-wrapper .last,
.fees-calculator .bottom-save .grid-wrapper .last {
    grid-area: third;
}

@media (max-width: 991px) {
  .fees-calculator .bottom {
    border: none;
  }
}

@media (min-width: 992px) {
  .fees-calculator .bottom .item.first,
  .fees-calculator .bottom-save .item.first {
    padding-left: 30px;
  }
}

.fees-calculator .bottom-save .item.first {
    align-self: end;
}

.fees-calculator .bottom-save .save-amount {
    line-height: 1;
}

.fees-calculator .bottom-save {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;*/
  padding: 62px 15px 40px;
  background-color: #843fa0;
  color: #fff;
}

/*@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .fees-calculator .bottom-save {
    display: -webkit-box;
  }
}*/

/*@media (min-width: 768px) {
  .fees-calculator .bottom-save .item.first {
    padding-left: 30px;
  }
}*/

.fees-calculator .calculated .bottom {
  border-bottom: none;
}

.fees-calculator .calculated .bottom::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 29px 29px 0 29px;
  border-color: #fff transparent transparent;
  left: 54px;
  bottom: -28px;
  z-index: 1;
  left: 74px;
}

/* mysuper’s 20** Highlights | Block */
.mysuper-highlight-block .top {
  font-size: 0;
  text-align: center;
  color: #fff;
}

.mysuper-highlight-block .top .left {
  display: inline-block;
  padding: 50px 0 57px;
  width: 62%;
  background-color: #00a6a5;
  position: relative;
}

.mysuper-highlight-block .top .right {
  display: inline-block;
  padding: 50px 0 57px;
  width: 38%;
  background-color: #00807f;
}

.mysuper-highlight-block .top .left::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -16px;
  margin-top: -16px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #00a6a5;
}

.mysuper-highlight-block .top .data {
  font-size: 60px;
  line-height: 1.2;
}

@media (max-width: 1199px) {
  .mysuper-highlight-block .top .data {
    font-size: 50px;
  }
}

.mysuper-highlight-block .top .description {
  margin-top: 10px;
  font-size: 19px;
  line-height: 1.2;
}

.mysuper-highlight-block .bottom {
  background-color: #fff;
  padding: 0 0 1px;
}

.mysuper-highlight-block .bottom .bottom-item {
  min-height: 130px;
  border-bottom: 1px solid #999999;
}

@media (min-width: 992px) {
  .mysuper-highlight-block .bottom .bottom-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.mysuper-highlight-block .bottom .bottom-item:nth-of-type(2) .left img {
  margin-right: 10px;
}

@media (min-width: 992px) {
  .mysuper-highlight-block .bottom .bottom-item:nth-of-type(2) .left {
    padding: 0 1.2em;
  }
}

.mysuper-highlight-block .bottom .bottom-item:nth-of-type(4) .left img {
  margin-right: 7px;
}

.mysuper-highlight-block .bottom .bottom-item:last-of-type {
  border-bottom: none;
}

.mysuper-highlight-block .bottom .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 27%;
  height: 130px;
  padding: 5px 2.22em;
  max-width: 210px;
  text-align: center;
}

.mysuper-highlight-block .bottom .left img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.mysuper-highlight-block .bottom .right {
  padding: 20px 20px 15px 0;
  font-size: 23px;
  line-height: 34px;
}

@media (max-width: 1199px) {
  .mysuper-highlight-block .bottom .right {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .mysuper-highlight-block .top .left {
    width: 100%;
    padding: 20px 0 27px;
  }
  .mysuper-highlight-block .top .right {
    width: 100%;
    padding: 20px 0 27px;
  }
  .mysuper-highlight-block .top .left::after {
    top: 100%;
    right: 50%;
    margin: 0 -16px 0 0;
    border-top: 16px solid #00a6a5;
    border-bottom: 16px solid transparent;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
  }
  .mysuper-highlight-block .bottom {
    text-align: center;
  }
  .mysuper-highlight-block .bottom .left {
    display: block;
    width: 100%;
    padding: 20px;
    max-width: none;
  }
  .mysuper-highlight-block .bottom .right {
    display: block;
    width: auto;
    margin: 0 20px 20px;
    padding: 0;
  }
}

@media (max-width: 991px) {
  .mysuper-investment-performance-block .title {
    padding-bottom: 0;
    border-bottom: 0 none;
  }
}

.mysuper-investment-performance-block .performance-wrapper.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 0 0 9px;
  font-size: 16px;
  background-color: transparent;
}

@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .mysuper-investment-performance-block .performance-wrapper.header {
    display: none;
  }
}

.mysuper-investment-performance-block .performance-wrapper.header .fund-name {
  width: 33%;
}

.mysuper-investment-performance-block .performance-wrapper.header .col-mysuper,
.mysuper-investment-performance-block .performance-wrapper.header .col-kiwisaver,
.mysuper-investment-performance-block .performance-wrapper.header .col-value-added {
  width: 22.33%;
  text-align: center;
}

.mysuper-investment-performance-block .performance-wrapper .description {
  font-size: 16px;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 4px;
  padding: 0;
  font-size: 0;
  text-align: left;
  color: #2a2a2a;
  background-color: transparent;
}

@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper:last-of-type {
  border-bottom: none;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .fund-name {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .fund-values .description {
  background-color: #fff;
  position: relative;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .fund-values .description:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 0;
  bottom: -1px;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .data-mysuper {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.growth-fund .data-kiwisaver {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .fund-name {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .fund-values .description {
  background-color: #fff;
  position: relative;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .fund-values .description:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 0;
  bottom: -1px;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .data-mysuper {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.balanced-fund .data-kiwisaver {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .fund-name {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .fund-values .description {
  background-color: #fff;
  position: relative;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .fund-values .description:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 0;
  bottom: -1px;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .data-mysuper {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.conservative-fund .data-kiwisaver {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .fund-name {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .fund-values .description {
  background-color: #fff;
  position: relative;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .fund-values .description:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 0;
  bottom: -1px;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .data-mysuper {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper.cash-fund .data-kiwisaver {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 19px;
  width: 17%;
  font-size: 24px;
  line-height: 1.31;
  text-align: left;
}

@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-name {
    width: 100%;
    margin-bottom: 4px;
    padding: 10px 10px 7px;
    text-align: center;
  }
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-name span {
    margin-left: auto;
    margin-right: auto;
  }
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values {
  width: 83%;
}

@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values {
    width: 100%;
  }
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 19%;
  margin: 0 4px 0 0;
  padding: 0 15px 0 0;
  font-size: 16px;
}

@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description {
    width: 30%;
  }
}

@media (max-width: 479px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description {
    padding: 7px;
    font-size: 14px;
  }
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description span {
  margin-right: 0;
  margin-left: auto;
}

@media (max-width: 479px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .description span {
    width: 100%;
    text-align: center;
  }
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .data {
  width: 27%;
  padding: 10px;
  font-size: 26px;
  line-height: 1;
  text-align: center;
}

@media (max-width: 479px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .data {
    font-size: 14px;
  }
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .data-value-added {
  background-color: #fff;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile {
  display: none;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile > div {
  font-size: 14px;
}

@media (max-width: 479px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile > div {
    font-size: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px), (max-width: 640px) {
  .mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .mobile .data span {
  margin-left: auto;
  margin-right: auto;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .one-year .data {
  margin-bottom: 4px;
}

.mysuper-investment-performance-block .perfomance-table .performance-wrapper .fund-values .five-years .description::before {
  display: none;
}

/* mysuper fees vs KiwiSaver | Block */
.mysuper-fees-block a {
  color: #64fcfb;
  text-decoration: none;
}

.mysuper-fees-block a:hover, .mysuper-fees-block a:active, .mysuper-fees-block a:focus {
  color: #64fcfb;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .mysuper-fees-block .title {
    padding-bottom: 0;
    border-bottom: 0 none;
  }
}

.mysuper-fees-block .fees-block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 2.22em 0;
}

.mysuper-fees-block .fees-block-header .left {
  width: 37.5%;
  padding: 0 15px;
  text-align: center;
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-block-header .left {
    width: 100%;
    padding: 20px;
  }
}

.mysuper-fees-block .fees-block-header .right {
  width: 62.5%;
  padding: 0 15px;
  font-size: 19px;
  line-height: 1.53;
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-block-header .right {
    width: 100%;
  }
}

.mysuper-fees-block .fees-wrapper {
  margin-bottom: 2px;
  padding: 15px 0;
  background-color: #fff;
  font-size: 0;
  color: #2a2a2a;
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper {
    padding: 0 0 30px;
  }
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper.growth-fund {
    margin-top: 17px;
  }
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper.border {
    border-left: 0 none;
  }
}

.mysuper-fees-block .fees-wrapper.header {
  margin: 17px 0 0;
  border-left: 5px solid transparent;
  padding: 0 0 10px;
  background-color: transparent;
  color: #fff;
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper.header {
    display: none;
  }
}

.mysuper-fees-block .fees-wrapper > div {
  display: inline-block;
  font-size: 16px;
  line-height: 1.2;
  vertical-align: middle;
}

.mysuper-fees-block .fees-wrapper > div > div {
  display: inline-block;
  font-size: 16px;
  line-height: 1.2;
  vertical-align: middle;
}

.mysuper-fees-block .fees-wrapper > div > div > div {
  display: inline-block;
  font-size: 16px;
  line-height: 1.2;
  vertical-align: middle;
}

.mysuper-fees-block .fees-wrapper .fund-name {
  padding-left: 14px;
  width: 40%;
  font-size: 24px;
  line-height: 1.2;
  text-align: left;
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper .fund-name {
    padding: 30px 0 5px;
    width: 100%;
    text-align: center;
  }
}

.mysuper-fees-block .fees-wrapper .versus {
  width: 41%;
  font-size: 0;
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper .versus {
    margin: 0 auto;
    display: block;
    width: 270px;
  }
}

.mysuper-fees-block .fees-wrapper .versus .mysuper-fees {
  width: 35%;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mysuper-fees-block .fees-wrapper .versus .mysuper-fees {
    width: 37%;
  }
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper .versus .mysuper-fees {
    width: 42%;
  }
}

.mysuper-fees-block .fees-wrapper .versus .vs {
  width: 20%;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mysuper-fees-block .fees-wrapper .versus .vs {
    width: 18%;
  }
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper .versus .vs {
    width: 13%;
  }
}

.mysuper-fees-block .fees-wrapper .versus .kiwisaver-fees {
  width: 45%;
}

.mysuper-fees-block .fees-wrapper .versus .data {
  font-size: 40px;
  line-height: 1;
}

.mysuper-fees-block .fees-wrapper .versus .gray {
  color: #979797;
}

.mysuper-fees-block .fees-wrapper .saving {
  width: 19%;
  text-align: center;
}

.mysuper-fees-block .fees-wrapper .saving .data {
  font: 26px "YogaPro", Arial, sans-serif;
}

.mysuper-fees-block .fees-wrapper .saving .data strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper .saving {
    margin: 0 auto;
    display: block;
    width: 100%;
  }
  .mysuper-fees-block .fees-wrapper .saving .description {
    width: 100%;
  }
}

.mysuper-fees-block .fees-wrapper:not(.header) .description {
  display: none;
}

@media (max-width: 991px) {
  .mysuper-fees-block .fees-wrapper {
    text-align: center;
  }
  .mysuper-fees-block .fees-wrapper:not(.header) .description {
    display: inline-block;
    padding: 15px 0 5px;
  }
}

.mysuper-fees-block.members .fees-wrapper .versus {
  width: 60%;
  padding-right: 30px;
  text-align: right;
}

@media (max-width: 991px) {
  .mysuper-fees-block.members .fees-wrapper .versus {
    padding-right: 0;
    text-align: center;
  }
  .mysuper-fees-block.members .fees-wrapper .versus .description, .mysuper-fees-block.members .fees-wrapper .versus .data {
    width: 100%;
  }
}

.mysuper-fees-block.colored-rows .fees-wrapper.growth-fund {
  background-color: #fde1db;
}

.mysuper-fees-block.colored-rows .fees-wrapper.balanced-fund {
  background-color: #e1dceb;
}

.mysuper-fees-block.colored-rows .fees-wrapper.conservative-fund {
  background-color: #fbead3;
}

.mysuper-fees-block.colored-rows .fees-wrapper.cash-fund {
  background-color: #e5eed8;
}

.annual-report-bottom-block {
  margin-bottom: 40px;
}

.table-block-heading {
  border-bottom: 1px solid #666666;
}

.table-block-heading h4 {
  margin-top: 0;
  margin-bottom: 8px;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: right;
  text-transform: uppercase;
}

.table-collapse-hover > tbody > tr[data-toggle="collapse"]:hover {
  background-color: #f5f5f5;
}

/* Webform Table */
.form-type-table .table-responsive {
  width: auto;
  border: none;
}

.form-type-table table > thead > tr > th {
  padding: 8px 15px;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #666666;
}

.form-type-table table > tbody > tr > td {
  vertical-align: middle;
  padding: 0 15px;
  font: inherit;
}

@media (max-width: 767px) {
  .table-responsive > .table > tbody > tr > td {
    white-space: normal;
  }
}

/* Calculation results */
.calculation-results {
  padding-top: 60px;
  padding-bottom: 55px;
}

.calculation-results p {
  margin-bottom: 0;
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.calculation-results .label {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 70%;
  text-align: left;
  font-weight: normal;
}

@media (max-width: 991px) {
  .calculation-results .label {
    width: 100%;
  }
}

.calculation-results .result-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .calculation-results .result-group {
    display: -webkit-box;
  }
}

.calculation-results .result-group:not(:first-child) {
  border-top: 1px solid #d3d3d3;
}

.calculation-results .result-group .result-label {
  font-size: 18px;
}

.calculation-results .result-group .result-wrapper {
  font: 32px "YogaPro", Arial, sans-serif;
  text-align: right;
}

.calculation-results .group-tax {
  background-color: #E7E7E7;
}

.calculation-results .group-total {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top-color: #666666;
  background-color: #64fcfb;
}

.calculation-results .group-total .result-label {
  text-transform: uppercase;
}

.calculation-results .help-block {
  margin-top: 30px;
  margin-bottom: -30px;
}

.calculation-results .help-block p {
  font-size: 14px;
  line-height: 1.3em;
  color: #636466;
  margin: 0 0 8px;
}

/* paragraph--type--page-header */
.paragraph--type--page-header {
  margin-bottom: 50px;
}

.paragraph--type--page-header .row-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.paragraph--type--page-header .field--name-field-page-header-image,
.paragraph--type--page-header .field--name-field-media-image {
    margin-right: 0;
    margin-bottom: 20px;
}

.page-header-large-yoga.paragraph--type--page-header .field--name-field-page-header-image, 
.page-header-large-yoga.paragraph--type--page-header .field--name-field-media-image {
	margin-bottom: 0;
}

.paragraph--type--page-header img {
    max-width: 360px;
}

.paragraph--type--page-header h1 {
    margin-bottom: 20px;
    line-height: 1.3;
    font-size: 40px;
}

.page-header-large-yoga.paragraph--type--page-header h1 {
    margin-top: 0;
    margin-bottom: 30px;
}

.paragraph--type--page-header.large-page-title h1 {
    font-size: 50px;
    line-height: 1.6;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .paragraph--type--page-header.large-page-title h1 {
        font-size: 40px;
        line-height: 1.3;
    }
}

.paragraph--type--page-header p {
    font: 20px "YogaPro", Arial, sans-serif;
    line-height: 1.5;
}

.paragraph--type--page-header p strong {
    font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type--page-header p a {
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(255, 255, 255, 0.4);
}

.paragraph--type--page-header p a:focus,
.paragraph--type--page-header p a:hover,
.paragraph--type--page-header p a:active {
    color: #fff;
    text-decoration-color: rgba(255, 255, 255, 0);
}

.paragraph--type--page-header.with--page-header-image p {
    font: 18px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

.paragraph--type--page-header.with--page-header-image p strong {
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-header-large-yoga.paragraph--type--page-header p {
    font: 20px "YogaPro", Arial, sans-serif;
    line-height: 1.5;
}

.page-header-large-yoga.paragraph--type--page-header p strong {
    font: 20px "YogaPro", Arial, sans-serif;
    line-height: 1.5;
}

.paragraph--type--page-header.large-page-title p {
    font: 24px "YogaPro", Arial, sans-serif;
    line-height: 1.5;
}

.paragraph--type--page-header.large-page-title p strong {
    font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type--page-header.large-page-title.with--page-header-image p {
    font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.paragraph--type--page-header.large-page-title.with--page-header-image p strong {
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.paragraph--type--page-header .field--name-field-button {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.paragraph--type--page-header.with--page-header-image .field--name-field-button {
    justify-content: flex-start;
}

.paragraph--type--page-header .field--type-link .field__item {
    min-height: 33px;
}

.paragraph--type--page-header .field--type-link .field__item a {
    padding: 6px 20px 9px;
    font-size: 14px;
    font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 15px;
    color: #fff;
    background-color: #666;
}

.paragraph--type--page-header .field--type-link .field__item a:hover {
    background-color: #979797;
}

.paragraph--type--page-header.teal .field--type-link .field__item a {
    background-color: #00a6a5;
}

.paragraph--type--page-header.teal .field--type-link .field__item a:hover {
    background-color: #00807F;
}

@media (min-width: 768px) {
    .paragraph--type--page-header .field--name-field-html-text {
        max-width: 83%;
        margin: 0 auto;
    }

    .paragraph--type--page-header.with--page-header-image .field--name-field-html-text {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .paragraph--type--page-header h1 {
        font-size: 32px;
    }
    .paragraph--type--page-header.large-page-title p {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .paragraph--type--page-header.with--page-header-image .field--name-field-html-text {
        max-width: 83%;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .paragraph--type--page-header .row-wrapper {
        grid-template-columns: 1fr;
    }
    .paragraph--type--page-header .row-wrapper .left-col {
      display: none;
    }
    .paragraph--type--page-header.with--page-header-image .field--name-field-button {
        justify-content: center;
    }
    .paragraph--type--page-header.with--page-header-image {
        text-align: center;
    }
}

@media (min-width: 992px) {
	.page-header-large-yoga.paragraph--type--page-header .row-wrapper {
        grid-template-columns: 4fr 7fr;
        gap: 75px;
	}
    .page-header-large-yoga.paragraph--type--page-header .row-wrapper .right-col {
        width: 85%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

/* paragraph--type-home-headline-row */

@media (min-width: 992px) {
	.paragraph--type-home-headline-row {
		text-align: left;
	}
}

.paragraph--type-home-headline-row .field--name-field-title {
  line-height: 1.17;
}

.paragraph--type-home-headline-row .field--name-field-button .field--item {
  display: inline-block;
  vertical-align: middle;
}

.paragraph--type-home-headline-row .field--name-field-media-image {
  text-align: center;
}

.paragraph--type-home-headline-row .field--name-field-media-image img {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .paragraph--type-home-headline-row .field--name-field-media-image {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.paragraph--type-home-headline-row {
  padding-top: 60px;
  padding-bottom: 60px;
}

.paragraph--type-home-headline-row .headline-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.paragraph--type-home-headline-row .headline-row .group-left,
.paragraph--type-home-headline-row .headline-row .group-right {
  flex: 1;
  min-width: 0;
}

@media (max-width: 991px) {
  .paragraph--type-home-headline-row .headline-row .group-left,
  .paragraph--type-home-headline-row .headline-row .group-right {
    flex-basis: 100%;
  }
}

.row-reverse.paragraph--type-home-headline-row .headline-row {
	flex-direction: row-reverse
}

.paragraph--type-home-headline-row .field--name-field-title {
  margin-top: 0;
  margin-bottom: 30px;
  font: 40px "YogaPro", Arial, sans-serif;
}

@media (max-width: 767px) {
  .paragraph--type-home-headline-row .field--name-field-title {
    font-size: 32px;
  }
}

.paragraph--type-home-headline-row .field--name-field-html-text {
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .paragraph--type-home-headline-row .field--name-field-html-text {
    font-size: 16px;
  }
}

.paragraph--type-home-headline-row .field--name-field-button a {
  padding: 7px 30px 7px;
  font-family: "YogaPro", Arial, sans-serif;
  font-size: 1.11rem;
  line-height: 1.5rem;
}

.paragraph--type-home-headline-row .field--name-field-button a strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

@media (max-width: 767px) {
  .paragraph--type-home-headline-row .field--name-field-button a {
    font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 8px;
  }
  .paragraph--type-home-headline-row .field--name-field-button a strong {
  	font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media (max-width: 991px) {
  .paragraph--type-home-headline-row .field--name-field-media-image {
    max-width: 60%;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
  }
}

.paragraph--type-home-headline-row .field--name-field-block-reference {
	min-height: 480px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.paragraph--type-home-headline-row #performance-homepage {
	margin-top: 16px;
	background-color: #fff;
	border-radius: 30px;
	text-align: center;
	font-family: "YogaPro", Arial, sans-serif;
	padding: 18px 0 11px;
	line-height: 1.5;
}

@media (min-width: 768px) and (max-width: 991px) {
    .paragraph--type-home-headline-row #performance-homepage {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
  .paragraph--type-home-headline-row .field--name-field-media-image {
    max-width: 80%;
  }
  .paragraph--type-home-headline-row .field--name-field-block-reference {
		min-height: unset;
		margin-bottom: 40px;
	}
  .paragraph--type-home-headline-row #performance-homepage {
    margin-top: 90px;
  }
}

@media (max-width: 579px) {
  .paragraph--type-home-headline-row .field--name-field-media-image {
    max-width: unset;
  }
}

.paragraph--type-home-headline-row #performance-homepage .performance-info-heading {
  font-size: 20px;
  margin-bottom: 22px;
}

.paragraph--type-home-headline-row #performance-homepage .performance-info-heading a .angle-left {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0001 2.51472L19.4853 11L11.0001 19.4853' stroke='%2300A6A5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 10px;
}

.paragraph--type-home-headline-row #performance-homepage .performance-info-heading a:hover,
.paragraph--type-home-headline-row #performance-homepage .performance-info-heading a:focus,
.paragraph--type-home-headline-row #performance-homepage .performance-info-heading a:active {
	color: #666666;
}

.paragraph--type-home-headline-row #performance-homepage .performance-info-heading strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type-home-headline-row #performance-homepage .performance-info-item {
  float: left;
}

.paragraph--type-home-headline-row #performance-homepage .performance-info-time {
	font-size: 16px;
	line-height: 1;
}

.paragraph--type-home-headline-row #performance-homepage .performance-info-percentage {
	font-size: 40px;
	line-height: 1.3;
	margin: 6px 15px 12px;
	border-top: 1px solid #eaeaea;
}

@media (max-width: 479px) {
	.paragraph--type-home-headline-row #performance-homepage .performance-info-percentage {
		margin-right: 0;
		margin-left: 0;
	}
}

@media (max-width: 600px) {
	.paragraph--type-home-headline-row #performance-homepage .performance-info-percentage {
	  font-size: 24px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
	.paragraph--type-home-headline-row #performance-homepage .performance-info-percentage {
	  font-size: 24px;
  }
}

.paragraph--type-home-headline-row #performance-homepage .performance-data, 
.paragraph--type-home-headline-row .view-homepage-performance.view-display-id-attachment_1 .homepage--date-footer {
	font-size: 14px;
	font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999999;
	text-align: center;
}

.paragraph--type-home-headline-row #performance-homepage ul.slick-dots {
	padding-inline-start: 0;
	margin-bottom: 2px;
}

.paragraph--type-home-headline-row #performance-homepage .slick-dots li {
	display: inline;
}

.paragraph--type-home-headline-row #performance-homepage .slick-dots button {
  font-size: 0;
  width: 7px;
  height: 7px;
  background-color: #D9D9D9;
  border: none;
  border-radius: 50%;
  padding: 3px;
  margin: 7px;
}

.paragraph--type-home-headline-row #performance-homepage .slick-dots li.slick-active button {
	background-color: #2A2A2A;
}

.paragraph--type-home-headline-row .view-homepage-performance.view-display-id-attachment_1 .carousel-item {
  display: block;
}

.paragraph--type-home-headline-row .view-homepage-performance.view-display-id-attachment_1 .homepage--date-footer {
	margin-top: 25px;
}

.paragraph--type-home-headline-row .field--name-field-block-reference .block-content--type-video-block .embed-responsive .contextual-region {
	position: initial;
}

@media (max-width: 991px) {
	.paragraph--type-home-headline-row .field--name-field-block-reference .block-content--type-video-block {
		margin-top: 60px;
	}
}

@media (max-width: 767px) {
	.paragraph--type-home-headline-row .field--name-field-block-reference .block-content--type-video-block {
		margin-top: 90px;
	}
}

/* paragraph--type-block-reference */

.main-content .paragraph--type-block-reference:not(.full-width-block) {
    max-width: 1530px;
    margin-left: auto;
    margin-right: auto;
}

.main-content .paragraph--type-block-reference:not(.full-width-block) .field--name-field-block-reference {
    margin-left: 15px;
    margin-right: 15px;
}

/* Video */

.field--type-field-media-oembed-video,
.field--type-field-media-oembed-video .media-oembed-content {
    width: 100%;
    height: 100%;
}


/* paragraph--type--index-card | paragraph--type--small-index-card */
.paragraph--type--index-card,
.paragraph--type--small-index-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .paragraph--type--index-card,
  .paragraph--type--small-index-card {
    display: -webkit-box;
  }
}

.paragraph--type--index-card .field--name-field-media-image,
.paragraph--type--small-index-card .field--name-field-media-image {
  margin: 0;
}

.paragraph--type--index-card .field--name-field-media-image img,
.paragraph--type--small-index-card .field--name-field-media-image img {
  width: 100%;
  margin-bottom: 0;
}

.paragraph--type--index-card .card-text-wrapper-link,
.paragraph--type--small-index-card .card-text-wrapper-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 40px;
}

.paragraph--type--index-card .card-text-wrapper-link::after,
.paragraph--type--small-index-card .card-text-wrapper-link::after {
  position: absolute;
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9999 2.51472L19.4852 11L10.9999 19.4853' stroke='%2364FCFB' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
  background-size: cover;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  bottom: 0;
}

.paragraph--type--index-card .card-text-wrapper-link:hover, .paragraph--type--index-card .card-text-wrapper-link:focus,
.paragraph--type--small-index-card .card-text-wrapper-link:hover,
.paragraph--type--small-index-card .card-text-wrapper-link:focus {
  color: #64fcfb;
}

/* paragraph--type--index-card */
.paragraph--type--index-card {
  padding: 30px 10px 36px;
  border-radius: 5px !important;
}

.paragraph--type--index-card .card-text-wrapper-link::after {
  width: 22px;
  height: 22px;
}

.paragraph--type--index-card .field--name-field-html-title {
  margin: 40px 0 25px;
  font: 24px "YogaPro", Arial, sans-serif;
  line-height: 1.25;
}

.paragraph--type--index-card .field--name-field-html-title strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

@media (max-width: 479px) {
  .paragraph--type--index-card .field--name-field-html-title {
    font-size: 20px;
    line-height: 1.5;
  }
}

.paragraph--type--index-card .field--name-field-html-text {
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

/* .paragraph--type--small-index-card */
.paragraph--type--small-index-card {
  padding: 34px 10px 33px;
  border-radius: 5px !important
}

/*.paragraph--type--small-index-card .card-text-wrapper-link {
	padding-bottom: 30px;
}*/

.paragraph--type--small-index-card .card-text-wrapper-link::after {
  width: 20px;
  height: 20px;
}

.paragraph--type--small-index-card .field--name-field-html-title {
  max-width: 85%;
  margin: 20px auto 0;
  font: 20px "YogaPro", Arial, sans-serif;
  line-height: 1.25;
}

.paragraph--type--small-index-card .field--name-field-html-title strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

@media (max-width: 479px) {
  .paragraph--type--small-index-card .field--name-field-html-title {
    font-size: 20px;
    line-height: 1.5;
  }
}

.paragraph--type--small-index-card .field--name-field-html-text {
  max-width: 85%;
  margin: 25px auto 0;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

/* paragraph--type-two-column-index-cards | .paragraph--type-tree-column-index-cards */
.paragraph--type-two-column-index-cards .field--name-field-cards,
.paragraph--type-three-column-index-cards .field--name-field-cards {
  display: grid;
  gap: 30px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.paragraph--type-two-column-index-cards .field--name-field-cards {
  grid-template-columns: repeat(2, 1fr);
}

.paragraph--type-three-column-index-cards .field--name-field-cards {
  grid-template-columns: repeat(3, 1fr);
}

.paragraph--type-two-column-index-cards .field--name-field-cards .index-card,
.paragraph--type-three-column-index-cards .field--name-field-cards .index-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 991px) {
  .paragraph--type-three-column-index-cards .field--name-field-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .paragraph--type-two-column-index-cards .field--name-field-cards,
  .paragraph--type-three-column-index-cards .field--name-field-cards {
    grid-template-columns: 1fr;
  }
}

/* paragraph--type-two-column-highlight-row */
.paragraph--type-two-column-highlight-row {
  max-width: 1530px;
  margin: 0 auto 10px;
}

.paragraph--type-two-column-highlight-row .field--name-field-cards {
  background-color: #2a2a2a;
  margin-left: 15px;
  margin-right: 15px;
}

.paragraph--type-two-column-highlight-row .card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
}

.paragraph--type-two-column-highlight-row .card-wrapper .card-item {
    padding: 0 15px 35px;
}

@media (max-width: 991px) {
    .paragraph--type-two-column-highlight-row .card-wrapper {
        grid-template-columns: 1fr;
        padding-top: 0;
        padding-bottom: 0;
    }
    .paragraph--type-two-column-highlight-row .card-wrapper .card-item {
        padding-bottom: 40px;
    }
    .paragraph--type-two-column-highlight-row .card-wrapper .card-item:first-of-type {
        border-bottom: 10px solid #333333;
        margin-left: -15px;
        margin-right: -15px;
    }
}

/* paragraph--type-highlight-card */

.paragraph--type-highlight-card .field--type-image {
    float: none;
}

.paragraph--type-highlight-card img {
	margin: 0 auto;
}

@media (min-width: 480px) {
  .paragraph--type-highlight-card .field--name-field-html-text {
    padding-left: 75px;
    padding-right: 75px;
  }
}

.paragraph--type-highlight-card .field--name-field-html-text p:last-child {
	margin-bottom: 0;
}

.paragraph--type-highlight-card .field--name-field-html-text a {
	font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #64fcfb;
  text-decoration: none;
}

.paragraph--type-highlight-card .field--name-field-html-text a:hover, .paragraph--type-highlight-card .field--name-field-html-text a:focus {
	text-decoration: underline;
}

/* paragraph--type-title-and-text-on-dark */
.paragraph--type-title-and-text-on-dark {
	margin: 90px auto 50px;
    padding-left: 30px;
}

@media (max-width: 991px) {
    .paragraph--type-title-and-text-on-dark.text-center-scaling {
        text-align: center;
        padding-left: 0;
    }
}

.paragraph--type-title-and-text-on-dark p:first-child {
	margin-top: 20px;
}

.paragraph--type-title-and-text-on-dark p:last-child {
	margin-bottom: 0;
}

/* paragraph--type-inline-call-to-action */

.paragraph--type-inline-call-to-action .column-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  background-color: #2a2a2a;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.paragraph--type-inline-call-to-action .column-wrapper .field--name-field-media-image {
    margin-bottom: 0;
}

.paragraph--type-inline-call-to-action .column-wrapper .middle-column {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0 15px;
}

.paragraph--type-inline-call-to-action .column-wrapper .right-column {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.paragraph--type-inline-call-to-action p {
  font-size: 16px;
}

.paragraph--type-inline-call-to-action p:last-child {
  margin-bottom: 0;
}

.paragraph--type-inline-call-to-action img {
	margin: auto;
}

.paragraph--type-inline-call-to-action .btn {
	background-color: #7ab542;
  color: #fff;
  min-width: 240px;
}

.paragraph--type-inline-call-to-action .btn:hover {
	background-color: #3F8411;
}

.paragraph--type-inline-call-to-action a:hover, 
.paragraph--type-inline-call-to-action a:focus, 
.paragraph--type-inline-call-to-action a:active {
	color: #fff;
}

@media (max-width: 991px) {
	.paragraph--type-inline-call-to-action .column-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .paragraph--type-inline-call-to-action .column-wrapper .right-column {
    margin-top: 10px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
}

.call-to-action-narrow.paragraph--type-inline-call-to-action .cta-title {
  font-size: 24px;
}

@media (max-width: 479px) {
  .call-to-action-narrow.paragraph--type-inline-call-to-action img {
    max-width: 80%;
  }
}

/* paragraph--type-index-documents-tile */
.paragraph--type-index-documents-tile > .field--name-field-html-title {
  margin-top: 50px;
  margin-bottom: 30px;
  padding-left: 30px;
  font: 24px "YogaPro", Arial, sans-serif;
}

/* paragraph--type--index-page-documents | paragraph--type--multiple-documents */
.paragraph--type--index-page-documents,
.paragraph--type--multiple-documents {
  position: relative;
  margin-bottom: 5px;
  font-size: 16px;
}

.paragraph--type--index-page-documents.light .document-wrapper-link,
.paragraph--type--multiple-documents.light .document-wrapper-link {
  color: #2a2a2a;
  background-color: #f2f2f2;
}

.paragraph--type--index-page-documents.light .document-wrapper-link.regular-link::before,
.paragraph--type--multiple-documents.light .document-wrapper-link.regular-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50053 1.55025L11.4503 6.5L6.50053 11.4497' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.paragraph--type--index-page-documents.light .document-wrapper-link::before,
.paragraph--type--multiple-documents.light .document-wrapper-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 0.43214C6.94961 0.195249 6.74546 0.0156115 6.5 0.0156116C6.22386 0.0156117 6 0.242964 6 0.523419L6 11.4234L1.90286 7.26098L1.83361 7.20222C1.63874 7.06511 1.36932 7.0847 1.19575 7.26098C1.00049 7.45929 1.00049 7.78081 1.19575 7.97912L6.1383 12.9988L6.20755 13.0576C6.40242 13.1947 6.67184 13.1751 6.84541 12.9988L11.7732 7.99412L11.831 7.92379C11.966 7.72588 11.9468 7.45225 11.7732 7.27597L11.7039 7.21721C11.5091 7.08011 11.2397 7.09969 11.0661 7.27597L7 11.4045L7 0.523419L6.99194 0.43214ZM0.343702 14.3929C0.343702 14.1437 0.520578 13.9363 0.753827 13.8933L0.843702 13.8851L12.1563 13.8851C12.4324 13.8851 12.6563 14.1125 12.6563 14.3929C12.6563 14.6422 12.4794 14.8496 12.2462 14.8926L12.1563 14.9008L0.843702 14.9008C0.56756 14.9008 0.343702 14.6734 0.343702 14.3929Z' fill='%232A2A2A'/%3E%3C/svg%3E");
}

.paragraph--type--index-page-documents .document-wrapper-link,
.paragraph--type--multiple-documents .document-wrapper-link {
  position: relative;
  display: block;
  padding: 9px 60px 9px 15px;
  color: #fff;
  background-color: #2a2a2a;
}

.paragraph--type--multiple-documents .document-wrapper-link {
    padding: 15px 15px 20px;
}

.paragraph--type--index-page-documents .document-wrapper-link::before,
.paragraph--type--multiple-documents .document-wrapper-link::before {
  position: absolute;
  content: "";
  width: 13px;
  height: 16px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  top: 12px;
  right: 15px;
}

.paragraph--type--index-page-documents .tile,
.paragraph--type--multiple-documents .tile {
    display: grid;
    gap: 35px;
}

.paragraph--type--index-page-documents .tile.with-text {
    grid-template-columns: 4fr 8fr;
}

.paragraph--type--multiple-documents .tile {
    grid-template-columns: 3fr 1fr;
}

.paragraph--type--multiple-documents .tile.with-text {
    grid-template-columns: 4fr 5fr 3fr;
}

.paragraph--type--index-page-documents .tile-title,
.paragraph--type--multiple-documents .group-left {
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* What's this for? */
.paragraph--type--index-page-documents .field--name-field-html-title label,
.paragraph--type--multiple-documents .field--name-field-html-title label {
  width: auto;
  margin-top: 0;
  font: inherit;
}

.paragraph--type--index-page-documents .field--name-field-html-text p:last-child,
.paragraph--type--multiple-documents .field--name-field-html-text p:last-child {
  margin-bottom: 0;
}

.paragraph--type--index-page-documents.light .document-wrapper-link:hover, .paragraph--type--index-page-documents.light .document-wrapper-link:focus {
  background-color: #c7c7c7;
  color: #005454;
}

.paragraph--type--index-page-documents.light .document-wrapper-link:hover::before, .paragraph--type--index-page-documents.light .document-wrapper-link:focus::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 0.43214C6.94961 0.195249 6.74546 0.0156115 6.5 0.0156116C6.22386 0.0156117 6 0.242964 6 0.523419L6 11.4234L1.90286 7.26098L1.83361 7.20222C1.63874 7.06511 1.36932 7.0847 1.19575 7.26098C1.00049 7.45929 1.00049 7.78081 1.19575 7.97912L6.1383 12.9988L6.20755 13.0576C6.40242 13.1947 6.67184 13.1751 6.84541 12.9988L11.7732 7.99412L11.831 7.92379C11.966 7.72588 11.9468 7.45225 11.7732 7.27597L11.7039 7.21721C11.5091 7.08011 11.2397 7.09969 11.0661 7.27597L7 11.4045L7 0.523419L6.99194 0.43214ZM0.343702 14.3929C0.343702 14.1437 0.520578 13.9363 0.753827 13.8933L0.843702 13.8851L12.1563 13.8851C12.4324 13.8851 12.6563 14.1125 12.6563 14.3929C12.6563 14.6422 12.4794 14.8496 12.2462 14.8926L12.1563 14.9008L0.843702 14.9008C0.56756 14.9008 0.343702 14.6734 0.343702 14.3929Z' fill='%23005454'/%3E%3C/svg%3E");
}

.paragraph--type--index-page-documents.light .document-wrapper-link:hover.regular-link::before, .paragraph--type--index-page-documents.light .document-wrapper-link:focus.regular-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50053 1.55025L11.4503 6.5L6.50053 11.4497' stroke='%23005454' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.paragraph--type--index-page-documents:not(.light) .document-wrapper-link.file-link::before {
  background: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 0.43214C6.94961 0.195249 6.74546 0.0156115 6.5 0.0156116C6.22386 0.0156117 6 0.242964 6 0.523419L6 11.4234L1.90286 7.26098L1.83361 7.20222C1.63874 7.06511 1.36932 7.0847 1.19575 7.26098C1.00049 7.45929 1.00049 7.78081 1.19575 7.97912L6.1383 12.9988L6.20755 13.0576C6.40242 13.1947 6.67184 13.1751 6.84541 12.9988L11.7732 7.99412L11.831 7.92379C11.966 7.72588 11.9468 7.45225 11.7732 7.27597L11.7039 7.21721C11.5091 7.08011 11.2397 7.09969 11.0661 7.27597L7 11.4045L7 0.523419L6.99194 0.43214ZM0.343702 14.3929C0.343702 14.1437 0.520578 13.9363 0.753827 13.8933L0.843702 13.8851L12.1563 13.8851C12.4324 13.8851 12.6563 14.1125 12.6563 14.3929C12.6563 14.6422 12.4794 14.8496 12.2462 14.8926L12.1563 14.9008L0.843702 14.9008C0.56756 14.9008 0.343702 14.6734 0.343702 14.3929Z' fill='%2364FCFB'/%3E%3C/svg%3E") center no-repeat;
}

.paragraph--type--index-page-documents:not(.light) .document-wrapper-link.regular-link::before {
  background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50053 1.55025L11.4503 6.5L6.50053 11.4497' stroke='%2364FCFB' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
}

.paragraph--type--index-page-documents:not(.light) .document-wrapper-link.regular-link.ext::before {
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 10.125L14.625 3.375' stroke='%2364FCFB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.25 2.25H15.75V6.75' stroke='%2364FCFB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 11.5157V15.75H2.25V2.25H6.84567' stroke='%2364FCFB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
  top: 14px;
}

.paragraph--type--index-page-documents:not(.light) .document-wrapper-link:hover, .paragraph--type--index-page-documents:not(.light) .document-wrapper-link:focus {
  color: #64fcfb;
  background-color: #000000;
}

.paragraph--type--multiple-documents .select2-container {
  margin: 5px 0 0;
  color: #2a2a2a;
  min-width: 213px;
}

.paragraph--type--multiple-documents .document-wrapper-link::before {
  background: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 0.43214C6.94961 0.195249 6.74546 0.0156115 6.5 0.0156116C6.22386 0.0156117 6 0.242964 6 0.523419L6 11.4234L1.90286 7.26098L1.83361 7.20222C1.63874 7.06511 1.36932 7.0847 1.19575 7.26098C1.00049 7.45929 1.00049 7.78081 1.19575 7.97912L6.1383 12.9988L6.20755 13.0576C6.40242 13.1947 6.67184 13.1751 6.84541 12.9988L11.7732 7.99412L11.831 7.92379C11.966 7.72588 11.9468 7.45225 11.7732 7.27597L11.7039 7.21721C11.5091 7.08011 11.2397 7.09969 11.0661 7.27597L7 11.4045L7 0.523419L6.99194 0.43214ZM0.343702 14.3929C0.343702 14.1437 0.520578 13.9363 0.753827 13.8933L0.843702 13.8851L12.1563 13.8851C12.4324 13.8851 12.6563 14.1125 12.6563 14.3929C12.6563 14.6422 12.4794 14.8496 12.2462 14.8926L12.1563 14.9008L0.843702 14.9008C0.56756 14.9008 0.343702 14.6734 0.343702 14.3929Z' fill='%2364FCFB'/%3E%3C/svg%3E") center no-repeat;
  top: 20px;
  right: auto;
  left: 15px;
}

.paragraph--type--multiple-documents .group-left {
  padding-left: 50px;
}

@media (max-width: 767px) {
    .paragraph--type--index-page-documents .tile {
        gap: 5px;
    }
    .paragraph--type--multiple-documents .tile {
        gap: 15px;
    }
    .paragraph--type--index-page-documents .tile.with-text,
    .paragraph--type--multiple-documents .tile,
    .paragraph--type--multiple-documents .tile.with-text {
        grid-template-columns: 1fr;
  }
  .paragraph--type--multiple-documents .group-left {
    padding-left: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
    .paragraph--type--multiple-documents .tile.with-text {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-template-areas:
            "left left"
            "middle right";
        column-gap: 30px;
    }
    .paragraph--type--multiple-documents .tile .group-left {
        grid-area: left;
    }
    .paragraph--type--multiple-documents .tile .group-middle {
        grid-area: middle;
        padding-left: 30px;
    }
    .paragraph--type--multiple-documents .tile .group-right {
        grid-area: right;
    }
}

@media (max-width: 479px) {
    .paragraph--type--index-page-documents .document-wrapper-link {
        padding-right: 15px;
    }
    .paragraph--type--index-page-documents .tile-title {
        padding-right: 30px;
    }
}

/* paragraph--type-white-text-*  */
.paragraph--type-white-text-tile,
.paragraph--type-white-text-tile-docs {
  max-width: 1530px;
  margin: 0 auto 10px;
}

.paragraph--type-white-text-tile .background-wrapper,
.paragraph--type-white-text-tile-docs .background-wrapper {
    margin-left: 15px;
    margin-right: 15px;
    padding: 45px 15px 50px;
    font: 16px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #2a2a2a;
    background-color: #fff;
}

.paragraph--type-white-text-tile .tile-wrapper,
.paragraph--type-white-text-tile-docs .tile-wrapper {
    display: grid;
    gap: 30px;
}

.paragraph--type-white-text-tile .tile-wrapper .tile-content-wrapper,
.paragraph--type-white-text-tile-docs .tile-wrapper .tile-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 15px;
}

.paragraph--type-white-text-tile .tile-wrapper .tile-content-wrapper .group-left,
.paragraph--type-white-text-tile-docs .tile-wrapper .tile-content-wrapper .group-left {
    padding-right: 15px;
}

.paragraph--type-white-text-tile .tile-wrapper .tile-content-wrapper .group-right {
  overflow: hidden;
}

@media (max-width: 991px) {
  .paragraph--type-white-text-tile .tile-wrapper .tile-content-wrapper,
  .paragraph--type-white-text-tile-docs .tile-wrapper .tile-content-wrapper {
    grid-template-columns: 1fr;
  }
  .paragraph--type-white-text-tile .tile-wrapper .tile-content-wrapper .group-left,
  .paragraph--type-white-text-tile-docs .tile-wrapper .tile-content-wrapper .group-left {
    padding-right: 0;
  }
}

.paragraph--type-white-text-tile p,
.paragraph--type-white-text-tile-docs p {
  margin-bottom: 12px;
}

.paragraph--type-white-text-tile ul,
.paragraph--type-white-text-tile-docs ul {
  padding-left: 0;
}

.paragraph--type-white-text-tile ul li,
.paragraph--type-white-text-tile-docs ul li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 35px;
  list-style-image: none;
  list-style-type: none;
}

.paragraph--type-white-text-tile ul li::before,
.paragraph--type-white-text-tile-docs ul li::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 12L18 8' stroke='%2300A6A5' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 4L18 8' stroke='%2300A6A5' stroke-width='2' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 8H17Z' fill='%2300A6A5'/%3E%3Cpath d='M7 8H17' stroke='%2300A6A5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
  background-size: 100%;
  top: 5px;
  left: 0;
}

.paragraph--type-white-text-tile ul li ul,
.paragraph--type-white-text-tile-docs ul li ul {
  margin-top: 15px;
}

.paragraph--type-white-text-tile .field--name-field-media-image img,
.paragraph--type-white-text-tile-docs .field--name-field-media-image img {
  width: 100%;
}

.paragraph--type-white-text-tile .white-text-tile-title,
.paragraph--type-white-text-tile-docs .white-text-tile-title  {
  margin-top: 0;
  margin-bottom: 0;
  font: 24px "YogaPro", Arial, sans-serif;
  line-height: 1.25;
}

@media (max-width: 479px) {
  .paragraph--type-white-text-tile .white-text-tile-title,
  .paragraph--type-white-text-tile-docs .white-text-tile-title {
    font-size: 20px;
    line-height: 1.5;
  }
}

.paragraph--type-white-text-tile .field--name-field-html-text *:last-child,
.paragraph--type-white-text-tile-docs .field--name-field-html-text *:last-child {
  margin-bottom: 0 !important;
}

.paragraph--type-white-text-tile .field--name-field-html-text a,
.paragraph--type-white-text-tile-docs .field--name-field-html-text a,
.paragraph--type--faqs .field--name-field-html-text a {
  color: #00a6a5;
  text-decoration: none;
}

.paragraph--type-white-text-tile .field--name-field-html-text a:hover, .paragraph--type-white-text-tile .field--name-field-html-text a:active, .paragraph--type-white-text-tile .field--name-field-html-text a:focus,
.paragraph--type-white-text-tile-docs .field--name-field-html-text a:hover,
.paragraph--type-white-text-tile-docs .field--name-field-html-text a:active,
.paragraph--type-white-text-tile-docs .field--name-field-html-text a:focus,
.paragraph--type--faqs .field--name-field-html-text a:hover,
.paragraph--type--faqs .field--name-field-html-text a:active,
.paragraph--type--faqs .field--name-field-html-text a:focus {
  color: #00a6a5;
  text-decoration: underline;
}

.paragraph--type-white-text-tile .field--name-field-button,
.paragraph--type-white-text-tile-docs .field--name-field-button {
  margin-top: 30px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.paragraph--type-white-text-tile .button-row,
.paragraph--type-white-text-tile-docs .button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 479px) {

    .paragraph--type-white-text-tile .button-row,
    .paragraph--type-white-text-tile-docs .button-row {
        flex-direction: column;
    }
}

.paragraph--type-white-text-tile .field--name-field-button a,
.paragraph--type-white-text-tile-docs .field--name-field-button a {
  color: #fff;
  background-color: #00a6a5;
  background-position: 94% 50%;
}

@media (max-width: 480px) {
  .paragraph--type-white-text-tile .field--name-field-button a,
  .paragraph--type-white-text-tile-docs .field--name-field-button a {
    font-size: 12px;
  }
}

@media (max-width: 375px) {
  .paragraph--type-white-text-tile .field--name-field-button a,
  .paragraph--type-white-text-tile-docs .field--name-field-button a {
    white-space: normal;
  }
}

.paragraph--type-white-text-tile .field--name-field-button a:hover, 
.paragraph--type-white-text-tile .field--name-field-button a:focus, 
.paragraph--type-white-text-tile .field--name-field-button a:active,
.paragraph--type-white-text-tile-docs .field--name-field-button a:hover,
.paragraph--type-white-text-tile-docs .field--name-field-button a:focus,
.paragraph--type-white-text-tile-docs .field--name-field-button a:active {
  background-color: #00807F;
  color: #fff;
}

.paragraph--type-white-text-tile table {
  font: 16px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.paragraph--type-white-text-tile table thead tr th {
  color: #000000;
  text-transform: uppercase;
  border-top: 1px solid #dcdcdc;
}

/* .paragraph--type-white-text-tile-docs */

.paragraph--type-white-text-tile-docs .document-wrapper-link {
  background-color: #f2f2f2;
  color: #2a2a2a;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link.file-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 0.43214C6.94961 0.195249 6.74546 0.0156115 6.5 0.0156116C6.22386 0.0156117 6 0.242964 6 0.523419L6 11.4234L1.90286 7.26098L1.83361 7.20222C1.63874 7.06511 1.36932 7.0847 1.19575 7.26098C1.00049 7.45929 1.00049 7.78081 1.19575 7.97912L6.1383 12.9988L6.20755 13.0576C6.40242 13.1947 6.67184 13.1751 6.84541 12.9988L11.7732 7.99412L11.831 7.92379C11.966 7.72588 11.9468 7.45225 11.7732 7.27597L11.7039 7.21721C11.5091 7.08011 11.2397 7.09969 11.0661 7.27597L7 11.4045L7 0.523419L6.99194 0.43214ZM0.343702 14.3929C0.343702 14.1437 0.520578 13.9363 0.753827 13.8933L0.843702 13.8851L12.1563 13.8851C12.4324 13.8851 12.6563 14.1125 12.6563 14.3929C12.6563 14.6422 12.4794 14.8496 12.2462 14.8926L12.1563 14.9008L0.843702 14.9008C0.56756 14.9008 0.343702 14.6734 0.343702 14.3929Z' fill='%232A2A2A'/%3E%3C/svg%3E");
}

.paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link.regular-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50053 1.55025L11.4503 6.5L6.50053 11.4497' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link.regular-link.ext::before {
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 10.125L14.625 3.375' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.25 2.25H15.75V6.75' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 11.5157V15.75H2.25V2.25H6.84567' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
  top: 14px;
}

.paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:hover, .paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:focus {
  background-color: #c7c7c7;
  color: #005454;
}

.paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:hover.file-link::before, .paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:focus.file-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 0.43214C6.94961 0.195249 6.74546 0.0156115 6.5 0.0156116C6.22386 0.0156117 6 0.242964 6 0.523419L6 11.4234L1.90286 7.26098L1.83361 7.20222C1.63874 7.06511 1.36932 7.0847 1.19575 7.26098C1.00049 7.45929 1.00049 7.78081 1.19575 7.97912L6.1383 12.9988L6.20755 13.0576C6.40242 13.1947 6.67184 13.1751 6.84541 12.9988L11.7732 7.99412L11.831 7.92379C11.966 7.72588 11.9468 7.45225 11.7732 7.27597L11.7039 7.21721C11.5091 7.08011 11.2397 7.09969 11.0661 7.27597L7 11.4045L7 0.523419L6.99194 0.43214ZM0.343702 14.3929C0.343702 14.1437 0.520578 13.9363 0.753827 13.8933L0.843702 13.8851L12.1563 13.8851C12.4324 13.8851 12.6563 14.1125 12.6563 14.3929C12.6563 14.6422 12.4794 14.8496 12.2462 14.8926L12.1563 14.9008L0.843702 14.9008C0.56756 14.9008 0.343702 14.6734 0.343702 14.3929Z' fill='%23005454'/%3E%3C/svg%3E");
}

.paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:hover.regular-link::before, .paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:focus.regular-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50053 1.55025L11.4503 6.5L6.50053 11.4497' stroke='%23005454' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:hover.regular-link.ext::before, .paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:focus.regular-link.ext::before {
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 10.125L14.625 3.375' stroke='%23005454' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.25 2.25H15.75V6.75' stroke='%23005454' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 11.5157V15.75H2.25V2.25H6.84567' stroke='%23005454' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}

.paragraph--type-white-text-tile-docs .paragraph--type--multiple-documents .document-wrapper-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 0.43214C6.94961 0.195249 6.74546 0.0156115 6.5 0.0156116C6.22386 0.0156117 6 0.242964 6 0.523419L6 11.4234L1.90286 7.26098L1.83361 7.20222C1.63874 7.06511 1.36932 7.0847 1.19575 7.26098C1.00049 7.45929 1.00049 7.78081 1.19575 7.97912L6.1383 12.9988L6.20755 13.0576C6.40242 13.1947 6.67184 13.1751 6.84541 12.9988L11.7732 7.99412L11.831 7.92379C11.966 7.72588 11.9468 7.45225 11.7732 7.27597L11.7039 7.21721C11.5091 7.08011 11.2397 7.09969 11.0661 7.27597L7 11.4045L7 0.523419L6.99194 0.43214ZM0.343702 14.3929C0.343702 14.1437 0.520578 13.9363 0.753827 13.8933L0.843702 13.8851L12.1563 13.8851C12.4324 13.8851 12.6563 14.1125 12.6563 14.3929C12.6563 14.6422 12.4794 14.8496 12.2462 14.8926L12.1563 14.9008L0.843702 14.9008C0.56756 14.9008 0.343702 14.6734 0.343702 14.3929Z' fill='%232A2A2A'/%3E%3C/svg%3E");
}

/* paragraph--type-html-custom-code */
.paragraph--type-html-custom-code {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph--type-html-custom-code.teal {
  background: #00a6a5;
  color: #fff;
}

/* paragraph--type-teal-instruction-strip */
.paragraph--type-teal-instruction-strip {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph--type-teal-instruction-strip .background-wrapper {
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px 0;
    font-size: 16px;
    color: #fff;
    background-color: #00807F;
}

.paragraph--type-teal-instruction-strip .column-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
}

@media (max-width: 767px) {
  .paragraph--type-teal-instruction-strip .column-wrapper {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

.paragraph--type-teal-instruction-strip .field--name-field-html-title {
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.paragraph--type-teal-instruction-strip p:last-child {
  margin-bottom: 0;
}

/* paragraph--type--faqs and paragraph--type--comparison-table and paragraph--type-comparison-row */
.paragraph--type--faqs {
  /*max-width: 1500px;*/
  margin: 0 auto 10px;
  padding: 55px 15px 80px;
  background-color: #fff;
  color: #2a2a2a;
}

.paragraph--type--comparison-table {
    max-width: 1530px;
    margin: 0 auto 10px;
}

.paragraph--type--comparison-table .comparison-wrapper {
    padding: 55px 15px 80px;
    background-color: #fff;
    color: #2a2a2a;
    margin-left: 15px;
    margin-right: 15px;
}

.paragraph--type--faqs .container-xl > .field--name-field-html-title {
  margin-bottom: 50px;
  font: 24px "YogaPro", Arial, sans-serif;
}

.paragraph--type--faqs .container-xl > .field--name-field-html-title strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type-comparison-row .table-responsive table {
  min-width: 900px;
}

.paragraph--type--faqs table {
	border-top: 1px solid #d3d3d3;
}

/* paragraph--type--faq-row and paragraph--type-comparison-row */

.paragraph--type--faq-row .dd-caret {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  left: 15px;
}

.paragraph--type--faq-row .result-label {
  position: relative;
  padding-left: 45px;
}

.paragraph--type-comparison-row .result-wrapper {
  position: relative;
}

.paragraph--type--faq-row.result-row[data-toggle="collapse"][aria-expanded="true"] + .sub-row {
  border: none;
}

.paragraph--type--faq-row.result-row[data-toggle="collapse"][aria-expanded="true"] .dd-caret {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='39' viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.54594C21.0973 10.0973 21.1297 10.971 20.6432 11.5603L20.5459 11.6673L11 21.2132L1.45406 11.6673C0.868272 11.0815 0.868272 10.1317 1.45406 9.54594C2.00539 8.99461 2.87912 8.96218 3.46837 9.44865L3.57538 9.54594L11 16.9706L18.4246 9.54594C18.9759 8.99461 19.8497 8.96218 20.4389 9.44865L20.5459 9.54594Z' fill='%2300A6A5'/%3E%3Cpath d='M20.5459 28.6539C21.0973 28.1026 21.1297 27.2288 20.6432 26.6396L20.5459 26.5326L11 16.9866L1.45406 26.5326C0.868272 27.1184 0.868272 28.0681 1.45406 28.6539C2.00539 29.2052 2.87912 29.2376 3.46837 28.7512L3.57538 28.6539L11 21.2293L18.4246 28.6539C18.9759 29.2052 19.8497 29.2376 20.4389 28.7512L20.5459 28.6539Z' fill='%2300A6A5'/%3E%3C/svg%3E");
  top: 57%;
}

.paragraph--type--faq-row.result-row[data-toggle="collapse"][aria-expanded="true"] .result-label {
  background-color: #f2f2f2;
}

.paragraph--type--faq-row .sub-row[aria-expanded="true"] + .result-row:not(.sub-row) {
  border-top: 1px solid #d3d3d3;
}

.paragraph--type--faq-row[aria-expanded="true"] .result-label {
  border-bottom: none;
}

.paragraph--type--faq-row + .sub-row .result-label {
  padding: 20px 45px 50px;
  background-color: #f2f2f2;
  font-size: 16px;
}

.paragraph--type--faq-row + .sub-row .field--name-field-button {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.paragraph--type--faq-row + .sub-row .field--name-field-button a {
  padding: 7px 20px 9px;
  font-size: 14px;
  background-color: #00a6a5;
  color: #fff;
}

.paragraph--type--faq-row + .sub-row .field--name-field-button a:hover, 
.paragraph--type--faq-row + .sub-row .field--name-field-button a:focus, 
.paragraph--type--faq-row + .sub-row .field--name-field-button a:active {
  background-color: #00807F;
  color: #fff;
}

.paragraph--type--faq-row .result-label,
.paragraph--type-comparison-row .result-label {
  padding-top: 12px;
  padding-bottom: 12px;
  font: 18px "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #d3d3d3;
}

.paragraph--type-comparison-row .result-label {
	border-bottom: none;
}

.paragraph--type-comparison-row .result-wrapper {
	display: flex;
  align-items: center;
}

.paragraph--type-comparison-row [class^="chb-icon-"] {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.paragraph--type-comparison-row [class^="chb-icon-"] {
	margin-right: auto;
}

.paragraph--type-comparison-row .chb-icon-yes {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20.5' r='16' fill='%237AB542'/%3E%3Cpath d='M10.844 23.3108L16.9855 28.1092C17.4225 28.4505 18.0581 28.367 18.4053 27.9227C18.7525 27.4783 18.6797 26.8413 18.2428 26.4999L12.1012 21.7016C11.6643 21.3602 11.0286 21.4437 10.6814 21.8881C10.3342 22.3325 10.407 22.9695 10.844 23.3108Z' fill='white'/%3E%3Cpath d='M27.4431 13.3059L16.9961 26.6774C16.6547 27.1144 16.7382 27.75 17.1826 28.0972C17.6269 28.4444 18.2639 28.3716 18.6053 27.9347L29.0523 14.5631C29.3937 14.1262 29.3102 13.4905 28.8658 13.1433C28.4214 12.7962 27.7845 12.8689 27.4431 13.3059Z' fill='white'/%3E%3C/svg%3E");
}

.paragraph--type-comparison-row .chb-icon-no {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20.5' r='16' fill='%23FF6666'/%3E%3Cpath d='M27.0663 12.1209L11.7099 27.4773C11.3178 27.8694 11.3232 28.5105 11.7219 28.9092C12.1207 29.308 12.7618 29.3134 13.1539 28.9213L28.5103 13.5649C28.9024 13.1728 28.897 12.5317 28.4982 12.133C28.0995 11.7342 27.4584 11.7288 27.0663 12.1209Z' fill='white'/%3E%3Cpath d='M13.1539 12.1209L28.5103 27.4773C28.9024 27.8694 28.897 28.5105 28.4983 28.9092C28.0995 29.308 27.4584 29.3134 27.0663 28.9213L11.7099 13.5649C11.3178 13.1728 11.3232 12.5317 11.722 12.133C12.1207 11.7342 12.7618 11.7288 13.1539 12.1209Z' fill='white'/%3E%3C/svg%3E");
}

.paragraph--type-comparison-row .chb-icon-important {
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 36.4941C22.1011 36.4941 24.1817 36.0803 26.1229 35.2762C28.0641 34.4721 29.828 33.2936 31.3137 31.8078C32.7994 30.3221 33.978 28.5583 34.7821 26.6171C35.5861 24.6759 36 22.5953 36 20.4941C36 18.393 35.5861 16.3124 34.7821 14.3712C33.978 12.43 32.7994 10.6662 31.3137 9.18043C29.828 7.69469 28.0641 6.51614 26.1229 5.71207C24.1817 4.90799 22.1011 4.49414 20 4.49414L20 20.4941V36.4941Z' fill='%237AB542'/%3E%3Cpath d='M20 4.51514C17.8989 4.51514 15.8183 4.92899 13.8771 5.73306C11.9359 6.53714 10.172 7.71569 8.68629 9.20143C7.20055 10.6872 6.022 12.451 5.21793 14.3922C4.41385 16.3334 4 18.414 4 20.5151C4 22.6163 4.41385 24.6969 5.21793 26.6381C6.022 28.5793 7.20055 30.3431 8.68629 31.8288C10.172 33.3146 11.9359 34.4931 13.8771 35.2972C15.8183 36.1013 17.8989 36.5151 20 36.5151V20.5151L20 4.51514Z' fill='%23FF6666'/%3E%3C/svg%3E");
}

.dark-faqs.paragraph--type--faqs {
	background-color: transparent;
	padding: 55px 0 0;
}

.dark-faqs.paragraph--type--faqs .container-xl > .field--name-field-html-title {
	color: #fff;
	margin-bottom: 30px;
	padding-left: 30px;
}

.wide-faqs.dark-faqs.paragraph--type--faqs .container-xl > .field--name-field-html-title {
  padding-left: 0;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .wide-faqs.dark-faqs.paragraph--type--faqs .container-xl > .field--name-field-html-title {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .wide-faqs.dark-faqs.paragraph--type--faqs .container-xl > .field--name-field-html-title {
    width: 1170px;
  }
}

.dark-faqs.paragraph--type--faqs table {
	border-top: none;
}

.dark-faqs .paragraph--type--faq-row .dd-caret,
.dark-faqs .paragraph--type--faq-row.result-row[data-toggle="collapse"][aria-expanded="true"] .dd-caret {
	left: auto;
	right: 30px;
	width: 20px;
	height: 20px;
    top: 39px
}

.dark-faqs .paragraph--type--faq-row.result-row[data-toggle="collapse"][aria-expanded="true"] .dd-caret {
  margin-top: 0;
}

.dark-faqs .paragraph--type--faq-row .field--name-field-html-title {
	padding-right: 45px;
}

.dark-faqs .paragraph--type--faq-row + .sub-row .result-label {
	padding: 0 30px 30px;
	background-color: #fff;
}

.dark-faqs .paragraph--type--faq-row .result-label {
	background-color: #fff !important;
	padding: 24px 30px 19px;
	font: 20px "YogaPro", Arial, sans-serif;
	line-height: 1.5;
	border-bottom: none;
}

.dark-faqs .paragraph--type--faq-row .result-label strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.dark-faqs .paragraph--type--faq-row:first-of-type .result-label {
	border-top: none;
}

.dark-faqs .paragraph--type--faq-row .result-label {
	border-top: 5px solid #333333;
}

.paragraph--type--comparison-table .form-type-table table {
	display: flex;
	flex-direction: column;
}

.paragraph--type--comparison-table .form-type-table table > thead > tr,
.paragraph--type--comparison-table .form-type-table table > tbody > tr {
    display: grid;
    grid-template-columns: 4fr 2fr 2fr 2fr 2fr;
    border-bottom: 1px solid #454545;
    background-color: #fff;
}

.paragraph--type--comparison-table .form-type-table table > thead > tr > th {
	text-transform: none;
	min-width: 150px;
	border-bottom: none;
}

.paragraph--type--comparison-table .form-type-table table > tbody > tr > td {
	min-width: 150px;
}

.paragraph--type--comparison-table .form-type-table table>thead>tr>th:first-of-type,
.paragraph--type--comparison-table .form-type-table table>tbody>tr>td:first-of-type {
    min-width: 300px;
}

@media (max-width: 991px) {
    .paragraph--type--comparison-table .form-type-table table > thead > tr,
    .paragraph--type--comparison-table .form-type-table table > tbody > tr {
        width: fit-content;
    }
    
}

.paragraph--type--comparison-table .form-type-table table > thead > tr > th .th-wrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
	height: 100%;
}

.paragraph--type--comparison-table .form-type-table table > thead > tr > th span {
	font: 16px "YogaPro", Arial, sans-serif;
	line-height: 1.5;
	min-height: 48px;
}

.paragraph--type--comparison-table .form-type-table table > thead > tr > th span strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type--comparison-table .form-type-table table > thead > tr > th p:last-child {
	margin-bottom: 0;
}

.paragraph--type--comparison-table .form-type-table table > thead > tr > th .btn-type-more {
	font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 7px 15px 10px;
	border-radius: 50px;
	width: 100%;
	margin-top: auto;
}

.paragraph--type-comparison-row .result-label {
	padding: 25px 30px 25px 15px;
}

@media (max-width: 479px) {
    .paragraph--type--comparison-table .form-type-table table > thead  > tr > th:first-of-type,
    .paragraph--type--comparison-table .form-type-table table > tbody > tr > td:first-of-type {
        min-width: 220px;
    }
    .paragraph--type-comparison-row .result-label {
        font-size: 14px;
    }
}

.wide-faqs.paragraph--type--faqs .container-xl > .field--name-field-html-title {
  font-size: 30px;
  margin: 25px auto 50px;
}

.wide-faqs.paragraph--type--faqs .container-xl {
  width: 1500px;
  padding: 0;
}

.wide-faqs.paragraph--type--faqs .table-responsive {
  position: unset;
  overflow: unset;
}

.wide-faqs.paragraph--type--faqs .result-row,
.wide-faqs.paragraph--type--faqs .sub-row {
  background-color: #fff;
}

.wide-faqs.paragraph--type--faqs .result-label {
  margin: auto;
  display: block;
}

/*@media (min-width: 768px) {
  .wide-faqs.paragraph--type--faqs .result-label {
    max-width: 770px;
  }
}*/

@media (min-width: 1030px) {
  .wide-faqs.paragraph--type--faqs .result-label {
    max-width: 1000px;
  }
}

@media (min-width: 1200px) {
  .wide-faqs.paragraph--type--faqs .result-label {
    max-width: 1200px;
  }
  .wide-faqs.paragraph--type--faqs table {
    padding-left: 0;
    padding-right: 0;
  }
}

.wide-faqs.paragraph--type--faqs .result-row {
    position: relative;
}

.wide-faqs.paragraph--type--faqs .result-row:not(:first-of-type)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 5px solid #333333;
  pointer-events: none;
  z-index: 1;
}

.wide-faqs .paragraph--type--faq-row .result-label {
  border-top: none;
}

.wide-faqs .table-collapse-hover > tbody > tr[data-toggle="collapse"]:hover {
  background-color: #fff;
}

/*@media (max-width: 340px) {
  .paragraph--type--faq-row + .sub-row .field--name-field-button .field--item {
    display: block;
    width: 100%;
  }
  .dark-faqs .paragraph--type--faq-row + .sub-row .field--name-field-button a {
    white-space: normal;
    display: block;
  }
}*/

@media (max-width: 480px) {
  .paragraph--type--faq-row + .sub-row .field--name-field-button a {
    font-size: 12px;
  }
  .paragraph--type--faq-row + .sub-row .field--name-field-button a.ext {
    background-position: top 50% right 8px;
  }
}

@media (max-width: 375px) {
  .paragraph--type--faq-row + .sub-row .field--name-field-button a {
    white-space: normal;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*
  Savings Calculation Paragraph.
  Calculator: How much to contribute.
*/
.savings-calc {
  margin-left: 15px;
  margin-right: 15px;
  background-color: #fff;
  color: #333333;
}

.savings-calc.slider-dk .calc-form.top > .container-xl {
  position: relative;
}

.savings-calc.slider-dk .calc-form.top > .container-xl::before {
  position: absolute;
  content: "";
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  height: 2px;
  border: none;
  border-bottom: 2px dashed #666666;
  left: 15px;
  top: 100%;
  bottom: auto;
  -webkit-clip-path: polygon(0 0, 44px 0, 44px 2px, 98px 2px, 98px 0, 100% 0, 100% 2px, 0 2px);
          clip-path: polygon(0 0, 44px 0, 44px 2px, 98px 2px, 98px 0, 100% 0, 100% 2px, 0 2px);
}

.savings-calc.slider-dk .calc-form.top > .container-xl::after {
  position: absolute;
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  background: #2a2a2a;
  -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0% 100%);
  border: dashed #666666;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 2;
  left: 65px;
  bottom: -20px;
}

.savings-calc.slider-dk .calc-form.middle {
  background-color: #2a2a2a;
  color: #fff;
}

.savings-calc.slider-dk .calc-form.middle > .container-xl::before {
  border-color: #2a2a2a transparent transparent;
  left: 56px;
}

.savings-calc.slider-dk .calc-form.bottom > .container-xl::before {
  left: 56px;
}

.savings-calc .calc-form.top > .container-xl,
.savings-calc .calc-form.middle > .container-xl,
.savings-calc .calc-form.bottom > .container-xl {
  position: relative;
}

.savings-calc .calc-form.top > .container-xl::before,
.savings-calc .calc-form.middle > .container-xl::before,
.savings-calc .calc-form.bottom > .container-xl::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 29px 29px 0 29px;
  border-color: transparent transparent transparent;
  left: 54px;
  bottom: -28px;
  z-index: 1;
  left: 70px;
}

.savings-calc .calc-form.top {
  background-color: #2a2a2a;
  color: #fff;
}

.savings-calc .calc-form.top > .container-xl {
  padding-top: 30px;
  padding-bottom: 30px;
}

.savings-calc .calc-form.top > .container-xl::before {
  border-color: #2a2a2a transparent transparent;
}

.savings-calc .calc-form.top > .container-xl > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.savings-calc .calc-form.middle > .container-xl::before {
  border-color: #fff transparent transparent;
}

.savings-calc .calc-form.bottom > .container-xl::before {
  border-color: #005454 transparent transparent;
}

.savings-calc .form-horizontal.calc .input-wrapper {
  position: relative;
}

.savings-calc .form-horizontal.calc .control-label {
  margin-top: 0;
  padding-top: 0;
  font-size: 24px;
}

@media (max-width: 479px) {
  .savings-calc .form-horizontal.calc .control-label {
    font-size: 20px;
  }
}

.savings-calc .form-horizontal.calc .form-group {
  margin: 0;
}

.savings-calc .form-horizontal.calc .form-group .input-group {
  width: 100%;
}

.savings-calc .form-horizontal.calc .form-group .input-group input {
  border: none;
  padding: 4px 0 8px 12px;
  width: 100%;
}

.savings-calc .form-horizontal.calc .form-group .input-group input[data-calc-input="percentage-of-salary-input"] {
  display: inline !important;
  max-width: 70px;
}

.savings-calc .form-horizontal.calc .form-group .input-group .slider.slider-horizontal {
  width: 100%;
  margin-top: 30px;
}

.savings-calc .form-horizontal.calc .group-slider {
  padding-top: 59px;
}

.savings-calc .form-horizontal.calc .group-slider-extra {
  position: relative;
  display: none;
  margin-bottom: 0;
  background: #005454;
  color: #fff;
  z-index: 1;
  box-shadow: 0 1px 0 0 #005454;
}

.savings-calc .form-horizontal.calc .group-slider-extra > .container-xl {
  padding-top: 30px;
  padding-bottom: 30px;
}

.savings-calc .form-item-annual-base-salary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .savings-calc .form-item-annual-base-salary {
    display: -webkit-box;
  }
}

@media (max-width: 991px) {
  .savings-calc .form-item-annual-base-salary {
    margin-bottom: 30px;
  }
}

.savings-calc .form-item-annual-base-salary label span {
  display: block;
  margin-top: 5px;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.savings-calc .form-item-annual-base-salary input + ul {
  position: absolute;
  padding-left: 15px;
  width: 100%;
  top: 100%;
  left: 0;
}

.savings-calc .form-item-part-full-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (all) and (-webkit-min-device-pixel-ratio: 0) {
  .savings-calc .form-item-part-full-time {
    display: -webkit-box;
  }
}

.savings-calc .form-item-part-full-time .control-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}

.savings-calc .form-item-part-full-time label {
  margin-bottom: 0;
  font-family: "YogaPro", Arial, sans-serif;
  float: none;
}

.savings-calc .form-item-part-full-time .form-type-radio {
  width: 50%;
  text-align: center;
}

@media (max-width: 991px) {
  .savings-calc .form-item-part-full-time {
    justify-content: flex-end;
    gap: 35px;
  }
  .savings-calc .form-item-part-full-time .form-type-radio {
    width: auto;
  }
}

@media (max-width: 767px) {
  .savings-calc .form-item-part-full-time {
    justify-content: flex-start;
  }
}

.savings-calc .form-item-part-time-hours {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  padding-top: 30px;
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .savings-calc .form-item-part-time-hours {
    display: -webkit-box;
  }
}

.savings-calc .form-item-part-time-hours:before {
  position: absolute;
  content: "";
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  border-top: 1px solid #d3d3d3;
  left: 15px;
  top: 0;
}

.savings-calc .form-item-part-time-hours input + ul {
  position: absolute;
  padding-left: 15px;
  width: 100%;
  top: 100%;
  left: 0;
}

.savings-calc .form-item-percentage-of-salary label {
  width: auto;
  float: none;
}

.savings-calc .form-item-percentage-of-salary .append-slider {
  width: 100%;
  margin: 30px 0;
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .savings-calc .form-item-percentage-of-salary .append-slider {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1080px) {
  .savings-calc .form-item-percentage-of-salary .append-slider {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (max-width: 991px) {
  .savings-calc .form-item-percentage-of-salary .append-slider {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
  }
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-track {
  background: #00a6a5;
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-range-low {
  left: 0;
  width: 10%;
  background: #979797;
}

.savings-calc.plan-part-locked .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-range-low {  
  background: none;
}

.savings-calc.plan-locked .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-range-low {  
  background: none;
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-range-high {
  left: 90%;
  width: 10%;
  background: #00807F;
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-handle.error {
  background: #EA6566;
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label-container {
  position: absolute;
  top: 20px;
  width: 100%;
  margin-top: 0;
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .tooltip.bottom {
  position: absolute;
  opacity: 1;
  top: 25px !important;
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label {
  padding-top: 10px;
  width: 80px !important;
  margin-left: -40px !important;
  font-size: 14px;
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label:first-child {
  margin-left: -30px !important;
}

.savings-calc.savings-calc.plan-part-locked .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label:first-child {
  margin-left: 0px !important;
}

.savings-calc.savings-calc.plan-locked .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label:first-child {
  margin-left: 0px !important;
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label:last-child {
  margin-left: -60px !important;
}

@media (max-width: 767px) {
  .savings-calc:not(.plan-part-locked, .plan-locked) .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label:first-child, 
  .savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label:last-child {
    display: none;
  }
}

@media (max-width: 575px) {
  .savings-calc .form-item-percentage-of-salary .append-slider {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
  .savings-calc .form-item-percentage-of-salary .slider.slider-horizontal .tooltip .tooltip-inner {
    font-size: 16px;
    margin-top: 4px;
  }
  .savings-calc .form-item-percentage-of-salary .slider.slider-horizontal .slider-handle {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -8px;
  }
}

.savings-calc.plan-part-locked .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label.label-minimum:after {
  content: "";
}

.savings-calc.plan-locked .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label.label-minimum:after {
  content: "";
}

.savings-calc .form-item-percentage-of-salary .append-slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:before {
  display: block;
  content: "";
  height: 10px;
  font-weight: bold;
  opacity: 0.5;
  font-size: 10px;
  line-height: 2;
}

.savings-calc .form-item-percent-slider-extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .savings-calc .form-item-percent-slider-extra {
    display: -webkit-box;
  }
}

@media (max-width: 767px) {
  .savings-calc .control-label {
    margin-bottom: 15px;
  }
}

.savings-calc .form-item-percent-slider-extra input {
  width: 100%;
}

.savings-calc .form-item-percent-slider-extra input + ul {
  position: absolute;
  padding-left: 15px;
  width: 100%;
  top: 100%;
  left: 0;
}

.savings-calc .form-item-percent-slider-extra .input-wrapper {
  position: relative;
}

@media (max-width: 991px) {
  .savings-calc .form-item-percent-slider-extra .input-wrapper {
    float: none;
  }
}

.savings-calc .calc-result {
  padding-left: 15px;
  padding-right: 15px;
}

.savings-calc .group-calculation-results {
  padding-top: 60px;
  padding-bottom: 55px;
}

.savings-calc .group-calculation-results .label {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 70%;
  text-align: left;
  font-weight: normal;
}

@media (max-width: 991px) {
  .savings-calc .group-calculation-results .label {
    width: 100%;
  }
}

.savings-calc .group-calculation-results .empty {
  color: #979797;
}

.savings-calc .group-calculation-results .group-tax {
  background-color: #E7E7E7;
}

.savings-calc .group-calculation-results .group-total {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #333333;
  border-bottom: none;
  background-color: #64fcfb;
}

.savings-calc .group-calculation-results .group-total .result-label {
  text-transform: uppercase;
}

.savings-calc .group-calculation-results .help-block {
  margin-top: 30px;
  margin-bottom: -30px;
}

.savings-calc .group-calculation-results .help-block p {
  font-size: 14px;
  line-height: 1.3em;
  color: #636466;
  margin: 0 0 8px;
}

/*
  Savings Calculation Paragraph.
  Calculator: Account structure.
*/
.savings-calc.page--account-structure .table-responsive table {
  min-width: 900px;
}

.savings-calc.plans-calculator .table-responsive table {
  min-width: 500px;
  padding-left: 0;
  padding-right: 0;
}

.savings-calc.plans-calculator table :is(th, td) {
    background: #f2f2f2;
}

.savings-calc.page--account-structure .dd-caret {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  left: 15px;
}

.savings-calc.page--account-structure .result-label {
  position: relative;
  padding-left: 45px;
}

.savings-calc.page--account-structure .group-calculation-results tr.result-row:not(.bdb-none) .result-label,
.savings-calc.page--account-structure .group-calculation-results tr.result-row:not(.bdb-none) .result-wrapper {
	border-bottom: 1px solid #fff;
}

.savings-calc.page--account-structure .result-wrapper {
  position: relative;
}

.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] + .sub-row, .savings-calc.page--account-structure.result-row[data-toggle="collapse"][aria-expanded="true"] + .sub-row {
  border: none;
}

.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] .dd-caret, .savings-calc.page--account-structure.result-row[data-toggle="collapse"][aria-expanded="true"] .dd-caret {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='39' viewBox='0 0 22 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5459 9.54594C21.0973 10.0973 21.1297 10.971 20.6432 11.5603L20.5459 11.6673L11 21.2132L1.45406 11.6673C0.868272 11.0815 0.868272 10.1317 1.45406 9.54594C2.00539 8.99461 2.87912 8.96218 3.46837 9.44865L3.57538 9.54594L11 16.9706L18.4246 9.54594C18.9759 8.99461 19.8497 8.96218 20.4389 9.44865L20.5459 9.54594Z' fill='%2300A6A5'/%3E%3Cpath d='M20.5459 28.6539C21.0973 28.1026 21.1297 27.2288 20.6432 26.6396L20.5459 26.5326L11 16.9866L1.45406 26.5326C0.868272 27.1184 0.868272 28.0681 1.45406 28.6539C2.00539 29.2052 2.87912 29.2376 3.46837 28.7512L3.57538 28.6539L11 21.2293L18.4246 28.6539C18.9759 29.2052 19.8497 29.2376 20.4389 28.7512L20.5459 28.6539Z' fill='%2300A6A5'/%3E%3C/svg%3E");
  top: 57%;
}

.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] .result-label,
.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] .result-wrapper, .savings-calc.page--account-structure.result-row[data-toggle="collapse"][aria-expanded="true"] .result-label,
.savings-calc.page--account-structure.result-row[data-toggle="collapse"][aria-expanded="true"] .result-wrapper {
  background-color: #f2f2f2;
}

.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] + .sub-row .result-label::before,
.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] + .sub-row .result-wrapper::before,
.savings-calc.page--account-structure .sub-row + .sub-row .result-label::before,
.savings-calc.page--account-structure .sub-row + .sub-row .result-wrapper::before {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #fff;
  top: 0;
}

.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] + .sub-row .result-label::before,
.savings-calc.page--account-structure .sub-row + .sub-row .result-label::before {
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
  left: 45px;
}

.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] + .sub-row .result-wrapper:not(:last-child)::before,
.savings-calc.page--account-structure .sub-row + .sub-row .result-wrapper:not(:last-child)::before {
  width: 100%;
  left: 0;
}

.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] + .sub-row .result-wrapper:last-child::before,
.savings-calc.page--account-structure .sub-row + .sub-row .result-wrapper:last-child::before {
  width: -webkit-calc(100% - 15px);
  width: calc(100% - 15px);
  left: 0;
}

.savings-calc.page--account-structure .sub-row + .sub-row {
  position: relative;
  border: none;
}

.savings-calc.page--account-structure .sub-row[aria-expanded="true"] + .result-row:not(.sub-row) {
  border-top: 1px solid #d3d3d3;
}

.savings-calc.page--account-structure .sub-row .result-label,
.savings-calc.page--account-structure .sub-row .result-wrapper {
  background-color: #f2f2f2;
  font: 14px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
}

.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] .result-label,
.savings-calc.page--account-structure .result-row[data-toggle="collapse"][aria-expanded="true"] .result-wrapper, .savings-calc.page--account-structure.result-row[data-toggle="collapse"][aria-expanded="true"] .result-label,
.savings-calc.page--account-structure.result-row[data-toggle="collapse"][aria-expanded="true"] .result-wrapper {
  border-bottom: none;
}

.savings-calc.page--account-structure .sub-row.collapse[aria-expanded="true"] + .result-row:not(.collapse) .result-label, .savings-calc.page--account-structure .sub-row.collapse[aria-expanded="true"] + .result-row:not(.collapse) .result-wrapper {
  border-top: 1px solid #d3d3d3;
}

/*
  Savings Calculation Paragraph.
  Calculator: Plans Calculator.
*/

.plans-calculator.savings-calc .calc-result {
	background-color: #f2f2f2;
}

.savings-calc .calc-form.acc-contrib-amount > .container-xl {
  position: relative;
  background: linear-gradient(to right, #d3d3d3 0 0) top left / 100% 1px no-repeat;
}

@media (max-width: 1199px) {
  .savings-calc .calc-form.acc-contrib-amount>.container-xl {
      background: linear-gradient(to right, #d3d3d3 0 0) top 0 left 15px / calc(100% - 30px) 1px no-repeat;
    }
}

.plans-calculator.savings-calc .calc-form.acc-contrib-amount > .container-xl::before {
	border-color: #fff transparent transparent;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 29px 29px 0 29px;
	bottom: -28px;
	z-index: 1;
	left: 70px;
}

.plans-calculator.savings-calc .result-label .tooltip-default-sm {
	position: absolute;
	margin-left: 0;
	left: 10px;
	background-size: 100% !important;
}

/*
  Insurance bundle add-on page
*/
.paragraph-insurance-bundle-add-on {
  padding: 50px 0 30px;
  margin-left: 15px;
  margin-right: 15px;
}

.toolbar-oriented .toolbar-bar {
  z-index: 1005;
}

#page-wrapper {
  position: relative;
  overflow: hidden;
}

/* Adjust .paragraph-insurance-bundle-add-on padding for ms vs ks page */

.ms-ks-page {
	padding: 50px 0 0;
    margin-left: 15px;
    margin-right: 15px;
}

/* Page title */
.page-header {
  margin-top: 30px;
  margin-bottom: 25px;
  border: 0 none;
  padding: 0;
}

.not-front .main-content {
  padding-top: 55px;
}

.node--type-fund .main-content {
    padding-top: 35px;
}

.slogan {
  float: left;
  position: relative;
  top: -15px;
  font-size: 14px;
  color: #80B640;
  font-weight: bold;
}

.contextual-links-wrapper.contextual-links-processed a.contextual-links-trigger {
  border: none;
  padding: 0 4px;
  background-color: #fff;
}

.contextual-links-wrapper.contextual-links-processed a,
.contextual-links-wrapper.contextual-links-processed a:hover,
.contextual-links-wrapper.contextual-links-processed a:focus {
  border-bottom: none;
}

.front .alert {
  margin: 20px auto;
}

.bb {
  border-bottom: 1px solid;
}

.alert .close {
  line-height: 20px;
}

.slicknav_menu a {
  border: 0 none;
}

.menu--main .dropdown-menu > li > a {
  white-space: normal;
}

.super-icons-lock::before {
  position: relative;
  content: 'a';
  margin: 0 15px 0 5px;
  font-family: "super-icons", Arial, sans-serif;
  font-style: normal;
  top: 3px;
}

/* Tabs. */
.tabs--primary {
  margin: 20px 0;
}

.quicktabs-hide {
  display: block;
  overflow: hidden;
  max-height: 0;
}

.nav-tabs {
  border-color: #ccc;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #F6F6F6;
}

.nav-tabs > li.active > a .element-invisible {
  display: none;
}

ul.quicktabs-tabs {
  display: block;
  margin: 0;
  border: 0;
  padding: 0 0 10px;
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
}

ul.quicktabs-tabs li,
ul.quicktabs-tabs li.active {
  position: relative;
  display: table-cell;
  margin: 0;
  border: 0;
  padding: 0;
  width: 1%;
  text-align: center;
}

ul.quicktabs-tabs a {
  display: block;
  border-bottom: 0;
  padding: 15px;
  background: #666666;
  color: #fff;
}

ul.quicktabs-tabs a {
  font: 14px/18px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

ul.quicktabs-tabs li:hover {
  border: 0 none;
}

ul.quicktabs-tabs li.active a,
ul.quicktabs-tabs a:hover {
  color: #fff;
}

ul.quicktabs-tabs li.active:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  content: '';
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: transparent;
  height: 10px;
  width: 20px;
}

ul.quicktabs-tabs li.active:after {
  border-top-color: #666666;
  z-index: 2;
}

.quicktabs_main {
  border: 0;
  padding: 0;
}

/* Fund colors. */
.field-name-field-cash-fund .slider-handle {
  background-color: #7ab542 !important;
  background-image: none;
}

.cash-fund {
  background-color: #7ab542;
}

.field-name-field-cash-fund .slider.slider-horizontal .slider-selection {
  background-color: #3f8411 !important;
  background-image: none;
}

.cash-fund-dark {
  background-color: #3f8411;
}

.field-name-field-conservative-fund .slider-handle {
  background-color: #ffa700 !important;
  background-image: none;
}

.conservative-fund {
  background-color: #ffa700;
}

.field-name-field-conservative-fund .slider.slider-horizontal .slider-selection {
  background-color: #f66b08 !important;
  background-image: none;
}

.conservative-fund-dark {
  background-color: #f66b08;
}

.field-name-field-balanced-fund .slider-handle {
  background-color: #a478b7 !important;
  background-image: none;
}

.balanced-fund {
  background-color: #a478b7;
}

.field-name-field-balanced-fund .slider.slider-horizontal .slider-selection {
  background-color: #724884 !important;
  background-image: none;
}

.balanced-fund-dark {
  background-color: #724884;
}

.field-name-field-growth-fund .slider-handle {
  background-color: #ff6666 !important;
  background-image: none;
}

.growth-fund {
  background-color: #ff6666;
}

.field-name-field-growth-fund .slider.slider-horizontal .slider-selection {
  background-color: #de3d3b !important;
  background-image: none;
}

.growth-fund-dark {
  background-color: #de3d3b;
}

.kiwisaver-average {
  background-color: #5B5B5B;
}

.lifestages-option.border {
  border-left: 5px solid #fff;
}

.cash-fund.border {
  border-left: 5px solid #7ab542;
}

.conservative-fund.border {
  border-left: 5px solid #ffa700;
}

.balanced-fund.border {
  border-left: 5px solid #a478b7;
}

.growth-fund.border {
  border-left: 5px solid #ff6666;
}

a.cash-fund.border:hover {
  border-left: 5px solid #3f8411;
}

a.conservative-fund.border:hover {
  border-left: 5px solid #f66b08;
}

a.balanced-fund.border:hover {
  border-left: 5px solid #724884;
}

a.growth-fund.border:hover {
  border-left: 5px solid #de3d3b;
}

/* Admin menu fix. */
@media (max-width: 1024px) {
  body.admin-menu.adminimal-menu:before {
    height: 0;
  }
}

/* Tables. */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 20px;
  font: 18.5px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**
 * Regions.
 */
#container {
  position: relative;
  height: 100%;
  top: 0;
  left: 0;
}

/* Navbar region. */
/* Navbar region: navbar menu. */
.nolink {
  display: inline-block;
  opacity: 0.5;
}

/* Main content region. */
.main-content {
  background: #333333;
}

.front .main-content,
.path-frontpage .main-content {
  position: relative;
  background: #333333;
  z-index: 10;
}

.not-front .main-content {
  margin-bottom: 145px;
}

@media (max-width: 767px) {
  .not-front .main-content {
    margin-bottom: 60px;
  }
}

/* Main content region: breadcrumbs. */
.front .breadcrumb {
  display: none;
}

.breadcrumb {
  line-height: 1;
  padding: 0;
  background-color: transparent;
}

.breadcrumb > li {
  margin-bottom: 5px;
}

.breadcrumb > .active,
.breadcrumb > li {
  color: #333;
  font-size: 14px;
}

.breadcrumb > .active + li:before,
.breadcrumb > li + li:before {
  content: "\E258";
  padding: 0 5px 0 0;
  color: #7ab542;
  font-family: "Glyphicons Halflings", Arial, sans-serif;
  font-size: 10px;
}

.breadcrumb > .active a,
.breadcrumb > li a {
  color: #333;
  border-bottom: 1px solid #d2d2d2;
  font-size: 14px;
}

.breadcrumb > .active a:hover, .breadcrumb > .active a:focus,
.breadcrumb > li a:hover,
.breadcrumb > li a:focus {
  color: #333;
  border-bottom: 1px solid #333;
  text-decoration: none;
}

/* Bottom red region. */
/* Bottom turquoise region: investment performance block. */
/**
 * Misc styles.
 */
div.krumo-root {
  color: #333;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: auto;
}

.has-error .help-block {
  color: #999;
}

.has-error.form-type-radios label,
.has-error .help-block.with-errors li {
  color: #e74c3c;
}

/**
 * Node content.
 */
/* Node: Fund. */
/* Node: how-it-works. */
.page-node-8 .main-content {
  background: url("../images/content_pancils_bg.png") left 640px no-repeat #f7f7f7;
}

.page-node-3 .main-content .block-system,
.page-node-8 .main-content .block-system {
  margin-bottom: 0;
}

.page-node-8 h2.node-title {
  margin: 20px 0 30px;
  font: 42px/50px "YogaPro Bold", Arial, sans-serif;
}

.page-node-8 .field--name-body > p {
  margin: 50px 0;
  font: 20px/32px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-node-8 .field--name-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-node-8 .field--name-body ul li {
  position: relative;
}

.page-node-8 .field--name-body ul li h3 {
  margin-top: 0;
  font: 20px/30px "YogaPro", Arial, sans-serif;
}

.page-node-8 .field--name-body ul li p {
  font: 16.5px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-node-8 .field--name-body ul li .nolink,
.page-node-8 .field--name-body ul li a {
  display: block;
  border-bottom: 1px solid #CCC;
  padding: 30px 70px;
  overflow: hidden;
  background: url("../images/green_arrow.png") right center no-repeat;
  color: #333;
}

.page-node-8 .field--name-body ul li.first a {
  border-top: 1px solid #CCC;
}

.page-node-8 .field--name-body ul li .nolink:hover,
.page-node-8 .field--name-body ul li a:hover {
  border-bottom-color: #FFF;
  background-color: #FFF;
  text-decoration: none;
}

.page-node-8 .field--name-body ul li:before {
  position: absolute;
  top: 10px;
  left: 20px;
  font: 42px/50px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-node-8 .field--name-body ul li.first:before {
  content: '1.';
}

.page-node-8 .field--name-body ul li.second:before {
  content: '2.';
}

.page-node-8 .field--name-body ul li.third:before {
  content: '3.';
}

.page-node-8 .field--name-body ul li.fourth:before {
  content: '4.';
}

.page-node-8 .field--name-body .nolink.btn,
.page-node-8 .field--name-body a.btn {
  margin-right: 10px;
  border-color: #333;
  background-color: #FFF;
  color: #333;
}

.page-node-8 .field--name-body .nolink.btn:hover,
.page-node-8 .field--name-body a.btn:hover {
  border-color: #80b640;
  background-color: #80b640;
  color: #FFF;
}

.page-node-8 .field--name-body p.buttons {
  margin: 85px 0;
}

@media (max-width: 1650px) {
  .page-node-8 .main-content {
    background-image: none;
  }
}

@media (max-width: 991px) {
  .page-node-8 .field--name-body p.buttons {
    margin: 40px 0;
  }
}

@media (max-width: 480px) {
  .page-node-8 .field--name-body ul li .nolink,
  .page-node-8 .field--name-body ul li a {
    padding: 20px 0;
    background: none;
  }
  .page-node-8 .field--name-body ul li:before {
    display: none;
  }
  .page-node-8 .field--name-body .nolink.btn,
  .page-node-8 .field--name-body a.btn {
    margin-bottom: 20px;
  }
  .page-node-8 .field--name-body p.buttons {
    margin-bottom: 20px;
  }
}

/* Node: withdraw */
.page-node-11 .field--name-body p {
  margin: 2em 0;
  font: 22px/30px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul.advanced-link-list {
  margin: 0 0 50px;
  padding: 0;
  list-style: none;
}

ul.advanced-link-list li a:not([href$=".pdf"]) {
  display: block;
  padding: 40px 80px 40px 40px;
  width: 100%;
  font: 16.5px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: url("../images/green_arrow.png") 100% center no-repeat;
}

ul.advanced-link-list li a strong {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

ul.advanced-link-list li a[href$=".pdf"] {
  display: block;
  padding: 40px 80px 40px 40px;
  width: 100%;
  font: 16.5px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: url("../images/pdf_bg.png") 100% center no-repeat;
}

ul.advanced-link-list li a:hover,
ul.advanced-link-list li a:focus {
  border-color: #c6c6c6;
  background-color: #fff;
}

ul.advanced-link-list li:first-child a {
  border-top: 1px solid #c6c6c6;
}

ul.advanced-link-list li a span.title {
  display: block;
  margin-bottom: 15px;
  font: 22px/30px "YogaPro", Arial, sans-serif;
}

@media (max-width: 480px) {
  ul.advanced-link-list li a:not([href$=".pdf"]) {
    padding: 20px 45px 20px 15px;
    background: url("../images/green_arrow.png") 105% center no-repeat;
  }
  ul.advanced-link-list li a[href$=".pdf"] {
    padding: 20px 50px 20px 15px;
    background: url("../images/pdf_bg.png") 104% center no-repeat;
  }
  ul.advanced-link-list li a strong {
    margin-bottom: 5px;
  }
  ul.advanced-link-list li a:hover,
  ul.advanced-link-list li a:focus {
    border-color: #c6c6c6;
    background-color: #fff;
  }
}

/* Node: performance. */
.page-node-17 .field--name-body p.description {
  margin: 40px 0;
}

.page-node-17 .field--name-body .table-wrapper {
  margin: 0 0 30px;
  padding: 0 30px;
  background: #fff;
}

.page-node-17 .field--name-body .table {
  margin-bottom: 0;
}

.page-node-17 .field--name-body .table caption {
  margin: 0;
  border-bottom: 1px solid #ccc;
  padding: 30px 0 25px;
  font: 18.5px/24px "YogaPro", Arial, sans-serif;
}

.page-node-17 .field--name-body .table > thead > tr > th {
  border: 0 none;
}

.page-node-17 .field--name-body .table > tbody > tr > td {
  border-top: 1px dotted #dcdcdc;
  font-size: 16.5px;
}

.page-node-17 .field--name-body .table > tbody > tr > td .percent {
  font-size: 30px;
}

.page-node-17 .field--name-body .table > thead > tr > th:first-child,
.page-node-17 .field--name-body .table > tbody > tr > td:first-child {
  padding-left: 0;
}

.page-node-17 .main-content .block-system {
  margin-bottom: 0;
}

.page-node-17 .quicktabs_main {
  margin: 0;
  border: 0 none;
  padding: 0;
}

@media (max-width: 767px) {
  .page-node-17 .field--name-body .table-responsive {
    border: 0 none;
  }
}

.page-node-17 .performance-results-page {
  padding-top: 0;
}

/* Node: investment. */
.page-node-22 h1.page-header {
  display: none;
}

.page-node-22 .field--name-body h2 {
  margin: 35px 0 15px;
}

.page-node-22 .field--name-body h2.page-header {
  margin: 30px 0;
  font: 40px/52px "YogaPro", Arial, sans-serif;
}

.page-node-22 .quicktabs_main p {
  font-size: 16.5px;
  line-height: 24px;
}

/* Node: interim interest rates. */
.interest-table {
  min-width: 500px;
  background: #fff;
  border-collapse: inherit;
  font-size: 14px !important;
}

.interest-table tr {
  border-top: 1px dotted #dcdcdc;
}

.interest-table td, .interest-table th {
  padding: 15px 30px;
}

.interest-table.fees-table td, .interest-table.fees-table th {
  padding: 15px;
}

.interest-table .row-title, .interest-table th {
  vertical-align: middle;
}

.interest-table .row-title {
  background-color: #f2f2f2;
}

.interest-table td {
  border-top: 1px dotted #dcdcdc;
}

@media (max-width: 1199px) {
  .interest-table td, .interest-table th {
    padding: 15px 10px;
  }
}

@media (max-width: 480px) {
  .interest-table td, .interest-table th {
    padding: 10px 7px;
  }
}

/* KiwiSaver Change Table */
.kiwisaver-rate-table {
    border-collapse: collapse;
}

table.kiwisaver-rate-table thead tr {
    background-color: #2a2a2a;
    border: 1px solid #2a2a2a;
    color: #fff;
}

table.kiwisaver-rate-table thead tr th {
    color: #fff;
    width: 25%;
}

table.kiwisaver-rate-table td {
    border: 1px solid #dcdcdc;
}

table.kiwisaver-rate-table td.light-grey {
    background-color: #f2f2f2;
}

table.kiwisaver-rate-table td.mid-grey {
    background-color: #E8E8E8;
}

table.kiwisaver-rate-table td.dark-grey {
    background-color: #D1D1D1;
}

/* How it works: new page. */
.page-node-26 .node h2 strong {
  margin-right: 20px;
  font: normal 42px "YogaPro", Arial, sans-serif;
}

.page-node-26 .savings-calc-block .block-title {
  display: none;
}

.page-node-26 .savings-calc-block .savings-calc {
  margin-bottom: 20px;
}

/**
 * CKEditor.
 */
.cke_editable {
  padding: 15px;
}

.cke_editable .custom-code {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  border: 1px solid #FF8C5A;
  padding: 20px 5px 15px;
}

.cke_editable .custom-code::before {
  content: 'Edit carefully';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 0 5px 0 25px;
  font: 12px/18px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #FF8C5A;
  color: #fff;
}

.cke_editable .custom-code::after {
  content: '\E209';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 0 5px;
  font: 11px/18px "Glyphicons Halflings", Arial, sans-serif;
  color: #fff;
}

/**
 * Chart.
 */
.block-panel {
  margin: 0 0 30px;
  border: 0 none;
  border-radius: 0;
  padding: 30px;
  background: #fff;
}

.block-panel h2 {
  margin: 0 0 20px;
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px;
}

/* Chart: performance page. */
.min-val,
.max-val {
  position: absolute;
  font-size: 24px;
  line-height: 1em;
}

.min-val span,
.max-val span {
  font-size: 14px;
}

.min-val {
  left: 0;
  text-align: left;
}

.max-val {
  right: 0;
  text-align: right;
}

.table-to-chart-block .quicktabs-tabpage {
  position: relative;
}

.table-to-chart-block .table-to-chart {
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.table-to-chart-block .chart {
  height: 300px;
  width: 100%;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic {
  display: block;
  margin: 0;
  border: 0;
  padding: 0 0 10px;
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li.active {
  margin: 0;
  border: 0;
  padding: 0;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li.active:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  content: '';
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: transparent;
  height: 10px;
  width: 20px;
}

/*.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:first-child.active:after { border-top-color: #80B640; }*/
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(1).active:after {
  border-top-color: #ED9B1D;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2).active:after {
  border-top-color: #A479B7;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:last-child.active:after {
  border-top-color: #EE7171;
}

/*.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:first-child a { background: #80B640; }*/
.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(1) a {
  background: #ED9B1D;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2) a {
  background: #A479B7;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:last-child a {
  background: #EE7171;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li {
  position: relative;
  display: table-cell;
  margin: 0;
  border: 0;
  padding: 0;
  width: 1%;
  text-align: center;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li:hover {
  border: 0;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li.active a {
  color: #fff;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li a {
  display: block;
  border-bottom: 0;
  padding: 25px 15px;
  color: #fff;
  font-family: Verdana, Sans-Serif !important;
}

.table-to-chart-block .quicktabs-tabs.quicktabs-style-basic li a:hover {
  border-bottom: 0;
  color: #fff;
}

/**
 * Blocks.
 */
/* Blocks: block-main-menu */
.block-main-menu .menu .dropdown-menu {
  display: none;
}

.block-main-menu .menu .dropdown-menu.open {
  display: block;
}

.block-main-menu .menu .expanded {
  position: relative;
}

.block-main-menu .menu .expanded .expand-link {
  position: relative;
  float: right;
  top: 4px;
  right: 0;
  padding: 10px;
  display: block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.block-main-menu .menu .expanded .expand-link::before,
.block-main-menu .menu .expanded .expand-link::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 11px;
  top: 10px;
  left: 5px;
  margin-top: -1px;
  background: #000;
}

.block-main-menu .menu .expanded .expand-link::before {
  left: 10px;
  top: 5px;
  width: 1px;
  height: 11px;
}

.block-main-menu .menu .expanded .expand-link:hover::before,
.block-main-menu .menu .expanded .expand-link:hover::after {
  background-color: #7ab542;
}

.block-main-menu .menu .expanded .expand-link:hover {
  cursor: pointer;
}

.block-main-menu .menu .expanded .expand-link.open {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Blocks: performance tabs statistic title block. */
.perf-tabs-stat-title.block-panel {
  position: relative;
  bottom: -1px;
  margin: 0;
  padding-bottom: 0;
}

/* Blocks: performance block. */
.performance-block {
  position: relative;
}

.performance-block .table-to-chart-wrapper {
  position: relative;
  clear: both;
}

.performance-block.total-assets-block .title-bottom {
  margin-bottom: 40px;
  border-bottom: 2px dotted #D4D4D4;
  padding-bottom: 10px;
  overflow: hidden;
}

.performance-block .left-element {
  width: 50%;
  float: left;
}

.performance-block .center-element {
  position: absolute;
  bottom: 30px;
  width: 100%;
  opacity: 0.3;
}

.performance-block .right-element {
  margin: 10px 0 0;
  width: 50%;
  float: right;
}

.performance-block.total-assets-block .right-element {
  margin: 10px 0;
}

.performance-block .big {
  font: 50px/50px "YogaPro", Arial, sans-serif;
}

@media (max-width: 767px) {
  .performance-block .left-element,
  .performance-block .right-element {
    width: 100%;
  }
  .performance-block .center-element {
    position: relative;
    bottom: 0;
    margin: 15px 0 0;
    color: #ccc;
    opacity: 1;
  }
  .performance-block .big {
    font-size: 30px;
  }
}

/* Blocks: read annual report block. */
.read-annual-report-block ul.read-annual-report-list {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.read-annual-report-block ul.read-annual-report-list li {
  display: block;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  padding: 40px 80px 40px 40px;
  width: 100%;
  font: 18.5px/28px "YogaPro", Arial, sans-serif;
  background: url("../images/pdf_bg.png") right center no-repeat;
}

.read-annual-report-block ul.read-annual-report-list li a {
  font: 14px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.read-annual-report-block .annual-report-links {
  display: inline;
  margin: 0 10px;
}

.read-annual-report-block ul.read-annual-report-list li span {
  margin-right: 30px;
}

.read-annual-report-block select.form-control {
  display: inline;
  border: 0 none;
  width: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.read-annual-report-block ul.read-annual-report-list li .delimiter {
  margin: 0;
}

@media (max-width: 600px) {
  .read-annual-report-block ul.read-annual-report-list li .delimiter {
    display: block;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .read-annual-report-block .annual-report-links {
    margin: 0 0 0 10px;
  }
  .read-annual-report-block ul.read-annual-report-list li {
    padding: 20px 0;
    background-image: none;
  }
}

/* Blocks: read annual report block (disclose) */
.page-node-52 .read-annual-report-block {
  border-top: 0;
  margin-top: -40px;
  margin-bottom: 30px;
}

.page-node-52 ul.read-annual-report-list {
  margin: 0 0 0;
  padding: 0;
  list-style: none;
}

.page-node-52 ul.read-annual-report-list li {
  display: block;
  border-top: 0;
  padding: 40px 80px 40px 40px;
  width: 100%;
  font: 16.5px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: url("../images/pdf_bg.png") right center no-repeat;
}

.page-node-52 .annual-report-links {
  display: inline;
  margin: 0 10px;
}

.page-node-52 ul.read-annual-report-list li span {
  margin-right: 30px;
}

.page-node-52 select.form-control {
  display: inline;
  border: 0 none;
  width: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-node-52 ul.advanced-link-list {
  margin: 0 0 0;
}

@media (max-width: 480px) {
  .page-node-52 .read-annual-report-block ul.read-annual-report-list li {
    padding: 20px 15px;
    background-image: none;
  }
}

/* Blocks: account structure block. */
.account-structure-block {
  margin: 0 0 70px;
  background: #fff;
}

.account-structure-block ul.quicktabs-tabs {
  overflow: inherit;
}

.account-structure-block .quicktabs-tabs a {
  position: relative;
  padding: 20px 0;
  height: 58px;
  font-size: 16.5px !important;
  line-height: 18px !important;
  z-index: 10;
}

.account-structure-block .quicktabs-tabs a i {
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.account-structure-block .quicktabs-tabs li:first-child a {
  background: #09818F;
}

.account-structure-block .quicktabs-tabs li.first:after,
.account-structure-block .quicktabs-tabs li:first-child.active::after {
  border-top-color: #09818F;
}

.account-structure-block .quicktabs-tabs li:nth-child(2) a {
  background: #38A2A2;
}

.account-structure-block .quicktabs-tabs li:nth-child(2).active::after {
  border-top-color: #38A2A2;
}

.account-structure-block .quicktabs-tabs li:nth-child(3) a {
  background: #16C0C0;
}

.account-structure-block .quicktabs-tabs li:nth-child(3).active::after {
  border-top-color: #16C0C0;
}

.account-structure-block .quicktabs-tabs li::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 11px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  z-index: 5;
}

.account-structure-block .quicktabs-tabs li:first-child::before {
  background: #09818F;
}

.account-structure-block .quicktabs-tabs li:nth-child(2)::before {
  background: #38A2A2;
}

.account-structure-block .quicktabs-tabs li:nth-child(3)::before {
  background: #16C0C0;
}

.account-structure-block .quicktabs-tabs li.active::before {
  top: -10px;
}

.account-structure-block ul.quicktabs-tabs li {
  display: inline-block;
  float: left;
  width: 33.33%;
}

.account-structure-block ul.quicktabs-tabs li.last {
  display: inline-block;
  float: left;
  width: 34%;
}

.account-structure-block .quicktabs-wrapper article > h2 {
  display: none;
}

.account-structure-block .box-calculate-result {
  font: 16.5px/1 "YogaPro", Arial, sans-serif;
}

.account-structure-block .box-calculate-result .result-wrapper {
  border-top: 1px solid #D3D3D3;
  padding: 0;
}

.account-structure-block .box-calculate-result .result-wrapper .description,
.account-structure-block .box-calculate-result .result-wrapper .result-value {
  display: inline-block;
}

.account-structure-block .box-calculate-result .result-wrapper .description {
  width: 80%;
}

.account-structure-block .box-calculate-result .result-wrapper .tax-credit .description {
  padding: 20px 0 0 6%;
  color: #8E8E8E;
  font: 16.5px/1 "YogaPro", Arial, sans-serif;
}

.account-structure-block .box-calculate-result .result-wrapper .result-value {
  width: 18%;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.account-structure-block .box-calculate-result .result-wrapper .tax-credit .result-value {
  color: #8E8E8E;
}

.account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked,
.account-structure-block .box-calculate-result .result-wrapper .tax-credit,
.account-structure-block .box-calculate-result .result-wrapper .total-contributions-unlocked {
  margin: 0;
  padding: 30px 30px 30px 80px;
}

.account-structure-block .box-calculate-result .result-wrapper .tax-credit,
.account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked {
  background: #ececec;
}

.account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked {
  padding-bottom: 0;
}

.account-structure-block .box-calculate-result .total-fortnightly-contribution {
  border-top: 0 none;
  border-bottom: 1px solid #D3D3D3;
  padding: 30px;
  font-size: 24px;
}

.account-structure-block .box-calculate-result .result-wrapper .tax-credit {
  padding-top: 0;
}

.account-structure-block .box-calculate-result .result-wrapper .description i {
  display: inline-block;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16.5px;
  font-weight: bold;
  font-style: normal;
  color: #5A5A5A;
}

.account-structure-block .box-calculate-result .result-wrapper .description i::before {
  position: relative;
  top: 3px;
  margin: 0 15px 0 5px;
  font-family: "super-icons", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.account-structure-block .box-calculate-result .result-wrapper .total-contributions-unlocked .description i::before {
  content: 'b';
}

.account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked .description i::before {
  content: 'a';
}

.account-structure-block .box-calculate-result .result-wrapper .result-value::before {
  content: '$';
}

.account-structure-block .box-calculate-result .total-annual-contribution {
  padding: 30px 30px;
  font-size: 24px;
  background: #ECECEC;
}

.account-structure-block table {
  margin-bottom: 25px;
}

.account-structure-block table caption {
  margin: 40px 30px;
  padding: 0;
  font: 18.5px/26px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: bold;
}

.account-structure-block table tr {
  border-top: 1px solid #ebebeb;
}

.account-structure-block table tr td {
  padding: 15px 30px;
  vertical-align: top;
  font: 16.5px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.account-structure-block table tr td:first-child {
  min-width: 255px;
  font: 18.5px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.account-structure-block .box {
  margin: 40px 30px;
}

.account-structure-block .box h4 {
  font-size: 20px;
  line-height: 24px;
}

.account-structure-block .box p {
  font-size: 16.5px;
  line-height: 24px;
}

.account-structure-block .red-box {
  margin: 20px 15px;
  padding: 15px;
  background: #ed7171;
  color: #fff;
  clear: both;
}

.account-structure-block .red-box h4 {
  margin: 5px 0 10px;
  font-size: 20px;
  line-height: 24px;
}

.account-structure-block .red-box p {
  margin-bottom: 15px;
  font-size: 16.5px;
  line-height: 24px;
}

.account-structure-block form.account-structure-calculator {
  padding: 0;
}

.account-structure-block form.account-structure-calculator .field {
  padding: 30px;
}

.account-structure-block form.account-structure-calculator .field-annual-salary {
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
  background: #DBDBDB;
}

.account-structure-block form.account-structure-calculator .field-percent-slider {
  border-bottom: 1px solid #D3D3D3;
  padding-bottom: 30px;
  background: #379393;
  color: #fff;
}

.account-structure-block form.account-structure-calculator .field-percent-slider label {
  margin-bottom: 15px;
}

.account-structure-block form.account-structure-calculator label {
  margin: 0;
  padding: 7px 0;
  font-size: 20px;
}

.account-structure-block form.account-structure-calculator .field-annual-salary label {
  width: 55%;
}

.account-structure-block form.account-structure-calculator .field-percent-slider-extra-input {
  float: right;
}

.account-structure-block form.account-structure-calculator .field-percent-slider-extra .suffix {
  display: inline-block;
  margin: 0 0 0 -4px;
  border-radius: 0 2px 2px 0;
  padding-top: 8px;
  width: 42px;
  height: 42px;
  text-align: center;
  vertical-align: top;
  font: 30px/30px "YogaPro", Arial, sans-serif;
  background: #636466;
  color: #ffffff;
}

.account-structure-block form.account-structure-calculator .field-hours-per-week input,
.account-structure-block form.account-structure-calculator .field-percent-slider-extra input,
.account-structure-block form.account-structure-calculator input[name="field_annual_salary"] {
  display: inline-block;
  position: relative;
  left: -4px;
  border: 0 none;
  height: 42px;
  font-size: 25px;
  background: #f7f7f7;
  color: #555;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.account-structure-block form.account-structure-calculator input[name="field_annual_salary"] {
  border-radius: 0 2px 2px 0;
  padding: 0 15px 5px;
  width: 250px;
}

.account-structure-block form.account-structure-calculator .field-percent-slider-extra input {
  border-radius: 2px 0 0 2px;
  padding: 0 15px 5px;
  width: 70px;
  text-align: center;
}

.account-structure-block form.account-structure-calculator .prefix {
  display: inline-block;
  border-radius: 2px 0 0 2px;
  padding-top: 8px;
  width: 42px;
  height: 42px;
  text-align: center;
  vertical-align: top;
  font: 30px/30px "YogaPro", Arial, sans-serif;
  background: #636466;
  color: #fff;
}

.account-structure-block form.account-structure-calculator .description {
  display: inline-block;
  width: 62%;
}

.account-structure-block form.account-structure-calculator .annual-total-container {
  margin: 0 -20px;
  padding: 20px 25px;
  background: #f8f8f8;
  font-size: 24px;
  line-height: 24px;
}

.account-structure-block form.account-structure-calculator .annual-total-container .annual-total {
  display: inline-block;
  width: 62%;
  font: 20px/20px "YogaPro", Arial, sans-serif;
}

.account-structure-block form.account-structure-calculator input.error {
  -webkit-box-shadow: 0 0 0 2px #EA6566 inset;
          box-shadow: 0 0 0 2px #EA6566 inset;
}

.account-structure-block form.account-structure-calculator .field-percent-slider-extra {
  display: none;
  padding: 15px 30px;
  background: #FFD186;
  overflow: hidden;
}

.account-structure-block form.account-structure-calculator .field-annual-salary-input {
  float: right;
}

.account-structure-block form.account-structure-calculator .field-percent-slider-extra label {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.account-structure-block form.account-structure-calculator .field-working-time {
  margin: 0;
  overflow: hidden;
}

.account-structure-block form.account-structure-calculator .field-working-time label {
  width: inherit;
}

.account-structure-block form.account-structure-calculator .field-hours-per-week,
.account-structure-block form.account-structure-calculator .field-working-time .form-type-radios {
  margin: 0;
  padding: 30px;
  overflow: hidden;
  background: #ECECEC;
}

.account-structure-block form.account-structure-calculator .field-working-time .form-radios {
  float: right;
}

.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio.first {
  margin-right: 10px;
}

.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio label {
  display: inline-block;
  margin-top: 0;
  padding: 9px 15px;
  border-radius: 3px;
  width: auto;
  background: #767676;
  color: #fff;
  font: 18.5px/24px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio label:hover {
  background: #cccccc;
}

.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio .form-radio {
  position: absolute;
  top: 0.5em;
  left: 2em;
  z-index: -1;
}

.account-structure-block form.account-structure-calculator .field-working-time .form-type-radio .form-radio:checked + label {
  background: #3da3a3;
}

.account-structure-block form.account-structure-calculator .field-hours-per-week input {
  float: right;
  padding: 0 15px 5px;
  width: 70px;
}

.account-structure-block form.account-structure-calculator .field-hours-per-week {
  display: none;
  border-top: 1px solid #D3D3D3;
}

.account-structure-block form.account-structure-calculator .slider {
  margin: 20px 0 50px !important;
}

.account-structure-block form.account-structure-calculator .slider .slider-track {
  background: #fff;
}

.account-structure-block form.account-structure-calculator .slider .slider-tick-label {
  padding-top: 10px;
  font-size: 14px;
}

.account-structure-block form.account-structure-calculator .slider .slider-tick-label:before {
  content: "|";
  display: block;
  font-weight: bold;
  opacity: 0.5;
  font-size: 10px;
  line-height: 2;
}

.account-structure-block form.account-structure-calculator .slider .slider-handle {
  background: #fff;
  z-index: 1;
}

.account-structure-block form.account-structure-calculator .slider .tooltip.top {
  margin-top: -12px;
  cursor: pointer;
}

.account-structure-block form.account-structure-calculator .slider .tooltip.tooltip-main .tooltip-inner {
  padding: 5px 11px;
  background: transparent;
  font-size: 16.5px;
  color: #585858;
}

.account-structure-block form.account-structure-calculator .slider .tooltip.top .tooltip-arrow {
  border-color: transparent;
}

.account-structure-block form.account-structure-calculator .slider .slider-tick-label:nth-child(2):after {
  content: "(Minimum)";
  position: absolute;
  margin-left: 5px;
}

.account-structure-block form.account-structure-calculator .slider-track {
  border-radius: 5px;
}

.account-structure-block form.account-structure-calculator .slider-track::before,
.account-structure-block form.account-structure-calculator .slider-track::after {
  position: absolute;
  top: 0;
  width: 10%;
  height: 10px;
  content: "";
}

.account-structure-block form.account-structure-calculator .slider-track::before {
  left: 0;
  border-radius: 4px 0 0 4px;
  background: #A8A8A8;
}

.account-structure-block form.account-structure-calculator .slider-track::after {
  right: 0;
  border-radius: 0 4px 4px 0;
  background: #FFD18B;
}

@media (max-width: 1200px) {
  .account-structure-block table tr td:first-child {
    min-width: inherit;
  }
  .account-structure-block form.account-structure-calculator input[name="field_annual_salary"] {
    width: 200px;
  }
}

@media (max-width: 991px) {
  .account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked,
  .account-structure-block .box-calculate-result .result-wrapper .tax-credit,
  .account-structure-block .box-calculate-result .result-wrapper .total-contributions-unlocked {
    padding-left: 30px;
  }
  .account-structure-block .box-calculate-result .result-wrapper .tax-credit .description {
    padding-left: 0;
  }
  .account-structure-block .box-calculate-result .result-wrapper .description,
  .account-structure-block .box-calculate-result .result-wrapper .result-value {
    width: 100%;
  }
  .account-structure-block .box-calculate-result .result-wrapper .result-value {
    margin: 10px 0 0 0;
  }
  .account-structure-block .box-calculate-result .result-wrapper .description i::before {
    margin-left: 0;
  }
  .account-structure-block .box-calculate-result .result-wrapper .total-contributions-locked .result-value,
  .account-structure-block form.account-structure-calculator .field-hours-per-week input,
  .account-structure-block form.account-structure-calculator .field-working-time .form-radios,
  .account-structure-block form.account-structure-calculator .field-annual-salary-input,
  .account-structure-block form.account-structure-calculator .field-percent-slider-extra input {
    float: none;
  }
  .account-structure-block form.account-structure-calculator .field-annual-salary label,
  .account-structure-block form.account-structure-calculator label {
    margin-bottom: 5px;
    width: 100%;
  }
  .account-structure-block form.account-structure-calculator .field-working-time label {
    float: none;
  }
}

@media (max-width: 480px) {
  .account-structure-block table tr td {
    padding: 15px 10px;
  }
  .account-structure-block form.account-structure-calculator input[name="field_annual_salary"] {
    width: 160px;
  }
  .account-structure-block form.account-structure-calculator .annual-total-container .annual-total,
  .account-structure-block form.account-structure-calculator .description {
    width: 100%;
  }
  .account-structure-block form.account-structure-calculator .slider .slider-tick-label:first-child,
  .account-structure-block form.account-structure-calculator .slider .slider-tick-label:nth-child(2):after,
  .account-structure-block form.account-structure-calculator .slider .slider-tick-label:last-child {
    display: none;
  }
}

/* Blocks: investment block. */
.investment-block {
  margin: 0 0 70px;
  background: #fff;
}

/*.investment-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2) a { background: #80B640; }
.investment-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2).active:after { border-top-color: #80B640; }*/
.investment-block .quicktabs-tabs.quicktabs-style-basic {
  overflow: inherit;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 11px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  z-index: 5;
  background: #EE7171;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li:first-child::before {
  background: #ED9B1D;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li:first-child a {
  background: #ED9B1D;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li:first-child.active:after {
  border-top-color: #ED9B1D;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2) a {
  background: #EE7171;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li:nth-child(2).active:after {
  border-top-color: #EE7171;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li:last-child::before {
  background: #A479B7;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li:last-child a {
  background: #A479B7;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li:last-child.active:after {
  border-top-color: #A479B7;
}

.investment-block .quicktabs-tabs.quicktabs-style-basic li.active::before {
  top: -10px;
}

.investment-block ul.quicktabs-tabs.quicktabs-style-basic li {
  display: inline-block;
  float: left;
  width: 33.33%;
}

.investment-block ul.quicktabs-tabs.quicktabs-style-basic li a {
  padding: 15px 0;
}

.investment-block-body .element-container {
  border-bottom: 1px solid #E8E8E8;
  padding: 15px 30px;
  overflow: hidden;
}

.investment-block-body .element-container h3 {
  margin: 15px 0;
}

.investment-block-body .element-container .left-element {
  width: 80%;
  float: left;
  text-align: left;
}

.investment-block-body .element-container .right-element {
  width: 20%;
  float: right;
  text-align: right;
  color: #666666;
}

.investment-block-body .digit {
  float: left;
  margin-right: 2%;
  padding: 10px;
  width: 12.5%;
  background: #E2E2E2;
  color: #BCBCBC;
  text-align: center;
  font-size: 18.5px;
  line-height: 18px;
}

.investment-block-body .digit.orange {
  background: #ED9B1D;
  color: #AE6D08;
}

.investment-block-body .digit.green {
  background: #80B640;
  color: #5B802E;
}

.investment-block-body .digit.purple {
  background: #A479B7;
  color: #7D598F;
}

.investment-block-body .digit.red {
  background: #EE7171;
  color: #A34F4F;
}

.investment-block-body .element-container .digit.last {
  margin-right: 0;
}

.investment-block-body .element-container.bb {
  border-bottom: 1px solid #C2C2C2;
}

.investment-block-body .element-container.bb .left-element,
.investment-block-body .element-container.bb .right-element {
  margin: 15px 0;
  width: 50%;
  font-size: 14px;
}

.investment-block-body .element-container.last {
  margin-bottom: 40px;
  border-bottom: 0 none;
  padding-bottom: 40px;
  background: #ffffff;
}

.investment-block-body .element-container .percent {
  float: left;
  padding: 0 20px;
  width: 20%;
  border-right: 2px dotted #9C9C9C;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.investment-block-body .element-container .percent .value {
  display: block;
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 50px;
  font-family: "YogaPro", Arial, sans-serif;
}

.investment-block-body .element-container .percent:last-child {
  border-right: 0 none;
}

@media (max-width: 1199px) {
  .investment-block-body .element-container .percent {
    padding: 0 5px;
    min-height: 100px;
  }
  .investment-block-body .element-container .percent .value {
    font-size: 40px;
    line-height: 40px;
  }
}

@media (max-width: 991px) {
  .investment-block-body .element-container .percent {
    margin-bottom: 20px;
    padding: 0 5px 20px;
    border-right: 0 none;
    border-bottom: 2px dotted #9C9C9C;
    width: 100%;
    min-height: inherit;
  }
  .investment-block-body .element-container .percent .value {
    margin-bottom: 0;
  }
  .investment-block-body .element-container .percent:last-child {
    border-bottom: 0 none;
  }
  .investment-block-body .element-container.last {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .investment-block {
    margin-bottom: 40px;
  }
}

@media (max-width: 560px) {
  .investment-block-body .element-container .left-element,
  .investment-block-body .element-container .right-element {
    float: none;
    width: 100%;
    text-align: left;
  }
}

/* Blocks: investment bottom block. */
.sipo-block {
  margin: 14px 0 50px;
  padding: 15px 30px;
  background: #e2e2e2;
}

.sipo-block p,
.sipo-block .block-title {
  margin: 10px 0;
}

.sipo-block p {
  font-size: 16.5px;
}

.sipo-block .block-title {
  font-size: 20px;
}

@media (max-width: 767px) {
  .sipo-block {
    margin-bottom: 40px;
  }
}

/* Fancy select. */
div.fancy-select div.trigger {
  border: 0 none;
  border-radius: 0;
  padding: 15px;
  width: 100%;
  font-family: Verdana, Arial, sans-Serif;
  outline: none;
  color: #fff;
  text-transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 500;
}

div.fancy-select div.trigger:before {
  content: '';
  position: absolute;
  top: 25px;
  right: 30px;
  display: block;
  border: none;
  height: 1px;
  width: 15px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

div.fancy-select div.trigger:after {
  content: '';
  position: absolute;
  top: 25px;
  right: 20px;
  display: block;
  border: none;
  height: 1px;
  width: 15px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

div.fancy-select div.trigger.open:before {
  right: 25px;
}

div.fancy-select div.trigger.open,
div.fancy-select div.trigger.open:focus {
  border: 0 none;
  color: #fff;
  outline: none;
}

div.fancy-select select:focus + div.trigger {
  -webkit-box-shadow: none;
          box-shadow: none;
}

div.fancy-select div.trigger.open:after {
  border-top-color: #fff;
  color: #fff;
  right: 25px;
}

div.fancy-select ul.options.open,
div.fancy-select ul.options {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  top: 49px;
  margin: 0;
  border: 0 none;
  border-radius: 0;
  padding: 0;
  width: 100%;
  max-height: inherit;
}

div.fancy-select ul.options li {
  padding: 15px;
  color: #fff;
  text-transform: none;
  font: 13px/18px Verdana, Sans-Serif;
}

div.fancy-select ul.options li:hover {
  text-decoration: underline;
}

div.fancy-select ul.options li.selected {
  color: #fff;
  text-decoration: underline;
}

/* Pages: how-mysuper-works/structuring-your-account (node/21). */
.page-node-21 .main-content article.page,
.page-node-21 .main-content article.page .account-structure-block {
  margin-bottom: 0;
}

/* Pages: my-investment-options. */
.my-investment-options .advanced-link-list li {
  border-bottom: 1px solid #c6c6c6;
}

.my-investment-options .advanced-link-list li:first-child {
  border-top: 1px solid #c6c6c6;
}

.my-investment-options .advanced-link-list li:first-child a {
  border-top: 0 none;
}

.my-investment-options ul.advanced-link-list li a {
  border-top-width: 0;
  border-bottom-width: 0;
  background-image: url("../images/gray_arrow.png");
}

.my-investment-options ul.advanced-link-list li a span.title {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.my-investment-options ul.advanced-link-list li a span.title strong {
  font-weight: 600;
}

/* Pages: /fees. */
.page-node-68 .page.full {
  margin-bottom: 10px;
}

.page-node-68 .page.full .field--name-body p:first-child {
  font: 20px/30px "YogaPro", Arial, sans-serif;
}

/**
 * Global.
 */
.learn-more:focus {
  outline: none;
}

.form-disabled {
  color: #ccc;
}

.email-list li {
  margin-bottom: 15px;
  font: 18.5px/26px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**
 * Page 49.
 */
.page-node-49 .field--name-body ul {
  margin: 0;
  padding-left: 17px;
}

.page-node-49 .field--name-body ul li {
  padding-bottom: 20px;
  padding-left: 17px;
  font: 18.5px/26px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-node-49 .field--name-body ul li ul {
  padding-top: 20px;
}

@media (max-width: 480px) {
  .page-node-49 .field--name-body ul li {
    padding-left: 0;
  }
}

/**
 * Page 26.
 */
.page-node-26 .button-wrapper-margin {
  padding: 25px 0;
}

.page-node-26 .button-wrapper-margin a {
  margin: 0 15px 10px 0;
  border-radius: 7px;
  padding: 16px 25px 14px;
  font-weight: bold;
  font-size: 18.5px;
}

/**
 * Page 20.
 */
.page-node-20 .field--name-body p.description {
  margin: 0 0 40px 0;
}

.page-node-20 .field--name-body .table-wrapper {
  margin: 0 0 30px;
  padding: 0 30px;
  background: #fff;
}

.page-node-20 .field--name-body .table {
  margin-bottom: 0;
}

.page-node-20 .field--name-body .table caption {
  margin: 0;
  border-bottom: 1px solid #ccc;
  padding: 30px 0 25px;
  font: 18.5px/24px "YogaPro", Arial, sans-serif;
}

.page-node-20 .field--name-body .table > thead > tr > th {
  border: 0 none;
}

.page-node-20 .field--name-body .table > tbody > tr > td {
  border-top: 1px dotted #dcdcdc;
  font-size: 16.5px;
}

.page-node-20 .field--name-body .table > tbody > tr > td .percent {
  font-size: 30px;
}

.page-node-20 .field--name-body .table > thead > tr > th:first-child,
.page-node-20 .field--name-body .table > tbody > tr > td:first-child {
  padding-left: 0;
}

.page-node-20 .main-content .block-system {
  margin-bottom: 0;
}

.page-node-20 .quicktabs_main {
  margin: 0;
  border: 0 none;
  padding: 0;
}

.gray-bg {
  margin: 0 0 30px;
  padding: 12px 30px;
  border-radius: 8px;
  background-color: #999;
}

.gray-bg h4,
.gray-bg p {
  color: #fff;
}

@media (max-width: 767px) {
  .page-node-20 .field--name-body .table-responsive {
    border: 0 none;
  }
}

/**
 * Panels.
 */
.panel-info {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.panel-info > .panel-heading {
  position: relative;
  margin-bottom: -1px;
  border: none;
  border-radius: 0;
  padding: 16px 42px;
  color: #fff;
  background-color: #00a6a5;
  font-size: 20px;
  line-height: 1.2;
}

.panel-info > .panel-heading::before {
  position: absolute;
  margin-right: 13px;
  margin-left: -32px;
  content: "\E101";
  font-family: "Glyphicons Halflings", Arial, sans-serif;
  font-size: 24px;
  line-height: 1;
}

.panel-info .panel-body {
  padding: 24px 35px;
}

.panel-info .panel-body p,
.panel-info .panel-body ul li {
  font-size: 16px;
  color: #666;
}

.panel-info .panel-body ul li {
  padding-bottom: 20px;
  padding-left: 17px;
}

.panel-info .panel-body ul {
  margin: 0;
  padding-left: 17px;
}

.panel-info .panel-body ul ul {
  list-style-type: disc;
}

.panel-info .panel-body ul ul li:first-of-type {
  padding-top: 20px;
}

.panel-info .panel-body ul ul li:last-of-type {
  padding-bottom: 0;
}

.panel-info .panel-body a {
  color: #00a6a5;
  text-decoration: none;
}

.panel-info .panel-body a:hover, .panel-info .panel-body a:active, .panel-info .panel-body a:focus {
  color: #00a6a5;
  text-decoration: underline;
}

.panel-info .panel-body strong {
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 480px) {
  .panel-info .panel-body ul li {
    padding-left: 0;
  }
}

/* Investment block */
.investment-block .dark-border {
  border-bottom: 1px solid #C2C2C2;
}

.investment-block .value-info {
  font-size: 16.5px;
}

.investment-block-body .lifestages-wrapper {
  position: relative;
  margin: 40px 0 0;
  border: none;
  background: #ECECEC;
  overflow: visible;
}

.investment-block-body .lifestages-wrapper:after {
  position: absolute;
  content: "";
  left: 49%;
  bottom: -20px;
  border: 10px solid transparent;
  border-top: 10px solid #ECECEC;
}

.investment-block-body .lifestages-wrapper label {
  font-size: 16.5px;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.investment-block-body .lifestages-wrapper .slider.slider-horizontal {
  margin-top: 60px;
}

.investment-block-body .lifestages-wrapper .slider.slider-horizontal .slider-track {
  background: #666;
}

.investment-block-body .lifestages-wrapper .slider.slider-horizontal .slider-track .slider-handle {
  background: #80b640;
  /*width: 35px; height: 35px;*/
}

.investment-block-body .lifestages-wrapper .slider.slider-horizontal .tooltip.tooltip-main {
  margin-top: -14px;
  cursor: pointer;
}

.investment-block-body .lifestages-wrapper .slider.slider-horizontal .tooltip.tooltip-main .tooltip-arrow {
  display: none;
}

.investment-block-body .lifestages-wrapper .slider.slider-horizontal .tooltip.tooltip-main .tooltip-inner {
  background: transparent;
  font-size: 18.5px;
}

@media (max-width: 991px) {
  .investment-block-body .lifestages-wrapper {
    margin: 0;
  }
}

/* Bottom black region. */
/* Bottom region. */
/**
 * Views.
 */
/* Front items. */
.front-items .field-name-field-front-item-image img {
  width: 160px;
  height: 170px;
}

.front-items .view-header h2 {
  margin-top: 80px;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 0.8em;
}

.front-items .view-header h2 strong {
  font-family: "YogaPro", Arial, sans-serif;
}

.front-items .field--name-field-front-item-description {
  margin: 0 auto;
  max-width: 240px;
  height: 135px;
  font-size: 14px;
}

.front-items .field--name-field-front-item-description .nolink,
.front-items .field--name-field-front-item-description a {
  border-color: #CCC;
  line-height: 1.2em;
  color: #333;
}

.front-items .field--name-field-front-item-description .nolink:hover,
.front-items .field--name-field-front-item-description a:hover {
  border-color: #333;
}

.front-items .view-content p {
  font: 16.5px/20px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
}

.front-items .view-footer .nolink,
.front-items .view-footer a {
  display: inline-block;
  margin-bottom: 68px;
  font: 18px "YogaPro", Arial, sans-serif;
}

@media (max-width: 767px) {
  .front-items .view-header h2 {
    margin-top: 40px;
    padding: 0 15px;
  }
}

@media (max-width: 480px) {
  .front-items .views-row {
    width: 100%;
  }
  .front-items .field-name-field-front-item-description {
    max-width: inherit;
    height: 70px;
  }
}

/* Header top region: snappy headline block. */
.snappy-headline-block {
  margin: 0;
  color: #FFF;
}

.snappy-headline-block h1 {
  margin: 0 0 20px;
  font: 32px "YogaPro", Arial, sans-serif;
}

.snappy-headline-block h1 strong {
  font-family: "YogaPro Bold", Arial, sans-serif;
}

.snappy-headline-block .btn-wrapper {
  margin-bottom: 32px;
  font-size: 24px;
  line-height: 1.5em;
}

.snappy-headline-block .btn {
  margin: 0 10px 10px 0;
  border: 1px solid #fff;
  border-radius: 7px;
  padding: 16px 25px 13px;
  font: 18px/1em "YogaPro", Arial, sans-serif;
  background: #FFF;
  color: #7AB542;
  font-weight: bold;
}

.snappy-headline-block .btn:hover {
  background: #eef7e3;
  color: #7AB542;
  border-color: #fff;
}

.snappy-headline-block .btn:last-child {
  color: #fff;
  background: transparent;
}

.snappy-headline-block .btn:last-child:hover {
  color: #7AB542;
  background: #fff;
}

@media (max-width: 767px) {
  .snappy-headline-block {
    margin-bottom: 0;
  }
  .snappy-headline-block h1 {
    margin-top: 35px;
  }
  .snappy-headline-block .btn-wrapper {
    margin-bottom: 35px;
  }
}

/* Header top region: header menu. */
.header-menu {
  margin-bottom: 35px;
}

.header-menu ul.menu {
  display: inline-table;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}

.header-menu ul.menu li {
  display: inline-block;
}

.header-menu ul.menu li a {
  display: inline-block;
  margin: 0 0 7px 7px;
  border: 0 none;
  padding: 12px 15px 14px;
  background: #fff;
  color: #000;
  font-size: 16.5px;
}

.header-menu ul.menu li a strong {
  line-height: 16px;
}

.header-menu ul.menu li a:hover {
  border-bottom: none;
  background: #eef7e3;
  text-decoration: none;
}

@media (max-width: 767px) {
  .header-menu ul.menu {
    text-align: left;
  }
  .header-menu ul.menu li a {
    margin: 0 7px 7px 0;
  }
}

/**
 * Performance results block.
 */
.performance-results-block {
  padding-top: 38px;
}

.performance-results-block p {
  margin-bottom: 42px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}

.performance-results-block .link {
  color: #fff;
  border-bottom-color: #CADABB;
}

.performance-results-block .link:hover {
  border-bottom-color: #fff;
  color: #ffffff;
}

.performance-results-block .performance-container {
  border-radius: 6px;
  background: #88bc57;
  color: #fff;
  padding: 22px 0 0;
  overflow: hidden;
}

.performance-results-block .performance-container .conservative .percent,
.performance-results-block .performance-container .balanced .percent, .performance-results-block .performance-container .cash .percent {
  border-right: 2px dotted #fff;
}

.performance-results-block .performance-container div {
  width: 25%;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  float: left;
}

.performance-results-block .performance-container div .percent {
  display: block;
  margin: 10px 0;
  padding: 10px 0 30px;
  font-size: 38px;
}

.performance-results-block .performance-container .kiwi {
  width: 100%;
  display: block;
  padding: 14px 10px 17px;
  background: #fff;
  color: #88BC57;
}

.performance-results-block .performance-container .kiwi .kiwi-percent {
  font-size: 17px;
  font-weight: bold;
}

.performance-results-block .find-more {
  margin-top: 34px;
  clear: both;
  font-family: "YogaPro", Arial, sans-serif;
  font-size: 18.5px;
  line-height: 1;
}

.performance-results-block .find-more .link {
  color: #fff;
  border-bottom: 1px solid #BACEA7;
}

.performance-results-block .find-more .link:hover {
  border-bottom: 1px solid #fff;
}

@media (max-width: 991px) {
  .performance-results-block {
    padding-top: 30px;
  }
  .performance-results-block p {
    font-size: 20px;
  }
  .performance-results-block .performance-container div .percent {
    font-size: 28px;
  }
  .performance-results-block .performance-container div {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .performance-results-block p {
    font-size: 24px;
  }
  .performance-results-block .performance-container {
    margin-bottom: 20px;
  }
  .performance-results-block .performance-container .kiwi {
    font-size: 11px;
  }
  .performance-results-block .performance-container .kiwi .kiwi-percent {
    font-size: 12px;
    font-weight: bold;
  }
  /*.additional-content {margin-bottom: 20px; margin-top: 0;}*/
}

@media (max-width: 540px) {
  .performance-results-block .performance-container .kiwi .kiwi-percent {
    display: block;
  }
}

@media (max-width: 430px) {
  .performance-results-block .performance-container {
    padding: 0 0;
  }
  .performance-results-block .performance-container div {
    padding: 15px 0 0;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    float: none;
  }
  .performance-results-block .performance-container div .percent {
    font-size: 28px;
    margin-bottom: 15px;
    padding: 0;
  }
  .performance-results-block .performance-container .conservative .percent,
  .performance-results-block .performance-container .balanced .percent, .performance-results-block .performance-container .cash .percent {
    border: none;
  }
  .performance-results-block .performance-container .kiwi .kiwi-percent {
    display: inline;
  }
}

.performance-results-block .performance-container .additional-content {
  margin: 0;
  padding: 15px;
  width: 100%;
  background: #fff;
}

.additional-content p {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1;
  color: #88BC57;
}

/**
 * Entitytype.
 */
/* Entitytype: investment_option: full. */
.entity-investment-option.view-mode-full {
  margin-bottom: 36px;
}

.entity-investment-option.view-mode-full,
.entity-investment-option.view-mode-full p {
  font-size: 16.5px;
  line-height: 24px;
}

.entity-investment-option.view-mode-full .group-header,
.entity-investment-option.view-mode-full .group-main,
.entity-investment-option.view-mode-full .group-footer {
  padding: 15px 30px;
  background: #fff;
}

.entity-investment-option.view-mode-full .group-footer {
  margin: 6px 0 20px;
  padding: 0 30px;
}

.entity-investment-option.view-mode-full .group-footer .field-group-format-wrapper {
  overflow: hidden;
}

.entity-investment-option.view-mode-full.investment-option-investment-option-1 .group-header {
  background: #80b640;
}

.entity-investment-option.view-mode-full.investment-option-investment-option-2 .group-header {
  background: #ef9c00;
}

.entity-investment-option.view-mode-full.investment-option-investment-option-3 .group-header {
  background: #a578b9;
}

.entity-investment-option.view-mode-full.investment-option-investment-option-4 .group-header {
  background: #f0706e;
}

.entity-investment-option.view-mode-full .field-name-title h3 {
  display: inline;
}

.entity-investment-option.view-mode-full .field-name-title,
.entity-investment-option.view-mode-full .field-name-title h3 {
  color: #fff;
  font-size: 16.5px;
  line-height: 1.4;
}

.entity-investment-option.view-mode-full .field-name-field-brief-description .brief-description-label {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-width: 0 0 2px 0;
  border-style: dotted;
  border-color: #d1d1d1;
  -o-border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
     border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
}

.entity-investment-option.view-mode-full .field-name-field-brief-description .brief-description-label .label-above {
  max-width: 180px;
  font-size: 14px;
  color: #999;
}

.entity-investment-option.view-mode-full .field-name-field-brief-description .content {
  max-width: 65%;
}

.entity-investment-option.view-mode-full .field-name-field-brief-description .content p {
  margin-bottom: 10px;
}

.entity-investment-option.view-mode-full .group-main {
  position: relative;
}

.entity-investment-option.view-mode-full .field-name-field-investment-management-fee {
  position: absolute;
  top: 15px;
  right: 30px;
  max-width: 100px;
}

.entity-investment-option.view-mode-full .field-name-field-investment-management-fee .investment-management-fee-label .label-above {
  font-size: 14px;
  color: #999;
}

.entity-investment-option.view-mode-full .field-name-field-investment-management-fee .content {
  margin-top: 25px;
  font: 30px/30px "YogaPro", Arial, sans-serif;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .label-above,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .label-above {
  margin: 20px 0 10px;
  padding-bottom: 5px;
  border-width: 0 0 2px 0;
  border-style: dotted;
  border-color: #d1d1d1;
  -o-border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
     border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
  color: #999;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .label-above {
  margin-top: 30px;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .title-top,
.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .title-bottom,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .title-top,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .title-bottom {
  overflow: hidden;
  clear: both;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator span,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator span {
  color: #ccc;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator span.left,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator span.left {
  float: left;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator span.right,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator span.right {
  float: right;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-list,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-list {
  overflow: hidden;
  margin: 5px 0;
  padding: 0;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-list li,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-list li {
  float: left;
  margin-left: 2%;
  padding: 10px 0;
  width: 12.5%;
  background: #e2e2e2;
  line-height: 1;
  text-align: center;
  list-style: none;
  color: #666;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-list li:first-child,
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-list li:first-child {
  margin-left: 0;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-1 .risk-indicator-list li:nth-child(1),
.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-2 .risk-indicator-list li:nth-child(2),
.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-3 .risk-indicator-list li:nth-child(3),
.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-4 .risk-indicator-list li:nth-child(4),
.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-5 .risk-indicator-list li:nth-child(5),
.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-6 .risk-indicator-list li:nth-child(6),
.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-7 .risk-indicator-list li:nth-child(7),
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-1 .risk-indicator-list li:nth-child(1),
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-2 .risk-indicator-list li:nth-child(2),
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-3 .risk-indicator-list li:nth-child(3),
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-4 .risk-indicator-list li:nth-child(4),
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-5 .risk-indicator-list li:nth-child(5),
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-6 .risk-indicator-list li:nth-child(6),
.entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .risk-indicator-7 .risk-indicator-list li:nth-child(7) {
  background: #666;
  color: #fff;
}

.entity-investment-option.view-mode-full .group-footer h3 {
  position: relative;
  margin: 0;
  padding: 15px 0 19px;
  font: 16.5px/1.2 "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3da3a3;
}

.entity-investment-option.view-mode-full .group-footer h3 a {
  border-bottom: 1px solid #ADD2D2;
  color: #3da3a3;
}

.entity-investment-option.view-mode-full .group-footer h3 a:before {
  float: left;
  margin-right: 13px;
  margin-left: -5px;
  content: "\E085";
  font-family: "Glyphicons Halflings", Arial, sans-serif;
  font-size: 24px;
  line-height: 1;
}

.entity-investment-option.view-mode-full .group-footer h3 a:after {
  position: absolute;
  top: 10px;
  right: -15px;
  content: "\D7";
  font-family: "Glyphicons Halflings", Arial, sans-serif;
  font-size: 26px;
  line-height: 1;
  color: #ccc;
}

.entity-investment-option.view-mode-full .group-footer.collapsed h3 a:after {
  top: 20px;
  content: "\E252";
  font-size: 14px;
}

.entity-investment-option.view-mode-full .group-footer h3 a:hover {
  border-bottom: 1px solid #3da3a3;
}

.entity-investment-option.view-mode-full .field-name-field-description {
  font-size: 14px;
}

.entity-investment-option.view-mode-full .field-name-field-html-text {
  margin: 20px 0 30px;
  padding: 0 0 10px;
  border-width: 0 0 2px 0;
  border-style: dotted;
  border-color: #d1d1d1;
  -o-border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
     border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
}

.entity-investment-option.view-mode-full .field-name-field-html-text p {
  margin-bottom: 10px;
}

.entity-inv-lifestage.view-mode-full .field-name-field-asset-cash,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
.entity-investment-option.view-mode-full .field-name-field-asset-cash,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed,
.entity-investment-option.view-mode-full .field-name-field-asset-international-fixed,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq {
  position: relative;
  float: left;
  border-right: 2px dotted #a5a5a5;
  padding: 0 20px;
  width: 20%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq {
  border-right: 0 none;
  padding-right: 0;
}

.entity-inv-lifestage.view-mode-full .field-name-field-asset-cash,
.entity-investment-option.view-mode-full .field-name-field-asset-cash {
  padding-left: 0;
}

.entity-inv-lifestage.view-mode-full .field-name-field-asset-cash .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-cash .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-international-fixed .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq .field-label {
  position: absolute;
  right: 1.5em;
  bottom: 0;
  left: 1.5em;
  font-weight: normal;
}

.entity-inv-lifestage.view-mode-full .field-item,
.entity-investment-option.view-mode-full .group-footer .field-item {
  margin-bottom: 1.1em;
  font: 50px/1 "YogaPro", Arial, sans-serif;
  color: #666;
}

.entity-inv-lifestage.view-mode-full .group-footer .field-label {
  font-weight: normal;
  color: #666;
}

.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-item,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq .field-item,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-item,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq .field-item,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-international-eq .field-label {
  color: #37a3a4;
}

.entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
.entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label {
  max-width: 60px;
  margin: 0 auto;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation,
.entity-investment-option.view-mode-full .field-name-assets-calculation {
  margin-bottom: 35px;
  padding-top: 30px;
  clear: both;
  font-size: 0;
  text-align: center;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets,
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets {
  width: 59.9%;
  background: #5c5c5c;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets {
  width: 39.9%;
  background: #37a3a4;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets:before,
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets:before,
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets:after,
.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets:after,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets:before,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets:before,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets:after,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets:before,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets:before {
  top: 0;
  left: 0;
  border-width: 12px 10px 12px 0;
  border-color: #fff #5c5c5c #fff #fff;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets:after,
.entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets:after {
  top: 0;
  right: 0;
  border-width: 12px 0 12px 10px;
  border-color: #fff #fff #fff #5c5c5c;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets:before,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets:before {
  top: 0;
  left: 0;
  border-width: 12px 10px 12px 0;
  border-color: #fff #37a3a4 #fff #fff;
}

.entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets:after,
.entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets:after {
  top: 0;
  right: 0;
  border-width: 12px 0 12px 10px;
  border-color: #fff #fff #fff #37a3a4;
}

/* responsive */
@media (max-width: 1199px) {
  .entity-inv-lifestage.view-mode-full .field-item,
  .entity-investment-option.view-mode-full .group-footer .field-item {
    font-size: 36px;
    line-height: 36px;
  }
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-cash,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
  .entity-investment-option.view-mode-full .field-name-field-asset-cash,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-fixed,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-equities,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-eq {
    min-height: 105px;
  }
}

@media (max-width: 991px) {
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-cash,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
  .entity-investment-option.view-mode-full .field-name-field-asset-cash,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-fixed,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-equities,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-eq {
    margin-bottom: 20px;
    padding: 0 5px 40px;
    border-right: 0 none;
    border-bottom: 2px dotted #9C9C9C;
    width: 100%;
    min-height: inherit;
  }
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-eq {
    border-bottom: 0 none;
  }
  .entity-inv-lifestage.view-mode-full .field-item,
  .entity-investment-option.view-mode-full .group-footer .field-item {
    margin-bottom: 0;
  }
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label {
    max-width: inherit;
  }
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-cash .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-fixed .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-fixed .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-nz-equities .field-label,
  .entity-inv-lifestage.view-mode-full .field-name-field-asset-international-eq .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-cash .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-fixed .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-fixed .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-nz-equities .field-label,
  .entity-investment-option.view-mode-full .field-name-field-asset-international-eq .field-label {
    bottom: 1.5em;
  }
  .entity-inv-lifestage.view-mode-full .field-name-assets-calculation,
  .entity-investment-option.view-mode-full .field-name-assets-calculation {
    margin-bottom: 20px;
    padding-top: 0;
  }
  .entity-inv-lifestage.view-mode-full .field-name-assets-calculation .income-assets,
  .entity-investment-option.view-mode-full .field-name-assets-calculation .income-assets {
    margin-bottom: 10px;
    width: 100%;
  }
  .entity-inv-lifestage.view-mode-full .field-name-assets-calculation .growth-assets,
  .entity-investment-option.view-mode-full .field-name-assets-calculation .growth-assets {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .entity-investment-option.view-mode-full .field-name-field-investment-management-fee {
    position: relative;
    top: 0;
    right: 0;
    max-width: inherit;
  }
  .entity-investment-option.view-mode-full .field-name-field-investment-management-fee .investment-management-fee-label .label-above {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-width: 0 0 2px 0;
    border-style: dotted;
    border-color: #d1d1d1;
    -o-border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
       border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
  }
  .entity-investment-option.view-mode-full .field-name-field-investment-management-fee .content {
    margin-top: 0;
  }
  .entity-investment-option.view-mode-full .field-name-field-brief-description .content {
    max-width: 100%;
  }
  .entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .title-top,
  .entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .title-bottom,
  .entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .title-top,
  .entity-investment-option.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator .title-bottom {
    display: none;
  }
}

/* Entitytype: inv_lifestage: full. */
.entity-inv-lifestage.view-mode-full,
.entity-inv-lifestage.view-mode-full p {
  font-size: 16.5px;
  line-height: 24px;
}

.entity-inv-lifestage.view-mode-full {
  padding: 15px 30px 0;
  background: #fff;
}

.entity-inv-lifestage.view-mode-full .group-title-wrapper {
  margin: 15px 0;
  font: 20px/30px "YogaPro", Arial, sans-serif;
}

.entity-inv-lifestage.view-mode-full .group-title-wrapper .field-name-title {
  font-style: italic;
}

.entity-inv-lifestage.view-mode-full .field-name-field-html-text p {
  font-size: 16.5px;
  line-height: 24px;
}

.entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator {
  margin: 0 0 40px;
  padding-bottom: 10px;
  border-width: 0 0 2px 0;
  border-style: dotted;
  border-color: #d1d1d1;
  -o-border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
     border-image: url("../images/border_bg.png") 0 0 2 0 repeat repeat;
}

/* responsive */
@media (max-width: 991px) {
  .entity-inv-lifestage.view-mode-full .field-name-dynamic-token-fieldnode-risk-indicator {
    margin: 0 0 30px;
  }
}

/**
 * Views.
 */
/* Views: block: inv-lifestage-mix-block */
/* Views: page: view-display-id-page_life_stage */
/* Views: block: fund-inv-return-over-time */
/**
 * Blocks.
 */
/* Blocks: simple-block */
.simple-block {
  margin-bottom: 40px;
  padding: 0 40px 10px;
  background-color: #fff;
}

.simple-block p {
  font-size: 0.9em;
  line-height: 1.4;
}

.simple-block h2 {
  margin-top: 20px;
  margin-bottom: 17px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc;
}

/* responsive */
@media (max-width: 1200px) {
  .simple-block {
    padding: 0 33px 10px;
  }
}

@media (max-width: 991px) {
  .simple-block {
    padding: 0 20px 10px;
  }
}

/* Blocks: automatic-block */
.automatic-block {
  margin-bottom: 20px;
}

.automatic-block h2 {
  margin-top: 15px;
}

/* Blocks: manual-block */
.manual-block {
  margin-bottom: 20px;
}

.manual-block h2 {
  margin-top: 50px;
}

/* Blocks: pay-fees */
.pay-fees {
  margin-top: 30px;
}

.pay-fees h2 {
  margin-bottom: 15px;
}

.pay-fees p {
  font-size: 16.5px;
  line-height: 1.5;
}

.pay-fees .legend {
  float: right;
  margin: 72px 11.4% 15px 0;
  padding: 0;
  list-style: none;
}

.pay-fees .legend li {
  margin-bottom: 6px;
}

.pay-fees .legend li .legend-color {
  display: inline-block;
  border: 0 none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.pay-fees .legend li .title {
  display: inline-block;
  margin-left: 17px;
  font-size: 14px;
  vertical-align: top;
}

.pay-fees-chart {
  margin: 74px 0 40px;
  width: 70%;
  height: 365px;
}

.pay-fees-chart table {
  border: none;
}

.pay-fees-chart table tr th,
.pay-fees-chart table tr td {
  border: 2px solid #f2f2f2;
  background: #999;
  padding: 0 10px 3px;
  color: #fff;
}

.pay-fees-chart .nvd3 .nv-axis .zero line,
.pay-fees-chart .nvd3 .nv-axis line.zero {
  stroke-opacity: 0;
}

.pay-fees-chart .nvd3 .nv-y.nv-axis .nv-zeroLine line {
  stroke: #000;
  stroke-opacity: 1;
}

.pay-fees-chart .nvd3 .nv-y.nv-axis .nv-axis .domain {
  stroke-opacity: 0;
}

.pay-fees-chart .nvd3 .nv-x .tick text,
.pay-fees-chart .nvd3 .nv-y .tick text {
  font-weight: bold;
}

.pay-fees-chart .nvd3 .nv-discretebar .nv-groups rect {
  stroke-opacity: 0;
}

.pay-fees-chart .nvd3 .nv-discretebar .nv-groups > g {
  fill-opacity: 1 !important;
}

/* responsive */
@media (max-width: 991px) {
  .pay-fees-chart {
    margin: 0 0 15px;
    width: 100%;
  }
  .pay-fees .legend {
    margin: 45px 0 15px;
    float: none;
    text-align: center;
  }
  .pay-fees .legend li {
    display: inline-block;
    margin-right: 15px;
  }
  .pay-fees .legend li .title {
    margin-left: 5px;
  }
}

@media (max-width: 500px) {
  .pay-fees .legend {
    margin: 45px auto 15px;
    width: 210px;
    text-align: left;
  }
  .pay-fees .legend li {
    min-width: 90px;
  }
}

/**
 * Styles to be merged into the main file.
 */
/* Sidebar menu */
.region-sidebar-first {
  margin-bottom: 55px;
  background: #fff;
  -webkit-box-shadow: 0 0 1px 2px #ededed;
          box-shadow: 0 0 1px 2px #ededed;
}

.region-sidebar-first .block-menu-block {
  padding: 28px 25px 20px;
}

.region-sidebar-first .block-menu-block h2 {
  margin-top: 0;
  margin-bottom: 36px;
  font-weight: bold;
  font-size: 17px;
}

.region-sidebar-first .block-menu-block .menu {
  list-style: none;
  position: relative;
  padding-left: 25px;
  float: none;
}

.region-sidebar-first .block-menu-block .menu > li > a.is-active:before {
  margin-top: 0 !important;
}

.region-sidebar-first .block-menu-block .menu li {
  margin-bottom: 14px;
  float: none;
}

.region-sidebar-first .block-menu-block .menu li a {
  position: relative;
  border-bottom: 1px solid #fff;
  font-size: 18.5px;
  color: #333;
  padding: 0;
  display: inline;
  white-space: initial;
}

.region-sidebar-first .block-menu-block .menu li a:hover {
  color: #333;
  border-bottom: 1px solid #333;
  text-decoration: none;
  background: transparent;
}

.region-sidebar-first .block-menu-block .menu li a:focus {
  color: #333;
  border-bottom: 1px solid #333;
  text-decoration: none;
  background: transparent;
}

.region-sidebar-first .block-menu-block .menu li .nolink {
  position: relative;
  border-bottom: 1px solid #fff;
  font-size: 18.5px;
  color: #333;
}

.region-sidebar-first .block-menu-block .menu li a.is-active {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.region-sidebar-first .block-menu-block .menu li a.is-active::before {
  content: "\E258";
  color: #7ab542;
  font-family: "Glyphicons Halflings", Arial, sans-serif;
  font-size: 10px;
  position: absolute;
  left: -20px;
  display: inline-block;
  margin-top: 6px;
}

.region-sidebar-first .block-menu-block .menu ul.dropdown-menu {
  list-style: none;
  margin-top: 10px;
  padding-left: 20px;
  position: static;
  top: auto;
  left: auto;
  float: none;
  min-width: auto;
  font-size: 14px;
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.region-sidebar-first .block-menu-block .menu ul.dropdown-menu > li:last-child {
  margin-bottom: 0;
}

.region-sidebar-first .block-menu-block .menu ul.dropdown-menu > .active > a {
  background: transparent;
}

.region-sidebar-first .block-menu-block .caret {
  display: none;
}

@media (min-width: 1200px) {
  .region-sidebar-first {
    margin-right: -50px;
  }
}

/* Maintenance Mode page tweaks */
body.maintenance-page.mysuper-theme {
  text-align: center;
  background-color: #333333;
  color: #fff;
}

.maintenance-page.mysuper-theme #page-wrapper {
  background: #2a2a2a;
  margin-top: 80px;
  border: none;
  padding: 30px 0 0;
}

.maintenance-page.mysuper-theme #header {
  background-color: transparent;
}

.maintenance-page.mysuper-theme .visually-hidden-focusable {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
  
.maintenance-page.mysuper-theme .visually-hidden-focusable:focus {
    clip: auto;
    height: auto;
    width: auto;
    display: block;
}

/* mysuper intro image */
.join-mysuper-intro-image {
  background: url(../images/chocolates.png) no-repeat;
  background-size: cover;
  width: 172px;
  height: 104px;
}

@media (min-width: 768px) and (max-width: 991px) {
  #field-intro-add-more-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .join-mysuper-intro-image {
    margin: 0 auto 20px;
  }
}

@media (min-width: 569px) {
  #field-intro-add-more-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

#field-intro-add-more-wrapper p {
  width: -webkit-calc(100% - 197px);
  width: calc(100% - 197px);
  margin-left: 25px;
  font-family: "YogaPro", Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

#field-intro-add-more-wrapper .mysuper-prepopulated-text {
  display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  #field-intro-add-more-wrapper p {
    margin-left: 0;
    width: 100%;
  }
}

@media (max-width: 568px) {
  .join-mysuper-intro-image {
    margin: 0 auto 20px;
  }
  #field-intro-add-more-wrapper p {
    margin-left: 0;
    width: 100%;
  }
  .form-radios .option-label {
    margin-bottom: 60px;
  }
  .form-radios .manual-description > p, .form-radios .automatic-description > p {
    width: 90%;
  }
}

@media (max-width: 1199px) {
  .entityform .form-type-radio.form-item-field-investment-option-und label {
    width: 150px;
  }
  .entityform .group-personal-details .field-name-field-hours-per-week input#edit-field-hours-per-week-und-0-value {
    margin-left: 10px;
  }
  .field-name-field-kiwisaver-contributions .form-radios, .field-name-field-contributions-holiday .form-radios {
    margin-right: 50px;
  }
  .field-name-field-kiwisaver-contributions .form-item > label, .field-name-field-contributions-holiday .form-item > label {
    width: 100%;
    padding-right: 50px;
  }
  .field-name-field-kiwisaver-contributions .glyphicon.glyphicon-question-sign,
  .field-name-field-contributions-holiday .glyphicon.glyphicon-question-sign {
    right: 5px;
  }
  .field-name-field-contributions-holiday .form-item > label {
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .manual-description > p, .automatic-description > p {
    width: 62%;
  }
}

/* Automatic and manual sliders */
/* Box fieldset */
.box-fieldset-legend {
  float: left;
  margin: 0;
  border: 0 none;
  width: 85% !important;
  font-size: 20px;
}

.box-fieldset-legend p.description {
  font-family: "YogaPro", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
}

#edit-field-homewithdrawal-application fieldset > legend,
#edit-field-confirmation-contribution fieldset > legend {
  display: none !important;
}

.field-name-field-message .panel-info .panel-body {
  padding: 24px 35px !important;
}

/* Block Useful links */
.block-views-blockuseful-links-block-1 .btn {
  word-break: break-word;
  white-space: normal;
  text-align: left;
}

/* Xmas 2020 tweaks */
.inline-formbanner {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
  font: 16px/1.5 "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.inline-formbanner p {
  font: inherit;
}

/* Custom tables */
.monthly-rolling-return-table .scroll-hint-icon {
  top: -webkit-calc(50% - 40px);
  top: calc(50% - 40px);
}

/* knowledge base styling */
.orange .paragraph .card-text-wrapper-link:hover,
.orange .paragraph .card-text-wrapper-link:focus{
	color: #FFA700;
}
.orange .paragraph--type--small-index-card .card-text-wrapper-link::after {
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9999 2.51472L19.4852 11L10.9999 19.4853' stroke='%23FFA700' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
}

.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row {
    margin-bottom: 30px;
    padding: 0 30px 30px;
    color: #2a2a2a;
    border-radius: 5px;
}

.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-media-image {
    max-width: 170px;
    margin: auto;
    float: none;
}

.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-html-title {
    font: 24px "YogaPro", Arial, sans-serif;
    line-height: 1.25;
}

.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-html-title strong {
    font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type-infographic-horizontal-container .paragraph--type-infographic-index-card .field--name-field-infographic-subtitle {
    font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.paragraph--type-infographic-horizontal-container .paragraph--type-infographic-index-card .field--name-field-html-text a {
    color: #00a6a5;
    text-decoration: none;
}

.paragraph--type-infographic-horizontal-container .paragraph--type-infographic-index-card .field--name-field-html-text a:hover,
.paragraph--type-infographic-horizontal-container .paragraph--type-infographic-index-card .field--name-field-html-text a:active,
.paragraph--type-infographic-horizontal-container .paragraph--type-infographic-index-card .field--name-field-html-text a:focus {
    color: #00a6a5;
    text-decoration: underline;
}

.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-html-title,
.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-infographic-subtitle,
.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-html-text {
    margin: 0 0 30px;
}

.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-html-text,
.paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .infographic-text-container p:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row {
		text-align: left;
		display: grid;
        grid-template-columns: 1fr 2fr 2fr;
        gap: 30px;
		align-items: center;
        padding: 30px 60px 30px 30px;
	}
    .paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-media-image {
        max-width: unset;
    }
    .paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-html-title,
    .paragraph--type-infographic-horizontal-container .paragraph--view-mode-infographic-row .field--name-field-infographic-subtitle {
        margin-bottom: 0;
    }
}

.knowledge-library .paragraph--type--index-page-documents .document-wrapper-link {
	padding: 25px 75px 25px 27px;
}

@media (min-width: 767px) {
  .knowledge-library .paragraph--type--index-page-documents .group-left {
    width: 80% !important;
  }
}

@media (max-width: 767px) {
  .knowledge-library .paragraph--type--index-page-documents .group-left {
    width: 100% !important;
    padding-right: 80px;
  }
}

.knowledge-library .paragraph .field--name-field-html-title {
	color: #FFA700;
	font: 20px "YogaPro", Arial, sans-serif;
  line-height: 1.5;
}

.knowledge-library .paragraph .field--name-field-html-title strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.knowledge-library .paragraph--type--index-page-documents .document-wrapper-link.regular-link::before {
	background: url("data:image/svg+xml,%3Csvg width='14' height='21' viewBox='0 0 14 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.48528 2.00001L10.9706 10.4853L2.48528 18.9706' stroke='%23FFA700' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
	width: 14px;
  height: 21px;
  top: calc(50% - 10.5px);
  right: 31px;
}

.knowledge-library .paragraph--type--index-page-documents .document-wrapper-link.file-link::before {
  background: url("data:image/svg+xml,%3Csvg width='19' height='23' viewBox='0 0 19 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.219 2.02705C10.1571 1.69175 9.85878 1.43749 9.50003 1.43749C9.09644 1.43749 8.76926 1.75929 8.76926 2.15624L8.76926 17.584L2.78113 11.6926L2.67992 11.6094C2.39511 11.4154 2.00134 11.4431 1.74766 11.6926C1.46228 11.9733 1.46228 12.4284 1.74766 12.709L8.97139 19.814L9.0726 19.8971C9.35741 20.0912 9.75118 20.0635 10.0049 19.814L17.207 12.7303L17.2916 12.6307C17.4889 12.3506 17.4607 11.9633 17.207 11.7138L17.1058 11.6306C16.821 11.4366 16.4272 11.4643 16.1735 11.7138L10.2308 17.5573L10.2308 2.15624L10.219 2.02705ZM0.502365 21.7872C0.502365 21.4343 0.760875 21.1409 1.10178 21.08L1.23313 21.0684L17.7669 21.0684C18.1705 21.0684 18.4977 21.3902 18.4977 21.7872C18.4977 22.14 18.2392 22.4335 17.8983 22.4943L17.7669 22.5059L1.23313 22.5059C0.829541 22.5059 0.502365 22.1841 0.502365 21.7872Z' fill='%23FFA700'/%3E%3C/svg%3E") center no-repeat;
  width: 19px;
  height: 23px;
  top: calc(50% - 11.5px);
  right: 28px;
}

.knowledge-library .paragraph--type--index-page-documents .document-wrapper-link.video-link::before {
	background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 11 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.61145 0.24521C0.954138 -0.262712 0 0.205806 0 1.03649V13.9635C0 14.7942 0.954137 15.2627 1.61145 14.7548L9.97598 8.29129C10.4941 7.89096 10.4941 7.10904 9.97598 6.70871L1.61145 0.24521Z' fill='%23FFA700'/%3E%3C/svg%3E") center no-repeat;
	width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 27px;
}

.knowledge-library .paragraph--type--index-page-documents .document-wrapper-link.regular-link.ext::before {
	background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 10.125L14.625 3.375' stroke='%23FFA700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.25 2.25H15.75V6.75' stroke='%23FFA700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 11.5157V15.75H2.25V2.25H6.84567' stroke='%23FFA700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
	width: 18px;
  height: 18px;
  top: calc(50% - 9px);
  right: 28px;
}

#videoModal {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

#videoModal .modal-dialog {
    width: 100%;
    max-width: 1000px;
    margin: 14vh auto 0;
}

#videoModal .modal-content {
	background-color: #333333;
}

#videoModal .modal-body {
	padding: 0;
}

#videoModal button.btn-close {
	display: none;
}

/* Views performance ticker */

.region-header-top-full {
  opacity: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* annual report page customisations */
.superblue {
	background-color: #64fcfb;
	color: #2a2a2a;
}

.annual-reporting {
    margin-left: 15px;
    margin-right: 15px;
}

.annual-reporting .max-width {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.annual-reporting img {
	margin: 0 auto;
}

.acct-highlights img {
	padding: 0 30px;
}

.annual-reporting .footnote {
  line-height: 1.3;
}

@media (max-width: 1199px) {
    .annual-reporting .footnote {
        padding-left: 30px;
    }
}

.annual-reporting .footnote a, 
.annual-reporting p a {
  color: #64fcfb;
  text-decoration: none;
}

.annual-reporting .footnote a:hover, 
.annual-reporting .footnote a:active, 
.annual-reporting .footnote a:focus, 
.annual-reporting p a:hover, 
.annual-reporting p a:active, 
.annual-reporting p a:focus {
  color: #64fcfb;
  text-decoration: underline;
}

@media (min-width: 480px) {
  .acct-cards .crop-width {
	  padding-left: 75px;
	  padding-right: 75px;
  }
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 0) {
	.annual-reporting .acct-fund {
	  display: -webkit-box;
	}
}

.annual-reporting-container {
	max-width: 1200px;
	margin: 90px auto 50px;
}

.annual-reporting-container h2 {
	padding-left: 30px;
	font-size: 30px;
	line-height: 1.42857143;
}

.annual-reporting #block-performancepagecomparisonscatterchart {
  padding: 30px 0 30px;
}

.annual-reporting #block-performancepagecomparisonscatterchart .comparison-legend {
	padding-bottom: 10px;
}

.annual-reporting #block-performancepagecomparisonscatterchart .annual-reporting-footnote {
	display: unset !important;
}

.annual-reporting .block-views-blockfunds-block-compare-fund {
	margin-bottom: 10px;
}

.annual-reporting .block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund {
	padding-top: 30px;
}

.annual-reporting .block-views-blockfunds-block-compare-fund h3 {
	padding-left: 15px;
	margin-bottom: 30px;
}

.annual-reporting .block-views-blockfunds-block-compare-fund .compare-fund-wrapper {
	padding-left: 15px;
	padding-right: 15px
}

.annual-reporting .block-views-blockfunds-block-compare-fund .compare-fund-wrapper sup {
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

@media (min-width: 992px) and (max-width: 1099px) {
  .annual-reporting .block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-heading {
    font-size: 16px;
  }
}

/* add custom display none class */
.d-none {
	display: none !important;
}

/* Carousel Container and Slides */

.paragraph--type--carousel-container {
  margin-bottom: 40px;
}

.paragraph--type--carousel-container .carousel-container-wrapper {
    background-color: #2a2a2a;
}

.paragraph--type--carousel-container ul.slick-dots {
  padding-inline-start: 8.33333333%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 50px;
  padding-right: 15px;
}

.paragraph--type--carousel-container .slick-dots li {
	display: inline;
}

.paragraph--type--carousel-container .slick-dots li:first-of-type {
	margin-left: 0;
}

.paragraph--type--carousel-container .slick-dots button {
  padding: 9px 11px 8px;
  background-color: #454545;
  color: #979797;
  border: none;
  border-radius: 50%;
  font-family: "YogaPro", Arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  width: 32px;
  height: 32px;
  font-variant-numeric: lining-nums;
}

.paragraph--type--carousel-container .slick-dots li.slick-active button,
.paragraph--type--carousel-container .slick-dots li button:hover {
	color: #fff;
	background-color: #00A6A5;
}

.paragraph--type--carousel-container .slick-slider .slick-list,
.paragraph--type--carousel-container .slick-slider .slick-track {
	display: flex;
}

.paragraph--type--carousel-container .slick-slider .slick-track .slick-slide {
	display: flex;
	height: auto;
	flex: 1;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide {
	height: 100%;
	border-bottom: 7px solid #333333;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .row {
	height: 100%;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .slide-wrapper {
    display: grid;
    grid-template-columns: 6fr 5fr;
    margin-left: 8.33333333%;
    gap: 30px;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .group-left {
	height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 60px;
    padding-bottom: 30px;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .group-right {
	height: 100%;
    display: flex;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-html-title {
	font: 32px "YogaPro", Arial, sans-serif;
    line-height: 1.375;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-html-title strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-html-text {
	font-size: 16px;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-html-text p:last-child {
    margin-bottom: 0;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-button {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 10px;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-button a {
  display: block;
  padding: 6px 20px 9px;
  width: auto;
  font-size: 14px;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 30px;
  color: #fff;
  background-color: #7ab542;
  white-space: nowrap;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-button a:hover {
	background-color: #3F8411;
}

.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-media-image {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.paragraph--type--carousel-container .slick-arrow {
	width: 200px;
  height: 62px;
  padding: 0;
  border: none;
  border-radius: 30px;
  font-size: 24px;
  line-height: 59px;
  text-align: center;
  font-family: "YogaPro", Arial, sans-serif;
  margin: 45px 0;
}

.paragraph--type--carousel-container .slick-prev {
	background-color: #666666;
	color: #fff;
	margin-left: 8.33333333%
}

.paragraph--type--carousel-container .slick-disabled {
	background-color: #2a2a2a !important;
	color: #2a2a2a;
	cursor: default;
	font-size: 0 !important;
}

.paragraph--type--carousel-container .slick-next {
	position: absolute;
	right: 8.33333333%;
	background-color: #00A6A5;
  color: #fff;
}

.paragraph--type--carousel-container .slick-next:hover,
.paragraph--type--carousel-container .slick-prev:hover {
  opacity: 0.8;
}

.light.paragraph--type--carousel-container .carousel-container-wrapper {
	background-color: #fff;
}

.light.paragraph--type--carousel-container .slick-dots button {
	background-color: #666666;
}

.light.paragraph--type--carousel-container .paragraph--type--carousel-slide .group-left {
	color: #2a2a2a;
}

.light.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-button a {
	background-color: #FF6666;
}

.light.paragraph--type--carousel-container .paragraph--type--carousel-slide .field--name-field-button a:hover {
	background-color: #EE423D;
}

.light.paragraph--type--carousel-container .slick-disabled {
	background-color: #fff !important;
	color: #fff;
}

@media (max-width: 991px) {
	.paragraph--type--carousel-container ul.slick-dots {
    padding-inline-start: 30px;
	}
	.paragraph--type--carousel-container .paragraph--type--carousel-slide {
		padding-left: 30px;
		padding-right: 30px;
	}
  .paragraph--type--carousel-container .paragraph--type--carousel-slide .slide-wrapper {
    grid-template-columns: 1fr;
    margin-left: 0;
  }
	.paragraph--type--carousel-container .paragraph--type--carousel-slide .group-left {
		padding-top: 25px;
	}
	.paragraph--type--carousel-container .paragraph--type--carousel-slide .group-right {
		display: none;
	}
	.paragraph--type--carousel-container .slick-prev {
		margin-left: 30px;
	}
	.paragraph--type--carousel-container .slick-next {
		right: 30px;
	}
}

@media (max-width: 540px) {
	.paragraph--type--carousel-container .slick-arrow {
		width: 125px;
		height: 45px;
		font-size: 20px;
		line-height: 30px;
	}
	.paragraph--type--carousel-container .slick-prev {
		margin-left: 15px;
	}
	.paragraph--type--carousel-container .slick-next {
		right: 15px;
	}
}

/** Events new **/

@media (max-width: 1199px) {
  .block-views-blockevents-calendar-block-1 {
    margin-top: 60px;
  }
}

.block-views-blockevents-calendar-block-1 > .form-group,
.block-views-blockevents-calendar-block-2 > .form-group {
  margin-bottom: 0;
}

.block-views-blockevents-calendar-block-2 .view-header h3 {
    padding-left: 30px;
}

.event-full-wrapper {
  border-bottom: 10px solid #333333;
}

.views-row:last-of-type .event-full-wrapper {
  border-bottom: none;
}

.event-full-wrapper .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 15px;
    background-color: #fff;
    color: #2a2a2a;
    padding: 45px 45px;
}

.event-full-wrapper .grid-wrapper .group-left {
    display: flex;
    justify-content: center;
}

.event-full-wrapper .grid-wrapper .group-left .field--name-field-event-image {
    margin-bottom: 0;
}

.event-full-wrapper .grid-wrapper .group-right {
    min-width: 0;
    font-size: 18px;
}

.event-full-wrapper .field--name-node-title h3 {
	margin-top: 0;
    margin-bottom: 30px;
}

.event-full-wrapper .field--name-body {
  border-bottom: 1px solid #979797;
}

.event-full-wrapper .field--name-body p:last-child {
	margin-bottom: 30px;
}

.event-full-wrapper .entity-form-field-title-block {
  display: none !important;
}

.event-full-wrapper .group-form {
  display: none;
}

.event-full-wrapper .group-form.open {
  display: block;
  border-top: 1px solid #979797;
  margin-top: 30px;
}

@media (max-width: 991px) {
    .event-full-wrapper .grid-wrapper {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    .event-full-wrapper .grid-wrapper .group-left {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .event-full-wrapper .grid-wrapper {
        padding: 45px 15px;
    }
}

/* Paragraph - Full width inline media */

.paragraph--type-full-width-inline-media img {
	width: 100%;
}

.paragraph--type-full-width-inline-media .embed-responsive
.contextual-region {
	position: initial;	
}

/* Paragraph - Alternating Left/Right Image and Text */

.paragraph--type-alternating-left-right-container .field-name-field-paragraphs {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	margin-top: 10px;
}

.paragraph--type-alternating-left-right-container .paragraph--type-left-right-image-text /* Needs thought re wider rules - incl margin above/below */ {
	width: 100%;
	display: flex;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #2a2a2a;
}

.paragraph--type-alternating-left-right-container .paragraph--type-left-right-image-text:nth-child(even) {
	flex-direction: row-reverse;
	padding-left: 0;
}

.paragraph--type-left-right-image-text .group-text {
	width: 50%;
	padding-left: 110px;
	padding-right: 60px;
}

.paragraph--type-alternating-left-right-container .paragraph--type-left-right-image-text:nth-child(even) .group-text {
	padding-left: 0;
	padding-right: 140px;
}

.paragraph--type-left-right-image-text .group-text h2 {
	margin-top: 0;
	margin-bottom: 35px;
	font-size: 32px;
	line-height: 1.375;
}

.paragraph--type-left-right-image-text .group-text p:last-child {
	margin-bottom: 0;
}

.paragraph--type-left-right-image-text .group-text a {
	color: #64fcfb;
}

.paragraph--type-left-right-image-text .group-text a:hover {
	text-decoration: underline;
}

.paragraph--type-left-right-image-text .field--type-link {
	margin-top: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem 1rem;
}

.paragraph--type-left-right-image-text .field--type-link .field__item a {
  padding: 6px 20px 9px;
  font-size: 14px;
  font-family: "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 30px;
  color: #fff;
  background-color: #666;
  text-decoration: none;
  /*white-space: nowrap;*/
  display: inline-block;
}

.paragraph--type-left-right-image-text .field--type-link .field__item a:hover {
  background-color: #979797;
}

.paragraph--type-left-right-image-text .field--name-field-media-image.field--type-entity-reference {
	width: 50%;
	padding-right: 30px;
    margin-bottom: 0;
}

.paragraph--type-left-right-image-text .field--name-field-media-image.field--type-entity-reference .field--type-image {
    margin-right: 0;
}

.paragraph--type-left-right-image-text .field--name-field-media-image img {
	width: 100%;
    margin-bottom: 0;
}

@media (max-width: 991px) {
	.paragraph--type-left-right-image-text,
	.paragraph--type-alternating-left-right-container .paragraph--type-left-right-image-text:nth-child(even) {
		flex-direction: column-reverse;
	}
	.paragraph--type-left-right-image-text .group-text,
	.paragraph--type-alternating-left-right-container .paragraph--type-left-right-image-text:nth-child(even) .group-text {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		padding-left: 60px;
		padding-right: 60px;
	}
	.paragraph--type-left-right-image-text .field--type-link {
		justify-content: center;
	}
	.paragraph--type-left-right-image-text .field--name-field-media-image.field--type-entity-reference {
		width: 60%;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 480px) {
	.paragraph--type-left-right-image-text .group-text,
	.paragraph--type-alternating-left-right-container .paragraph--type-left-right-image-text:nth-child(even) .group-text {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* Paragraph - 2 Card Promo Block */

.paragraph--type-_-card-promo-block-container .field--name-field-paragraphs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block {
	background-color: #2a2a2a;
	padding: 40px 45px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-media-image {
	margin-right: 0;
    margin-bottom: 10px;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 65px;
    height: 100%;
}

.promo-card-text.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .content-wrapper {
    gap: 30px;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-html-title {
	font: 24px "YogaPro", Arial, sans-serif;
	line-height: 1.375;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-html-title strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.promo-card-text.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-html-title {
	font-size: 32px;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block p:last-child {
	margin-bottom: 0;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-button {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-button a {
	font-family: "YogaPro", Arial, sans-serif;
	font-size: 20px;
	background-color: #333333;
	color: #fff;
	padding: 9px 40px;
	border-radius: 40px;
	white-space: nowrap;
    display: inline-block;
}

.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-button a:hover {
	background-color: #666666;
}

.promo-card-text.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-button a {
	background-color: #00A6A5;
}

.promo-card-text.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-button a:hover {
	background-color: #00807F;
}

@media (max-width: 991px) {
    .paragraph--type-_-card-promo-block-container .field--name-field-paragraphs {
        grid-template-columns: 1fr;
    }
	.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (max-width: 480px) {
	.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block {
		padding-left: 30px;
		padding-right: 30px;
	}
	.paragraph--type-_-card-promo-block-container .paragraph--type-_-card-promo-block .field--name-field-button a {
		font-size: 16px;
	}
}

/* Paragraph - Vertical Call to Action */

.paragraph--type-vertical-call-to-action {
	margin-top: 10px;
}

.paragraph--type-vertical-call-to-action .content-wrapper {
	background-color: #fff;
	color: #2a2a2a;
	padding: 50px 110px;
    text-align: center;
}

.paragraph--type-vertical-call-to-action h2 {
	font-size: 40px;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 35px;
}

.paragraph--type-vertical-call-to-action .field--name-field-html-text {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.paragraph--type-vertical-call-to-action p:last-child {
	margin-bottom: 50px;
}

.paragraph--type-vertical-call-to-action .field--name-field-button a {
	display: block;
	background-color: #00a6a5;
	color: #fff;
	padding: 12px 40px;
	border-radius: 40px;
	white-space: nowrap;
	font: 20px "YogaPro", Arial, sans-serif;
    white-space: normal;
}

.paragraph--type-vertical-call-to-action .field--name-field-button {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.paragraph--type-vertical-call-to-action .field--name-field-button a strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type-vertical-call-to-action .field--name-field-button a:hover {
	background-color: #00807F;
}

@media (max-width: 1199px) {
	.paragraph--type-vertical-call-to-action .field--name-field-html-text {
		width: 80%;
	}
}

@media (max-width: 991px) {
    .paragraph--type-vertical-call-to-action .content-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 767px) {
    .paragraph--type-vertical-call-to-action .field--name-field-html-text {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .paragraph--type-vertical-call-to-action .field--name-field-button a {
		font-size: 16px;
	}
}

/* About mysuper custom page */

.about-custom-benefits {
	margin-bottom: 55px;
}

.about-custom-blocks {
	margin-top: 55px;
}

.about-custom-benefits h2 {
	text-align: center;
	font: 30px "FreightSans Pro Book Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 33px
}

.about-custom-benefits h2 strong {
	font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif
	
}

.about-custom-benefits ul {
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
  flex-direction: column;
  row-gap: 7px
}

.about-custom-benefits ul li {
	display: flex;
  column-gap: 15px;
  align-items: center;
	background-color: #2a2a2a;
	font: 20px "YogaPro", Arial, sans-serif;
	padding: 15px 15px 15px 13px; 
	position: relative;
  list-style-image: none;
  list-style-type: none;
}

.about-custom-benefits ul li strong {
	font: 20px "YogaPro Bold", Arial, sans-serif;
}

.about-custom-benefits ul li::before {
  content: "";
  min-width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49423 13.7508L9.19364 16.6446C9.63059 16.9859 10.2662 16.9024 10.6134 16.4581C10.9606 16.0137 10.8878 15.3767 10.4509 15.0353L6.75148 12.1416C6.31454 11.8002 5.67888 11.8837 5.3317 12.328C4.98452 12.7724 5.05728 13.4094 5.49423 13.7508Z' fill='%237AB542'/%3E%3Cpath d='M15.5816 6.09116L9.20436 15.2127C8.86298 15.6497 8.94647 16.2853 9.39084 16.6325C9.83522 16.9797 10.4722 16.9069 10.8136 16.47L17.1908 7.34841C17.5322 6.91147 17.4487 6.27581 17.0043 5.92863C16.56 5.58145 15.923 5.65421 15.5816 6.09116Z' fill='%237AB542'/%3E%3Ccircle cx='11.6719' cy='11.2899' r='10' transform='rotate(38 11.6719 11.2899)' stroke='%237AB542' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 100%;
}

@media (max-width: 479px) {
	.about-custom-benefits ul li {
		align-items: flex-start;
	}
	.about-custom-benefits ul li::before {
		margin-top: 2px;
	}
}

.about-custom-blocks {
  background-color: #2a2a2a;
  padding: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  row-gap: 60px;
  column-gap: 90px;
}

.about-custom-block-wrapper {
	width: 50%;
	text-align: center;
	font-family: "YogaPro", Arial, sans-serif;
}

.about-custom-block-wrapper strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.about-custom-blocks .btn-lg {
	min-width: 260px;
	margin-top: 20px;
}

@media (max-width: 767px) {
	.about-custom-blocks {
		flex-wrap: wrap;
		padding-left: 30px;
		padding-right: 30px;
	}
	.about-custom-block-wrapper {
		width: 100%;
	}
}

@media (max-width: 479px) {
	.about-custom-blocks .btn-lg {
		min-width: unset;
		font-size: 16px;
	}
}

/* Homepage - Teal 'ACC Contrib' */

.home-acc-contrib {
  background-color: #00a6a5;
  padding: 60px 80px;
  border-radius: 5px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
	align-items: center;
}

.home-acc-contrib .group-left {
  grid-column: span 5;
  padding-right: 15px;
}

.home-acc-contrib .group-right {
  grid-column: 7 / span 6;
}

.home-acc-contrib h2 {
	font-size: 32px;
	line-height: 1.375;
	margin: 0;
}

.home-acc-contrib p:last-child {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.home-acc-contrib {
    padding: 60px 30px;
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
	}
  .home-acc-contrib .group-left, 
  .home-acc-contrib .group-right {
    grid-column: span 1;
    padding: 0;
  }
}

/* Homepage - Understanding Account Structures (Paragraph - Plans) */

.paragraph--type-plans-cards-wrapper h2 {
	font-size: 40px;
	line-height: 1.3;
	text-align: center;
	margin-top: 0;
	margin-bottom: 70px;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 15px;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card {
	width: 32%;
	background-color: #fff;
	color: #000;
	border-radius: 5px;
	display: flex;
  flex-direction: column;
  padding: 30px;
  gap: 30px;
}

@media (max-width: 991px) {
	.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card {
		width: 100%;
	}
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card h3 {
	font-size: 32px;
	line-height: 1.375;
	margin: 0;	
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card p {
	margin-bottom: 0;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card .field--name-field-subtext-statement {
	margin-top: -7px;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card ul {
  margin-bottom: 0;
  padding: 0;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card ul li {
	position: relative;
  margin-bottom: 5px;
  padding-left: 30px;
  list-style-image: none;
  list-style-type: none;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card .field--name-field-benefits-list-no ul li {
	color: #999999;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card ul li::before {
	position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.35655 13.2279L8.71965 15.8586C9.11687 16.1689 9.69475 16.093 10.0104 15.689C10.326 15.2851 10.2598 14.706 9.86261 14.3956L6.49951 11.7649C6.10229 11.4546 5.52441 11.5305 5.20879 11.9345C4.89317 12.3384 4.95933 12.9175 5.35655 13.2279Z' fill='%237AB542'/%3E%3Cpath d='M14.5278 6.26472L8.73025 14.5571C8.4199 14.9543 8.4958 15.5322 8.89978 15.8478C9.30375 16.1634 9.88282 16.0972 10.1932 15.7L15.9907 7.40768C16.301 7.01046 16.2251 6.43259 15.8211 6.11697C15.4172 5.80135 14.8381 5.8675 14.5278 6.26472Z' fill='%237AB542'/%3E%3Ccircle cx='10.9731' cy='10.9908' r='9.09091' transform='rotate(38 10.9731 10.9908)' stroke='%237AB542' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 100%;
  top: 3px;
  left: 0;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card .field--name-field-benefits-list-no ul li::before {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.0001' cy='10.0001' r='8.94049' stroke='%23FF6666' stroke-width='2'/%3E%3Cpath d='M5.75774 14.2427C5.36721 13.8521 5.36721 13.219 5.75774 12.8284L12.8288 5.75737C13.2193 5.36685 13.8525 5.36685 14.243 5.75737C14.6335 6.1479 14.6335 6.78106 14.243 7.17158L7.17195 14.2427C6.78143 14.6332 6.14826 14.6332 5.75774 14.2427Z' fill='%23FF6666'/%3E%3Cpath d='M14.243 14.2427C13.8525 14.6332 13.2193 14.6332 12.8288 14.2427L5.75775 7.17159C5.36722 6.78106 5.36722 6.1479 5.75775 5.75737C6.14827 5.36685 6.78144 5.36685 7.17196 5.75737L14.243 12.8284C14.6336 13.219 14.6336 13.8521 14.243 14.2427Z' fill='%23FF6666'/%3E%3C/svg%3E");
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card .field--name-field-button-plan {
	margin-top: auto;
	max-inline-size: fit-content;
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card .field--name-field-button-plan a {
	font-size: 20px;
	font-family: "YogaPro", Arial, sans-serif;
	line-height: 1;
	padding: 15px 30px 14px;
  border-radius: 40px;
  color: #fff;
  background-color: #00a6a5;
  
}

.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card .field--name-field-button-plan a:hover,
.paragraph--type-plans-cards-wrapper .field-name-field-cards-plans .card .field--name-field-button-plan a:focus {
	opacity: 0.8;
}

/* Paragraph - Grid Statement Container (5col) + Grid Statement Container (2col) + Grid Statement Card */

.paragraph--type-all-plans-container h2 {
	font-size: 32px;
	line-height: 1.375;
	text-align: center;
	margin-top: 0;
	margin-bottom: 50px;
}

.paragraph--type-all-plans-container .grid-statements {
	padding-left: 15px;
	padding-right: 15px;
}

.paragraph--type-all-plans-container .card-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 15px;
}

.paragraph--type-grid-statement-container-2col .card-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.grid-statements .card-wrapper .card {
	background-color: #2A2A2A;
  border-radius: 5px;
  position: relative;
  border: none;
}

.paragraph--type-all-plans-container .card-wrapper .card {
  text-align: center;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  color: #fff;
}

.paragraph--type-all-plans-container .card-wrapper .card :is(.field--type-field-icon, .field--type-entity-reference, img) {
  margin: 0;
}

.paragraph--type-all-plans-container .card-wrapper .card .field--name-field-statement-yes-no {
	max-width: 20px;
}

.paragraph--type-all-plans-container .card-wrapper .card .field--name-field-statement {
	height: 100%;
  display: flex;
  flex-direction: column;
}

.paragraph--type-grid-statement-container-2col .card-wrapper .card {
	padding: 15px 15px 15px 35px;
    color: #fff;
}

.paragraph--type-grid-statement-container-2col .card-wrapper .image-title-wrapper {
	display: flex;
  align-items: center;
  gap: 35px
}

.paragraph--type-grid-statement-container-2col .card-wrapper .image-title-wrapper .field--name-field-statement-yes-no {
	flex-shrink: 0;
    margin: 0;
}

.paragraph--type-grid-statement-container-2col .card-wrapper .image-title-wrapper .field--name-field-statement-yes-no :is(.field--type-image, img) {
    margin: 0;
}

.paragraph--type-grid-statement-container-2col .card-wrapper .field--name-field-statement {
	padding-left: 75px;
}

.paragraph--type-grid-statement-container-2col .card-wrapper .card h3 {
	font-size: 20px;
	line-height: 1.4;
	margin: 0;
}

.paragraph--type-grid-statement-container-2col .card-wrapper .card p {
	font-size: 16px;
}

.paragraph--type-grid-statement-container-2col .card-wrapper .card p:last-child {
	margin-bottom: 0;
}

.paragraph--type-all-plans-container .card-wrapper .card .field--name-field-statement p {
	margin-bottom: 0;
}

.paragraph--type-all-plans-container .field--name-field-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 50px;
}

.paragraph--type-all-plans-container a {
	font-size: 20px;
  font-family: "YogaPro", Arial, sans-serif;
  line-height: 1;
  padding: 15px 30px 14px;
  border-radius: 40px;
  color: #fff;
  background-color: #7AB542;
  display: block;
  inline-size: max-content;
}

.paragraph--type-all-plans-container a strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type-all-plans-container a:hover,
.paragraph--type-all-plans-container a:focus,
.paragraph--type-all-plans-container a:active {
	background-color: #3F8411;
	color: #fff;
}

@media (max-width: 767px) {
	.paragraph--type-all-plans-container .card-wrapper {
		grid-template-columns: 1fr 1fr;
	}
	.paragraph--type-grid-statement-container-2col .card-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 479px) {
	.paragraph--type-all-plans-container .card-wrapper {
		grid-template-columns: 1fr;
	}
	.paragraph--type-grid-statement-container-2col .card-wrapper .card {
		padding: 30px;
	}
	.paragraph--type-grid-statement-container-2col .card-wrapper .image-title-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}
	.paragraph--type-grid-statement-container-2col .card-wrapper .field--name-field-statement {
		padding-left: 0;
	}
	.paragraph--type-all-plans-container a {
		font-size: 16px;
		padding-left: 15px;
    padding-right: 15px
	}
}

/* Paragraph - Left image w right text */

.paragraph--type-left-image-w-right-text {
	padding-top: 115px;
	padding-bottom: 115px;
}

.paragraph--type-left-image-w-right-text .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
}

.paragraph--type-left-image-w-right-text .left-col-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: center;
}

.paragraph--type-left-image-w-right-text .left-col-wrapper .field--type-image {
    margin-right: 0;
}

.paragraph--type-left-image-w-right-text .right-col-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 45px;
    max-width: 100%;
}

.paragraph--type-left-image-w-right-text .right-col-wrapper h2 {
	font-size: 40px;
	line-height: 1.3;
	margin: 0;
}

.paragraph--type-left-image-w-right-text .right-col-wrapper p:last-child {
	margin-bottom: 0;
}

.paragraph--type-left-image-w-right-text .right-col-wrapper p a {
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(255, 255, 255, 0.4);
}

.paragraph--type-left-image-w-right-text .right-col-wrapper p a:hover,
.paragraph--type-left-image-w-right-text .right-col-wrapper p a:active,
.paragraph--type-left-image-w-right-text .right-col-wrapper p a:focus {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0);
}

.paragraph--type-left-image-w-right-text .field--name-field-button {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.paragraph--type-left-image-w-right-text .field--name-field-button a {
	display: block;
    max-inline-size: fit-content;
	background-color: #64FCFB;
	padding: 12px 30px;
	font-size: 20px;
	line-height: 1;
	font-family: "YogaPro", Arial, sans-serif;
	border-radius: 40px;
	color: #2a2a2a;
	white-space: nowrap;
}

.paragraph--type-left-image-w-right-text .field--name-field-button a strong {
	font-family: "YogaPro Bold", Arial, sans-serif;
}

.paragraph--type-left-image-w-right-text .field--name-field-button a:hover {
	background-color: #00A6A5;
}

@media (max-width: 1199px) {
    .paragraph--type-left-image-w-right-text .grid-wrapper {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .paragraph--type-left-image-w-right-text .right-col-wrapper {
        text-align: center;
    }

    .paragraph--type-left-image-w-right-text .field--name-field-button {
        justify-content: center;
    }
}

@media (max-width: 479px) {
	.paragraph--type-left-image-w-right-text .field--name-field-button a {
		font-size: 16px;
		padding-left: 15px;
        padding-right: 15px;
	}
}

/* Compare page - Performance Block (Funds (Content): Block Compare Fund) */

.block-views-blockfunds-block-compare-fund {
  background-color: #2a2a2a;
  color: #fff;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 63px;
    padding-bottom: 60px;
    gap: 74px;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .view-header {
    padding-left: 15px;
    padding-right: 15px;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .view-content {
	width: 100%;
}

.block-views-blockfunds-block-compare-fund .compare-fund-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-fund-item {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 991px) {
	.block-views-blockfunds-block-compare-fund .compare-fund-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-fund-item:not(:last-child):not(:nth-last-child(2)) {
		margin-bottom: 30px;
	}
}

@media (max-width: 580px) {
	.block-views-blockfunds-block-compare-fund .compare-fund-wrapper {
		grid-template-columns: 1fr;
	}
	.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-fund-item:not(:last-child) {
		margin-bottom: 30px;
	}
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund h2 {
	font-size: 40px;
	margin: 0;
	text-align: center;
}

@media (max-width: 479px) {
    .block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund h2 {
        font-size: 32px;
    }
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-content-top {
	border-top: 1px solid #fff;
  padding-top: 15px;
  margin-bottom: 5px;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-content-bottom {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  color: #999999;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-content-footer {
    padding-top: 15px;
}

.block-views-blockfunds-block-compare-fund .view-footer {
    display: none;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-heading,
.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-content-top,
.annual-reporting.annual-24 .block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-content-mid,
.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-content-bottom {
	display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .tooltip-white-sm {
	background-size: 100%;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-item-title {
	font-size: 14px;
  padding-bottom: 10px
}

.annual-reporting.annual-24 .block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-item-title {
  padding-bottom: 0;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-heading,
.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-item-value {
	font-family: "YogaPro", Arial, sans-serif;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-heading {
	font-size: 18px;
}

.annual-reporting.annual-24 .block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-content-bottom {
	color: #fff;
}

.block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-item-value {
	font-size: 50px;
	line-height: 1;
}

.annual-reporting.annual-24 .block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund .compare-item-value {
  font-size: 24px;
}

.plan-locked .slider-tick-label-container .slider-tick-label:first-child,
.plan-part-locked .slider-tick-label-container .slider-tick-label:first-child {
  left:0 !important;
} 

/** Webform modal z-index **/
.webform-confirmation-modal {
  z-index: 1005 !important;
}

/** Datepicker adjustment */
.ui-datepicker {
  background: #f2f2f2 !important;
  padding: 0 20px 35px 20px !important;
  width: 340px !important;
  border: none !important;
  z-index: 10 !important;
}

.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: none;
  padding: 16px 0 !important;
}

.ui-datepicker .ui-datepicker-prev {
  border: 0 !important;
  background: url(/themes/mysuper/images/arr-calendar.png) no-repeat -1px 0 #999999 !important;
}

.ui-datepicker .ui-datepicker-prev:hover {
  border: 0 !important;
  background: url(/themes/mysuper/images/arr-calendar.png) no-repeat -1px 0 #666666 !important;
}

.ui-datepicker .ui-datepicker-next {
  border: 0 !important;
  background: url(/themes/mysuper/images/arr-calendar.png) no-repeat 1px -32px #999999 !important;
}

.ui-datepicker .ui-datepicker-next:hover {
  border: 0 !important;
  background: url(/themes/mysuper/images/arr-calendar.png) no-repeat 1px -32px #666666 !important;
}

@media (max-width: 767px) {
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-prev:hover {
		background-position: -3px -2px !important;
		width: 29px;
    height: 29px;
	}
	.ui-datepicker .ui-datepicker-next,
	.ui-datepicker .ui-datepicker-next:hover {
		background-position: -1px -34px !important;
		width: 29px;
    height: 29px;
	}
}

@media (max-width: 479px) {
	.ui-widget.ui-widget-content {
		max-width: 90%;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

.paragraph--type-anchor .anchor-para {
  margin-top: -97px;
  padding-top: 97px;
}

@media (max-width: 767px) {
  .paragraph--type-anchor .anchor-para {
    margin-top: -50px;
    padding-top: 50px;
  }
}

/* New Search Styles 2025 */

.block-views-exposed-filter-blocksearch-search-block {
    margin-top: 90px;
    margin-bottom: 60px;
}

.block-views-exposed-filter-blocksearch-search-block .form-inline {
    display:flex;
}

.block-views-exposed-filter-blocksearch-search-block .form-item-keys {
    width: calc(100% - 70px);
    flex: auto;
}

.block-views-exposed-filter-blocksearch-search-block .form-item-keys input {
    width: 100%;
    height: 78px;
    padding: 12px 12px 6px;
    border: none;
}

.block-views-exposed-filter-blocksearch-search-block .form-submit.btn-primary {
    width: 70px;
    border-radius: 0;
    height: 78px;
    font-size: 0;
    background-color: #7ab542;
    background-image: url(/themes/mysuper/images/search.png);
    background-repeat: no-repeat;
    background-position: 50%;
}

.block-views-exposed-filter-blocksearch-search-block .form-submit.btn-primary:focus,
.block-views-exposed-filter-blocksearch-search-block .form-submit.btn-primary:hover,
.block-views-exposed-filter-blocksearch-search-block .form-submit.btn-primary:active {
    background-color: #3F8411 !important;
}

.mysuper-search .view-header {
    font-size: 16px;
    margin-bottom: 10px;
}

.mysuper-search .view-header .row {
    justify-content: flex-end;
}

.mysuper-search .view-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mysuper-search .view-content .result-wrapper {
    background-color: #fff;
    color: #2a2a2a;
    padding: 30px;
}

.mysuper-search .view-content .result-wrapper h3 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #999999;
}

.mysuper-search .view-content .result-wrapper .search-excerpt {
    margin-bottom: 15px;
}

.mysuper-search .view-content .result-wrapper a {
    color: #00a6a5;
}

.mysuper-search .view-content .result-wrapper a:hover {
    color: #00a6a5;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
    cursor: pointer;
}

.mysuper-search .view-content .result-wrapper a.result-link {
    font-size: 14px;
}

.mysuper-search .view-empty {
  font-family: "YogaPro", Arial, sans-serif;
  font-size: 22px;
}

/* Pagination */

.pagination {
  margin: 30px 0 0;
  font-variant-numeric: lining-nums;
  justify-content: center;
  --bs-pagination-active-bg: transparent;
  --bs-pagination-active-border-color: transparent;
  --bs-pagination-focus-box-shadow: none;
}

.pagination .page-link {
  border: none;
  background: transparent;
  color: inherit;
}

.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-link:active,
.pagination .page-item.active .page-link {
  text-decoration: underline;
  text-underline-offset: 6px;
  background-color: transparent;
  color: #fff;
}

/* Annual Reporting 2025 - temp overrides */

.annual-reporting .table-footer {
  text-align: center;
}

.annual-reporting .table-footer a {
  color: #fff;
  background-color: #00a6a5;
  border-radius: 30px;
  display: inline-block;
  margin-bottom: 0;
  padding: 7px 23px 9px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.17;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.annual-reporting .highlight-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.annual-reporting .highlight-rows .highlight-item {
  background-color: #2a2a2a;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 60px;
  padding: 30px;
}

.annual-reporting .highlight-rows .highlight-item .highlight-title {
  font: 20px "YogaPro", Arial, sans-serif;
  justify-self: end;
  align-self: center;
  margin-top: 2px;
}

.annual-reporting .highlight-rows .highlight-item .spacer {
  border-right: 1px solid #fff;
}

@media (max-width: 991px) {
  .annual-reporting .highlight-rows .highlight-item {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .annual-reporting .highlight-rows .highlight-item .highlight-title,
  .annual-reporting .highlight-rows .highlight-item .highlight-description {
    justify-self: center;
    text-align: center;
  }
  .annual-reporting .highlight-rows .highlight-item .spacer {
    border-right: none;
    border-bottom: 1px solid #fff;
  }
}

.annual-reporting .block-views-blockfunds-block-compare-fund .view-display-id-block_compare_fund {
  padding-top: 63px;
}

.annual-reporting .paragraph--type-vertical-call-to-action .content-wrapper {
  background-color: #2a2a2a;
  color: #fff;
}

.annual-reporting .paragraph--type-vertical-call-to-action a {
  padding: 7px 23px 9px;
  font-size: 14px;
  font-family: unset;
  background-color: #64fcfb;
  color: #2a2a2a;
}

.annual-reporting .paragraph--type-vertical-call-to-action a strong {
  font-family: "FreightSansProSemibold-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.annual-reporting .paragraph--type-vertical-call-to-action a:focus,
.annual-reporting .paragraph--type-vertical-call-to-action a:hover,
.annual-reporting .paragraph--type-vertical-call-to-action a:active {
  color: #fff;
}

.annual-reporting .paragraph--type-vertical-call-to-action .field--name-field-button a.ext {
  background-size: 10px 10px;
  background-position: top 50% right 8px;
}

.annual-reporting .paragraph--type-vertical-call-to-action .field--name-field-button a:not(:focus):not(:hover):not(:active).ext {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 4.5L6.5 1.5M7 5.1181V7H1V1H3.04252M5 1H7V3' stroke='%232a2a2a' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bg-orange {
  background-color: #FFA700;
}

.bg-green {
  background-color: #7ab542;
}

.bg-purple {
  background-color: #a478b7;
}

.annual-reporting #block-performancepagecomparisonscatterchart {
  color: #fff;
  background-color: #2a2a2a !important;
}

/* Table Overrides - To Do - refactor above */

.interest-table > thead:first-child  > tr:first-child > th {
    border-top: 1px solid #dcdcdc;
}

.interest-table > thead > tr > th,
.interest-table > tbody > tr > td {
    padding: 15px 30px;
    font-size: 14px;
}

.interest-table > tbody > tr > td {
    border-top: 1px dotted #dcdcdc;
}

.kiwisaver-rate-table.interest-table > thead:first-child > tr:first-child > th {
    border: 1px solid #2a2a2a;
    background-color: transparent;
}

.kiwisaver-rate-table.interest-table tbody tr {
    border-bottom: none;
}