@charset "UTF-8";
:root {
  --bulma-body-line-height: 1.7;
  --bulma-family-primary: "Nunito Sans", sans-serif;
  --bulma-family-secondary: "Nunito Sans", sans-serif;
  --bulma-body-color: #333333;
  --bulma-link: #333333;
  --bulma-body-background-color: #ffffff;
}

html {
  font-size: 16px;
}
@media screen and (min-width: 769px), print {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1216px) {
  html {
    font-size: 17px;
  }
}

.content {
  /* Override Bulma */
  /* Override Bulma */
  /* The ProseMirror Richtext Editor in the CloudCannon admin doesn't wrap images atgs in paragraph tags. To keep the spacing below an image
   use the Adjacent Selector - specified by a plus sign (+) in CSS and is a selector that helps in selecting an element that is
   immediately followed by another element where both elements have the same parent element. */
  /* https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements */
  /* Second selector covers the times CC has added an ID query string to the end. * is 'contains' */
  /* --- TABLES --- */
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-family: var(--bulma-family-secondary);
  font-weight: 300;
}
.content h1 {
  padding-bottom: 1rem;
  font-weight: 300;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 2.2em;
}
.content h2 {
  font-size: 2em;
}
.content ul {
  margin-bottom: 1em;
}
.content ul.is-unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content .breadcrumb li + li {
  margin-top: 0;
}
.content p:last-child {
  margin-bottom: 1em;
}
.content p.lead {
  font-size: 115%;
}
.content p a:not(button):not(.button),
.content li a:not(button):not(.button) {
  text-decoration: underline;
}
.content img + p,
.content img + h1,
.content img + h2,
.content img + h3,
.content img + h4,
.content img + h5,
.content img + h6,
.content img + ul,
.content img + blockquote,
.content img + img {
  margin-top: var(--bulma-content-block-margin-bottom);
}
.content a.button,
.content button.button {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0;
  color: #444;
  border: solid 1px #444;
  background: transparent;
}
.content a.button:hover {
  opacity: 0.85;
}
.content a[href$=".pdf"]::before,
.content a[href*=".pdf?_cchid"]::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f1c1 "; /* this is your text. You can also use UTF-8 character codes as I do here. This is FA symbol for PDF and the a 'space' */
}
.content a[href$=".docx"]::before,
.content a[href*=".docx?_cchid"]::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f1c2 ";
}
.content a[href$=".xlsx"]::before,
.content a[href*=".xlsx?_cchid"]::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f1c3 ";
}
.content table th,
.content table td {
  padding: 1.4rem 0.7rem;
}
.content table th p,
.content table td p {
  margin-bottom: 0 !important;
}

/* -------------- */
/*    FOOTER      */
/* -------------- */
.footer .content p a:not(.button),
.footer .content li a:not(.button) {
  text-decoration: none;
  border: 0;
}
.footer .footer-logo p.copyright {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.footer .social-icon {
  position: relative;
}
.footer .social-icon ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2rem;
}
.footer .social-icon ul li {
  display: inline-block;
  margin-right: 1rem;
}
.footer .social-icon ul li a {
  transition: all 0.3s ease-in-out;
}
.footer .social-icon a {
  font-size: 1.25rem;
}
.footer .social-icon ul li a i {
  font-size: 30px;
  transition: all 0.3s ease-in-out;
  transform: translateY(0);
}
.footer .social-icon ul li a:hover i {
  transform: translateY(-10px);
}
.footer [class^=ph-],
.footer [class*=" ph-"] {
  display: inline-flex;
}

:root {
  --main-container-top-padding: 120px;
}

footer {
  padding: 0;
  margin-top: 70px;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.02), 0 2px 2px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.02), 0 6px 6px rgba(0, 0, 0, 0.02), 0 -10px 10px rgba(0, 0, 0, 0.02);
}

footer .columns {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

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

.footer-contact * {
  padding: 0;
  color: #fff !important;
}

@media screen and (max-width: 1024px) {
  main .section:first-of-type .first-of-type-section-spacer {
    padding-top: 0;
  }
  .columns.reverse-order-desktop {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1024px) {
  /* When using a fixed navigation bar, can set some padding at the top of <main> that is less than or equal to 
  the height of the navbar when in it's shrunken state (after scrolling down the page a bit). If set this padding
  greater than that, then a flash of body background can show when quickly scrolling back to the top of the page. */
  /* NOTE: If going to use a semi-transparent navbar then need to remove this padding when using hero images or a
  carousel at the top of the page. */
  main {
    padding-top: var(--main-container-top-padding);
  }
  /* Overide Bulma default */
  /* 
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
  */
  .section {
    padding: 4rem 3rem;
  }
  /* Rather than put padding or margin on Main to allow for the height of the fixed navbar,
  put it on the first section container element. That way, the background underneath the navbar will
  match the background of this container element all the way to the top of the page so doesn't look odd
  when the navbar shrinks on scroll */
  /* Only will apply to components where a div of this class has been aded. E.g. the Header Component */
  /* Increase this value if not using padding on <main> (above). */
  main .section:first-of-type .first-of-type-section-spacer {
    padding-top: 70px;
  }
  /* When first create a page in the admin, will just have the fixed navbar and then the footer
  below it, but with the top edge of the footer tucked underneath the navbar (looks poor). Cannot use
  the CSS above to add some padding as Footer is the next sibling of main, not a child of it.
  So instead use an empty 'spacer' div within 'main' and then check if it is the direct sibling
  of a '.section' (component wrapper) if so, hide it. Otherwise if it's visble it pushes down the
  footer below the bottom edge of the navbar. */
  main .footer-spacer {
    height: 110px;
  }
  main .section + .footer-spacer {
    display: none;
  }
}
body {
  background-color: var(--bulma-body-background-color);
}

main {
  background-color: #ffffff;
}

/* ------------------------------------------------------- */
/*    NON-COMPONENT CONTENT (DEFAULTS - e.g. blog post)    */
/* ------------------------------------------------------- */
.content p, .content li, .content strong {
  color: var(--bulma-body-color);
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  color: #333333;
}
.content .button, .content button {
  background-color: #9aca3c;
  color: #ffffff;
}
.content a {
  color: var(--bulma-link);
}
.content table thead td,
.content table thead th,
.content table td,
.content table th {
  color: var(--bulma-body-color);
}
.content blockquote {
  background-color: transparent;
}

/* ----------------------- */
/*    SECTION COLOURS      */
/* ----------------------- */
.theme-lightest {
  background-color: #ffffff;
}
.theme-lightest .content p, .theme-lightest .content li, .theme-lightest .content strong {
  color: #333333;
}
.theme-lightest .content hr {
  background-color: #333333;
  opacity: 0.5;
}
.theme-lightest .content h1, .theme-lightest .content h2, .theme-lightest .content h3, .theme-lightest .content h4, .theme-lightest .content h5, .theme-lightest .content h6 {
  color: #333333;
}
.theme-lightest .content .button, .theme-lightest .content button {
  background-color: #9aca3c;
  color: #ffffff;
}
.theme-lightest .content a {
  color: #666666;
}
.theme-lightest .content table thead td,
.theme-lightest .content table thead th,
.theme-lightest .content table td,
.theme-lightest .content table th {
  color: #333333;
}
.theme-lightest .content table th {
  background-color: #cccccc;
}
.theme-lightest .content table tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.theme-lightest .content table tr:nth-of-type(even) {
  background-color: #ffffff;
}
.theme-lightest .content blockquote {
  background-color: transparent;
}
.theme-lighter {
  background-color: #f7f7f7;
}
.theme-lighter .content p, .theme-lighter .content li, .theme-lighter .content strong {
  color: #333333;
}
.theme-lighter .content hr {
  background-color: #333333;
  opacity: 0.5;
}
.theme-lighter .content h1, .theme-lighter .content h2, .theme-lighter .content h3, .theme-lighter .content h4, .theme-lighter .content h5, .theme-lighter .content h6 {
  color: #333333;
}
.theme-lighter .content .button, .theme-lighter .content button {
  background-color: #9aca3c;
  color: #ffffff;
}
.theme-lighter .content a {
  color: #666666;
}
.theme-lighter .content table thead td,
.theme-lighter .content table thead th,
.theme-lighter .content table td,
.theme-lighter .content table th {
  color: #333333;
}
.theme-lighter .content table th {
  background-color: #cccccc;
}
.theme-lighter .content table tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.theme-lighter .content table tr:nth-of-type(even) {
  background-color: #ffffff;
}
.theme-lighter .content blockquote {
  background-color: transparent;
}
.theme-light {
  background-color: #eeeeee;
}
.theme-light .content p, .theme-light .content li, .theme-light .content strong {
  color: #333333;
}
.theme-light .content hr {
  background-color: #333333;
  opacity: 0.5;
}
.theme-light .content h1, .theme-light .content h2, .theme-light .content h3, .theme-light .content h4, .theme-light .content h5, .theme-light .content h6 {
  color: #333333;
}
.theme-light .content .button, .theme-light .content button {
  background-color: #9aca3c;
  color: #ffffff;
}
.theme-light .content a {
  color: #333333;
}
.theme-light .content table thead td,
.theme-light .content table thead th,
.theme-light .content table td,
.theme-light .content table th {
  color: #333333;
}
.theme-light .content table th {
  background-color: #cccccc;
}
.theme-light .content table tr:nth-of-type(odd) {
  background-color: #fff;
}
.theme-light .content table tr:nth-of-type(even) {
  background-color: #fff;
}
.theme-light .content blockquote {
  background-color: transparent;
}
.theme-dark {
  background-color: #999999;
}
.theme-dark .content p, .theme-dark .content li, .theme-dark .content strong {
  color: #ffffff;
}
.theme-dark .content hr {
  background-color: #ffffff;
  opacity: 0.5;
}
.theme-dark .content h1, .theme-dark .content h2, .theme-dark .content h3, .theme-dark .content h4, .theme-dark .content h5, .theme-dark .content h6 {
  color: #ffffff;
}
.theme-dark .content .button, .theme-dark .content button {
  background-color: #9aca3c;
  color: #ffffff;
}
.theme-dark .content a {
  color: #dddddd;
}
.theme-dark .content table thead td,
.theme-dark .content table thead th,
.theme-dark .content table td,
.theme-dark .content table th {
  color: #ffffff;
}
.theme-dark .content table th {
  background-color: #cccccc;
}
.theme-dark .content table tr:nth-of-type(odd) {
  background-color: #fff;
}
.theme-dark .content table tr:nth-of-type(even) {
  background-color: #fff;
}
.theme-dark .content blockquote {
  background-color: transparent;
}
.theme-darker {
  background-color: #555555;
}
.theme-darker .content p, .theme-darker .content li, .theme-darker .content strong {
  color: #ffffff;
}
.theme-darker .content hr {
  background-color: #ffffff;
  opacity: 0.5;
}
.theme-darker .content h1, .theme-darker .content h2, .theme-darker .content h3, .theme-darker .content h4, .theme-darker .content h5, .theme-darker .content h6 {
  color: #ffffff;
}
.theme-darker .content .button, .theme-darker .content button {
  background-color: #9aca3c;
  color: #ffffff;
}
.theme-darker .content a {
  color: #dddddd;
}
.theme-darker .content table thead td,
.theme-darker .content table thead th,
.theme-darker .content table td,
.theme-darker .content table th {
  color: #ffffff;
}
.theme-darker .content table th {
  background-color: #cccccc;
}
.theme-darker .content table tr:nth-of-type(odd) {
  background-color: #fff;
}
.theme-darker .content table tr:nth-of-type(even) {
  background-color: #fff;
}
.theme-darker .content blockquote {
  background-color: transparent;
}
.theme-darkest {
  background-color: #111111;
}
.theme-darkest .content p, .theme-darkest .content li, .theme-darkest .content strong {
  color: #ffffff;
}
.theme-darkest .content hr {
  background-color: #ffffff;
  opacity: 0.5;
}
.theme-darkest .content h1, .theme-darkest .content h2, .theme-darkest .content h3, .theme-darkest .content h4, .theme-darkest .content h5, .theme-darkest .content h6 {
  color: #ffffff;
}
.theme-darkest .content .button, .theme-darkest .content button {
  background-color: 9aca3c;
  color: #ffffff;
}
.theme-darkest .content a {
  color: #dddddd;
}
.theme-darkest .content table thead td,
.theme-darkest .content table thead th,
.theme-darkest .content table td,
.theme-darkest .content table th {
  color: #ffffff;
}
.theme-darkest .content table th {
  background-color: #cccccc;
}
.theme-darkest .content table tr:nth-of-type(odd) {
  background-color: #fff;
}
.theme-darkest .content table tr:nth-of-type(even) {
  background-color: #fff;
}
.theme-darkest .content blockquote {
  background-color: transparent;
}
.theme-alternate-1 {
  background-color: #111111;
}
.theme-alternate-1 .content p, .theme-alternate-1 .content li, .theme-alternate-1 .content strong {
  color: #ffffff;
}
.theme-alternate-1 .content hr {
  background-color: #ffffff;
  opacity: 0.5;
}
.theme-alternate-1 .content h1, .theme-alternate-1 .content h2, .theme-alternate-1 .content h3, .theme-alternate-1 .content h4, .theme-alternate-1 .content h5, .theme-alternate-1 .content h6 {
  color: #ffffff;
}
.theme-alternate-1 .content .button, .theme-alternate-1 .content button {
  background-color: #7b52a2;
  color: #ffffff;
}
.theme-alternate-1 .content a {
  color: #dddddd;
}
.theme-alternate-1 .content table thead td,
.theme-alternate-1 .content table thead th,
.theme-alternate-1 .content table td,
.theme-alternate-1 .content table th {
  color: #ffffff;
}
.theme-alternate-1 .content table th {
  background-color: #dfdfdf;
}
.theme-alternate-1 .content table tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.theme-alternate-1 .content table tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.theme-alternate-1 .content blockquote {
  background-color: transparent;
}
.theme-alternate-2 {
  background-color: #111111;
}
.theme-alternate-2 .content p, .theme-alternate-2 .content li, .theme-alternate-2 .content strong {
  color: #ffffff;
}
.theme-alternate-2 .content hr {
  background-color: #ffffff;
  opacity: 0.5;
}
.theme-alternate-2 .content h1, .theme-alternate-2 .content h2, .theme-alternate-2 .content h3, .theme-alternate-2 .content h4, .theme-alternate-2 .content h5, .theme-alternate-2 .content h6 {
  color: #ffffff;
}
.theme-alternate-2 .content .button, .theme-alternate-2 .content button {
  background-color: #7b52a2;
  color: #ffffff;
}
.theme-alternate-2 .content a {
  color: #dddddd;
}
.theme-alternate-2 .content table thead td,
.theme-alternate-2 .content table thead th,
.theme-alternate-2 .content table td,
.theme-alternate-2 .content table th {
  color: #ffffff;
}
.theme-alternate-2 .content table th {
  background-color: #dfdfdf;
}
.theme-alternate-2 .content table tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.theme-alternate-2 .content table tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.theme-alternate-2 .content blockquote {
  background-color: transparent;
}
.theme-alternate-3 {
  background-color: #111111;
}
.theme-alternate-3 .content p, .theme-alternate-3 .content li, .theme-alternate-3 .content strong {
  color: #ffffff;
}
.theme-alternate-3 .content hr {
  background-color: #ffffff;
  opacity: 0.5;
}
.theme-alternate-3 .content h1, .theme-alternate-3 .content h2, .theme-alternate-3 .content h3, .theme-alternate-3 .content h4, .theme-alternate-3 .content h5, .theme-alternate-3 .content h6 {
  color: #ffffff;
}
.theme-alternate-3 .content .button, .theme-alternate-3 .content button {
  background-color: #7b52a2;
  color: #ffffff;
}
.theme-alternate-3 .content a {
  color: #dddddd;
}
.theme-alternate-3 .content table thead td,
.theme-alternate-3 .content table thead th,
.theme-alternate-3 .content table td,
.theme-alternate-3 .content table th {
  color: #ffffff;
}
.theme-alternate-3 .content table th {
  background-color: #dfdfdf;
}
.theme-alternate-3 .content table tr:nth-of-type(odd) {
  background-color: #ffffff;
}
.theme-alternate-3 .content table tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.theme-alternate-3 .content blockquote {
  background-color: transparent;
}

/* -------------- */
/*    FOOTER      */
/* -------------- */
.footer {
  background: #e9e9e9;
}
.footer .content h2,
.footer .content h3,
.footer .content h4 {
  color: #222222;
}
.footer .content p,
.footer .content li {
  color: #222222;
}
.footer .content p a:not(.button),
.footer .content li a:not(.button) {
  color: #222222;
}
.footer .social-icon ul li a i {
  color: #222222;
}
.footer .social-icon ul li a:hover i {
  color: #222222;
}
.footer .content .button,
.footer .content button {
  color: #ffffff;
  background-color: #9aca3c;
}

:root {
  --bulma-burger-item-width: 30px;
  --bulma-burger-gap: 7px;
}

#show-modal-search {
  display: none; /* Hide search button top menu */
  font-size: 1.2rem;
  border: none;
  background-color: transparent;
  color: #333333;
}

#show-modal-search.button:focus:not(:active),
.button.is-focused:not(:active) {
  box-shadow: none;
}

.navbar {
  font-family: "Nunito", sans-serif;
}

.logo-holder {
  line-height: 0;
}

@media screen and (max-width: 768px) {
  .navbar-brand {
    padding-left: 20px;
  }
  #logo {
    height: 65px;
    margin: 10px 0;
  }
  .navbar-item img {
    max-height: 40px;
  }
  /* Animate background colour transition on MOBILE */
  .navbar-burger {
    right: 15px;
    -webkit-transition: background-color 0s ease-out 0.3s;
    -moz-transition: background-color 0s ease-out 0.3s;
    -o-transition: background-color 0s ease-out 0.3s;
    transition: background-color 0s ease-out 0.3s;
  }
  .navbar-burger.sticky-top {
    right: 5px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .navbar-brand {
    display: flex;
    justify-content: center;
  }
  #logo {
    height: 85px;
    margin: 10px 0;
  }
  .navbar-item img {
    max-height: 50px;
  }
  .navbar-burger {
    right: 35px;
    transition: transform 0.3s;
  }
  /* Animate position translation  on TABLET */
  .navbar-burger.sticky-top {
    transform: translate(20px, -10px);
  }
}
@media screen and (max-width: 1023px) {
  #show-modal-search {
    background: rgba(0, 0, 0, 0.05);
  }
  .navbar-burger {
    position: fixed;
    z-index: 10001;
    margin: 3px;
    border-radius: 2px;
    /* color: va.$navbar-link-color; */
    color: #fff;
  }
  .navbar-burger:hover {
    /* color: va.$navbar-link-color; */
    color: #fff;
  }
  .navbar-burger.sticky-top {
    background-color: rgba(255, 255, 255, 0.8);
    color: #333333;
  }
  .navbar {
    min-height: 0;
  }
  .navbar-brand {
    background: #002679;
  }
  .navbar .navbar-menu {
    display: block;
    position: fixed;
    top: 0;
    z-index: 10000;
    overflow-y: auto;
    height: 100vh;
    width: 350px;
    max-width: 80%;
    padding: 40px 50px;
    margin-left: -350px;
    -webkit-transition: margin-left 0.3s ease-out 0.2s;
    -moz-transition: margin-left 0.3s ease-out 0.2s;
    -o-transition: margin-left 0.3s ease-out 0.2s;
    transition: margin-left 0.3s ease 0.2s;
    /* background: va.$navbar-background-color; */
    background: #fff;
  }
  .navbar .navbar-menu.is-active {
    margin-left: 0;
  }
  .navbar-start {
    margin-left: 0;
  }
  .navbar-item,
  .navbar-link {
    font-size: 1rem;
    padding: 0.75rem 0;
    text-transform: uppercase;
    font-weight: 500;
    color: #333333;
  }
  a.navbar-item.is-active,
  a.navbar-link.is-active {
    font-weight: 700;
    background-color: transparent;
    color: #333333;
    padding-left: 20px;
    border-left: solid 3px #9aca3c;
  }
  a.navbar-item:hover {
    background-color: transparent;
    color: #333333;
  }
  .navbar-item.has-dropdown {
    padding: 0.5rem 0;
  }
  .navbar-link:not(.is-arrowless)::after {
    display: none; /* Hide the down arrow */
  }
  .navbar-dropdown {
    font-size: 1rem;
  }
  .navbar-dropdown .navbar-item {
    text-transform: none;
    border-left: solid 2px #9aca3c;
  }
  #opaque-mask {
    position: fixed;
    z-index: 5;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 0;
    -webkit-transition: height 0.1s ease 0.1s;
    -moz-transition: height 0.1s ease 0.1s;
    -o-transition: height 0.1s ease 0.1s;
    transition: height 0.1s ease 0.1s;
  }
  #opaque-mask.show {
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  /* Initially hide the navigation items to avoid FOUC. Once fonmts loaded (checked in JS)
     then display the navigation bar items. */
  .navbar-start .navbar-item,
  .navbar-start .navbar-link {
    opacity: 0;
  }
  .fonts-loaded .navbar-start .navbar-item,
  .fonts-loaded .navbar-start .navbar-link {
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    transition-property: opacity;
    opacity: 1;
  }
  /* END avoid FOUC */
  .navbar {
    position: fixed;
    z-index: 1001;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    /* padding: 10px 0; */
    min-height: auto;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.02), 0 2px 2px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.02), 0 6px 6px rgba(0, 0, 0, 0.02), 0 10px 10px rgba(0, 0, 0, 0.02);
  }
  .navbar-menu {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .navbar-brand {
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    height: 125px;
    min-height: 0;
    -webkit-transition: height 0.2s ease 0.1s, margin-bottom 0.2s ease 0.1s;
    -moz-transition: height 0.2s ease 0.1s, margin-bottom 0.2s ease 0.1s;
    -o-transition: height 0.2s ease 0.1s, margin-bottom 0.2s ease 0.1s;
    transition: height 0.2s ease 0.1s, margin-bottom 0.2s ease 0.1s;
    background: #002679;
  }
  .navbar-brand img {
    height: 100px;
    -webkit-transition: height 0.2s ease 0.1s;
    -moz-transition: height 0.2s ease 0.1s;
    -o-transition: height 0.2s ease 0.1s;
    transition: height 0.2s ease 0.1s;
  }
  .navbar.sticky-top .navbar-brand,
  .navbar.sticky-top .navbar-brand img {
    height: 0;
  }
  .navbar.sticky-top .navbar-brand {
    margin-bottom: 0;
  }
  .navbar-start {
    justify-content: center;
    width: 100%;
  }
  .navbar-item,
  .navbar-link {
    align-self: center;
    padding: 0.5rem 1.4rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.1s;
    color: #333333;
  }
  .navbar.sticky-top .navbar-item,
  .navbar.sticky-top .navbar-link {
    height: 50px;
    max-height: 50px;
  }
  a.navbar-link.is-active,
  a.navbar-item.is-active,
  a.navbar-item.is-active:not(:focus):not(:hover),
  a.navbar-link.is-active:not(:focus):not(:hover) {
    color: #ffffff;
    background-color: #9aca3c;
  }
  a.navbar-link:focus,
  a.navbar-link:focus-within,
  a.navbar-link:hover,
  a.navbar-item:focus,
  a.navbar-item:focus-within,
  a.navbar-item:hover {
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #333333;
    /* background-color: va.$navbar-background-color; */
  }
  a.navbar-item.is-active:hover,
  a.navbar-link.is-active:hover {
    color: #ffffff;
    /* background-color: va.$navbar-active-link-background-color; */
  }
  /* Dropdown */
  .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar-item.has-dropdown:focus .navbar-link,
  .navbar-item.has-dropdown:hover .navbar-link {
    background-color: transparent;
  }
  .navbar-item.has-dropdown:hover .navbar-link.is-active {
    background-color: #9aca3c;
  }
  /* Dropdown Arrow */
  .navbar-link:not(.is-arrowless)::after {
    border-color: #333333;
  }
  .has-dropdown:hover a.navbar-link.navbar-link:not(.is-arrowless)::after {
    border-color: #ffffff;
  }
  .has-dropdown:hover a.navbar-link.navbar-link:not(.is-arrowless):not(.is-active)::after {
    border-color: #333333;
  }
  a.navbar-link.navbar-link:not(.is-arrowless).is-active::after {
    border-color: #ffffff;
  }
  .has-dropdown .navbar-link:not(.is-arrowless):hover {
    background: transparent;
  }
  /* Sub links */
  .navbar-dropdown {
    border-top: 0;
    background-color: #f5f5f5;
  }
  .navbar-dropdown .navbar-item {
    font-size: 0.95rem;
    border-left: solid 5px transparent;
    border-radius: 0;
    height: auto !important;
    max-height: none !important;
    color: #333333;
  }
  .navbar-dropdown a.navbar-item:hover {
    background-color: transparent;
    border-left: solid 5px #9aca3c;
    color: #333333;
  }
  .navbar-dropdown a.navbar-item.is-active:hover {
    background-color: transparent;
    border-left: solid 5px #9aca3c;
    color: #333333;
  }
  .navbar-dropdown .navbar-item.is-active:not(:focus):not(:hover) {
    background-color: transparent;
    border-left: solid 5px #9aca3c;
    color: #333333;
  }
  .navbar-end {
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .navbar-dropdown {
    /* Replaces 'display: none' from Bulma */
    display: block;
    opacity: 0;
    top: 110%;
    pointer-events: none;
    border-radius: 6px;
  }
  .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
    opacity: 1;
    top: 100%;
    pointer-events: auto;
  }
  /* Add the transitions to the CSS after page is loaded otherwise when initially loaded can get
  a weird effect of the elements de-transitioning to initial starting point. By adding after page
  fully loaded, avoid this */
  .vb-navbar-add-transition {
    -moz-transition-duration: 0.75s;
    -o-transition-duration: 0.75s;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
  }
  .vb-navbar-brand-image-add-transition {
    -moz-transition-duration: 0.75s;
    -o-transition-duration: 0.75s;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
  }
  .vb-navbar-dropdown-add-transition {
    transition-property: opacity, top;
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0s, 0s;
  }
}
@media screen and (min-width: 1216px) {
  a.navbar-item,
  a.navbar-link {
    padding: 0.5rem 1.75rem;
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 1408px) {
  a.navbar-item,
  a.navbar-link {
    padding: 0.5rem 1.85rem;
    font-size: 0.95rem;
  }
}
.industry {
  max-width: 1000px;
  margin: 0 auto;
}
.industry a {
  display: inline-block;
}
.industry img {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 22px;
}
.industry img.landscape {
  width: 175px;
}
.industry img.landscape-wide-short {
  width: 185px;
}
.industry img.square {
  width: 115px;
}
.industry img.portrait {
  width: 115px;
}
.industry img.portrait-narrow-tall {
  width: 95px;
}
.industry img.grayscale {
  filter: grayscale(100%) brightness(1) contrast(1) opacity(0.8);
  transition: all 0.2s ease-in-out;
}
.industry img.grayscale:hover,
.industry img.grayscale.high-contrast:hover {
  filter: grayscale(0%) brightness(1) contrast(1) opacity(1);
  scale: 1.05;
}

#page-loader {
  display: block;
  position: absolute;
  z-index: 1004;
  width: 100%;
  top: 0;
  height: 5px;
  background: transparent;
}
#page-loader.hide-loader {
  display: none;
}
#page-loader #inner-page-loader {
  position: absolute;
  background-color: #e9e9e9;
  width: 0px;
  height: 5px;
  animation: progress 1.5s infinite linear;
}
@keyframes progress {
  0% {
    width: 0%;
  }
  25% {
    width: 50%;
  }
  50% {
    width: 75%;
  }
  75% {
    width: 85%;
  }
  100% {
    width: 100%;
  }
}

.preloader-section-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: #ffffff;
}
.preloader-section-mask .preloader-section {
  display: block;
  position: relative;
  top: 40%;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background-color: #cccccc;
  border-radius: 100%;
  -webkit-animation: preloader-scaleout 1s infinite ease-in-out;
  animation: preloader-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes preloader-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes preloader-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.preloader-section-mask.mask-fade-out {
  animation: mask-fade-out ease 1.25s;
  -webkit-animation: mask-fade-out ease 1.25s;
  -moz-animation: mask-fade-out ease 1.25s;
  -o-animation: mask-fade-out ease 1.25s;
  -ms-animation: mask-fade-out ease 1.25s;
  animation-fill-mode: forwards;
  pointer-events: none;
  animation-delay: 0.75s;
}
@keyframes mask-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes mask-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Used to have it so woul dhave a fade-in of the whole section before the fade in of the gsap-element-wrapper elements. */
/* Simplified now though and don't fade in the sections (.use-gsap class). */
/* These are the elements where the individual animations are applied (including a fade-in) */
.gsap-element-wrapper {
  opacity: 0.01;
}

/* Set the animation positions to the default when viewed in the editor */
.cms-editor-active .gsap-element-wrapper {
  opacity: 1 !important;
  transform: translateX(0) !important;
  transform: translateY(0) !important;
  scale: 1 !important;
}

/* --- ANIMATION START POSITION DEFAULTS --- */
[data-gsap-animation-name=slide-in-from-left] {
  transform: translateX(-20px);
}

[data-gsap-animation-name=slide-in-from-right] {
  transform: translateX(20px);
}

[data-gsap-animation-name=slide-up-from-bottom] {
  transform: translateY(20px);
}

[data-gsap-animation-name=slide-up-from-bottom-no-scrolltrigger] {
  transform: translateY(20px);
}

[data-gsap-animation-name=slide-down-from-top] {
  transform: translateY(-20px);
}

[data-gsap-animation-name=scale-up] {
  scale: 0.6;
}

/* Only when NOT single column display, allow the alternating left/right of image vs text */
@media screen and (min-width: 769px) {
  .vb-reverse-column-order {
    display: flex;
    flex-direction: row-reverse;
  }
}

.column:has(.fancy-corner-box) {
  position: relative;
}

.fancy-corner-box {
  position: absolute;
  height: 50px;
  width: 50px;
}
.fancy-corner-box span {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-left: solid 1px #666;
  border-top: solid 1px #666;
}
.fancy-corner-box.top-left {
  top: 0;
  left: 0;
}
.fancy-corner-box.top-right {
  top: 0;
  right: 0;
}
.fancy-corner-box.top-right span {
  transform: rotate(90deg);
}
.fancy-corner-box.bottom-left {
  bottom: 0;
  left: 0;
}
.fancy-corner-box.bottom-left span {
  transform: rotate(-90deg);
}
.fancy-corner-box.bottom-right {
  bottom: 0;
  right: 0;
}
.fancy-corner-box.bottom-right span {
  transform: rotate(-180deg);
}
.fancy-corner-box.large {
  height: 80px;
  width: 80px;
}
.fancy-corner-box.large.top-left {
  top: var(--bulma-column-gap);
  left: var(--bulma-column-gap);
}
.fancy-corner-box.large.top-right {
  top: var(--bulma-column-gap);
  right: var(--bulma-column-gap);
}
.fancy-corner-box.large.bottom-left {
  bottom: var(--bulma-column-gap);
  left: var(--bulma-column-gap);
}
.fancy-corner-box.large.bottom-right {
  bottom: var(--bulma-column-gap);
  right: var(--bulma-column-gap);
}

.marginless {
  margin: 0 !important;
}

.paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

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

.mr-auto {
  margin-right: auto !important;
}

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

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

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

.pr-auto {
  padding-right: auto !important;
}

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

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

@media screen and (max-width: 768px) {
  .mt-0-mobile {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-0-tablet {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .mt-0-touch {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-0-desktop {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .mt-0-widescreen {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .mt-0-fullhd {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .mr-0-mobile {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-0-tablet {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .mr-0-touch {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-0-desktop {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .mr-0-widescreen {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .mr-0-fullhd {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .mb-0-mobile {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-0-tablet {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .mb-0-touch {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-0-desktop {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .mb-0-widescreen {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .mb-0-fullhd {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .ml-0-mobile {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-0-tablet {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .ml-0-touch {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-0-desktop {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .ml-0-widescreen {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .ml-0-fullhd {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .mx-0-mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-0-tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .mx-0-touch {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-0-desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .mx-0-widescreen {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .mx-0-fullhd {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .my-0-mobile {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-0-tablet {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .my-0-touch {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-0-desktop {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .my-0-widescreen {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .my-0-fullhd {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .mt-1-mobile {
    margin-top: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-1-tablet {
    margin-top: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mt-1-touch {
    margin-top: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-1-desktop {
    margin-top: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mt-1-widescreen {
    margin-top: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mt-1-fullhd {
    margin-top: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mr-1-mobile {
    margin-right: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-1-tablet {
    margin-right: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mr-1-touch {
    margin-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-1-desktop {
    margin-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mr-1-widescreen {
    margin-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mr-1-fullhd {
    margin-right: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mb-1-mobile {
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-1-tablet {
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mb-1-touch {
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-1-desktop {
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mb-1-widescreen {
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mb-1-fullhd {
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .ml-1-mobile {
    margin-left: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-1-tablet {
    margin-left: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .ml-1-touch {
    margin-left: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-1-desktop {
    margin-left: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .ml-1-widescreen {
    margin-left: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .ml-1-fullhd {
    margin-left: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mx-1-mobile {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-1-tablet {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mx-1-touch {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-1-desktop {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mx-1-widescreen {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mx-1-fullhd {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .my-1-mobile {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-1-tablet {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .my-1-touch {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-1-desktop {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .my-1-widescreen {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .my-1-fullhd {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mt-2-mobile {
    margin-top: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-2-tablet {
    margin-top: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mt-2-touch {
    margin-top: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-2-desktop {
    margin-top: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mt-2-widescreen {
    margin-top: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mt-2-fullhd {
    margin-top: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mr-2-mobile {
    margin-right: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-2-tablet {
    margin-right: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mr-2-touch {
    margin-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-2-desktop {
    margin-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mr-2-widescreen {
    margin-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mr-2-fullhd {
    margin-right: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mb-2-mobile {
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-2-tablet {
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mb-2-touch {
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-2-desktop {
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mb-2-widescreen {
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mb-2-fullhd {
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .ml-2-mobile {
    margin-left: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-2-tablet {
    margin-left: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .ml-2-touch {
    margin-left: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-2-desktop {
    margin-left: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .ml-2-widescreen {
    margin-left: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .ml-2-fullhd {
    margin-left: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mx-2-mobile {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-2-tablet {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mx-2-touch {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-2-desktop {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mx-2-widescreen {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mx-2-fullhd {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .my-2-mobile {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-2-tablet {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .my-2-touch {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-2-desktop {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .my-2-widescreen {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .my-2-fullhd {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mt-3-mobile {
    margin-top: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-3-tablet {
    margin-top: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mt-3-touch {
    margin-top: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-3-desktop {
    margin-top: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mt-3-widescreen {
    margin-top: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mt-3-fullhd {
    margin-top: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mr-3-mobile {
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-3-tablet {
    margin-right: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mr-3-touch {
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-3-desktop {
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mr-3-widescreen {
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mr-3-fullhd {
    margin-right: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mb-3-mobile {
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-3-tablet {
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mb-3-touch {
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-3-desktop {
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mb-3-widescreen {
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mb-3-fullhd {
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .ml-3-mobile {
    margin-left: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-3-tablet {
    margin-left: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .ml-3-touch {
    margin-left: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-3-desktop {
    margin-left: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .ml-3-widescreen {
    margin-left: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .ml-3-fullhd {
    margin-left: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mx-3-mobile {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-3-tablet {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mx-3-touch {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-3-desktop {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mx-3-widescreen {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mx-3-fullhd {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .my-3-mobile {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-3-tablet {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .my-3-touch {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-3-desktop {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .my-3-widescreen {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .my-3-fullhd {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mt-4-mobile {
    margin-top: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-4-tablet {
    margin-top: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mt-4-touch {
    margin-top: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-4-desktop {
    margin-top: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mt-4-widescreen {
    margin-top: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mt-4-fullhd {
    margin-top: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mr-4-mobile {
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-4-tablet {
    margin-right: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mr-4-touch {
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-4-desktop {
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mr-4-widescreen {
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mr-4-fullhd {
    margin-right: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mb-4-mobile {
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-4-tablet {
    margin-bottom: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mb-4-touch {
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-4-desktop {
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mb-4-widescreen {
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mb-4-fullhd {
    margin-bottom: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .ml-4-mobile {
    margin-left: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-4-tablet {
    margin-left: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .ml-4-touch {
    margin-left: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-4-desktop {
    margin-left: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .ml-4-widescreen {
    margin-left: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .ml-4-fullhd {
    margin-left: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mx-4-mobile {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-4-tablet {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mx-4-touch {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-4-desktop {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mx-4-widescreen {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mx-4-fullhd {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .my-4-mobile {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-4-tablet {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .my-4-touch {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-4-desktop {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .my-4-widescreen {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .my-4-fullhd {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mt-5-mobile {
    margin-top: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-5-tablet {
    margin-top: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mt-5-touch {
    margin-top: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-5-desktop {
    margin-top: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mt-5-widescreen {
    margin-top: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mt-5-fullhd {
    margin-top: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mr-5-mobile {
    margin-right: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-5-tablet {
    margin-right: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mr-5-touch {
    margin-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-5-desktop {
    margin-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mr-5-widescreen {
    margin-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mr-5-fullhd {
    margin-right: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mb-5-mobile {
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-5-tablet {
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mb-5-touch {
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-5-desktop {
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mb-5-widescreen {
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mb-5-fullhd {
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .ml-5-mobile {
    margin-left: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-5-tablet {
    margin-left: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .ml-5-touch {
    margin-left: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-5-desktop {
    margin-left: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .ml-5-widescreen {
    margin-left: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .ml-5-fullhd {
    margin-left: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mx-5-mobile {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-5-tablet {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mx-5-touch {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-5-desktop {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mx-5-widescreen {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mx-5-fullhd {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .my-5-mobile {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-5-tablet {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .my-5-touch {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-5-desktop {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .my-5-widescreen {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .my-5-fullhd {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mt-6-mobile {
    margin-top: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-6-tablet {
    margin-top: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mt-6-touch {
    margin-top: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-6-desktop {
    margin-top: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mt-6-widescreen {
    margin-top: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mt-6-fullhd {
    margin-top: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mr-6-mobile {
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-6-tablet {
    margin-right: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mr-6-touch {
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-6-desktop {
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mr-6-widescreen {
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mr-6-fullhd {
    margin-right: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mb-6-mobile {
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-6-tablet {
    margin-bottom: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mb-6-touch {
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-6-desktop {
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mb-6-widescreen {
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mb-6-fullhd {
    margin-bottom: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .ml-6-mobile {
    margin-left: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-6-tablet {
    margin-left: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .ml-6-touch {
    margin-left: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-6-desktop {
    margin-left: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .ml-6-widescreen {
    margin-left: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .ml-6-fullhd {
    margin-left: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mx-6-mobile {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-6-tablet {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .mx-6-touch {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-6-desktop {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .mx-6-widescreen {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .mx-6-fullhd {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .my-6-mobile {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-6-tablet {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .my-6-touch {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-6-desktop {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .my-6-widescreen {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .my-6-fullhd {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .mt-auto-mobile {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-auto-tablet {
    margin-top: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .mt-auto-touch {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-auto-desktop {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .mt-auto-widescreen {
    margin-top: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .mt-auto-fullhd {
    margin-top: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .mr-auto-mobile {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-auto-tablet {
    margin-right: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .mr-auto-touch {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-auto-desktop {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .mr-auto-widescreen {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .mr-auto-fullhd {
    margin-right: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .mb-auto-mobile {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-auto-tablet {
    margin-bottom: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .mb-auto-touch {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-auto-desktop {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .mb-auto-widescreen {
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .mb-auto-fullhd {
    margin-bottom: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .ml-auto-mobile {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-auto-tablet {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .ml-auto-touch {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-auto-desktop {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .ml-auto-widescreen {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .ml-auto-fullhd {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .mx-auto-mobile {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-auto-tablet {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .mx-auto-touch {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-auto-desktop {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .mx-auto-widescreen {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .mx-auto-fullhd {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .my-auto-mobile {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-auto-tablet {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .my-auto-touch {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-auto-desktop {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .my-auto-widescreen {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .my-auto-fullhd {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .pt-0-mobile {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-0-tablet {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .pt-0-touch {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-0-desktop {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .pt-0-widescreen {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .pt-0-fullhd {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .pr-0-mobile {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-0-tablet {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .pr-0-touch {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-0-desktop {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .pr-0-widescreen {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .pr-0-fullhd {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-0-mobile {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-0-tablet {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .pb-0-touch {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-0-desktop {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .pb-0-widescreen {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .pb-0-fullhd {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .pl-0-mobile {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-0-tablet {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .pl-0-touch {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-0-desktop {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .pl-0-widescreen {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .pl-0-fullhd {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .px-0-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-0-tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .px-0-touch {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-0-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .px-0-widescreen {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .px-0-fullhd {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .py-0-mobile {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-0-tablet {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .py-0-touch {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-0-desktop {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1216px) {
  .py-0-widescreen {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1408px) {
  .py-0-fullhd {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .pt-1-mobile {
    padding-top: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-1-tablet {
    padding-top: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pt-1-touch {
    padding-top: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-1-desktop {
    padding-top: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pt-1-widescreen {
    padding-top: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pt-1-fullhd {
    padding-top: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pr-1-mobile {
    padding-right: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-1-tablet {
    padding-right: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pr-1-touch {
    padding-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-1-desktop {
    padding-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pr-1-widescreen {
    padding-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pr-1-fullhd {
    padding-right: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-1-mobile {
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-1-tablet {
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pb-1-touch {
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-1-desktop {
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pb-1-widescreen {
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pb-1-fullhd {
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pl-1-mobile {
    padding-left: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-1-tablet {
    padding-left: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pl-1-touch {
    padding-left: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-1-desktop {
    padding-left: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pl-1-widescreen {
    padding-left: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pl-1-fullhd {
    padding-left: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .px-1-mobile {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-1-tablet {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .px-1-touch {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-1-desktop {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .px-1-widescreen {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .px-1-fullhd {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .py-1-mobile {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-1-tablet {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .py-1-touch {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-1-desktop {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .py-1-widescreen {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .py-1-fullhd {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pt-2-mobile {
    padding-top: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-2-tablet {
    padding-top: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pt-2-touch {
    padding-top: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-2-desktop {
    padding-top: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pt-2-widescreen {
    padding-top: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pt-2-fullhd {
    padding-top: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pr-2-mobile {
    padding-right: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-2-tablet {
    padding-right: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pr-2-touch {
    padding-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-2-desktop {
    padding-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pr-2-widescreen {
    padding-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pr-2-fullhd {
    padding-right: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-2-mobile {
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-2-tablet {
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pb-2-touch {
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-2-desktop {
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pb-2-widescreen {
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pb-2-fullhd {
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pl-2-mobile {
    padding-left: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-2-tablet {
    padding-left: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pl-2-touch {
    padding-left: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-2-desktop {
    padding-left: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pl-2-widescreen {
    padding-left: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pl-2-fullhd {
    padding-left: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .px-2-mobile {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-2-tablet {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .px-2-touch {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-2-desktop {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .px-2-widescreen {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .px-2-fullhd {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .py-2-mobile {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-2-tablet {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .py-2-touch {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-2-desktop {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .py-2-widescreen {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .py-2-fullhd {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pt-3-mobile {
    padding-top: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-3-tablet {
    padding-top: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pt-3-touch {
    padding-top: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-3-desktop {
    padding-top: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pt-3-widescreen {
    padding-top: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pt-3-fullhd {
    padding-top: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pr-3-mobile {
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-3-tablet {
    padding-right: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pr-3-touch {
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-3-desktop {
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pr-3-widescreen {
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pr-3-fullhd {
    padding-right: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-3-mobile {
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-3-tablet {
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pb-3-touch {
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-3-desktop {
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pb-3-widescreen {
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pb-3-fullhd {
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pl-3-mobile {
    padding-left: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-3-tablet {
    padding-left: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pl-3-touch {
    padding-left: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-3-desktop {
    padding-left: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pl-3-widescreen {
    padding-left: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pl-3-fullhd {
    padding-left: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .px-3-mobile {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-3-tablet {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .px-3-touch {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-3-desktop {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .px-3-widescreen {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .px-3-fullhd {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .py-3-mobile {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-3-tablet {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .py-3-touch {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-3-desktop {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .py-3-widescreen {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .py-3-fullhd {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pt-4-mobile {
    padding-top: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-4-tablet {
    padding-top: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pt-4-touch {
    padding-top: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-4-desktop {
    padding-top: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pt-4-widescreen {
    padding-top: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pt-4-fullhd {
    padding-top: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pr-4-mobile {
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-4-tablet {
    padding-right: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pr-4-touch {
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-4-desktop {
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pr-4-widescreen {
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pr-4-fullhd {
    padding-right: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-4-mobile {
    padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-4-tablet {
    padding-bottom: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pb-4-touch {
    padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-4-desktop {
    padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pb-4-widescreen {
    padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pb-4-fullhd {
    padding-bottom: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pl-4-mobile {
    padding-left: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-4-tablet {
    padding-left: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pl-4-touch {
    padding-left: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-4-desktop {
    padding-left: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pl-4-widescreen {
    padding-left: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pl-4-fullhd {
    padding-left: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .px-4-mobile {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-4-tablet {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .px-4-touch {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-4-desktop {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .px-4-widescreen {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .px-4-fullhd {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .py-4-mobile {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-4-tablet {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .py-4-touch {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-4-desktop {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .py-4-widescreen {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .py-4-fullhd {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pt-5-mobile {
    padding-top: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-5-tablet {
    padding-top: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pt-5-touch {
    padding-top: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-5-desktop {
    padding-top: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pt-5-widescreen {
    padding-top: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pt-5-fullhd {
    padding-top: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pr-5-mobile {
    padding-right: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-5-tablet {
    padding-right: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pr-5-touch {
    padding-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-5-desktop {
    padding-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pr-5-widescreen {
    padding-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pr-5-fullhd {
    padding-right: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-5-mobile {
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-5-tablet {
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pb-5-touch {
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-5-desktop {
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pb-5-widescreen {
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pb-5-fullhd {
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pl-5-mobile {
    padding-left: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-5-tablet {
    padding-left: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pl-5-touch {
    padding-left: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-5-desktop {
    padding-left: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pl-5-widescreen {
    padding-left: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pl-5-fullhd {
    padding-left: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .px-5-mobile {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-5-tablet {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .px-5-touch {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-5-desktop {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .px-5-widescreen {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .px-5-fullhd {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .py-5-mobile {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-5-tablet {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .py-5-touch {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-5-desktop {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .py-5-widescreen {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .py-5-fullhd {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pt-6-mobile {
    padding-top: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-6-tablet {
    padding-top: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pt-6-touch {
    padding-top: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-6-desktop {
    padding-top: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pt-6-widescreen {
    padding-top: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pt-6-fullhd {
    padding-top: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pr-6-mobile {
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-6-tablet {
    padding-right: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pr-6-touch {
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-6-desktop {
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pr-6-widescreen {
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pr-6-fullhd {
    padding-right: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-6-mobile {
    padding-bottom: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-6-tablet {
    padding-bottom: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pb-6-touch {
    padding-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-6-desktop {
    padding-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pb-6-widescreen {
    padding-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pb-6-fullhd {
    padding-bottom: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pl-6-mobile {
    padding-left: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-6-tablet {
    padding-left: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .pl-6-touch {
    padding-left: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-6-desktop {
    padding-left: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .pl-6-widescreen {
    padding-left: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .pl-6-fullhd {
    padding-left: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .px-6-mobile {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-6-tablet {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .px-6-touch {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-6-desktop {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .px-6-widescreen {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .px-6-fullhd {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .py-6-mobile {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-6-tablet {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .py-6-touch {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-6-desktop {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .py-6-widescreen {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .py-6-fullhd {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}
@media screen and (max-width: 768px) {
  .pt-auto-mobile {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-auto-tablet {
    padding-top: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .pt-auto-touch {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-auto-desktop {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .pt-auto-widescreen {
    padding-top: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .pt-auto-fullhd {
    padding-top: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .pr-auto-mobile {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-auto-tablet {
    padding-right: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .pr-auto-touch {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-auto-desktop {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .pr-auto-widescreen {
    padding-right: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .pr-auto-fullhd {
    padding-right: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-auto-mobile {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-auto-tablet {
    padding-bottom: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .pb-auto-touch {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-auto-desktop {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .pb-auto-widescreen {
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .pb-auto-fullhd {
    padding-bottom: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .pl-auto-mobile {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-auto-tablet {
    padding-left: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .pl-auto-touch {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-auto-desktop {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .pl-auto-widescreen {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .pl-auto-fullhd {
    padding-left: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .px-auto-mobile {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-auto-tablet {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .px-auto-touch {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-auto-desktop {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .px-auto-widescreen {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .px-auto-fullhd {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .py-auto-mobile {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-auto-tablet {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .py-auto-touch {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-auto-desktop {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1216px) {
  .py-auto-widescreen {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
@media screen and (min-width: 1408px) {
  .py-auto-fullhd {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}
.editor-content {
  display: none;
}

.cms-editor-active .editor-content {
  display: block;
  padding: 5px 10px;
  background-color: cornsilk;
  color: #555;
}

.cms-editor-active .hide-content-in-editor {
  display: none !important;
}

#screen-size-indicator {
  position: fixed;
  z-index: 1005;
  top: 0;
  right: 0;
  background: orange;
  padding: 2px;
  font-size: 0.9rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #screen-size-indicator .indicator-small {
    display: inline-block;
  }
  #screen-size-indicator .indicator-medium,
  #screen-size-indicator .indicator-large {
    display: none;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  #screen-size-indicator .indicator-medium {
    display: inline-block;
  }
  #screen-size-indicator .indicator-small,
  #screen-size-indicator .indicator-large {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  #screen-size-indicator .indicator-large {
    display: inline-block;
  }
  #screen-size-indicator .indicator-small,
  #screen-size-indicator .indicator-medium {
    display: none;
  }
}

/*# sourceMappingURL=main.css.map */