/*!
	Theme Name: Showee
	Description: Showee custom theme.
	Version: 1.0
	Author: Showee
	Author URI: https://showee.es
	Tags: HTML5, CSS3, responsive, javascript, accessible
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
@font-face {
    font-display: swap;
    font-family: Libre Franklin;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/Roboto-Condensed.eot);
    src: local("Libre Franklin"), url(assets/fonts/Roboto-Condensed.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Roboto-Condensed.svg#RobotoCondensed) format("svg"), url(assets/fonts/Roboto-Condensed.woff2) format("woff2"), url(assets/fonts/Roboto-Condensed.woff) format("woff"), url(assets/fonts/Roboto-Condensed.ttf) format("truetype")
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.file-cta,
.file-name,
.input,
.select select,
.textarea {
    align-items: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding: calc(.5em - 1px) calc(.75em - 1px);
    position: relative;
    vertical-align: top
}

.file-cta:active,
.file-cta:focus,
.file-name:active,
.file-name:focus,
.input:active,
.input:focus,
.is-active.file-cta,
.is-active.file-name,
.is-active.input,
.is-active.textarea,
.is-focused.file-cta,
.is-focused.file-name,
.is-focused.input,
.is-focused.textarea,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
    outline: none
}

.select fieldset[disabled] select,
.select select[disabled],
[disabled].file-cta,
[disabled].file-name,
[disabled].input,
[disabled].textarea,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .input,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
    cursor: not-allowed
}

.file,
.is-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select:not(.is-multiple):not(.is-loading):after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: .625em
}

.level:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child) {
    margin-bottom: 1.5rem
}

.control.is-loading:after,
.select.is-loading:after {
    animation: spinAround .5s linear infinite;
    border-color: transparent transparent #dbdbdb #dbdbdb;
    border-radius: 9999px;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em
}

.is-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#home-tabs .invisible,
#home-tabs .tab-images img,
#search-container,
.about-slider button,
.js-tabcontent[aria-hidden=true],
.product-slider .slick-dots button .slick-sr-only,
.testimonial-slider .slick-dots button .slick-sr-only {
    height: 1px;
    left: -1000rem;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: auto;
    transition: all .3s ease-in-out;
    width: 1px
}

#home-tabs .tab-images img.is-visible,
#search-container.is-visible,
.about-slider button:focus {
    height: auto;
    opacity: 1;
    position: static;
    width: auto
}

#home-tabs .js-tablist li a:after,
.article-content blockquote:after,
.article-content blockquote:before,
.button--secondary:after,
.has-tooltip:after,
.main-menu>li>a:after,
.show-hide-text .extract:before,
.timeline li .text:before,
.timeline li:after,
.timeline li:before {
    content: "";
    display: block;
    position: absolute
}

.lang-menu li,
.main-menu>li {
    color: #2a2a2a;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase
}

#home-tabs .js-tablist li a:after,
.main-menu>li>a:after {
    border-radius: 10rem;
    bottom: 0;
    height: .2rem;
    transform: scale(0);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    width: 100%;
    z-index: 1
}

#home-tabs .js-tablist li a:hover:after,
#home-tabs .js-tablist li a[aria-selected=true]:after,
.main-menu>li.current-menu-item a:after,
.main-menu>li>a:hover:after {
    transform: scale(1)
}

.button--form,
.button--primary,
.button--secondary,
.tpl-compatibilidad .button,
body.single .button {
    align-items: center;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    text-align: center;
    text-decoration-color: transparent;
    text-transform: uppercase;
    white-space: nowrap
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.table {
    background-color: #fff;
    color: #363636
}

.table td,
.table th {
    border: solid #d8dad9;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: top
}

.table td.is-white,
.table th.is-white {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

.table td.is-black,
.table th.is-black {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.table td.is-light,
.table th.is-light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.table td.is-dark,
.table th.is-dark {
    background-color: #363636;
    border-color: #363636;
    color: #fff
}

.table td.is-primary,
.table th.is-primary {
    background-color: #00d1b2;
    border-color: #00d1b2;
    color: #fff
}

.table td.is-link,
.table th.is-link {
    background-color: #485fc7;
    border-color: #485fc7;
    color: #fff
}

.table td.is-info,
.table th.is-info {
    background-color: #3e8ed0;
    border-color: #3e8ed0;
    color: #fff
}

.table td.is-success,
.table th.is-success {
    background-color: #48c78e;
    border-color: #48c78e;
    color: #fff
}

.table td.is-warning,
.table th.is-warning {
    background-color: #ffe08a;
    border-color: #ffe08a;
    color: rgba(0, 0, 0, .7)
}

.table td.is-danger,
.table th.is-danger {
    background-color: #2196F3;
    border-color: #2196F3;
    color: #fff
}

.table td.is-narrow,
.table th.is-narrow {
    white-space: nowrap;
    width: 1%
}

.table td.is-selected,
.table th.is-selected {
    background-color: #00d1b2;
    color: #fff
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
    color: currentColor
}

.table td.is-vcentered,
.table th.is-vcentered {
    vertical-align: middle
}

.table th {
    color: #363636
}

.table th:not([align]) {
    text-align: left
}

.table tr.is-selected {
    background-color: #00d1b2;
    color: #fff
}

.table tr.is-selected a,
.table tr.is-selected strong {
    color: currentColor
}

.table tr.is-selected td,
.table tr.is-selected th {
    border-color: #fff;
    color: currentColor
}

.table thead {
    background-color: transparent
}

.table thead td,
.table thead th {
    border-width: 0 0 2px;
    color: #363636
}

.table tfoot {
    background-color: transparent
}

.table tfoot td,
.table tfoot th {
    border-width: 2px 0 0;
    color: #363636
}

.table tbody {
    background-color: transparent
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom-width: 0
}

.table.is-bordered td,
.table.is-bordered th {
    border-width: 1px
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
    border-bottom-width: 1px
}

.table.is-fullwidth {
    width: 100%
}

.table.is-hoverable tbody tr:not(.is-selected):hover,
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover,
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
    background-color: #eee8e8
}

.table.is-narrow td,
.table.is-narrow th {
    padding: .25em .5em
}

.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: #eee8e8
}

.table-container {
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    overflow: auto;
    overflow-y: hidden
}

.input,
.select select,
.textarea {
    background-color: #eee8e8;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #2a2a2a
}

.input::-moz-placeholder,
.select select::-moz-placeholder,
.textarea::-moz-placeholder {
    color: rgba(55, 57, 56, .3)
}

.input::-webkit-input-placeholder,
.select select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: rgba(55, 57, 56, .3)
}

.input:-moz-placeholder,
.select select:-moz-placeholder,
.textarea:-moz-placeholder {
    color: rgba(55, 57, 56, .3)
}

.input:-ms-input-placeholder,
.select select:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: rgba(55, 57, 56, .3)
}

.input:hover,
.is-hovered.input,
.is-hovered.textarea,
.select select.is-hovered,
.select select:hover,
.textarea:hover {
    border-color: #b5b5b5
}

.input:active,
.input:focus,
.is-active.input,
.is-active.textarea,
.is-focused.input,
.is-focused.textarea,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
    border-color: #485fc7;
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.select fieldset[disabled] select,
.select select[disabled],
[disabled].input,
[disabled].textarea,
fieldset[disabled] .input,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: none;
    color: #7a7a7a
}

.select fieldset[disabled] select::-moz-placeholder,
.select select[disabled]::-moz-placeholder,
[disabled].input::-moz-placeholder,
[disabled].textarea::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
    color: hsla(0, 0%, 48%, .3)
}

.select fieldset[disabled] select::-webkit-input-placeholder,
.select select[disabled]::-webkit-input-placeholder,
[disabled].input::-webkit-input-placeholder,
[disabled].textarea::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 48%, .3)
}

.select fieldset[disabled] select:-moz-placeholder,
.select select[disabled]:-moz-placeholder,
[disabled].input:-moz-placeholder,
[disabled].textarea:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
    color: hsla(0, 0%, 48%, .3)
}

.select fieldset[disabled] select:-ms-input-placeholder,
.select select[disabled]:-ms-input-placeholder,
[disabled].input:-ms-input-placeholder,
[disabled].textarea:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 48%, .3)
}

.input,
.textarea {
    box-shadow: inset 0 .0625em .125em rgba(0, 0, 0, .05);
    max-width: 100%;
    width: 100%
}

[readonly].input,
[readonly].textarea {
    box-shadow: none
}

.is-white.input,
.is-white.textarea {
    border-color: #fff
}

.is-white.input:active,
.is-white.input:focus,
.is-white.is-active.input,
.is-white.is-active.textarea,
.is-white.is-focused.input,
.is-white.is-focused.textarea,
.is-white.textarea:active,
.is-white.textarea:focus {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

.is-black.input,
.is-black.textarea {
    border-color: #000
}

.is-black.input:active,
.is-black.input:focus,
.is-black.is-active.input,
.is-black.is-active.textarea,
.is-black.is-focused.input,
.is-black.is-focused.textarea,
.is-black.textarea:active,
.is-black.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(0, 0, 0, .25)
}

.is-light.input,
.is-light.textarea {
    border-color: #f5f5f5
}

.is-light.input:active,
.is-light.input:focus,
.is-light.is-active.input,
.is-light.is-active.textarea,
.is-light.is-focused.input,
.is-light.is-focused.textarea,
.is-light.textarea:active,
.is-light.textarea:focus {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25)
}

.is-dark.input,
.is-dark.textarea {
    border-color: #363636
}

.is-dark.input:active,
.is-dark.input:focus,
.is-dark.is-active.input,
.is-dark.is-active.textarea,
.is-dark.is-focused.input,
.is-dark.is-focused.textarea,
.is-dark.textarea:active,
.is-dark.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.is-primary.input,
.is-primary.textarea {
    border-color: #00d1b2
}

.is-primary.input:active,
.is-primary.input:focus,
.is-primary.is-active.input,
.is-primary.is-active.textarea,
.is-primary.is-focused.input,
.is-primary.is-focused.textarea,
.is-primary.textarea:active,
.is-primary.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.is-link.input,
.is-link.textarea {
    border-color: #485fc7
}

.is-link.input:active,
.is-link.input:focus,
.is-link.is-active.input,
.is-link.is-active.textarea,
.is-link.is-focused.input,
.is-link.is-focused.textarea,
.is-link.textarea:active,
.is-link.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.is-info.input,
.is-info.textarea {
    border-color: #3e8ed0
}

.is-info.input:active,
.is-info.input:focus,
.is-info.is-active.input,
.is-info.is-active.textarea,
.is-info.is-focused.input,
.is-info.is-focused.textarea,
.is-info.textarea:active,
.is-info.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.is-success.input,
.is-success.textarea {
    border-color: #48c78e
}

.is-success.input:active,
.is-success.input:focus,
.is-success.is-active.input,
.is-success.is-active.textarea,
.is-success.is-focused.input,
.is-success.is-focused.textarea,
.is-success.textarea:active,
.is-success.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.is-warning.input,
.is-warning.textarea {
    border-color: #ffe08a
}

.is-warning.input:active,
.is-warning.input:focus,
.is-warning.is-active.input,
.is-warning.is-active.textarea,
.is-warning.is-focused.input,
.is-warning.is-focused.textarea,
.is-warning.textarea:active,
.is-warning.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.is-danger.input,
.is-danger.textarea {
    border-color: #2196F3
}

.is-danger.input:active,
.is-danger.input:focus,
.is-danger.is-active.input,
.is-danger.is-active.textarea,
.is-danger.is-focused.input,
.is-danger.is-focused.textarea,
.is-danger.textarea:active,
.is-danger.textarea:focus {
    box-shadow: 0 0 0 .125em rgba(230, 50, 40, .25)
}

.is-small.input,
.is-small.textarea {
    border-radius: 2px;
    font-size: .75rem
}

.is-medium.input,
.is-medium.textarea {
    font-size: 1.25rem
}

.is-large.input,
.is-large.textarea {
    font-size: 1.6rem
}

.is-fullwidth.input,
.is-fullwidth.textarea {
    display: block;
    width: 100%
}

.is-inline.input,
.is-inline.textarea {
    display: inline;
    width: auto
}

.input.is-rounded {
    border-radius: 9999px;
    padding-left: calc(1.125em - 1px);
    padding-right: calc(1.125em - 1px)
}

.input.is-static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(.75em - 1px);
    resize: vertical
}

.textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em
}

.textarea[rows] {
    height: auto
}

.textarea.has-fixed-size {
    resize: none
}

.checkbox,
.radio {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative
}

.checkbox input,
.radio input {
    cursor: pointer
}

.checkbox:hover,
.radio:hover {
    color: #363636
}

.checkbox input[disabled],
.radio input[disabled],
[disabled].checkbox,
[disabled].radio,
fieldset[disabled] .checkbox,
fieldset[disabled] .radio {
    color: #7a7a7a;
    cursor: not-allowed
}

.radio+.radio {
    margin-left: .5em
}

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.select:not(.is-multiple) {
    height: 2.5em
}

.select:not(.is-multiple):not(.is-loading):after {
    border-color: #2196F3;
    right: 1.125em;
    z-index: 4
}

.select.is-rounded select {
    border-radius: 9999px;
    padding-left: 1em
}

.select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none
}

.select select::-ms-expand {
    display: none
}

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
    border-color: #f5f5f5
}

.select select:not([multiple]) {
    padding-right: 2.5em
}

.select select[multiple] {
    height: auto;
    padding: 0
}

.select select[multiple] option {
    padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover:after {
    border-color: #363636
}

.select.is-white select,
.select.is-white:not(:hover):after {
    border-color: #fff
}

.select.is-white select.is-hovered,
.select.is-white select:hover {
    border-color: #f2f2f2
}

.select.is-white select.is-active,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select:focus {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

.select.is-black select,
.select.is-black select.is-hovered,
.select.is-black select:hover,
.select.is-black:not(:hover):after {
    border-color: #000
}

.select.is-black select.is-active,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select:focus {
    box-shadow: 0 0 0 .125em rgba(0, 0, 0, .25)
}

.select.is-light select,
.select.is-light:not(:hover):after {
    border-color: #f5f5f5
}

.select.is-light select.is-hovered,
.select.is-light select:hover {
    border-color: #e8e8e8
}

.select.is-light select.is-active,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select:focus {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25)
}

.select.is-dark select,
.select.is-dark:not(:hover):after {
    border-color: #363636
}

.select.is-dark select.is-hovered,
.select.is-dark select:hover {
    border-color: #2a2a2a
}

.select.is-dark select.is-active,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select:focus {
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.select.is-primary select,
.select.is-primary:not(:hover):after {
    border-color: #00d1b2
}

.select.is-primary select.is-hovered,
.select.is-primary select:hover {
    border-color: #00b89c
}

.select.is-primary select.is-active,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select:focus {
    box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.select.is-link select,
.select.is-link:not(:hover):after {
    border-color: #485fc7
}

.select.is-link select.is-hovered,
.select.is-link select:hover {
    border-color: #3a51bb
}

.select.is-link select.is-active,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select:focus {
    box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.select.is-info select,
.select.is-info:not(:hover):after {
    border-color: #3e8ed0
}

.select.is-info select.is-hovered,
.select.is-info select:hover {
    border-color: #3082c5
}

.select.is-info select.is-active,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select:focus {
    box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.select.is-success select,
.select.is-success:not(:hover):after {
    border-color: #48c78e
}

.select.is-success select.is-hovered,
.select.is-success select:hover {
    border-color: #3abb81
}

.select.is-success select.is-active,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select:focus {
    box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.select.is-warning select,
.select.is-warning:not(:hover):after {
    border-color: #ffe08a
}

.select.is-warning select.is-hovered,
.select.is-warning select:hover {
    border-color: #ffd970
}

.select.is-warning select.is-active,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select:focus {
    box-shadow: 0 0 0 .125em rgba(255, 224, 138, .25)
}

.select.is-danger select,
.select.is-danger:not(:hover):after {
    border-color: #2196F3
}

.select.is-danger select.is-hovered,
.select.is-danger select:hover {
    border-color: #2196F3
}

.select.is-danger select.is-active,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select:focus {
    box-shadow: 0 0 0 .125em rgba(230, 50, 40, .25)
}

.select.is-small {
    border-radius: 2px;
    font-size: .75rem
}

.select.is-medium {
    font-size: 1.25rem
}

.select.is-large {
    font-size: 1.6rem
}

.select.is-disabled:after {
    border-color: #7a7a7a !important;
    opacity: .5
}

.select.is-fullwidth,
.select.is-fullwidth select {
    width: 100%
}

.select.is-loading:after {
    margin-top: 0;
    position: absolute;
    right: .625em;
    top: .625em;
    transform: none
}

.select.is-loading.is-small:after {
    font-size: .75rem
}

.select.is-loading.is-medium:after {
    font-size: 1.25rem
}

.select.is-loading.is-large:after {
    font-size: 1.6rem
}

.file {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.file.is-white .file-cta {
    background-color: #fff;
    border-color: transparent;
    color: #000
}

.file.is-white.is-hovered .file-cta,
.file.is-white:hover .file-cta {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #000
}

.file.is-white.is-focused .file-cta,
.file.is-white:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em hsla(0, 0%, 100%, .25);
    color: #000
}

.file.is-white.is-active .file-cta,
.file.is-white:active .file-cta {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #000
}

.file.is-black .file-cta,
.file.is-black.is-hovered .file-cta,
.file.is-black:hover .file-cta {
    background-color: #000;
    border-color: transparent;
    color: #fff
}

.file.is-black.is-focused .file-cta,
.file.is-black:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(0, 0, 0, .25);
    color: #fff
}

.file.is-black.is-active .file-cta,
.file.is-black:active .file-cta {
    background-color: #000;
    border-color: transparent;
    color: #fff
}

.file.is-light .file-cta {
    background-color: #f5f5f5;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-light.is-hovered .file-cta,
.file.is-light:hover .file-cta {
    background-color: #eee;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-light.is-focused .file-cta,
.file.is-light:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em hsla(0, 0%, 96%, .25);
    color: rgba(0, 0, 0, .7)
}

.file.is-light.is-active .file-cta,
.file.is-light:active .file-cta {
    background-color: #e8e8e8;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-dark .file-cta {
    background-color: #363636;
    border-color: transparent;
    color: #fff
}

.file.is-dark.is-hovered .file-cta,
.file.is-dark:hover .file-cta {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff
}

.file.is-dark.is-focused .file-cta,
.file.is-dark:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
    color: #fff
}

.file.is-dark.is-active .file-cta,
.file.is-dark:active .file-cta {
    background-color: #2a2a2a;
    border-color: transparent;
    color: #fff
}

.file.is-primary .file-cta {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff
}

.file.is-primary.is-hovered .file-cta,
.file.is-primary:hover .file-cta {
    background-color: #00c4a7;
    border-color: transparent;
    color: #fff
}

.file.is-primary.is-focused .file-cta,
.file.is-primary:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(0, 209, 178, .25);
    color: #fff
}

.file.is-primary.is-active .file-cta,
.file.is-primary:active .file-cta {
    background-color: #00b89c;
    border-color: transparent;
    color: #fff
}

.file.is-link .file-cta {
    background-color: #485fc7;
    border-color: transparent;
    color: #fff
}

.file.is-link.is-hovered .file-cta,
.file.is-link:hover .file-cta {
    background-color: #3e56c4;
    border-color: transparent;
    color: #fff
}

.file.is-link.is-focused .file-cta,
.file.is-link:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(72, 95, 199, .25);
    color: #fff
}

.file.is-link.is-active .file-cta,
.file.is-link:active .file-cta {
    background-color: #3a51bb;
    border-color: transparent;
    color: #fff
}

.file.is-info .file-cta {
    background-color: #3e8ed0;
    border-color: transparent;
    color: #fff
}

.file.is-info.is-hovered .file-cta,
.file.is-info:hover .file-cta {
    background-color: #3488ce;
    border-color: transparent;
    color: #fff
}

.file.is-info.is-focused .file-cta,
.file.is-info:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(62, 142, 208, .25);
    color: #fff
}

.file.is-info.is-active .file-cta,
.file.is-info:active .file-cta {
    background-color: #3082c5;
    border-color: transparent;
    color: #fff
}

.file.is-success .file-cta {
    background-color: #48c78e;
    border-color: transparent;
    color: #fff
}

.file.is-success.is-hovered .file-cta,
.file.is-success:hover .file-cta {
    background-color: #3ec487;
    border-color: transparent;
    color: #fff
}

.file.is-success.is-focused .file-cta,
.file.is-success:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(72, 199, 142, .25);
    color: #fff
}

.file.is-success.is-active .file-cta,
.file.is-success:active .file-cta {
    background-color: #3abb81;
    border-color: transparent;
    color: #fff
}

.file.is-warning .file-cta {
    background-color: #ffe08a;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-hovered .file-cta,
.file.is-warning:hover .file-cta {
    background-color: #ffdc7d;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-focused .file-cta,
.file.is-warning:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(255, 224, 138, .25);
    color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-active .file-cta,
.file.is-warning:active .file-cta {
    background-color: #ffd970;
    border-color: transparent;
    color: rgba(0, 0, 0, .7)
}

.file.is-danger .file-cta {
    background-color: #2196F3;
    border-color: transparent;
    color: #fff
}

.file.is-danger.is-hovered .file-cta,
.file.is-danger:hover .file-cta {
    background-color: #2196F3;
    border-color: transparent;
    color: #fff
}

.file.is-danger.is-focused .file-cta,
.file.is-danger:focus .file-cta {
    border-color: transparent;
    box-shadow: 0 0 .5em rgba(230, 50, 40, .25);
    color: #fff
}

.file.is-danger.is-active .file-cta,
.file.is-danger:active .file-cta {
    background-color: #2196F3;
    border-color: transparent;
    color: #fff
}

.file.is-small {
    font-size: .75rem
}

.file.is-normal {
    font-size: 1rem
}

.file.is-medium {
    font-size: 1.25rem
}

.file.is-medium .file-icon .fa {
    font-size: 21px
}

.file.is-large {
    font-size: 1.6rem
}

.file.is-large .file-icon .fa {
    font-size: 28px
}

.file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.file.has-name.is-empty .file-cta {
    border-radius: 4px
}

.file.has-name.is-empty .file-name {
    display: none
}

.file.is-boxed .file-label {
    flex-direction: column
}

.file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 1em 3em
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em
}

.file.is-boxed .file-icon .fa {
    font-size: 21px
}

.file.is-boxed.is-small .file-icon .fa {
    font-size: 14px
}

.file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px
}

.file.is-boxed.is-large .file-icon .fa {
    font-size: 35px
}

.file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0
}

.file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px
}

.file.is-centered {
    justify-content: center
}

.file.is-fullwidth .file-label {
    width: 100%
}

.file.is-fullwidth .file-name {
    flex-grow: 1;
    max-width: none
}

.file.is-right {
    justify-content: flex-end
}

.file.is-right .file-cta {
    border-radius: 0 4px 4px 0
}

.file.is-right .file-name {
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
    order: -1
}

.file-label {
    align-items: stretch;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

.file-label:hover .file-cta {
    background-color: #eee;
    color: #363636
}

.file-label:hover .file-name {
    border-color: #d5d5d5
}

.file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636
}

.file-label:active .file-name {
    border-color: #cfcfcf
}

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.file-cta,
.file-name {
    border-color: #dbdbdb;
    border-radius: 4px;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

.file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a
}

.file-name {
    border: 1px solid #dbdbdb;
    border-left-width: 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis
}

.file-icon {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    margin-right: .5em;
    width: 1em
}

.file-icon .fa {
    font-size: 14px
}

.label {
    color: #2a2a2a;
    display: block;
    font-size: 1rem;
    font-weight: 600
}

.label:not(:last-child) {
    margin-bottom: .5em
}

.label.is-small {
    font-size: .75rem
}

.label.is-medium {
    font-size: 1.25rem
}

.label.is-large {
    font-size: 1.6rem
}

.help {
    display: block;
    font-size: 1.3rem;
    margin-top: .25rem
}

.help.is-white {
    color: #fff
}

.help.is-black {
    color: #000
}

.help.is-light {
    color: #f5f5f5
}

.help.is-dark {
    color: #363636
}

.help.is-primary {
    color: #00d1b2
}

.help.is-link {
    color: #485fc7
}

.help.is-info {
    color: #3e8ed0
}

.help.is-success {
    color: #48c78e
}

.help.is-warning {
    color: #ffe08a
}

.help.is-danger {
    color: #2196F3
}

.field:not(:last-child) {
    margin-bottom: .75rem
}

.field.has-addons {
    display: flex;
    justify-content: flex-start
}

.field.has-addons .control:not(:last-child) {
    margin-right: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover {
    z-index: 2
}

.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]):focus {
    z-index: 3
}

.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover {
    z-index: 4
}

.field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.has-addons.has-addons-centered {
    justify-content: center
}

.field.has-addons.has-addons-right {
    justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0
}

.field.is-grouped {
    display: flex;
    justify-content: flex-start
}

.field.is-grouped>.control {
    flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.field.is-grouped>.control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
    justify-content: center
}

.field.is-grouped.is-grouped-right {
    justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
    margin-bottom: .75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0
}

@media print,
screen and (min-width:769px) {
    .field.is-horizontal {
        display: flex
    }
}

.field-label .label {
    font-size: inherit
}

@media screen and (max-width:768px) {
    .field-label {
        margin-bottom: .5rem
    }
}

@media print,
screen and (min-width:769px) {
    .field-label {
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        margin-right: 1.5rem;
        text-align: right
    }

    .field-label.is-small {
        font-size: .75rem;
        padding-top: .375em
    }

    .field-label.is-normal {
        padding-top: .375em
    }

    .field-label.is-medium {
        font-size: 1.25rem;
        padding-top: .375em
    }

    .field-label.is-large {
        font-size: 1.6rem;
        padding-top: .375em
    }
}

.field-body .field .field {
    margin-bottom: 0
}

@media print,
screen and (min-width:769px) {
    .field-body {
        display: flex;
        flex-basis: 0;
        flex-grow: 5;
        flex-shrink: 1
    }

    .field-body .field {
        margin-bottom: 0
    }

    .field-body>.field {
        flex-shrink: 1
    }

    .field-body>.field:not(.is-narrow) {
        flex-grow: 1
    }

    .field-body>.field:not(:last-child) {
        margin-right: .75rem
    }
}

.control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
    color: #4a4a4a
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
    font-size: .75rem
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
    font-size: 1.25rem
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
    font-size: 1.6rem
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
    padding-left: 2.5em
}

.control.has-icons-left .icon.is-left {
    left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
    padding-right: 2.5em
}

.control.has-icons-right .icon.is-right {
    right: 0
}

.control.is-loading:after {
    position: absolute !important;
    right: .625em;
    top: .625em;
    z-index: 4
}

.control.is-loading.is-small:after {
    font-size: .75rem
}

.control.is-loading.is-medium:after {
    font-size: 1.25rem
}

.control.is-loading.is-large:after {
    font-size: 1.6rem
}

.level {
    align-items: center;
    justify-content: space-between
}

.level code {
    border-radius: 4px
}

.level img {
    display: inline-block;
    vertical-align: top
}

.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right {
    display: flex
}

.level.is-mobile .level-left+.level-right {
    margin-top: 0
}

.level.is-mobile .level-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: .75rem
}

.level.is-mobile .level-item:not(.is-narrow) {
    flex-grow: 1
}

@media print,
screen and (min-width:769px) {
    .level {
        display: flex
    }

    .level>.level-item:not(.is-narrow) {
        flex-grow: 1
    }
}

.level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center
}

.level-item .subtitle,
.level-item .title {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .level-item:not(:last-child) {
        margin-bottom: .75rem
    }
}

.level-left,
.level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
    flex-grow: 1
}

@media print,
screen and (min-width:769px) {

    .level-left .level-item:not(:last-child),
    .level-right .level-item:not(:last-child) {
        margin-right: .75rem
    }
}

.level-left {
    align-items: center;
    justify-content: flex-start
}

@media screen and (max-width:768px) {
    .level-left+.level-right {
        margin-top: 1.5rem
    }
}

@media print,
screen and (min-width:769px) {
    .level-left {
        display: flex
    }
}

.level-right {
    align-items: center;
    justify-content: flex-end
}

@media print,
screen and (min-width:769px) {
    .level-right {
        display: flex
    }
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 1.6rem
}

.columns.is-mobile>.column.is-narrow {
    flex: none;
    width: unset
}

.columns.is-mobile>.column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile>.column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile>.column.is-0 {
    flex: none;
    width: 0
}

.columns.is-mobile>.column.is-offset-0 {
    margin-left: 0
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: 8.33333337%
}

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.33333337%
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: 16.66666674%
}

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.66666674%
}

.columns.is-mobile>.column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: 33.33333337%
}

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.33333337%
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: 41.66666674%
}

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.66666674%
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: 58.33333337%
}

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.33333337%
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: 66.66666674%
}

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.66666674%
}

.columns.is-mobile>.column.is-9 {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
    flex: none;
    width: 83.33333337%
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.33333337%
}

.columns.is-mobile>.column.is-11 {
    flex: none;
    width: 91.66666674%
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.66666674%
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width:768px) {
    .column.is-narrow-mobile {
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        flex: none;
        width: 0
    }

    .column.is-offset-0-mobile {
        margin-left: 0
    }

    .column.is-1-mobile {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333337%
    }

    .column.is-2-mobile {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666674%
    }

    .column.is-3-mobile {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333337%
    }

    .column.is-5-mobile {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666674%
    }

    .column.is-6-mobile {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333337%
    }

    .column.is-8-mobile {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666674%
    }

    .column.is-9-mobile {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333337%
    }

    .column.is-11-mobile {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666674%
    }

    .column.is-12-mobile {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media print,
screen and (min-width:769px) {

    .column.is-narrow,
    .column.is-narrow-tablet {
        flex: none;
        width: unset
    }

    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%
    }

    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: 0
    }

    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0
    }

    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333337%
    }

    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.66666674%
    }

    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: 25%
    }

    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.33333337%
    }

    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.66666674%
    }

    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: 50%
    }

    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.33333337%
    }

    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.66666674%
    }

    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: 75%
    }

    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.33333337%
    }

    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.66666674%
    }

    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: 100%
    }

    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width:1023px) {
    .column.is-narrow-touch {
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        flex: none;
        width: 0
    }

    .column.is-offset-0-touch {
        margin-left: 0
    }

    .column.is-1-touch {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333337%
    }

    .column.is-2-touch {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66666674%
    }

    .column.is-3-touch {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333337%
    }

    .column.is-5-touch {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66666674%
    }

    .column.is-6-touch {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333337%
    }

    .column.is-8-touch {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66666674%
    }

    .column.is-9-touch {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333337%
    }

    .column.is-11-touch {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66666674%
    }

    .column.is-12-touch {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width:1024px) {
    .column.is-narrow-desktop {
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        flex: none;
        width: 0
    }

    .column.is-offset-0-desktop {
        margin-left: 0
    }

    .column.is-1-desktop {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333337%
    }

    .column.is-2-desktop {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666674%
    }

    .column.is-3-desktop {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333337%
    }

    .column.is-5-desktop {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666674%
    }

    .column.is-6-desktop {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333337%
    }

    .column.is-8-desktop {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666674%
    }

    .column.is-9-desktop {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333337%
    }

    .column.is-11-desktop {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666674%
    }

    .column.is-12-desktop {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width:1216px) {
    .column.is-narrow-widescreen {
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        flex: none;
        width: 0
    }

    .column.is-offset-0-widescreen {
        margin-left: 0
    }

    .column.is-1-widescreen {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%
    }

    .column.is-2-widescreen {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%
    }

    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%
    }

    .column.is-5-widescreen {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%
    }

    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%
    }

    .column.is-8-widescreen {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%
    }

    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%
    }

    .column.is-11-widescreen {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%
    }

    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width:1408px) {
    .column.is-narrow-fullhd {
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        flex: none;
        width: 0
    }

    .column.is-offset-0-fullhd {
        margin-left: 0
    }

    .column.is-1-fullhd {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333337%
    }

    .column.is-2-fullhd {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66666674%
    }

    .column.is-3-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333337%
    }

    .column.is-5-fullhd {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66666674%
    }

    .column.is-6-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333337%
    }

    .column.is-8-fullhd {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66666674%
    }

    .column.is-9-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333337%
    }

    .column.is-11-fullhd {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66666674%
    }

    .column.is-12-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    margin-top: -1.6rem
}

.columns:last-child {
    margin-bottom: -1.6rem
}

.columns:not(:last-child) {
    margin-bottom: -.1rem
}

.columns.is-centered {
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

.columns.is-vcentered {
    align-items: center
}

@media print,
screen and (min-width:769px) {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(var(--columnGap)*-1);
    margin-right: calc(var(--columnGap)*-1)
}

.columns.is-variable>.column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.is-flex-direction-row {
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    justify-content: flex-end !important
}

.is-justify-content-center {
    justify-content: center !important
}

.is-justify-content-space-between {
    justify-content: space-between !important
}

.is-justify-content-space-around {
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    justify-content: space-evenly !important
}

.is-justify-content-start {
    justify-content: start !important
}

.is-justify-content-end {
    justify-content: end !important
}

.is-justify-content-left {
    justify-content: left !important
}

.is-justify-content-right {
    justify-content: right !important
}

.is-align-content-flex-start {
    align-content: flex-start !important
}

.is-align-content-flex-end {
    align-content: flex-end !important
}

.is-align-content-center {
    align-content: center !important
}

.is-align-content-space-between {
    align-content: space-between !important
}

.is-align-content-space-around {
    align-content: space-around !important
}

.is-align-content-space-evenly {
    align-content: space-evenly !important
}

.is-align-content-stretch {
    align-content: stretch !important
}

.is-align-content-start {
    align-content: start !important
}

.is-align-content-end {
    align-content: end !important
}

.is-align-content-baseline {
    align-content: baseline !important
}

.is-align-items-stretch {
    align-items: stretch !important
}

.is-align-items-flex-start {
    align-items: flex-start !important
}

.is-align-items-flex-end {
    align-items: flex-end !important
}

.is-align-items-center {
    align-items: center !important
}

.is-align-items-baseline {
    align-items: baseline !important
}

.is-align-items-start {
    align-items: start !important
}

.is-align-items-end {
    align-items: end !important
}

.is-align-items-self-start {
    align-items: self-start !important
}

.is-align-items-self-end {
    align-items: self-end !important
}

.is-align-self-auto {
    align-self: auto !important
}

.is-align-self-flex-start {
    align-self: flex-start !important
}

.is-align-self-flex-end {
    align-self: flex-end !important
}

.is-align-self-center {
    align-self: center !important
}

.is-align-self-baseline {
    align-self: baseline !important
}

.is-align-self-stretch {
    align-self: stretch !important
}

.is-flex-grow-0 {
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    flex-shrink: 5 !important
}

.is-radiusless {
    border-radius: 0 !important
}

.is-shadowless {
    box-shadow: none !important
}

.is-clickable {
    cursor: pointer !important;
    pointer-events: all !important
}

.is-relative {
    position: relative !important
}

.is-size-1 {
    font-size: 3rem !important
}

.is-size-2 {
    font-size: 2.5rem !important
}

.is-size-3 {
    font-size: 2rem !important
}

.is-size-4 {
    font-size: 1.6rem !important
}

.is-size-5 {
    font-size: 1.25rem !important
}

.is-size-6 {
    font-size: 1rem !important
}

.is-size-7 {
    font-size: .75rem !important
}

@media screen and (max-width:768px) {
    .is-size-1-mobile {
        font-size: 3rem !important
    }

    .is-size-2-mobile {
        font-size: 2.5rem !important
    }

    .is-size-3-mobile {
        font-size: 2rem !important
    }

    .is-size-4-mobile {
        font-size: 1.6rem !important
    }

    .is-size-5-mobile {
        font-size: 1.25rem !important
    }

    .is-size-6-mobile {
        font-size: 1rem !important
    }

    .is-size-7-mobile {
        font-size: .75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-size-1-tablet {
        font-size: 3rem !important
    }

    .is-size-2-tablet {
        font-size: 2.5rem !important
    }

    .is-size-3-tablet {
        font-size: 2rem !important
    }

    .is-size-4-tablet {
        font-size: 1.6rem !important
    }

    .is-size-5-tablet {
        font-size: 1.25rem !important
    }

    .is-size-6-tablet {
        font-size: 1rem !important
    }

    .is-size-7-tablet {
        font-size: .75rem !important
    }
}

@media screen and (max-width:1023px) {
    .is-size-1-touch {
        font-size: 3rem !important
    }

    .is-size-2-touch {
        font-size: 2.5rem !important
    }

    .is-size-3-touch {
        font-size: 2rem !important
    }

    .is-size-4-touch {
        font-size: 1.6rem !important
    }

    .is-size-5-touch {
        font-size: 1.25rem !important
    }

    .is-size-6-touch {
        font-size: 1rem !important
    }

    .is-size-7-touch {
        font-size: .75rem !important
    }
}

@media screen and (min-width:1024px) {
    .is-size-1-desktop {
        font-size: 3rem !important
    }

    .is-size-2-desktop {
        font-size: 2.5rem !important
    }

    .is-size-3-desktop {
        font-size: 2rem !important
    }

    .is-size-4-desktop {
        font-size: 1.6rem !important
    }

    .is-size-5-desktop {
        font-size: 1.25rem !important
    }

    .is-size-6-desktop {
        font-size: 1rem !important
    }

    .is-size-7-desktop {
        font-size: .75rem !important
    }
}

@media screen and (min-width:1216px) {
    .is-size-1-widescreen {
        font-size: 3rem !important
    }

    .is-size-2-widescreen {
        font-size: 2.5rem !important
    }

    .is-size-3-widescreen {
        font-size: 2rem !important
    }

    .is-size-4-widescreen {
        font-size: 1.6rem !important
    }

    .is-size-5-widescreen {
        font-size: 1.25rem !important
    }

    .is-size-6-widescreen {
        font-size: 1rem !important
    }

    .is-size-7-widescreen {
        font-size: .75rem !important
    }
}

@media screen and (min-width:1408px) {
    .is-size-1-fullhd {
        font-size: 3rem !important
    }

    .is-size-2-fullhd {
        font-size: 2.5rem !important
    }

    .is-size-3-fullhd {
        font-size: 2rem !important
    }

    .is-size-4-fullhd {
        font-size: 1.6rem !important
    }

    .is-size-5-fullhd {
        font-size: 1.25rem !important
    }

    .is-size-6-fullhd {
        font-size: 1rem !important
    }

    .is-size-7-fullhd {
        font-size: .75rem !important
    }
}

.has-text-centered {
    text-align: center !important
}

.has-text-justified {
    text-align: justify !important
}

.has-text-left {
    text-align: left !important
}

.has-text-right {
    text-align: right !important
}

@media screen and (max-width:768px) {
    .has-text-centered-mobile {
        text-align: center !important
    }
}

@media print,
screen and (min-width:769px) {
    .has-text-centered-tablet {
        text-align: center !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .has-text-centered-tablet-only {
        text-align: center !important
    }
}

@media screen and (max-width:1023px) {
    .has-text-centered-touch {
        text-align: center !important
    }
}

@media screen and (min-width:1024px) {
    .has-text-centered-desktop {
        text-align: center !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .has-text-centered-desktop-only {
        text-align: center !important
    }
}

@media screen and (min-width:1216px) {
    .has-text-centered-widescreen {
        text-align: center !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .has-text-centered-widescreen-only {
        text-align: center !important
    }
}

@media screen and (min-width:1408px) {
    .has-text-centered-fullhd {
        text-align: center !important
    }
}

@media screen and (max-width:768px) {
    .has-text-justified-mobile {
        text-align: justify !important
    }
}

@media print,
screen and (min-width:769px) {
    .has-text-justified-tablet {
        text-align: justify !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .has-text-justified-tablet-only {
        text-align: justify !important
    }
}

@media screen and (max-width:1023px) {
    .has-text-justified-touch {
        text-align: justify !important
    }
}

@media screen and (min-width:1024px) {
    .has-text-justified-desktop {
        text-align: justify !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .has-text-justified-desktop-only {
        text-align: justify !important
    }
}

@media screen and (min-width:1216px) {
    .has-text-justified-widescreen {
        text-align: justify !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .has-text-justified-widescreen-only {
        text-align: justify !important
    }
}

@media screen and (min-width:1408px) {
    .has-text-justified-fullhd {
        text-align: justify !important
    }
}

@media screen and (max-width:768px) {
    .has-text-left-mobile {
        text-align: left !important
    }
}

@media print,
screen and (min-width:769px) {
    .has-text-left-tablet {
        text-align: left !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .has-text-left-tablet-only {
        text-align: left !important
    }
}

@media screen and (max-width:1023px) {
    .has-text-left-touch {
        text-align: left !important
    }
}

@media screen and (min-width:1024px) {
    .has-text-left-desktop {
        text-align: left !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .has-text-left-desktop-only {
        text-align: left !important
    }
}

@media screen and (min-width:1216px) {
    .has-text-left-widescreen {
        text-align: left !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .has-text-left-widescreen-only {
        text-align: left !important
    }
}

@media screen and (min-width:1408px) {
    .has-text-left-fullhd {
        text-align: left !important
    }
}

@media screen and (max-width:768px) {
    .has-text-right-mobile {
        text-align: right !important
    }
}

@media print,
screen and (min-width:769px) {
    .has-text-right-tablet {
        text-align: right !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .has-text-right-tablet-only {
        text-align: right !important
    }
}

@media screen and (max-width:1023px) {
    .has-text-right-touch {
        text-align: right !important
    }
}

@media screen and (min-width:1024px) {
    .has-text-right-desktop {
        text-align: right !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .has-text-right-desktop-only {
        text-align: right !important
    }
}

@media screen and (min-width:1216px) {
    .has-text-right-widescreen {
        text-align: right !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .has-text-right-widescreen-only {
        text-align: right !important
    }
}

@media screen and (min-width:1408px) {
    .has-text-right-fullhd {
        text-align: right !important
    }
}

.is-capitalized {
    text-transform: capitalize !important
}

.is-lowercase {
    text-transform: lowercase !important
}

.is-uppercase {
    text-transform: uppercase !important
}

.is-italic {
    font-style: italic !important
}

.is-underlined {
    text-decoration: underline !important
}

.has-text-weight-light {
    font-weight: 300 !important
}

.has-text-weight-normal {
    font-weight: 400 !important
}

.has-text-weight-medium {
    font-weight: 500 !important
}

.has-text-weight-semibold {
    font-weight: 600 !important
}

.has-text-weight-bold {
    font-weight: 700 !important
}

.is-family-primary {
    font-family: Atkinson Hyperlegible, Helvetica, sans-serif !important
}

.is-family-secondary {
    font-family: Libre Franklin, Helvetica, sans-serif !important
}

.is-family-sans-serif {
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important
}

.is-family-code,
.is-family-monospace {
    font-family: monospace !important
}

.is-block {
    display: block !important
}

@media screen and (max-width:768px) {
    .is-block-mobile {
        display: block !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-block-tablet {
        display: block !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .is-block-tablet-only {
        display: block !important
    }
}

@media screen and (max-width:1023px) {
    .is-block-touch {
        display: block !important
    }
}

@media screen and (min-width:1024px) {
    .is-block-desktop {
        display: block !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .is-block-desktop-only {
        display: block !important
    }
}

@media screen and (min-width:1216px) {
    .is-block-widescreen {
        display: block !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .is-block-widescreen-only {
        display: block !important
    }
}

@media screen and (min-width:1408px) {
    .is-block-fullhd {
        display: block !important
    }
}

.is-flex {
    display: flex !important
}

@media screen and (max-width:768px) {
    .is-flex-mobile {
        display: flex !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-flex-tablet {
        display: flex !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .is-flex-tablet-only {
        display: flex !important
    }
}

@media screen and (max-width:1023px) {
    .is-flex-touch {
        display: flex !important
    }
}

@media screen and (min-width:1024px) {
    .is-flex-desktop {
        display: flex !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .is-flex-desktop-only {
        display: flex !important
    }
}

@media screen and (min-width:1216px) {
    .is-flex-widescreen {
        display: flex !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .is-flex-widescreen-only {
        display: flex !important
    }
}

@media screen and (min-width:1408px) {
    .is-flex-fullhd {
        display: flex !important
    }
}

.is-inline {
    display: inline !important
}

@media screen and (max-width:768px) {
    .is-inline-mobile {
        display: inline !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-inline-tablet {
        display: inline !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .is-inline-tablet-only {
        display: inline !important
    }
}

@media screen and (max-width:1023px) {
    .is-inline-touch {
        display: inline !important
    }
}

@media screen and (min-width:1024px) {
    .is-inline-desktop {
        display: inline !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .is-inline-desktop-only {
        display: inline !important
    }
}

@media screen and (min-width:1216px) {
    .is-inline-widescreen {
        display: inline !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .is-inline-widescreen-only {
        display: inline !important
    }
}

@media screen and (min-width:1408px) {
    .is-inline-fullhd {
        display: inline !important
    }
}

.is-inline-block {
    display: inline-block !important
}

@media screen and (max-width:768px) {
    .is-inline-block-mobile {
        display: inline-block !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-inline-block-tablet {
        display: inline-block !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .is-inline-block-tablet-only {
        display: inline-block !important
    }
}

@media screen and (max-width:1023px) {
    .is-inline-block-touch {
        display: inline-block !important
    }
}

@media screen and (min-width:1024px) {
    .is-inline-block-desktop {
        display: inline-block !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .is-inline-block-desktop-only {
        display: inline-block !important
    }
}

@media screen and (min-width:1216px) {
    .is-inline-block-widescreen {
        display: inline-block !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .is-inline-block-widescreen-only {
        display: inline-block !important
    }
}

@media screen and (min-width:1408px) {
    .is-inline-block-fullhd {
        display: inline-block !important
    }
}

.is-inline-flex {
    display: inline-flex !important
}

@media screen and (max-width:768px) {
    .is-inline-flex-mobile {
        display: inline-flex !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-inline-flex-tablet {
        display: inline-flex !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .is-inline-flex-tablet-only {
        display: inline-flex !important
    }
}

@media screen and (max-width:1023px) {
    .is-inline-flex-touch {
        display: inline-flex !important
    }
}

@media screen and (min-width:1024px) {
    .is-inline-flex-desktop {
        display: inline-flex !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .is-inline-flex-desktop-only {
        display: inline-flex !important
    }
}

@media screen and (min-width:1216px) {
    .is-inline-flex-widescreen {
        display: inline-flex !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .is-inline-flex-widescreen-only {
        display: inline-flex !important
    }
}

@media screen and (min-width:1408px) {
    .is-inline-flex-fullhd {
        display: inline-flex !important
    }
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    clip: rect(0, 0, 0, 0) !important;
    border: none !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important
}

@media screen and (max-width:768px) {
    .is-hidden-mobile {
        display: none !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-hidden-tablet {
        display: none !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .is-hidden-tablet-only {
        display: none !important
    }
}

@media screen and (max-width:1023px) {
    .is-hidden-touch {
        display: none !important
    }
}

@media screen and (min-width:1024px) {
    .is-hidden-desktop {
        display: none !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .is-hidden-desktop-only {
        display: none !important
    }
}

@media screen and (min-width:1216px) {
    .is-hidden-widescreen {
        display: none !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .is-hidden-widescreen-only {
        display: none !important
    }
}

@media screen and (min-width:1408px) {
    .is-hidden-fullhd {
        display: none !important
    }
}

.is-invisible {
    visibility: hidden !important
}

@media screen and (max-width:768px) {
    .is-invisible-mobile {
        visibility: hidden !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-invisible-tablet {
        visibility: hidden !important
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .is-invisible-tablet-only {
        visibility: hidden !important
    }
}

@media screen and (max-width:1023px) {
    .is-invisible-touch {
        visibility: hidden !important
    }
}

@media screen and (min-width:1024px) {
    .is-invisible-desktop {
        visibility: hidden !important
    }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
    .is-invisible-desktop-only {
        visibility: hidden !important
    }
}

@media screen and (min-width:1216px) {
    .is-invisible-widescreen {
        visibility: hidden !important
    }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
    .is-invisible-widescreen-only {
        visibility: hidden !important
    }
}

@media screen and (min-width:1408px) {
    .is-invisible-fullhd {
        visibility: hidden !important
    }
}

button.hamburger,
div.hamburger {
    height: 30px;
    width: 30px
}

div.hamburger>.inner {
    top: 50%
}

.hamburger {
    border: 0 solid transparent;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    overflow: visible;
    padding: 3px;
    text-transform: none;
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1), background .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger,
.hamburger:hover {
    background-color: transparent;
    opacity: 1
}

.hamburger:hover span.bar,
.hamburger:hover span.bar:first-child:after,
.hamburger:hover span.bar:first-child:before,
.hamburger:hover span.bar:nth-child(2):after,
.hamburger:hover span.bar:nth-child(2):before,
.hamburger:hover span.bar:nth-child(3):after,
.hamburger:hover span.bar:nth-child(3):before,
.hamburger:hover>.inner:first-child:after,
.hamburger:hover>.inner:first-child:before,
.hamburger:hover>.inner:nth-child(2):after,
.hamburger:hover>.inner:nth-child(2):before,
.hamburger:hover>.inner:nth-child(3):after,
.hamburger:hover>.inner:nth-child(3):before {
    background-color: #2a2a2a
}

.hamburger.active {
    background-color: transparent
}

.hamburger.active span.bar,
.hamburger.active span.bar:first-child:after,
.hamburger.active span.bar:first-child:before,
.hamburger.active span.bar:nth-child(2):after,
.hamburger.active span.bar:nth-child(2):before,
.hamburger.active span.bar:nth-child(3):after,
.hamburger.active span.bar:nth-child(3):before,
.hamburger.active>.inner:first-child:after,
.hamburger.active>.inner:first-child:before,
.hamburger.active>.inner:nth-child(2):after,
.hamburger.active>.inner:nth-child(2):before,
.hamburger.active>.inner:nth-child(3):after,
.hamburger.active>.inner:nth-child(3):before {
    background-color: #2196F3
}

.hamburger>.inner {
    margin: -1px 0 0;
    position: relative;
    width: 100%
}

.hamburger span.bar {
    background-color: #2a2a2a;
    border-radius: 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%
}

.hamburger span.bar:first-child {
    top: -6px
}

.hamburger span.bar:nth-child(3) {
    top: 6px
}

.hamburger:focus {
    outline: 0
}

.hamburger--arrow-right>.inner,
.hamburger--arrow>.inner {
    transition: transform .5s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--arrow span.bar,
.hamburger--arrow-right span.bar {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .1s
}

.hamburger--arrow span.bar:first-child,
.hamburger--arrow-right span.bar:first-child {
    transform-origin: 100% 0
}

.hamburger--arrow span.bar:nth-child(2),
.hamburger--arrow-right span.bar:nth-child(2) {
    transform-origin: 0 0
}

.hamburger--arrow span.bar:nth-child(3),
.hamburger--arrow-right span.bar:nth-child(3) {
    transform-origin: 100% 100%
}

.hamburger--arrow-right.active>.inner,
.hamburger--arrow.active>.inner {
    transform: rotate(180deg) translate3d(0, -2px, 0)
}

.hamburger--arrow-right.active span.bar,
.hamburger--arrow.active span.bar {
    transition-delay: 0s
}

.hamburger--arrow-right.active span.bar:first-child,
.hamburger--arrow.active span.bar:first-child {
    transform: rotate(45deg) scaleX(.4) translate3d(12.3743686708px, 4.9497474683px, 0)
}

.hamburger--arrow-right.active span.bar:nth-child(2),
.hamburger--arrow.active span.bar:nth-child(2) {
    transform: scaleX(.9166666667)
}

.hamburger--arrow-right.active span.bar:nth-child(3),
.hamburger--arrow.active span.bar:nth-child(3) {
    transform: rotate(-45deg) scaleX(.4) translate3d(12.3743686708px, -4.9497474683px, 0)
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    scroll-behavior: smooth;
    scroll-snap-type: y proximity
}

body {
    color: #2a2a2a;
    font-family: Atkinson Hyperlegible, Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.75
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.3;
    margin: 0;
    padding: 0
}

h1 {
    font-size: 3.052rem
}

h2 {
    font-size: 2.441rem
}

h3 {
    font-size: 1.953rem
}

h4 {
    font-size: 1.563rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1.1rem
}

li,
p {
    font-size: 1.7rem;
    margin: 0;
    padding: 0
}

li.has-overflow,
p.has-overflow {
    overflow: hidden
}

*,
:after,
:before {
    box-sizing: inherit
}

a {
    color: inherit
}

a:hover {
    text-decoration-color: transparent
}

strong {
    font-weight: 600
}

.p-0 {
    padding: 0 !important
}

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

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

.m-0 {
    margin: 0 !important
}

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

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

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

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

@media screen and (max-width:768px) {
    .p-0-mobile {
        padding: 0 !important
    }

    .p-x-0-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-mobile {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-mobile {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-mobile {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-top-0-mobile {
        padding-top: 0 !important
    }

    .m-top-0-mobile {
        margin-top: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-0-tablet {
        padding: 0 !important
    }

    .p-x-0-tablet {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-tablet {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-tablet {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-tablet {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-top-0-tablet {
        padding-top: 0 !important
    }

    .m-top-0-tablet {
        margin-top: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .p-0-touch {
        padding: 0 !important
    }

    .p-x-0-touch {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-touch {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-touch {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-touch {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-top-0-touch {
        padding-top: 0 !important
    }

    .m-top-0-touch {
        margin-top: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .p-0-desktop {
        padding: 0 !important
    }

    .p-x-0-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-desktop {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-desktop {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-desktop {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-top-0-desktop {
        padding-top: 0 !important
    }

    .m-top-0-desktop {
        margin-top: 0 !important
    }
}

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

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

@media screen and (max-width:768px) {
    .p-0-mobile {
        padding: 0 !important
    }

    .p-x-0-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-mobile {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-mobile {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-mobile {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-left-0-mobile {
        padding-left: 0 !important
    }

    .m-left-0-mobile {
        margin-left: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-0-tablet {
        padding: 0 !important
    }

    .p-x-0-tablet {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-tablet {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-tablet {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-tablet {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-left-0-tablet {
        padding-left: 0 !important
    }

    .m-left-0-tablet {
        margin-left: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .p-0-touch {
        padding: 0 !important
    }

    .p-x-0-touch {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-touch {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-touch {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-touch {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-left-0-touch {
        padding-left: 0 !important
    }

    .m-left-0-touch {
        margin-left: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .p-0-desktop {
        padding: 0 !important
    }

    .p-x-0-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-desktop {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-desktop {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-desktop {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-left-0-desktop {
        padding-left: 0 !important
    }

    .m-left-0-desktop {
        margin-left: 0 !important
    }
}

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

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

@media screen and (max-width:768px) {
    .p-0-mobile {
        padding: 0 !important
    }

    .p-x-0-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-mobile {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-mobile {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-mobile {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-bottom-0-mobile {
        padding-bottom: 0 !important
    }

    .m-bottom-0-mobile {
        margin-bottom: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-0-tablet {
        padding: 0 !important
    }

    .p-x-0-tablet {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-tablet {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-tablet {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-tablet {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-bottom-0-tablet {
        padding-bottom: 0 !important
    }

    .m-bottom-0-tablet {
        margin-bottom: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .p-0-touch {
        padding: 0 !important
    }

    .p-x-0-touch {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-touch {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-touch {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-touch {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-bottom-0-touch {
        padding-bottom: 0 !important
    }

    .m-bottom-0-touch {
        margin-bottom: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .p-0-desktop {
        padding: 0 !important
    }

    .p-x-0-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-desktop {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-desktop {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-desktop {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-bottom-0-desktop {
        padding-bottom: 0 !important
    }

    .m-bottom-0-desktop {
        margin-bottom: 0 !important
    }
}

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

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

@media print,
screen and (min-width:769px) {
    .p-0-tablet {
        padding: 0 !important
    }

    .p-x-0-tablet {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-tablet {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-tablet {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-tablet {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .p-0-touch {
        padding: 0 !important
    }

    .p-x-0-touch {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-touch {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-touch {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-touch {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media screen and (max-width:768px) {
    .p-0-mobile {
        padding: 0 !important
    }

    .p-x-0-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-mobile {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-mobile {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-mobile {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-right-0-mobile {
        padding-right: 0 !important
    }

    .m-right-0-mobile {
        margin-right: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-0-tablet {
        padding: 0 !important
    }

    .p-x-0-tablet {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-tablet {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-tablet {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-tablet {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-right-0-tablet {
        padding-right: 0 !important
    }

    .m-right-0-tablet {
        margin-right: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .p-0-touch {
        padding: 0 !important
    }

    .p-x-0-touch {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-touch {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-touch {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-touch {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-right-0-touch {
        padding-right: 0 !important
    }

    .m-right-0-touch {
        margin-right: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .p-0-desktop {
        padding: 0 !important
    }

    .p-x-0-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-y-0-desktop {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

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

    .m-x-0-desktop {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .m-y-0-desktop {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .p-right-0-desktop {
        padding-right: 0 !important
    }

    .m-right-0-desktop {
        margin-right: 0 !important
    }
}

.p-1 {
    padding: .25rem !important
}

.p-x-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.p-y-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.m-1 {
    margin: .25rem !important
}

.m-x-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.m-y-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
}

.p-top-1 {
    padding-top: .25rem !important
}

.m-top-1 {
    margin-top: .25rem !important
}

@media screen and (max-width:768px) {
    .p-1-mobile {
        padding: .25rem !important
    }

    .p-x-1-mobile {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-mobile {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-mobile {
        margin: .25rem !important
    }

    .m-x-1-mobile {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-mobile {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-top-1-mobile {
        padding-top: .25rem !important
    }

    .m-top-1-mobile {
        margin-top: .25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: .25rem !important
    }

    .p-x-1-tablet {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-tablet {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-tablet {
        margin: .25rem !important
    }

    .m-x-1-tablet {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-tablet {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-top-1-tablet {
        padding-top: .25rem !important
    }

    .m-top-1-tablet {
        margin-top: .25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: .25rem !important
    }

    .p-x-1-touch {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-touch {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-touch {
        margin: .25rem !important
    }

    .m-x-1-touch {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-touch {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-top-1-touch {
        padding-top: .25rem !important
    }

    .m-top-1-touch {
        margin-top: .25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-1-desktop {
        padding: .25rem !important
    }

    .p-x-1-desktop {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-desktop {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-desktop {
        margin: .25rem !important
    }

    .m-x-1-desktop {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-desktop {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-top-1-desktop {
        padding-top: .25rem !important
    }

    .m-top-1-desktop {
        margin-top: .25rem !important
    }
}

.p-left-1 {
    padding-left: .25rem !important
}

.m-left-1 {
    margin-left: .25rem !important
}

@media screen and (max-width:768px) {
    .p-1-mobile {
        padding: .25rem !important
    }

    .p-x-1-mobile {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-mobile {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-mobile {
        margin: .25rem !important
    }

    .m-x-1-mobile {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-mobile {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-left-1-mobile {
        padding-left: .25rem !important
    }

    .m-left-1-mobile {
        margin-left: .25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: .25rem !important
    }

    .p-x-1-tablet {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-tablet {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-tablet {
        margin: .25rem !important
    }

    .m-x-1-tablet {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-tablet {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-left-1-tablet {
        padding-left: .25rem !important
    }

    .m-left-1-tablet {
        margin-left: .25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: .25rem !important
    }

    .p-x-1-touch {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-touch {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-touch {
        margin: .25rem !important
    }

    .m-x-1-touch {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-touch {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-left-1-touch {
        padding-left: .25rem !important
    }

    .m-left-1-touch {
        margin-left: .25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-1-desktop {
        padding: .25rem !important
    }

    .p-x-1-desktop {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-desktop {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-desktop {
        margin: .25rem !important
    }

    .m-x-1-desktop {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-desktop {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-left-1-desktop {
        padding-left: .25rem !important
    }

    .m-left-1-desktop {
        margin-left: .25rem !important
    }
}

.p-bottom-1 {
    padding-bottom: .25rem !important
}

.m-bottom-1 {
    margin-bottom: .25rem !important
}

@media screen and (max-width:768px) {
    .p-1-mobile {
        padding: .25rem !important
    }

    .p-x-1-mobile {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-mobile {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-mobile {
        margin: .25rem !important
    }

    .m-x-1-mobile {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-mobile {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-bottom-1-mobile {
        padding-bottom: .25rem !important
    }

    .m-bottom-1-mobile {
        margin-bottom: .25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: .25rem !important
    }

    .p-x-1-tablet {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-tablet {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-tablet {
        margin: .25rem !important
    }

    .m-x-1-tablet {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-tablet {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-bottom-1-tablet {
        padding-bottom: .25rem !important
    }

    .m-bottom-1-tablet {
        margin-bottom: .25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: .25rem !important
    }

    .p-x-1-touch {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-touch {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-touch {
        margin: .25rem !important
    }

    .m-x-1-touch {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-touch {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-bottom-1-touch {
        padding-bottom: .25rem !important
    }

    .m-bottom-1-touch {
        margin-bottom: .25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-1-desktop {
        padding: .25rem !important
    }

    .p-x-1-desktop {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-desktop {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-desktop {
        margin: .25rem !important
    }

    .m-x-1-desktop {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-desktop {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-bottom-1-desktop {
        padding-bottom: .25rem !important
    }

    .m-bottom-1-desktop {
        margin-bottom: .25rem !important
    }
}

.p-right-1 {
    padding-right: .25rem !important
}

.m-right-1 {
    margin-right: .25rem !important
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: .25rem !important
    }

    .p-x-1-tablet {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-tablet {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-tablet {
        margin: .25rem !important
    }

    .m-x-1-tablet {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-tablet {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: .25rem !important
    }

    .p-x-1-touch {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-touch {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-touch {
        margin: .25rem !important
    }

    .m-x-1-touch {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-touch {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }
}

@media screen and (max-width:768px) {
    .p-1-mobile {
        padding: .25rem !important
    }

    .p-x-1-mobile {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-mobile {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-mobile {
        margin: .25rem !important
    }

    .m-x-1-mobile {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-mobile {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-right-1-mobile {
        padding-right: .25rem !important
    }

    .m-right-1-mobile {
        margin-right: .25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: .25rem !important
    }

    .p-x-1-tablet {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-tablet {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-tablet {
        margin: .25rem !important
    }

    .m-x-1-tablet {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-tablet {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-right-1-tablet {
        padding-right: .25rem !important
    }

    .m-right-1-tablet {
        margin-right: .25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: .25rem !important
    }

    .p-x-1-touch {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-touch {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-touch {
        margin: .25rem !important
    }

    .m-x-1-touch {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-touch {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-right-1-touch {
        padding-right: .25rem !important
    }

    .m-right-1-touch {
        margin-right: .25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-1-desktop {
        padding: .25rem !important
    }

    .p-x-1-desktop {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .p-y-1-desktop {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
    }

    .m-1-desktop {
        margin: .25rem !important
    }

    .m-x-1-desktop {
        margin-left: .25rem !important;
        margin-right: .25rem !important
    }

    .m-y-1-desktop {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

    .p-right-1-desktop {
        padding-right: .25rem !important
    }

    .m-right-1-desktop {
        margin-right: .25rem !important
    }
}

.p-2 {
    padding: .5rem !important
}

.p-x-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.p-y-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-x-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.m-y-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
}

.p-top-2 {
    padding-top: .5rem !important
}

.m-top-2 {
    margin-top: .5rem !important
}

@media screen and (max-width:768px) {
    .p-2-mobile {
        padding: .5rem !important
    }

    .p-x-2-mobile {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-mobile {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-mobile {
        margin: .5rem !important
    }

    .m-x-2-mobile {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-mobile {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-top-2-mobile {
        padding-top: .5rem !important
    }

    .m-top-2-mobile {
        margin-top: .5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: .5rem !important
    }

    .p-x-2-tablet {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-tablet {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-tablet {
        margin: .5rem !important
    }

    .m-x-2-tablet {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-tablet {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-top-2-tablet {
        padding-top: .5rem !important
    }

    .m-top-2-tablet {
        margin-top: .5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: .5rem !important
    }

    .p-x-2-touch {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-touch {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-touch {
        margin: .5rem !important
    }

    .m-x-2-touch {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-touch {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-top-2-touch {
        padding-top: .5rem !important
    }

    .m-top-2-touch {
        margin-top: .5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-2-desktop {
        padding: .5rem !important
    }

    .p-x-2-desktop {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-desktop {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-desktop {
        margin: .5rem !important
    }

    .m-x-2-desktop {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-desktop {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-top-2-desktop {
        padding-top: .5rem !important
    }

    .m-top-2-desktop {
        margin-top: .5rem !important
    }
}

.p-left-2 {
    padding-left: .5rem !important
}

.m-left-2 {
    margin-left: .5rem !important
}

@media screen and (max-width:768px) {
    .p-2-mobile {
        padding: .5rem !important
    }

    .p-x-2-mobile {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-mobile {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-mobile {
        margin: .5rem !important
    }

    .m-x-2-mobile {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-mobile {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-left-2-mobile {
        padding-left: .5rem !important
    }

    .m-left-2-mobile {
        margin-left: .5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: .5rem !important
    }

    .p-x-2-tablet {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-tablet {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-tablet {
        margin: .5rem !important
    }

    .m-x-2-tablet {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-tablet {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-left-2-tablet {
        padding-left: .5rem !important
    }

    .m-left-2-tablet {
        margin-left: .5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: .5rem !important
    }

    .p-x-2-touch {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-touch {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-touch {
        margin: .5rem !important
    }

    .m-x-2-touch {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-touch {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-left-2-touch {
        padding-left: .5rem !important
    }

    .m-left-2-touch {
        margin-left: .5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-2-desktop {
        padding: .5rem !important
    }

    .p-x-2-desktop {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-desktop {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-desktop {
        margin: .5rem !important
    }

    .m-x-2-desktop {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-desktop {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-left-2-desktop {
        padding-left: .5rem !important
    }

    .m-left-2-desktop {
        margin-left: .5rem !important
    }
}

.p-bottom-2 {
    padding-bottom: .5rem !important
}

.m-bottom-2 {
    margin-bottom: .5rem !important
}

@media screen and (max-width:768px) {
    .p-2-mobile {
        padding: .5rem !important
    }

    .p-x-2-mobile {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-mobile {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-mobile {
        margin: .5rem !important
    }

    .m-x-2-mobile {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-mobile {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-bottom-2-mobile {
        padding-bottom: .5rem !important
    }

    .m-bottom-2-mobile {
        margin-bottom: .5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: .5rem !important
    }

    .p-x-2-tablet {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-tablet {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-tablet {
        margin: .5rem !important
    }

    .m-x-2-tablet {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-tablet {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-bottom-2-tablet {
        padding-bottom: .5rem !important
    }

    .m-bottom-2-tablet {
        margin-bottom: .5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: .5rem !important
    }

    .p-x-2-touch {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-touch {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-touch {
        margin: .5rem !important
    }

    .m-x-2-touch {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-touch {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-bottom-2-touch {
        padding-bottom: .5rem !important
    }

    .m-bottom-2-touch {
        margin-bottom: .5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-2-desktop {
        padding: .5rem !important
    }

    .p-x-2-desktop {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-desktop {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-desktop {
        margin: .5rem !important
    }

    .m-x-2-desktop {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-desktop {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-bottom-2-desktop {
        padding-bottom: .5rem !important
    }

    .m-bottom-2-desktop {
        margin-bottom: .5rem !important
    }
}

.p-right-2 {
    padding-right: .5rem !important
}

.m-right-2 {
    margin-right: .5rem !important
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: .5rem !important
    }

    .p-x-2-tablet {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-tablet {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-tablet {
        margin: .5rem !important
    }

    .m-x-2-tablet {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-tablet {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: .5rem !important
    }

    .p-x-2-touch {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-touch {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-touch {
        margin: .5rem !important
    }

    .m-x-2-touch {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-touch {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }
}

@media screen and (max-width:768px) {
    .p-2-mobile {
        padding: .5rem !important
    }

    .p-x-2-mobile {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-mobile {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-mobile {
        margin: .5rem !important
    }

    .m-x-2-mobile {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-mobile {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-right-2-mobile {
        padding-right: .5rem !important
    }

    .m-right-2-mobile {
        margin-right: .5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: .5rem !important
    }

    .p-x-2-tablet {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-tablet {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-tablet {
        margin: .5rem !important
    }

    .m-x-2-tablet {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-tablet {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-right-2-tablet {
        padding-right: .5rem !important
    }

    .m-right-2-tablet {
        margin-right: .5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: .5rem !important
    }

    .p-x-2-touch {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-touch {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-touch {
        margin: .5rem !important
    }

    .m-x-2-touch {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-touch {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-right-2-touch {
        padding-right: .5rem !important
    }

    .m-right-2-touch {
        margin-right: .5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-2-desktop {
        padding: .5rem !important
    }

    .p-x-2-desktop {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .p-y-2-desktop {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .m-2-desktop {
        margin: .5rem !important
    }

    .m-x-2-desktop {
        margin-left: .5rem !important;
        margin-right: .5rem !important
    }

    .m-y-2-desktop {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .p-right-2-desktop {
        padding-right: .5rem !important
    }

    .m-right-2-desktop {
        margin-right: .5rem !important
    }
}

.p-3 {
    padding: .75rem !important
}

.p-x-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.p-y-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
}

.m-3 {
    margin: .75rem !important
}

.m-x-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.m-y-3 {
    margin-bottom: .75rem !important;
    margin-top: .75rem !important
}

.p-top-3 {
    padding-top: .75rem !important
}

.m-top-3 {
    margin-top: .75rem !important
}

@media screen and (max-width:768px) {
    .p-3-mobile {
        padding: .75rem !important
    }

    .p-x-3-mobile {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-mobile {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-mobile {
        margin: .75rem !important
    }

    .m-x-3-mobile {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-mobile {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-top-3-mobile {
        padding-top: .75rem !important
    }

    .m-top-3-mobile {
        margin-top: .75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: .75rem !important
    }

    .p-x-3-tablet {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-tablet {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-tablet {
        margin: .75rem !important
    }

    .m-x-3-tablet {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-tablet {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-top-3-tablet {
        padding-top: .75rem !important
    }

    .m-top-3-tablet {
        margin-top: .75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: .75rem !important
    }

    .p-x-3-touch {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-touch {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-touch {
        margin: .75rem !important
    }

    .m-x-3-touch {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-touch {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-top-3-touch {
        padding-top: .75rem !important
    }

    .m-top-3-touch {
        margin-top: .75rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-3-desktop {
        padding: .75rem !important
    }

    .p-x-3-desktop {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-desktop {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-desktop {
        margin: .75rem !important
    }

    .m-x-3-desktop {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-desktop {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-top-3-desktop {
        padding-top: .75rem !important
    }

    .m-top-3-desktop {
        margin-top: .75rem !important
    }
}

.p-left-3 {
    padding-left: .75rem !important
}

.m-left-3 {
    margin-left: .75rem !important
}

@media screen and (max-width:768px) {
    .p-3-mobile {
        padding: .75rem !important
    }

    .p-x-3-mobile {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-mobile {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-mobile {
        margin: .75rem !important
    }

    .m-x-3-mobile {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-mobile {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-left-3-mobile {
        padding-left: .75rem !important
    }

    .m-left-3-mobile {
        margin-left: .75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: .75rem !important
    }

    .p-x-3-tablet {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-tablet {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-tablet {
        margin: .75rem !important
    }

    .m-x-3-tablet {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-tablet {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-left-3-tablet {
        padding-left: .75rem !important
    }

    .m-left-3-tablet {
        margin-left: .75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: .75rem !important
    }

    .p-x-3-touch {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-touch {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-touch {
        margin: .75rem !important
    }

    .m-x-3-touch {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-touch {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-left-3-touch {
        padding-left: .75rem !important
    }

    .m-left-3-touch {
        margin-left: .75rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-3-desktop {
        padding: .75rem !important
    }

    .p-x-3-desktop {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-desktop {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-desktop {
        margin: .75rem !important
    }

    .m-x-3-desktop {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-desktop {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-left-3-desktop {
        padding-left: .75rem !important
    }

    .m-left-3-desktop {
        margin-left: .75rem !important
    }
}

.p-bottom-3 {
    padding-bottom: .75rem !important
}

.m-bottom-3 {
    margin-bottom: .75rem !important
}

@media screen and (max-width:768px) {
    .p-3-mobile {
        padding: .75rem !important
    }

    .p-x-3-mobile {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-mobile {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-mobile {
        margin: .75rem !important
    }

    .m-x-3-mobile {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-mobile {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-bottom-3-mobile {
        padding-bottom: .75rem !important
    }

    .m-bottom-3-mobile {
        margin-bottom: .75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: .75rem !important
    }

    .p-x-3-tablet {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-tablet {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-tablet {
        margin: .75rem !important
    }

    .m-x-3-tablet {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-tablet {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-bottom-3-tablet {
        padding-bottom: .75rem !important
    }

    .m-bottom-3-tablet {
        margin-bottom: .75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: .75rem !important
    }

    .p-x-3-touch {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-touch {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-touch {
        margin: .75rem !important
    }

    .m-x-3-touch {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-touch {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-bottom-3-touch {
        padding-bottom: .75rem !important
    }

    .m-bottom-3-touch {
        margin-bottom: .75rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-3-desktop {
        padding: .75rem !important
    }

    .p-x-3-desktop {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-desktop {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-desktop {
        margin: .75rem !important
    }

    .m-x-3-desktop {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-desktop {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-bottom-3-desktop {
        padding-bottom: .75rem !important
    }

    .m-bottom-3-desktop {
        margin-bottom: .75rem !important
    }
}

.p-right-3 {
    padding-right: .75rem !important
}

.m-right-3 {
    margin-right: .75rem !important
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: .75rem !important
    }

    .p-x-3-tablet {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-tablet {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-tablet {
        margin: .75rem !important
    }

    .m-x-3-tablet {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-tablet {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: .75rem !important
    }

    .p-x-3-touch {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-touch {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-touch {
        margin: .75rem !important
    }

    .m-x-3-touch {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-touch {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }
}

@media screen and (max-width:768px) {
    .p-3-mobile {
        padding: .75rem !important
    }

    .p-x-3-mobile {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-mobile {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-mobile {
        margin: .75rem !important
    }

    .m-x-3-mobile {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-mobile {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-right-3-mobile {
        padding-right: .75rem !important
    }

    .m-right-3-mobile {
        margin-right: .75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: .75rem !important
    }

    .p-x-3-tablet {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-tablet {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-tablet {
        margin: .75rem !important
    }

    .m-x-3-tablet {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-tablet {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-right-3-tablet {
        padding-right: .75rem !important
    }

    .m-right-3-tablet {
        margin-right: .75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: .75rem !important
    }

    .p-x-3-touch {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-touch {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-touch {
        margin: .75rem !important
    }

    .m-x-3-touch {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-touch {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-right-3-touch {
        padding-right: .75rem !important
    }

    .m-right-3-touch {
        margin-right: .75rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-3-desktop {
        padding: .75rem !important
    }

    .p-x-3-desktop {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .p-y-3-desktop {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .m-3-desktop {
        margin: .75rem !important
    }

    .m-x-3-desktop {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .m-y-3-desktop {
        margin-bottom: .75rem !important;
        margin-top: .75rem !important
    }

    .p-right-3-desktop {
        padding-right: .75rem !important
    }

    .m-right-3-desktop {
        margin-right: .75rem !important
    }
}

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

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

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

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

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

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

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

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

@media screen and (max-width:768px) {
    .p-4-mobile {
        padding: 1rem !important
    }

    .p-x-4-mobile {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-mobile {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-mobile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-mobile {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 1rem !important
    }

    .p-x-4-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-tablet {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-tablet {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 1rem !important
    }

    .p-x-4-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-touch {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-touch {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media screen and (min-width:1024px) {
    .p-4-desktop {
        padding: 1rem !important
    }

    .p-x-4-desktop {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-desktop {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-desktop {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-desktop {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

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

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

@media screen and (max-width:768px) {
    .p-4-mobile {
        padding: 1rem !important
    }

    .p-x-4-mobile {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-mobile {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-mobile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-mobile {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 1rem !important
    }

    .p-x-4-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-tablet {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-tablet {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 1rem !important
    }

    .p-x-4-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-touch {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-touch {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media screen and (min-width:1024px) {
    .p-4-desktop {
        padding: 1rem !important
    }

    .p-x-4-desktop {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-desktop {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-desktop {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-desktop {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

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

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

@media screen and (max-width:768px) {
    .p-4-mobile {
        padding: 1rem !important
    }

    .p-x-4-mobile {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-mobile {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-mobile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-mobile {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 1rem !important
    }

    .p-x-4-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-tablet {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-tablet {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 1rem !important
    }

    .p-x-4-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-touch {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-touch {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media screen and (min-width:1024px) {
    .p-4-desktop {
        padding: 1rem !important
    }

    .p-x-4-desktop {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-desktop {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-desktop {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-desktop {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

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

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

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 1rem !important
    }

    .p-x-4-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-tablet {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-tablet {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 1rem !important
    }

    .p-x-4-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-touch {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-touch {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }
}

@media screen and (max-width:768px) {
    .p-4-mobile {
        padding: 1rem !important
    }

    .p-x-4-mobile {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-mobile {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-mobile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-mobile {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 1rem !important
    }

    .p-x-4-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-tablet {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-tablet {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 1rem !important
    }

    .p-x-4-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-touch {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-touch {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

@media screen and (min-width:1024px) {
    .p-4-desktop {
        padding: 1rem !important
    }

    .p-x-4-desktop {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-4-desktop {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

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

    .m-x-4-desktop {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-4-desktop {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important
    }

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

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

.p-5 {
    padding: 1.25rem !important
}

.p-x-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.p-y-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
}

.m-5 {
    margin: 1.25rem !important
}

.m-x-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
}

.m-y-5 {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem !important
}

.p-top-5 {
    padding-top: 1.25rem !important
}

.m-top-5 {
    margin-top: 1.25rem !important
}

@media screen and (max-width:768px) {
    .p-5-mobile {
        padding: 1.25rem !important
    }

    .p-x-5-mobile {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-mobile {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-mobile {
        margin: 1.25rem !important
    }

    .m-x-5-mobile {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-mobile {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-top-5-mobile {
        padding-top: 1.25rem !important
    }

    .m-top-5-mobile {
        margin-top: 1.25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 1.25rem !important
    }

    .p-x-5-tablet {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-tablet {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-tablet {
        margin: 1.25rem !important
    }

    .m-x-5-tablet {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-tablet {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-top-5-tablet {
        padding-top: 1.25rem !important
    }

    .m-top-5-tablet {
        margin-top: 1.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 1.25rem !important
    }

    .p-x-5-touch {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-touch {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-touch {
        margin: 1.25rem !important
    }

    .m-x-5-touch {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-touch {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-top-5-touch {
        padding-top: 1.25rem !important
    }

    .m-top-5-touch {
        margin-top: 1.25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-5-desktop {
        padding: 1.25rem !important
    }

    .p-x-5-desktop {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-desktop {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-desktop {
        margin: 1.25rem !important
    }

    .m-x-5-desktop {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-desktop {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-top-5-desktop {
        padding-top: 1.25rem !important
    }

    .m-top-5-desktop {
        margin-top: 1.25rem !important
    }
}

.p-left-5 {
    padding-left: 1.25rem !important
}

.m-left-5 {
    margin-left: 1.25rem !important
}

@media screen and (max-width:768px) {
    .p-5-mobile {
        padding: 1.25rem !important
    }

    .p-x-5-mobile {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-mobile {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-mobile {
        margin: 1.25rem !important
    }

    .m-x-5-mobile {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-mobile {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-left-5-mobile {
        padding-left: 1.25rem !important
    }

    .m-left-5-mobile {
        margin-left: 1.25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 1.25rem !important
    }

    .p-x-5-tablet {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-tablet {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-tablet {
        margin: 1.25rem !important
    }

    .m-x-5-tablet {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-tablet {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-left-5-tablet {
        padding-left: 1.25rem !important
    }

    .m-left-5-tablet {
        margin-left: 1.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 1.25rem !important
    }

    .p-x-5-touch {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-touch {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-touch {
        margin: 1.25rem !important
    }

    .m-x-5-touch {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-touch {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-left-5-touch {
        padding-left: 1.25rem !important
    }

    .m-left-5-touch {
        margin-left: 1.25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-5-desktop {
        padding: 1.25rem !important
    }

    .p-x-5-desktop {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-desktop {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-desktop {
        margin: 1.25rem !important
    }

    .m-x-5-desktop {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-desktop {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-left-5-desktop {
        padding-left: 1.25rem !important
    }

    .m-left-5-desktop {
        margin-left: 1.25rem !important
    }
}

.p-bottom-5 {
    padding-bottom: 1.25rem !important
}

.m-bottom-5 {
    margin-bottom: 1.25rem !important
}

@media screen and (max-width:768px) {
    .p-5-mobile {
        padding: 1.25rem !important
    }

    .p-x-5-mobile {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-mobile {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-mobile {
        margin: 1.25rem !important
    }

    .m-x-5-mobile {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-mobile {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-bottom-5-mobile {
        padding-bottom: 1.25rem !important
    }

    .m-bottom-5-mobile {
        margin-bottom: 1.25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 1.25rem !important
    }

    .p-x-5-tablet {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-tablet {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-tablet {
        margin: 1.25rem !important
    }

    .m-x-5-tablet {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-tablet {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-bottom-5-tablet {
        padding-bottom: 1.25rem !important
    }

    .m-bottom-5-tablet {
        margin-bottom: 1.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 1.25rem !important
    }

    .p-x-5-touch {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-touch {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-touch {
        margin: 1.25rem !important
    }

    .m-x-5-touch {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-touch {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-bottom-5-touch {
        padding-bottom: 1.25rem !important
    }

    .m-bottom-5-touch {
        margin-bottom: 1.25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-5-desktop {
        padding: 1.25rem !important
    }

    .p-x-5-desktop {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-desktop {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-desktop {
        margin: 1.25rem !important
    }

    .m-x-5-desktop {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-desktop {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-bottom-5-desktop {
        padding-bottom: 1.25rem !important
    }

    .m-bottom-5-desktop {
        margin-bottom: 1.25rem !important
    }
}

.p-right-5 {
    padding-right: 1.25rem !important
}

.m-right-5 {
    margin-right: 1.25rem !important
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 1.25rem !important
    }

    .p-x-5-tablet {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-tablet {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-tablet {
        margin: 1.25rem !important
    }

    .m-x-5-tablet {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-tablet {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 1.25rem !important
    }

    .p-x-5-touch {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-touch {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-touch {
        margin: 1.25rem !important
    }

    .m-x-5-touch {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-touch {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }
}

@media screen and (max-width:768px) {
    .p-5-mobile {
        padding: 1.25rem !important
    }

    .p-x-5-mobile {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-mobile {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-mobile {
        margin: 1.25rem !important
    }

    .m-x-5-mobile {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-mobile {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-right-5-mobile {
        padding-right: 1.25rem !important
    }

    .m-right-5-mobile {
        margin-right: 1.25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 1.25rem !important
    }

    .p-x-5-tablet {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-tablet {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-tablet {
        margin: 1.25rem !important
    }

    .m-x-5-tablet {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-tablet {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-right-5-tablet {
        padding-right: 1.25rem !important
    }

    .m-right-5-tablet {
        margin-right: 1.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 1.25rem !important
    }

    .p-x-5-touch {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-touch {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-touch {
        margin: 1.25rem !important
    }

    .m-x-5-touch {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-touch {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-right-5-touch {
        padding-right: 1.25rem !important
    }

    .m-right-5-touch {
        margin-right: 1.25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-5-desktop {
        padding: 1.25rem !important
    }

    .p-x-5-desktop {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .p-y-5-desktop {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .m-5-desktop {
        margin: 1.25rem !important
    }

    .m-x-5-desktop {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .m-y-5-desktop {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }

    .p-right-5-desktop {
        padding-right: 1.25rem !important
    }

    .m-right-5-desktop {
        margin-right: 1.25rem !important
    }
}

.p-6 {
    padding: 1.5rem !important
}

.p-x-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.p-y-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.m-6 {
    margin: 1.5rem !important
}

.m-x-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.m-y-6 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
}

.p-top-6 {
    padding-top: 1.5rem !important
}

.m-top-6 {
    margin-top: 1.5rem !important
}

@media screen and (max-width:768px) {
    .p-6-mobile {
        padding: 1.5rem !important
    }

    .p-x-6-mobile {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-mobile {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-mobile {
        margin: 1.5rem !important
    }

    .m-x-6-mobile {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-mobile {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-top-6-mobile {
        padding-top: 1.5rem !important
    }

    .m-top-6-mobile {
        margin-top: 1.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 1.5rem !important
    }

    .p-x-6-tablet {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-tablet {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-tablet {
        margin: 1.5rem !important
    }

    .m-x-6-tablet {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-tablet {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-top-6-tablet {
        padding-top: 1.5rem !important
    }

    .m-top-6-tablet {
        margin-top: 1.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 1.5rem !important
    }

    .p-x-6-touch {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-touch {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-touch {
        margin: 1.5rem !important
    }

    .m-x-6-touch {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-touch {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-top-6-touch {
        padding-top: 1.5rem !important
    }

    .m-top-6-touch {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-6-desktop {
        padding: 1.5rem !important
    }

    .p-x-6-desktop {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-desktop {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-desktop {
        margin: 1.5rem !important
    }

    .m-x-6-desktop {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-desktop {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-top-6-desktop {
        padding-top: 1.5rem !important
    }

    .m-top-6-desktop {
        margin-top: 1.5rem !important
    }
}

.p-left-6 {
    padding-left: 1.5rem !important
}

.m-left-6 {
    margin-left: 1.5rem !important
}

@media screen and (max-width:768px) {
    .p-6-mobile {
        padding: 1.5rem !important
    }

    .p-x-6-mobile {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-mobile {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-mobile {
        margin: 1.5rem !important
    }

    .m-x-6-mobile {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-mobile {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-left-6-mobile {
        padding-left: 1.5rem !important
    }

    .m-left-6-mobile {
        margin-left: 1.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 1.5rem !important
    }

    .p-x-6-tablet {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-tablet {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-tablet {
        margin: 1.5rem !important
    }

    .m-x-6-tablet {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-tablet {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-left-6-tablet {
        padding-left: 1.5rem !important
    }

    .m-left-6-tablet {
        margin-left: 1.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 1.5rem !important
    }

    .p-x-6-touch {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-touch {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-touch {
        margin: 1.5rem !important
    }

    .m-x-6-touch {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-touch {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-left-6-touch {
        padding-left: 1.5rem !important
    }

    .m-left-6-touch {
        margin-left: 1.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-6-desktop {
        padding: 1.5rem !important
    }

    .p-x-6-desktop {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-desktop {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-desktop {
        margin: 1.5rem !important
    }

    .m-x-6-desktop {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-desktop {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-left-6-desktop {
        padding-left: 1.5rem !important
    }

    .m-left-6-desktop {
        margin-left: 1.5rem !important
    }
}

.p-bottom-6 {
    padding-bottom: 1.5rem !important
}

.m-bottom-6 {
    margin-bottom: 1.5rem !important
}

@media screen and (max-width:768px) {
    .p-6-mobile {
        padding: 1.5rem !important
    }

    .p-x-6-mobile {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-mobile {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-mobile {
        margin: 1.5rem !important
    }

    .m-x-6-mobile {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-mobile {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-bottom-6-mobile {
        padding-bottom: 1.5rem !important
    }

    .m-bottom-6-mobile {
        margin-bottom: 1.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 1.5rem !important
    }

    .p-x-6-tablet {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-tablet {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-tablet {
        margin: 1.5rem !important
    }

    .m-x-6-tablet {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-tablet {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-bottom-6-tablet {
        padding-bottom: 1.5rem !important
    }

    .m-bottom-6-tablet {
        margin-bottom: 1.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 1.5rem !important
    }

    .p-x-6-touch {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-touch {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-touch {
        margin: 1.5rem !important
    }

    .m-x-6-touch {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-touch {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-bottom-6-touch {
        padding-bottom: 1.5rem !important
    }

    .m-bottom-6-touch {
        margin-bottom: 1.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-6-desktop {
        padding: 1.5rem !important
    }

    .p-x-6-desktop {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-desktop {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-desktop {
        margin: 1.5rem !important
    }

    .m-x-6-desktop {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-desktop {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-bottom-6-desktop {
        padding-bottom: 1.5rem !important
    }

    .m-bottom-6-desktop {
        margin-bottom: 1.5rem !important
    }
}

.p-right-6 {
    padding-right: 1.5rem !important
}

.m-right-6 {
    margin-right: 1.5rem !important
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 1.5rem !important
    }

    .p-x-6-tablet {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-tablet {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-tablet {
        margin: 1.5rem !important
    }

    .m-x-6-tablet {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-tablet {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 1.5rem !important
    }

    .p-x-6-touch {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-touch {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-touch {
        margin: 1.5rem !important
    }

    .m-x-6-touch {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-touch {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }
}

@media screen and (max-width:768px) {
    .p-6-mobile {
        padding: 1.5rem !important
    }

    .p-x-6-mobile {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-mobile {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-mobile {
        margin: 1.5rem !important
    }

    .m-x-6-mobile {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-mobile {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-right-6-mobile {
        padding-right: 1.5rem !important
    }

    .m-right-6-mobile {
        margin-right: 1.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 1.5rem !important
    }

    .p-x-6-tablet {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-tablet {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-tablet {
        margin: 1.5rem !important
    }

    .m-x-6-tablet {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-tablet {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-right-6-tablet {
        padding-right: 1.5rem !important
    }

    .m-right-6-tablet {
        margin-right: 1.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 1.5rem !important
    }

    .p-x-6-touch {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-touch {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-touch {
        margin: 1.5rem !important
    }

    .m-x-6-touch {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-touch {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-right-6-touch {
        padding-right: 1.5rem !important
    }

    .m-right-6-touch {
        margin-right: 1.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-6-desktop {
        padding: 1.5rem !important
    }

    .p-x-6-desktop {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .p-y-6-desktop {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .m-6-desktop {
        margin: 1.5rem !important
    }

    .m-x-6-desktop {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important
    }

    .m-y-6-desktop {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important
    }

    .p-right-6-desktop {
        padding-right: 1.5rem !important
    }

    .m-right-6-desktop {
        margin-right: 1.5rem !important
    }
}

.p-7 {
    padding: 1.75rem !important
}

.p-x-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important
}

.p-y-7 {
    padding-bottom: 1.75rem !important;
    padding-top: 1.75rem !important
}

.m-7 {
    margin: 1.75rem !important
}

.m-x-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important
}

.m-y-7 {
    margin-bottom: 1.75rem !important;
    margin-top: 1.75rem !important
}

.p-top-7 {
    padding-top: 1.75rem !important
}

.m-top-7 {
    margin-top: 1.75rem !important
}

@media screen and (max-width:768px) {
    .p-7-mobile {
        padding: 1.75rem !important
    }

    .p-x-7-mobile {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-mobile {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-mobile {
        margin: 1.75rem !important
    }

    .m-x-7-mobile {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-mobile {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-top-7-mobile {
        padding-top: 1.75rem !important
    }

    .m-top-7-mobile {
        margin-top: 1.75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 1.75rem !important
    }

    .p-x-7-tablet {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-tablet {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-tablet {
        margin: 1.75rem !important
    }

    .m-x-7-tablet {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-tablet {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-top-7-tablet {
        padding-top: 1.75rem !important
    }

    .m-top-7-tablet {
        margin-top: 1.75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 1.75rem !important
    }

    .p-x-7-touch {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-touch {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-touch {
        margin: 1.75rem !important
    }

    .m-x-7-touch {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-touch {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-top-7-touch {
        padding-top: 1.75rem !important
    }

    .m-top-7-touch {
        margin-top: 1.75rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-7-desktop {
        padding: 1.75rem !important
    }

    .p-x-7-desktop {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-desktop {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-desktop {
        margin: 1.75rem !important
    }

    .m-x-7-desktop {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-desktop {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-top-7-desktop {
        padding-top: 1.75rem !important
    }

    .m-top-7-desktop {
        margin-top: 1.75rem !important
    }
}

.p-left-7 {
    padding-left: 1.75rem !important
}

.m-left-7 {
    margin-left: 1.75rem !important
}

@media screen and (max-width:768px) {
    .p-7-mobile {
        padding: 1.75rem !important
    }

    .p-x-7-mobile {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-mobile {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-mobile {
        margin: 1.75rem !important
    }

    .m-x-7-mobile {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-mobile {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-left-7-mobile {
        padding-left: 1.75rem !important
    }

    .m-left-7-mobile {
        margin-left: 1.75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 1.75rem !important
    }

    .p-x-7-tablet {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-tablet {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-tablet {
        margin: 1.75rem !important
    }

    .m-x-7-tablet {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-tablet {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-left-7-tablet {
        padding-left: 1.75rem !important
    }

    .m-left-7-tablet {
        margin-left: 1.75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 1.75rem !important
    }

    .p-x-7-touch {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-touch {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-touch {
        margin: 1.75rem !important
    }

    .m-x-7-touch {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-touch {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-left-7-touch {
        padding-left: 1.75rem !important
    }

    .m-left-7-touch {
        margin-left: 1.75rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-7-desktop {
        padding: 1.75rem !important
    }

    .p-x-7-desktop {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-desktop {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-desktop {
        margin: 1.75rem !important
    }

    .m-x-7-desktop {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-desktop {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-left-7-desktop {
        padding-left: 1.75rem !important
    }

    .m-left-7-desktop {
        margin-left: 1.75rem !important
    }
}

.p-bottom-7 {
    padding-bottom: 1.75rem !important
}

.m-bottom-7 {
    margin-bottom: 1.75rem !important
}

@media screen and (max-width:768px) {
    .p-7-mobile {
        padding: 1.75rem !important
    }

    .p-x-7-mobile {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-mobile {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-mobile {
        margin: 1.75rem !important
    }

    .m-x-7-mobile {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-mobile {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-bottom-7-mobile {
        padding-bottom: 1.75rem !important
    }

    .m-bottom-7-mobile {
        margin-bottom: 1.75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 1.75rem !important
    }

    .p-x-7-tablet {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-tablet {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-tablet {
        margin: 1.75rem !important
    }

    .m-x-7-tablet {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-tablet {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-bottom-7-tablet {
        padding-bottom: 1.75rem !important
    }

    .m-bottom-7-tablet {
        margin-bottom: 1.75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 1.75rem !important
    }

    .p-x-7-touch {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-touch {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-touch {
        margin: 1.75rem !important
    }

    .m-x-7-touch {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-touch {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-bottom-7-touch {
        padding-bottom: 1.75rem !important
    }

    .m-bottom-7-touch {
        margin-bottom: 1.75rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-7-desktop {
        padding: 1.75rem !important
    }

    .p-x-7-desktop {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-desktop {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-desktop {
        margin: 1.75rem !important
    }

    .m-x-7-desktop {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-desktop {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-bottom-7-desktop {
        padding-bottom: 1.75rem !important
    }

    .m-bottom-7-desktop {
        margin-bottom: 1.75rem !important
    }
}

.p-right-7 {
    padding-right: 1.75rem !important
}

.m-right-7 {
    margin-right: 1.75rem !important
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 1.75rem !important
    }

    .p-x-7-tablet {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-tablet {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-tablet {
        margin: 1.75rem !important
    }

    .m-x-7-tablet {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-tablet {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 1.75rem !important
    }

    .p-x-7-touch {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-touch {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-touch {
        margin: 1.75rem !important
    }

    .m-x-7-touch {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-touch {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }
}

@media screen and (max-width:768px) {
    .p-7-mobile {
        padding: 1.75rem !important
    }

    .p-x-7-mobile {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-mobile {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-mobile {
        margin: 1.75rem !important
    }

    .m-x-7-mobile {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-mobile {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-right-7-mobile {
        padding-right: 1.75rem !important
    }

    .m-right-7-mobile {
        margin-right: 1.75rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 1.75rem !important
    }

    .p-x-7-tablet {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-tablet {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-tablet {
        margin: 1.75rem !important
    }

    .m-x-7-tablet {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-tablet {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-right-7-tablet {
        padding-right: 1.75rem !important
    }

    .m-right-7-tablet {
        margin-right: 1.75rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 1.75rem !important
    }

    .p-x-7-touch {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-touch {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-touch {
        margin: 1.75rem !important
    }

    .m-x-7-touch {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-touch {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-right-7-touch {
        padding-right: 1.75rem !important
    }

    .m-right-7-touch {
        margin-right: 1.75rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-7-desktop {
        padding: 1.75rem !important
    }

    .p-x-7-desktop {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important
    }

    .p-y-7-desktop {
        padding-bottom: 1.75rem !important;
        padding-top: 1.75rem !important
    }

    .m-7-desktop {
        margin: 1.75rem !important
    }

    .m-x-7-desktop {
        margin-left: 1.75rem !important;
        margin-right: 1.75rem !important
    }

    .m-y-7-desktop {
        margin-bottom: 1.75rem !important;
        margin-top: 1.75rem !important
    }

    .p-right-7-desktop {
        padding-right: 1.75rem !important
    }

    .m-right-7-desktop {
        margin-right: 1.75rem !important
    }
}

.p-8 {
    padding: 2rem !important
}

.p-x-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.p-y-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
}

.m-8 {
    margin: 2rem !important
}

.m-x-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}

.m-y-8 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important
}

.p-top-8 {
    padding-top: 2rem !important
}

.m-top-8 {
    margin-top: 2rem !important
}

@media screen and (max-width:768px) {
    .p-8-mobile {
        padding: 2rem !important
    }

    .p-x-8-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-mobile {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-mobile {
        margin: 2rem !important
    }

    .m-x-8-mobile {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-mobile {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-top-8-mobile {
        padding-top: 2rem !important
    }

    .m-top-8-mobile {
        margin-top: 2rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 2rem !important
    }

    .p-x-8-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-tablet {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-tablet {
        margin: 2rem !important
    }

    .m-x-8-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-tablet {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-top-8-tablet {
        padding-top: 2rem !important
    }

    .m-top-8-tablet {
        margin-top: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 2rem !important
    }

    .p-x-8-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-touch {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-touch {
        margin: 2rem !important
    }

    .m-x-8-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-touch {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-top-8-touch {
        padding-top: 2rem !important
    }

    .m-top-8-touch {
        margin-top: 2rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-8-desktop {
        padding: 2rem !important
    }

    .p-x-8-desktop {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-desktop {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-desktop {
        margin: 2rem !important
    }

    .m-x-8-desktop {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-desktop {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-top-8-desktop {
        padding-top: 2rem !important
    }

    .m-top-8-desktop {
        margin-top: 2rem !important
    }
}

.p-left-8 {
    padding-left: 2rem !important
}

.m-left-8 {
    margin-left: 2rem !important
}

@media screen and (max-width:768px) {
    .p-8-mobile {
        padding: 2rem !important
    }

    .p-x-8-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-mobile {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-mobile {
        margin: 2rem !important
    }

    .m-x-8-mobile {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-mobile {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-left-8-mobile {
        padding-left: 2rem !important
    }

    .m-left-8-mobile {
        margin-left: 2rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 2rem !important
    }

    .p-x-8-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-tablet {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-tablet {
        margin: 2rem !important
    }

    .m-x-8-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-tablet {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-left-8-tablet {
        padding-left: 2rem !important
    }

    .m-left-8-tablet {
        margin-left: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 2rem !important
    }

    .p-x-8-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-touch {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-touch {
        margin: 2rem !important
    }

    .m-x-8-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-touch {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-left-8-touch {
        padding-left: 2rem !important
    }

    .m-left-8-touch {
        margin-left: 2rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-8-desktop {
        padding: 2rem !important
    }

    .p-x-8-desktop {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-desktop {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-desktop {
        margin: 2rem !important
    }

    .m-x-8-desktop {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-desktop {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-left-8-desktop {
        padding-left: 2rem !important
    }

    .m-left-8-desktop {
        margin-left: 2rem !important
    }
}

.p-bottom-8 {
    padding-bottom: 2rem !important
}

.m-bottom-8 {
    margin-bottom: 2rem !important
}

@media screen and (max-width:768px) {
    .p-8-mobile {
        padding: 2rem !important
    }

    .p-x-8-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-mobile {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-mobile {
        margin: 2rem !important
    }

    .m-x-8-mobile {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-mobile {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-bottom-8-mobile {
        padding-bottom: 2rem !important
    }

    .m-bottom-8-mobile {
        margin-bottom: 2rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 2rem !important
    }

    .p-x-8-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-tablet {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-tablet {
        margin: 2rem !important
    }

    .m-x-8-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-tablet {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-bottom-8-tablet {
        padding-bottom: 2rem !important
    }

    .m-bottom-8-tablet {
        margin-bottom: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 2rem !important
    }

    .p-x-8-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-touch {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-touch {
        margin: 2rem !important
    }

    .m-x-8-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-touch {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-bottom-8-touch {
        padding-bottom: 2rem !important
    }

    .m-bottom-8-touch {
        margin-bottom: 2rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-8-desktop {
        padding: 2rem !important
    }

    .p-x-8-desktop {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-desktop {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-desktop {
        margin: 2rem !important
    }

    .m-x-8-desktop {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-desktop {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-bottom-8-desktop {
        padding-bottom: 2rem !important
    }

    .m-bottom-8-desktop {
        margin-bottom: 2rem !important
    }
}

.p-right-8 {
    padding-right: 2rem !important
}

.m-right-8 {
    margin-right: 2rem !important
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 2rem !important
    }

    .p-x-8-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-tablet {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-tablet {
        margin: 2rem !important
    }

    .m-x-8-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-tablet {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 2rem !important
    }

    .p-x-8-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-touch {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-touch {
        margin: 2rem !important
    }

    .m-x-8-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-touch {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }
}

@media screen and (max-width:768px) {
    .p-8-mobile {
        padding: 2rem !important
    }

    .p-x-8-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-mobile {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-mobile {
        margin: 2rem !important
    }

    .m-x-8-mobile {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-mobile {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-right-8-mobile {
        padding-right: 2rem !important
    }

    .m-right-8-mobile {
        margin-right: 2rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 2rem !important
    }

    .p-x-8-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-tablet {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-tablet {
        margin: 2rem !important
    }

    .m-x-8-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-tablet {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-right-8-tablet {
        padding-right: 2rem !important
    }

    .m-right-8-tablet {
        margin-right: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 2rem !important
    }

    .p-x-8-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-touch {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-touch {
        margin: 2rem !important
    }

    .m-x-8-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-touch {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-right-8-touch {
        padding-right: 2rem !important
    }

    .m-right-8-touch {
        margin-right: 2rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-8-desktop {
        padding: 2rem !important
    }

    .p-x-8-desktop {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-8-desktop {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .m-8-desktop {
        margin: 2rem !important
    }

    .m-x-8-desktop {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-8-desktop {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .p-right-8-desktop {
        padding-right: 2rem !important
    }

    .m-right-8-desktop {
        margin-right: 2rem !important
    }
}

.p-9 {
    padding: 2.25rem !important
}

.p-x-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important
}

.p-y-9 {
    padding-bottom: 2.25rem !important;
    padding-top: 2.25rem !important
}

.m-9 {
    margin: 2.25rem !important
}

.m-x-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important
}

.m-y-9 {
    margin-bottom: 2.25rem !important;
    margin-top: 2.25rem !important
}

.p-top-9 {
    padding-top: 2.25rem !important
}

.m-top-9 {
    margin-top: 2.25rem !important
}

@media screen and (max-width:768px) {
    .p-9-mobile {
        padding: 2.25rem !important
    }

    .p-x-9-mobile {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-mobile {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-mobile {
        margin: 2.25rem !important
    }

    .m-x-9-mobile {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-mobile {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-top-9-mobile {
        padding-top: 2.25rem !important
    }

    .m-top-9-mobile {
        margin-top: 2.25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 2.25rem !important
    }

    .p-x-9-tablet {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-tablet {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-tablet {
        margin: 2.25rem !important
    }

    .m-x-9-tablet {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-tablet {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-top-9-tablet {
        padding-top: 2.25rem !important
    }

    .m-top-9-tablet {
        margin-top: 2.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 2.25rem !important
    }

    .p-x-9-touch {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-touch {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-touch {
        margin: 2.25rem !important
    }

    .m-x-9-touch {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-touch {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-top-9-touch {
        padding-top: 2.25rem !important
    }

    .m-top-9-touch {
        margin-top: 2.25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-9-desktop {
        padding: 2.25rem !important
    }

    .p-x-9-desktop {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-desktop {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-desktop {
        margin: 2.25rem !important
    }

    .m-x-9-desktop {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-desktop {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-top-9-desktop {
        padding-top: 2.25rem !important
    }

    .m-top-9-desktop {
        margin-top: 2.25rem !important
    }
}

.p-left-9 {
    padding-left: 2.25rem !important
}

.m-left-9 {
    margin-left: 2.25rem !important
}

@media screen and (max-width:768px) {
    .p-9-mobile {
        padding: 2.25rem !important
    }

    .p-x-9-mobile {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-mobile {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-mobile {
        margin: 2.25rem !important
    }

    .m-x-9-mobile {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-mobile {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-left-9-mobile {
        padding-left: 2.25rem !important
    }

    .m-left-9-mobile {
        margin-left: 2.25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 2.25rem !important
    }

    .p-x-9-tablet {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-tablet {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-tablet {
        margin: 2.25rem !important
    }

    .m-x-9-tablet {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-tablet {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-left-9-tablet {
        padding-left: 2.25rem !important
    }

    .m-left-9-tablet {
        margin-left: 2.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 2.25rem !important
    }

    .p-x-9-touch {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-touch {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-touch {
        margin: 2.25rem !important
    }

    .m-x-9-touch {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-touch {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-left-9-touch {
        padding-left: 2.25rem !important
    }

    .m-left-9-touch {
        margin-left: 2.25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-9-desktop {
        padding: 2.25rem !important
    }

    .p-x-9-desktop {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-desktop {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-desktop {
        margin: 2.25rem !important
    }

    .m-x-9-desktop {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-desktop {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-left-9-desktop {
        padding-left: 2.25rem !important
    }

    .m-left-9-desktop {
        margin-left: 2.25rem !important
    }
}

.p-bottom-9 {
    padding-bottom: 2.25rem !important
}

.m-bottom-9 {
    margin-bottom: 2.25rem !important
}

@media screen and (max-width:768px) {
    .p-9-mobile {
        padding: 2.25rem !important
    }

    .p-x-9-mobile {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-mobile {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-mobile {
        margin: 2.25rem !important
    }

    .m-x-9-mobile {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-mobile {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-bottom-9-mobile {
        padding-bottom: 2.25rem !important
    }

    .m-bottom-9-mobile {
        margin-bottom: 2.25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 2.25rem !important
    }

    .p-x-9-tablet {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-tablet {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-tablet {
        margin: 2.25rem !important
    }

    .m-x-9-tablet {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-tablet {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-bottom-9-tablet {
        padding-bottom: 2.25rem !important
    }

    .m-bottom-9-tablet {
        margin-bottom: 2.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 2.25rem !important
    }

    .p-x-9-touch {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-touch {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-touch {
        margin: 2.25rem !important
    }

    .m-x-9-touch {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-touch {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-bottom-9-touch {
        padding-bottom: 2.25rem !important
    }

    .m-bottom-9-touch {
        margin-bottom: 2.25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-9-desktop {
        padding: 2.25rem !important
    }

    .p-x-9-desktop {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-desktop {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-desktop {
        margin: 2.25rem !important
    }

    .m-x-9-desktop {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-desktop {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-bottom-9-desktop {
        padding-bottom: 2.25rem !important
    }

    .m-bottom-9-desktop {
        margin-bottom: 2.25rem !important
    }
}

.p-right-9 {
    padding-right: 2.25rem !important
}

.m-right-9 {
    margin-right: 2.25rem !important
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 2.25rem !important
    }

    .p-x-9-tablet {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-tablet {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-tablet {
        margin: 2.25rem !important
    }

    .m-x-9-tablet {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-tablet {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 2.25rem !important
    }

    .p-x-9-touch {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-touch {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-touch {
        margin: 2.25rem !important
    }

    .m-x-9-touch {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-touch {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }
}

@media screen and (max-width:768px) {
    .p-9-mobile {
        padding: 2.25rem !important
    }

    .p-x-9-mobile {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-mobile {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-mobile {
        margin: 2.25rem !important
    }

    .m-x-9-mobile {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-mobile {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-right-9-mobile {
        padding-right: 2.25rem !important
    }

    .m-right-9-mobile {
        margin-right: 2.25rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 2.25rem !important
    }

    .p-x-9-tablet {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-tablet {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-tablet {
        margin: 2.25rem !important
    }

    .m-x-9-tablet {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-tablet {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-right-9-tablet {
        padding-right: 2.25rem !important
    }

    .m-right-9-tablet {
        margin-right: 2.25rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 2.25rem !important
    }

    .p-x-9-touch {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-touch {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-touch {
        margin: 2.25rem !important
    }

    .m-x-9-touch {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-touch {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-right-9-touch {
        padding-right: 2.25rem !important
    }

    .m-right-9-touch {
        margin-right: 2.25rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-9-desktop {
        padding: 2.25rem !important
    }

    .p-x-9-desktop {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important
    }

    .p-y-9-desktop {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important
    }

    .m-9-desktop {
        margin: 2.25rem !important
    }

    .m-x-9-desktop {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important
    }

    .m-y-9-desktop {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important
    }

    .p-right-9-desktop {
        padding-right: 2.25rem !important
    }

    .m-right-9-desktop {
        margin-right: 2.25rem !important
    }
}

.p-10 {
    padding: 2.5rem !important
}

.p-x-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.p-y-10 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
}

.m-10 {
    margin: 2.5rem !important
}

.m-x-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
}

.m-y-10 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important
}

.p-top-10 {
    padding-top: 2.5rem !important
}

.m-top-10 {
    margin-top: 2.5rem !important
}

@media screen and (max-width:768px) {
    .p-10-mobile {
        padding: 2.5rem !important
    }

    .p-x-10-mobile {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-mobile {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-mobile {
        margin: 2.5rem !important
    }

    .m-x-10-mobile {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-mobile {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-top-10-mobile {
        padding-top: 2.5rem !important
    }

    .m-top-10-mobile {
        margin-top: 2.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 2.5rem !important
    }

    .p-x-10-tablet {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-tablet {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-tablet {
        margin: 2.5rem !important
    }

    .m-x-10-tablet {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-tablet {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-top-10-tablet {
        padding-top: 2.5rem !important
    }

    .m-top-10-tablet {
        margin-top: 2.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 2.5rem !important
    }

    .p-x-10-touch {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-touch {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-touch {
        margin: 2.5rem !important
    }

    .m-x-10-touch {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-touch {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-top-10-touch {
        padding-top: 2.5rem !important
    }

    .m-top-10-touch {
        margin-top: 2.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-10-desktop {
        padding: 2.5rem !important
    }

    .p-x-10-desktop {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-desktop {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-desktop {
        margin: 2.5rem !important
    }

    .m-x-10-desktop {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-desktop {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-top-10-desktop {
        padding-top: 2.5rem !important
    }

    .m-top-10-desktop {
        margin-top: 2.5rem !important
    }
}

.p-left-10 {
    padding-left: 2.5rem !important
}

.m-left-10 {
    margin-left: 2.5rem !important
}

@media screen and (max-width:768px) {
    .p-10-mobile {
        padding: 2.5rem !important
    }

    .p-x-10-mobile {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-mobile {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-mobile {
        margin: 2.5rem !important
    }

    .m-x-10-mobile {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-mobile {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-left-10-mobile {
        padding-left: 2.5rem !important
    }

    .m-left-10-mobile {
        margin-left: 2.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 2.5rem !important
    }

    .p-x-10-tablet {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-tablet {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-tablet {
        margin: 2.5rem !important
    }

    .m-x-10-tablet {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-tablet {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-left-10-tablet {
        padding-left: 2.5rem !important
    }

    .m-left-10-tablet {
        margin-left: 2.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 2.5rem !important
    }

    .p-x-10-touch {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-touch {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-touch {
        margin: 2.5rem !important
    }

    .m-x-10-touch {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-touch {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-left-10-touch {
        padding-left: 2.5rem !important
    }

    .m-left-10-touch {
        margin-left: 2.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-10-desktop {
        padding: 2.5rem !important
    }

    .p-x-10-desktop {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-desktop {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-desktop {
        margin: 2.5rem !important
    }

    .m-x-10-desktop {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-desktop {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-left-10-desktop {
        padding-left: 2.5rem !important
    }

    .m-left-10-desktop {
        margin-left: 2.5rem !important
    }
}

.p-bottom-10 {
    padding-bottom: 2.5rem !important
}

.m-bottom-10 {
    margin-bottom: 2.5rem !important
}

@media screen and (max-width:768px) {
    .p-10-mobile {
        padding: 2.5rem !important
    }

    .p-x-10-mobile {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-mobile {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-mobile {
        margin: 2.5rem !important
    }

    .m-x-10-mobile {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-mobile {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-bottom-10-mobile {
        padding-bottom: 2.5rem !important
    }

    .m-bottom-10-mobile {
        margin-bottom: 2.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 2.5rem !important
    }

    .p-x-10-tablet {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-tablet {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-tablet {
        margin: 2.5rem !important
    }

    .m-x-10-tablet {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-tablet {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-bottom-10-tablet {
        padding-bottom: 2.5rem !important
    }

    .m-bottom-10-tablet {
        margin-bottom: 2.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 2.5rem !important
    }

    .p-x-10-touch {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-touch {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-touch {
        margin: 2.5rem !important
    }

    .m-x-10-touch {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-touch {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-bottom-10-touch {
        padding-bottom: 2.5rem !important
    }

    .m-bottom-10-touch {
        margin-bottom: 2.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-10-desktop {
        padding: 2.5rem !important
    }

    .p-x-10-desktop {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-desktop {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-desktop {
        margin: 2.5rem !important
    }

    .m-x-10-desktop {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-desktop {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-bottom-10-desktop {
        padding-bottom: 2.5rem !important
    }

    .m-bottom-10-desktop {
        margin-bottom: 2.5rem !important
    }
}

.p-right-10 {
    padding-right: 2.5rem !important
}

.m-right-10 {
    margin-right: 2.5rem !important
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 2.5rem !important
    }

    .p-x-10-tablet {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-tablet {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-tablet {
        margin: 2.5rem !important
    }

    .m-x-10-tablet {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-tablet {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 2.5rem !important
    }

    .p-x-10-touch {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-touch {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-touch {
        margin: 2.5rem !important
    }

    .m-x-10-touch {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-touch {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }
}

@media screen and (max-width:768px) {
    .p-10-mobile {
        padding: 2.5rem !important
    }

    .p-x-10-mobile {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-mobile {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-mobile {
        margin: 2.5rem !important
    }

    .m-x-10-mobile {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-mobile {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-right-10-mobile {
        padding-right: 2.5rem !important
    }

    .m-right-10-mobile {
        margin-right: 2.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 2.5rem !important
    }

    .p-x-10-tablet {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-tablet {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-tablet {
        margin: 2.5rem !important
    }

    .m-x-10-tablet {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-tablet {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-right-10-tablet {
        padding-right: 2.5rem !important
    }

    .m-right-10-tablet {
        margin-right: 2.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 2.5rem !important
    }

    .p-x-10-touch {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-touch {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-touch {
        margin: 2.5rem !important
    }

    .m-x-10-touch {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-touch {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-right-10-touch {
        padding-right: 2.5rem !important
    }

    .m-right-10-touch {
        margin-right: 2.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-10-desktop {
        padding: 2.5rem !important
    }

    .p-x-10-desktop {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .p-y-10-desktop {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important
    }

    .m-10-desktop {
        margin: 2.5rem !important
    }

    .m-x-10-desktop {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important
    }

    .m-y-10-desktop {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important
    }

    .p-right-10-desktop {
        padding-right: 2.5rem !important
    }

    .m-right-10-desktop {
        margin-right: 2.5rem !important
    }
}

.p-12 {
    padding: 3rem !important
}

.p-x-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.p-y-12 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
}

.m-12 {
    margin: 3rem !important
}

.m-x-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.m-y-12 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
}

.p-top-12 {
    padding-top: 3rem !important
}

.m-top-12 {
    margin-top: 3rem !important
}

@media screen and (max-width:768px) {
    .p-12-mobile {
        padding: 3rem !important
    }

    .p-x-12-mobile {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-mobile {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-mobile {
        margin: 3rem !important
    }

    .m-x-12-mobile {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-mobile {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-top-12-mobile {
        padding-top: 3rem !important
    }

    .m-top-12-mobile {
        margin-top: 3rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 3rem !important
    }

    .p-x-12-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-tablet {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-tablet {
        margin: 3rem !important
    }

    .m-x-12-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-tablet {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-top-12-tablet {
        padding-top: 3rem !important
    }

    .m-top-12-tablet {
        margin-top: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 3rem !important
    }

    .p-x-12-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-touch {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-touch {
        margin: 3rem !important
    }

    .m-x-12-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-touch {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-top-12-touch {
        padding-top: 3rem !important
    }

    .m-top-12-touch {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-12-desktop {
        padding: 3rem !important
    }

    .p-x-12-desktop {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-desktop {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-desktop {
        margin: 3rem !important
    }

    .m-x-12-desktop {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-desktop {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-top-12-desktop {
        padding-top: 3rem !important
    }

    .m-top-12-desktop {
        margin-top: 3rem !important
    }
}

.p-left-12 {
    padding-left: 3rem !important
}

.m-left-12 {
    margin-left: 3rem !important
}

@media screen and (max-width:768px) {
    .p-12-mobile {
        padding: 3rem !important
    }

    .p-x-12-mobile {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-mobile {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-mobile {
        margin: 3rem !important
    }

    .m-x-12-mobile {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-mobile {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-left-12-mobile {
        padding-left: 3rem !important
    }

    .m-left-12-mobile {
        margin-left: 3rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 3rem !important
    }

    .p-x-12-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-tablet {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-tablet {
        margin: 3rem !important
    }

    .m-x-12-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-tablet {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-left-12-tablet {
        padding-left: 3rem !important
    }

    .m-left-12-tablet {
        margin-left: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 3rem !important
    }

    .p-x-12-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-touch {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-touch {
        margin: 3rem !important
    }

    .m-x-12-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-touch {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-left-12-touch {
        padding-left: 3rem !important
    }

    .m-left-12-touch {
        margin-left: 3rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-12-desktop {
        padding: 3rem !important
    }

    .p-x-12-desktop {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-desktop {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-desktop {
        margin: 3rem !important
    }

    .m-x-12-desktop {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-desktop {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-left-12-desktop {
        padding-left: 3rem !important
    }

    .m-left-12-desktop {
        margin-left: 3rem !important
    }
}

.p-bottom-12 {
    padding-bottom: 3rem !important
}

.m-bottom-12 {
    margin-bottom: 3rem !important
}

@media screen and (max-width:768px) {
    .p-12-mobile {
        padding: 3rem !important
    }

    .p-x-12-mobile {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-mobile {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-mobile {
        margin: 3rem !important
    }

    .m-x-12-mobile {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-mobile {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-bottom-12-mobile {
        padding-bottom: 3rem !important
    }

    .m-bottom-12-mobile {
        margin-bottom: 3rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 3rem !important
    }

    .p-x-12-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-tablet {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-tablet {
        margin: 3rem !important
    }

    .m-x-12-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-tablet {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-bottom-12-tablet {
        padding-bottom: 3rem !important
    }

    .m-bottom-12-tablet {
        margin-bottom: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 3rem !important
    }

    .p-x-12-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-touch {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-touch {
        margin: 3rem !important
    }

    .m-x-12-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-touch {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-bottom-12-touch {
        padding-bottom: 3rem !important
    }

    .m-bottom-12-touch {
        margin-bottom: 3rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-12-desktop {
        padding: 3rem !important
    }

    .p-x-12-desktop {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-desktop {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-desktop {
        margin: 3rem !important
    }

    .m-x-12-desktop {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-desktop {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-bottom-12-desktop {
        padding-bottom: 3rem !important
    }

    .m-bottom-12-desktop {
        margin-bottom: 3rem !important
    }
}

.p-right-12 {
    padding-right: 3rem !important
}

.m-right-12 {
    margin-right: 3rem !important
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 3rem !important
    }

    .p-x-12-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-tablet {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-tablet {
        margin: 3rem !important
    }

    .m-x-12-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-tablet {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 3rem !important
    }

    .p-x-12-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-touch {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-touch {
        margin: 3rem !important
    }

    .m-x-12-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-touch {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }
}

@media screen and (max-width:768px) {
    .p-12-mobile {
        padding: 3rem !important
    }

    .p-x-12-mobile {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-mobile {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-mobile {
        margin: 3rem !important
    }

    .m-x-12-mobile {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-mobile {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-right-12-mobile {
        padding-right: 3rem !important
    }

    .m-right-12-mobile {
        margin-right: 3rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 3rem !important
    }

    .p-x-12-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-tablet {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-tablet {
        margin: 3rem !important
    }

    .m-x-12-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-tablet {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-right-12-tablet {
        padding-right: 3rem !important
    }

    .m-right-12-tablet {
        margin-right: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 3rem !important
    }

    .p-x-12-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-touch {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-touch {
        margin: 3rem !important
    }

    .m-x-12-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-touch {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-right-12-touch {
        padding-right: 3rem !important
    }

    .m-right-12-touch {
        margin-right: 3rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-12-desktop {
        padding: 3rem !important
    }

    .p-x-12-desktop {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-12-desktop {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important
    }

    .m-12-desktop {
        margin: 3rem !important
    }

    .m-x-12-desktop {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-12-desktop {
        margin-bottom: 3rem !important;
        margin-top: 3rem !important
    }

    .p-right-12-desktop {
        padding-right: 3rem !important
    }

    .m-right-12-desktop {
        margin-right: 3rem !important
    }
}

.p-16 {
    padding: 4rem !important
}

.p-x-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
}

.p-y-16 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
}

.m-16 {
    margin: 4rem !important
}

.m-x-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
}

.m-y-16 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important
}

.p-top-16 {
    padding-top: 4rem !important
}

.m-top-16 {
    margin-top: 4rem !important
}

@media screen and (max-width:768px) {
    .p-16-mobile {
        padding: 4rem !important
    }

    .p-x-16-mobile {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-mobile {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-mobile {
        margin: 4rem !important
    }

    .m-x-16-mobile {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-mobile {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-top-16-mobile {
        padding-top: 4rem !important
    }

    .m-top-16-mobile {
        margin-top: 4rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-16-tablet {
        padding: 4rem !important
    }

    .p-x-16-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-tablet {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-tablet {
        margin: 4rem !important
    }

    .m-x-16-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-tablet {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-top-16-tablet {
        padding-top: 4rem !important
    }

    .m-top-16-tablet {
        margin-top: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-16-touch {
        padding: 4rem !important
    }

    .p-x-16-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-touch {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-touch {
        margin: 4rem !important
    }

    .m-x-16-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-touch {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-top-16-touch {
        padding-top: 4rem !important
    }

    .m-top-16-touch {
        margin-top: 4rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-16-desktop {
        padding: 4rem !important
    }

    .p-x-16-desktop {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-desktop {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-desktop {
        margin: 4rem !important
    }

    .m-x-16-desktop {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-desktop {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-top-16-desktop {
        padding-top: 4rem !important
    }

    .m-top-16-desktop {
        margin-top: 4rem !important
    }
}

.p-left-16 {
    padding-left: 4rem !important
}

.m-left-16 {
    margin-left: 4rem !important
}

@media screen and (max-width:768px) {
    .p-16-mobile {
        padding: 4rem !important
    }

    .p-x-16-mobile {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-mobile {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-mobile {
        margin: 4rem !important
    }

    .m-x-16-mobile {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-mobile {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-left-16-mobile {
        padding-left: 4rem !important
    }

    .m-left-16-mobile {
        margin-left: 4rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-16-tablet {
        padding: 4rem !important
    }

    .p-x-16-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-tablet {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-tablet {
        margin: 4rem !important
    }

    .m-x-16-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-tablet {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-left-16-tablet {
        padding-left: 4rem !important
    }

    .m-left-16-tablet {
        margin-left: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-16-touch {
        padding: 4rem !important
    }

    .p-x-16-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-touch {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-touch {
        margin: 4rem !important
    }

    .m-x-16-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-touch {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-left-16-touch {
        padding-left: 4rem !important
    }

    .m-left-16-touch {
        margin-left: 4rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-16-desktop {
        padding: 4rem !important
    }

    .p-x-16-desktop {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-desktop {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-desktop {
        margin: 4rem !important
    }

    .m-x-16-desktop {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-desktop {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-left-16-desktop {
        padding-left: 4rem !important
    }

    .m-left-16-desktop {
        margin-left: 4rem !important
    }
}

.p-bottom-16 {
    padding-bottom: 4rem !important
}

.m-bottom-16 {
    margin-bottom: 4rem !important
}

@media screen and (max-width:768px) {
    .p-16-mobile {
        padding: 4rem !important
    }

    .p-x-16-mobile {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-mobile {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-mobile {
        margin: 4rem !important
    }

    .m-x-16-mobile {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-mobile {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-bottom-16-mobile {
        padding-bottom: 4rem !important
    }

    .m-bottom-16-mobile {
        margin-bottom: 4rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-16-tablet {
        padding: 4rem !important
    }

    .p-x-16-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-tablet {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-tablet {
        margin: 4rem !important
    }

    .m-x-16-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-tablet {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-bottom-16-tablet {
        padding-bottom: 4rem !important
    }

    .m-bottom-16-tablet {
        margin-bottom: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-16-touch {
        padding: 4rem !important
    }

    .p-x-16-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-touch {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-touch {
        margin: 4rem !important
    }

    .m-x-16-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-touch {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-bottom-16-touch {
        padding-bottom: 4rem !important
    }

    .m-bottom-16-touch {
        margin-bottom: 4rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-16-desktop {
        padding: 4rem !important
    }

    .p-x-16-desktop {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-desktop {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-desktop {
        margin: 4rem !important
    }

    .m-x-16-desktop {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-desktop {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-bottom-16-desktop {
        padding-bottom: 4rem !important
    }

    .m-bottom-16-desktop {
        margin-bottom: 4rem !important
    }
}

.p-right-16 {
    padding-right: 4rem !important
}

.m-right-16 {
    margin-right: 4rem !important
}

@media print,
screen and (min-width:769px) {
    .p-16-tablet {
        padding: 4rem !important
    }

    .p-x-16-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-tablet {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-tablet {
        margin: 4rem !important
    }

    .m-x-16-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-tablet {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-16-touch {
        padding: 4rem !important
    }

    .p-x-16-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-touch {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-touch {
        margin: 4rem !important
    }

    .m-x-16-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-touch {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }
}

@media screen and (max-width:768px) {
    .p-16-mobile {
        padding: 4rem !important
    }

    .p-x-16-mobile {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-mobile {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-mobile {
        margin: 4rem !important
    }

    .m-x-16-mobile {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-mobile {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-right-16-mobile {
        padding-right: 4rem !important
    }

    .m-right-16-mobile {
        margin-right: 4rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-16-tablet {
        padding: 4rem !important
    }

    .p-x-16-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-tablet {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-tablet {
        margin: 4rem !important
    }

    .m-x-16-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-tablet {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-right-16-tablet {
        padding-right: 4rem !important
    }

    .m-right-16-tablet {
        margin-right: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-16-touch {
        padding: 4rem !important
    }

    .p-x-16-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-touch {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-touch {
        margin: 4rem !important
    }

    .m-x-16-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-touch {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-right-16-touch {
        padding-right: 4rem !important
    }

    .m-right-16-touch {
        margin-right: 4rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-16-desktop {
        padding: 4rem !important
    }

    .p-x-16-desktop {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-16-desktop {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .m-16-desktop {
        margin: 4rem !important
    }

    .m-x-16-desktop {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-16-desktop {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .p-right-16-desktop {
        padding-right: 4rem !important
    }

    .m-right-16-desktop {
        margin-right: 4rem !important
    }
}

.p-l {
    padding: 3.9rem !important
}

.p-x-l {
    padding-left: 3.9rem !important;
    padding-right: 3.9rem !important
}

.p-y-l {
    padding-bottom: 3.9rem !important;
    padding-top: 3.9rem !important
}

.m-l {
    margin: 3.9rem !important
}

.m-x-l {
    margin-left: 3.9rem !important;
    margin-right: 3.9rem !important
}

.m-y-l {
    margin-bottom: 3.9rem !important;
    margin-top: 3.9rem !important
}

.p-top-l {
    padding-top: 3.9rem !important
}

.m-top-l {
    margin-top: 3.9rem !important
}

@media screen and (max-width:768px) {
    .p-l-mobile {
        padding: 3.9rem !important
    }

    .p-x-l-mobile {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-mobile {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-mobile {
        margin: 3.9rem !important
    }

    .m-x-l-mobile {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-mobile {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-top-l-mobile {
        padding-top: 3.9rem !important
    }

    .m-top-l-mobile {
        margin-top: 3.9rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 3.9rem !important
    }

    .p-x-l-tablet {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-tablet {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-tablet {
        margin: 3.9rem !important
    }

    .m-x-l-tablet {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-tablet {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-top-l-tablet {
        padding-top: 3.9rem !important
    }

    .m-top-l-tablet {
        margin-top: 3.9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 3.9rem !important
    }

    .p-x-l-touch {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-touch {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-touch {
        margin: 3.9rem !important
    }

    .m-x-l-touch {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-touch {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-top-l-touch {
        padding-top: 3.9rem !important
    }

    .m-top-l-touch {
        margin-top: 3.9rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-l-desktop {
        padding: 3.9rem !important
    }

    .p-x-l-desktop {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-desktop {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-desktop {
        margin: 3.9rem !important
    }

    .m-x-l-desktop {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-desktop {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-top-l-desktop {
        padding-top: 3.9rem !important
    }

    .m-top-l-desktop {
        margin-top: 3.9rem !important
    }
}

.p-left-l {
    padding-left: 3.9rem !important
}

.m-left-l {
    margin-left: 3.9rem !important
}

@media screen and (max-width:768px) {
    .p-l-mobile {
        padding: 3.9rem !important
    }

    .p-x-l-mobile {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-mobile {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-mobile {
        margin: 3.9rem !important
    }

    .m-x-l-mobile {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-mobile {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-left-l-mobile {
        padding-left: 3.9rem !important
    }

    .m-left-l-mobile {
        margin-left: 3.9rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 3.9rem !important
    }

    .p-x-l-tablet {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-tablet {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-tablet {
        margin: 3.9rem !important
    }

    .m-x-l-tablet {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-tablet {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-left-l-tablet {
        padding-left: 3.9rem !important
    }

    .m-left-l-tablet {
        margin-left: 3.9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 3.9rem !important
    }

    .p-x-l-touch {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-touch {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-touch {
        margin: 3.9rem !important
    }

    .m-x-l-touch {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-touch {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-left-l-touch {
        padding-left: 3.9rem !important
    }

    .m-left-l-touch {
        margin-left: 3.9rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-l-desktop {
        padding: 3.9rem !important
    }

    .p-x-l-desktop {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-desktop {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-desktop {
        margin: 3.9rem !important
    }

    .m-x-l-desktop {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-desktop {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-left-l-desktop {
        padding-left: 3.9rem !important
    }

    .m-left-l-desktop {
        margin-left: 3.9rem !important
    }
}

.p-bottom-l {
    padding-bottom: 3.9rem !important
}

.m-bottom-l {
    margin-bottom: 3.9rem !important
}

@media screen and (max-width:768px) {
    .p-l-mobile {
        padding: 3.9rem !important
    }

    .p-x-l-mobile {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-mobile {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-mobile {
        margin: 3.9rem !important
    }

    .m-x-l-mobile {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-mobile {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-bottom-l-mobile {
        padding-bottom: 3.9rem !important
    }

    .m-bottom-l-mobile {
        margin-bottom: 3.9rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 3.9rem !important
    }

    .p-x-l-tablet {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-tablet {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-tablet {
        margin: 3.9rem !important
    }

    .m-x-l-tablet {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-tablet {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-bottom-l-tablet {
        padding-bottom: 3.9rem !important
    }

    .m-bottom-l-tablet {
        margin-bottom: 3.9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 3.9rem !important
    }

    .p-x-l-touch {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-touch {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-touch {
        margin: 3.9rem !important
    }

    .m-x-l-touch {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-touch {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-bottom-l-touch {
        padding-bottom: 3.9rem !important
    }

    .m-bottom-l-touch {
        margin-bottom: 3.9rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-l-desktop {
        padding: 3.9rem !important
    }

    .p-x-l-desktop {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-desktop {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-desktop {
        margin: 3.9rem !important
    }

    .m-x-l-desktop {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-desktop {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-bottom-l-desktop {
        padding-bottom: 3.9rem !important
    }

    .m-bottom-l-desktop {
        margin-bottom: 3.9rem !important
    }
}

.p-right-l {
    padding-right: 3.9rem !important
}

.m-right-l {
    margin-right: 3.9rem !important
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 3.9rem !important
    }

    .p-x-l-tablet {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-tablet {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-tablet {
        margin: 3.9rem !important
    }

    .m-x-l-tablet {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-tablet {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 3.9rem !important
    }

    .p-x-l-touch {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-touch {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-touch {
        margin: 3.9rem !important
    }

    .m-x-l-touch {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-touch {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }
}

@media screen and (max-width:768px) {
    .p-l-mobile {
        padding: 3.9rem !important
    }

    .p-x-l-mobile {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-mobile {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-mobile {
        margin: 3.9rem !important
    }

    .m-x-l-mobile {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-mobile {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-right-l-mobile {
        padding-right: 3.9rem !important
    }

    .m-right-l-mobile {
        margin-right: 3.9rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 3.9rem !important
    }

    .p-x-l-tablet {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-tablet {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-tablet {
        margin: 3.9rem !important
    }

    .m-x-l-tablet {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-tablet {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-right-l-tablet {
        padding-right: 3.9rem !important
    }

    .m-right-l-tablet {
        margin-right: 3.9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 3.9rem !important
    }

    .p-x-l-touch {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-touch {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-touch {
        margin: 3.9rem !important
    }

    .m-x-l-touch {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-touch {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-right-l-touch {
        padding-right: 3.9rem !important
    }

    .m-right-l-touch {
        margin-right: 3.9rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-l-desktop {
        padding: 3.9rem !important
    }

    .p-x-l-desktop {
        padding-left: 3.9rem !important;
        padding-right: 3.9rem !important
    }

    .p-y-l-desktop {
        padding-bottom: 3.9rem !important;
        padding-top: 3.9rem !important
    }

    .m-l-desktop {
        margin: 3.9rem !important
    }

    .m-x-l-desktop {
        margin-left: 3.9rem !important;
        margin-right: 3.9rem !important
    }

    .m-y-l-desktop {
        margin-bottom: 3.9rem !important;
        margin-top: 3.9rem !important
    }

    .p-right-l-desktop {
        padding-right: 3.9rem !important
    }

    .m-right-l-desktop {
        margin-right: 3.9rem !important
    }
}

.p-xl {
    padding: 7.5rem !important
}

.p-x-xl {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important
}

.p-y-xl {
    padding-bottom: 7.5rem !important;
    padding-top: 7.5rem !important
}

.m-xl {
    margin: 7.5rem !important
}

.m-x-xl {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important
}

.m-y-xl {
    margin-bottom: 7.5rem !important;
    margin-top: 7.5rem !important
}

.p-top-xl {
    padding-top: 7.5rem !important
}

.m-top-xl {
    margin-top: 7.5rem !important
}

@media screen and (max-width:768px) {
    .p-xl-mobile {
        padding: 7.5rem !important
    }

    .p-x-xl-mobile {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-mobile {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-mobile {
        margin: 7.5rem !important
    }

    .m-x-xl-mobile {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-mobile {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-top-xl-mobile {
        padding-top: 7.5rem !important
    }

    .m-top-xl-mobile {
        margin-top: 7.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 7.5rem !important
    }

    .p-x-xl-tablet {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-tablet {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-tablet {
        margin: 7.5rem !important
    }

    .m-x-xl-tablet {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-tablet {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-top-xl-tablet {
        padding-top: 7.5rem !important
    }

    .m-top-xl-tablet {
        margin-top: 7.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 7.5rem !important
    }

    .p-x-xl-touch {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-touch {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-touch {
        margin: 7.5rem !important
    }

    .m-x-xl-touch {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-touch {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-top-xl-touch {
        padding-top: 7.5rem !important
    }

    .m-top-xl-touch {
        margin-top: 7.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-xl-desktop {
        padding: 7.5rem !important
    }

    .p-x-xl-desktop {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-desktop {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-desktop {
        margin: 7.5rem !important
    }

    .m-x-xl-desktop {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-desktop {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-top-xl-desktop {
        padding-top: 7.5rem !important
    }

    .m-top-xl-desktop {
        margin-top: 7.5rem !important
    }
}

.p-left-xl {
    padding-left: 7.5rem !important
}

.m-left-xl {
    margin-left: 7.5rem !important
}

@media screen and (max-width:768px) {
    .p-xl-mobile {
        padding: 7.5rem !important
    }

    .p-x-xl-mobile {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-mobile {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-mobile {
        margin: 7.5rem !important
    }

    .m-x-xl-mobile {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-mobile {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-left-xl-mobile {
        padding-left: 7.5rem !important
    }

    .m-left-xl-mobile {
        margin-left: 7.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 7.5rem !important
    }

    .p-x-xl-tablet {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-tablet {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-tablet {
        margin: 7.5rem !important
    }

    .m-x-xl-tablet {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-tablet {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-left-xl-tablet {
        padding-left: 7.5rem !important
    }

    .m-left-xl-tablet {
        margin-left: 7.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 7.5rem !important
    }

    .p-x-xl-touch {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-touch {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-touch {
        margin: 7.5rem !important
    }

    .m-x-xl-touch {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-touch {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-left-xl-touch {
        padding-left: 7.5rem !important
    }

    .m-left-xl-touch {
        margin-left: 7.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-xl-desktop {
        padding: 7.5rem !important
    }

    .p-x-xl-desktop {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-desktop {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-desktop {
        margin: 7.5rem !important
    }

    .m-x-xl-desktop {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-desktop {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-left-xl-desktop {
        padding-left: 7.5rem !important
    }

    .m-left-xl-desktop {
        margin-left: 7.5rem !important
    }
}

.p-bottom-xl {
    padding-bottom: 7.5rem !important
}

.m-bottom-xl {
    margin-bottom: 7.5rem !important
}

@media screen and (max-width:768px) {
    .p-xl-mobile {
        padding: 7.5rem !important
    }

    .p-x-xl-mobile {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-mobile {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-mobile {
        margin: 7.5rem !important
    }

    .m-x-xl-mobile {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-mobile {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-bottom-xl-mobile {
        padding-bottom: 7.5rem !important
    }

    .m-bottom-xl-mobile {
        margin-bottom: 7.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 7.5rem !important
    }

    .p-x-xl-tablet {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-tablet {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-tablet {
        margin: 7.5rem !important
    }

    .m-x-xl-tablet {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-tablet {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-bottom-xl-tablet {
        padding-bottom: 7.5rem !important
    }

    .m-bottom-xl-tablet {
        margin-bottom: 7.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 7.5rem !important
    }

    .p-x-xl-touch {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-touch {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-touch {
        margin: 7.5rem !important
    }

    .m-x-xl-touch {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-touch {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-bottom-xl-touch {
        padding-bottom: 7.5rem !important
    }

    .m-bottom-xl-touch {
        margin-bottom: 7.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-xl-desktop {
        padding: 7.5rem !important
    }

    .p-x-xl-desktop {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-desktop {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-desktop {
        margin: 7.5rem !important
    }

    .m-x-xl-desktop {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-desktop {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-bottom-xl-desktop {
        padding-bottom: 7.5rem !important
    }

    .m-bottom-xl-desktop {
        margin-bottom: 7.5rem !important
    }
}

.p-right-xl {
    padding-right: 7.5rem !important
}

.m-right-xl {
    margin-right: 7.5rem !important
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 7.5rem !important
    }

    .p-x-xl-tablet {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-tablet {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-tablet {
        margin: 7.5rem !important
    }

    .m-x-xl-tablet {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-tablet {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 7.5rem !important
    }

    .p-x-xl-touch {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-touch {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-touch {
        margin: 7.5rem !important
    }

    .m-x-xl-touch {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-touch {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }
}

@media screen and (max-width:768px) {
    .p-xl-mobile {
        padding: 7.5rem !important
    }

    .p-x-xl-mobile {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-mobile {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-mobile {
        margin: 7.5rem !important
    }

    .m-x-xl-mobile {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-mobile {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-right-xl-mobile {
        padding-right: 7.5rem !important
    }

    .m-right-xl-mobile {
        margin-right: 7.5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 7.5rem !important
    }

    .p-x-xl-tablet {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-tablet {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-tablet {
        margin: 7.5rem !important
    }

    .m-x-xl-tablet {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-tablet {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-right-xl-tablet {
        padding-right: 7.5rem !important
    }

    .m-right-xl-tablet {
        margin-right: 7.5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 7.5rem !important
    }

    .p-x-xl-touch {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-touch {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-touch {
        margin: 7.5rem !important
    }

    .m-x-xl-touch {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-touch {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-right-xl-touch {
        padding-right: 7.5rem !important
    }

    .m-right-xl-touch {
        margin-right: 7.5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-xl-desktop {
        padding: 7.5rem !important
    }

    .p-x-xl-desktop {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important
    }

    .p-y-xl-desktop {
        padding-bottom: 7.5rem !important;
        padding-top: 7.5rem !important
    }

    .m-xl-desktop {
        margin: 7.5rem !important
    }

    .m-x-xl-desktop {
        margin-left: 7.5rem !important;
        margin-right: 7.5rem !important
    }

    .m-y-xl-desktop {
        margin-bottom: 7.5rem !important;
        margin-top: 7.5rem !important
    }

    .p-right-xl-desktop {
        padding-right: 7.5rem !important
    }

    .m-right-xl-desktop {
        margin-right: 7.5rem !important
    }
}

.p-jumbo {
    padding: 15rem !important
}

.p-x-jumbo {
    padding-left: 15rem !important;
    padding-right: 15rem !important
}

.p-y-jumbo {
    padding-bottom: 15rem !important;
    padding-top: 15rem !important
}

.m-jumbo {
    margin: 15rem !important
}

.m-x-jumbo {
    margin-left: 15rem !important;
    margin-right: 15rem !important
}

.m-y-jumbo {
    margin-bottom: 15rem !important;
    margin-top: 15rem !important
}

.p-top-jumbo {
    padding-top: 15rem !important
}

.m-top-jumbo {
    margin-top: 15rem !important
}

@media screen and (max-width:768px) {
    .p-jumbo-mobile {
        padding: 15rem !important
    }

    .p-x-jumbo-mobile {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-mobile {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-mobile {
        margin: 15rem !important
    }

    .m-x-jumbo-mobile {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-mobile {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-top-jumbo-mobile {
        padding-top: 15rem !important
    }

    .m-top-jumbo-mobile {
        margin-top: 15rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 15rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-tablet {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-tablet {
        margin: 15rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-tablet {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-top-jumbo-tablet {
        padding-top: 15rem !important
    }

    .m-top-jumbo-tablet {
        margin-top: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 15rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-touch {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-touch {
        margin: 15rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-touch {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-top-jumbo-touch {
        padding-top: 15rem !important
    }

    .m-top-jumbo-touch {
        margin-top: 15rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-jumbo-desktop {
        padding: 15rem !important
    }

    .p-x-jumbo-desktop {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-desktop {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-desktop {
        margin: 15rem !important
    }

    .m-x-jumbo-desktop {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-desktop {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-top-jumbo-desktop {
        padding-top: 15rem !important
    }

    .m-top-jumbo-desktop {
        margin-top: 15rem !important
    }
}

.p-left-jumbo {
    padding-left: 15rem !important
}

.m-left-jumbo {
    margin-left: 15rem !important
}

@media screen and (max-width:768px) {
    .p-jumbo-mobile {
        padding: 15rem !important
    }

    .p-x-jumbo-mobile {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-mobile {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-mobile {
        margin: 15rem !important
    }

    .m-x-jumbo-mobile {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-mobile {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-left-jumbo-mobile {
        padding-left: 15rem !important
    }

    .m-left-jumbo-mobile {
        margin-left: 15rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 15rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-tablet {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-tablet {
        margin: 15rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-tablet {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-left-jumbo-tablet {
        padding-left: 15rem !important
    }

    .m-left-jumbo-tablet {
        margin-left: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 15rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-touch {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-touch {
        margin: 15rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-touch {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-left-jumbo-touch {
        padding-left: 15rem !important
    }

    .m-left-jumbo-touch {
        margin-left: 15rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-jumbo-desktop {
        padding: 15rem !important
    }

    .p-x-jumbo-desktop {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-desktop {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-desktop {
        margin: 15rem !important
    }

    .m-x-jumbo-desktop {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-desktop {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-left-jumbo-desktop {
        padding-left: 15rem !important
    }

    .m-left-jumbo-desktop {
        margin-left: 15rem !important
    }
}

.p-bottom-jumbo {
    padding-bottom: 15rem !important
}

.m-bottom-jumbo {
    margin-bottom: 15rem !important
}

@media screen and (max-width:768px) {
    .p-jumbo-mobile {
        padding: 15rem !important
    }

    .p-x-jumbo-mobile {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-mobile {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-mobile {
        margin: 15rem !important
    }

    .m-x-jumbo-mobile {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-mobile {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-bottom-jumbo-mobile {
        padding-bottom: 15rem !important
    }

    .m-bottom-jumbo-mobile {
        margin-bottom: 15rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 15rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-tablet {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-tablet {
        margin: 15rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-tablet {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-bottom-jumbo-tablet {
        padding-bottom: 15rem !important
    }

    .m-bottom-jumbo-tablet {
        margin-bottom: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 15rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-touch {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-touch {
        margin: 15rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-touch {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-bottom-jumbo-touch {
        padding-bottom: 15rem !important
    }

    .m-bottom-jumbo-touch {
        margin-bottom: 15rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-jumbo-desktop {
        padding: 15rem !important
    }

    .p-x-jumbo-desktop {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-desktop {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-desktop {
        margin: 15rem !important
    }

    .m-x-jumbo-desktop {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-desktop {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-bottom-jumbo-desktop {
        padding-bottom: 15rem !important
    }

    .m-bottom-jumbo-desktop {
        margin-bottom: 15rem !important
    }
}

.p-right-jumbo {
    padding-right: 15rem !important
}

.m-right-jumbo {
    margin-right: 15rem !important
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 15rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-tablet {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-tablet {
        margin: 15rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-tablet {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 15rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-touch {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-touch {
        margin: 15rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-touch {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }
}

@media screen and (max-width:768px) {
    .p-jumbo-mobile {
        padding: 15rem !important
    }

    .p-x-jumbo-mobile {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-mobile {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-mobile {
        margin: 15rem !important
    }

    .m-x-jumbo-mobile {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-mobile {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-right-jumbo-mobile {
        padding-right: 15rem !important
    }

    .m-right-jumbo-mobile {
        margin-right: 15rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 15rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-tablet {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-tablet {
        margin: 15rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-tablet {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-right-jumbo-tablet {
        padding-right: 15rem !important
    }

    .m-right-jumbo-tablet {
        margin-right: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 15rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-touch {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-touch {
        margin: 15rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-touch {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-right-jumbo-touch {
        padding-right: 15rem !important
    }

    .m-right-jumbo-touch {
        margin-right: 15rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-jumbo-desktop {
        padding: 15rem !important
    }

    .p-x-jumbo-desktop {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-jumbo-desktop {
        padding-bottom: 15rem !important;
        padding-top: 15rem !important
    }

    .m-jumbo-desktop {
        margin: 15rem !important
    }

    .m-x-jumbo-desktop {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-jumbo-desktop {
        margin-bottom: 15rem !important;
        margin-top: 15rem !important
    }

    .p-right-jumbo-desktop {
        padding-right: 15rem !important
    }

    .m-right-jumbo-desktop {
        margin-right: 15rem !important
    }
}

.break {
    display: block
}

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

.clic {
    cursor: pointer
}

.has-background-white {
    background-color: #fff !important
}

.has-text-white {
    color: #fff !important
}

.has-background-black {
    background-color: #000 !important
}

.has-text-black {
    color: #000 !important
}

.has-background-green-10 {
    background-color: #CEE0DC !important
}

.has-text-green-10 {
    color: #CEE0DC !important
}

.has-background-green-60 {
    background-color: #068D9D !important
}

.has-text-green-60 {
    color: #068D9D !important
}

.has-background-green-50 {
    background-color: #2196F3 !important
}

.has-text-green-50 {
    color: #2196F3 !important
}

.has-background-green-40 {
    background-color: #2196F3 !important
}

.has-text-green-40 {
    color: #2196F3 !important
}

.has-background-brown-5 {
    background-color: #eee8e8 !important
}

.has-text-brown-5 {
    color: #eee8e8 !important
}

.has-background-brown-10 {
    background-color: #eee8e8 !important
}

.has-text-brown-10 {
    color: #eee8e8 !important
}

.has-background-brown-50 {
    background-color: #816665 !important
}

.has-text-brown-50 {
    color: #816665 !important
}

.has-background-brown-60 {
    background-color: #654c4b !important
}

.has-text-brown-60 {
    color: #654c4b !important
}

.has-background-blue-10 {
    background-color: #e8e8ee !important
}

.has-text-blue-10 {
    color: #e8e8ee !important
}

.has-background-blue-70 {
    background-color: #302f40 !important
}

.has-text-blue-70 {
    color: #302f40 !important
}

.has-background-grey-60 {
    background-color: #575b59 !important
}

.has-text-grey-60 {
    color: #575b59 !important
}

.has-background-grey-70 {
    background-color: #2a2a2a !important
}

.has-text-grey-70 {
    color: #2a2a2a !important
}

.has-background-grey-80 {
    background-color: #2a2a2a !important
}

.has-text-grey-80 {
    color: #2a2a2a !important
}

.has-background-blue-60 {
    background-color: #4e4c67 !important
}

.has-text-blue-60 {
    color: #4e4c67 !important
}

.has-background-blue-5 {
    background-color: #f4f3f6 !important
}

.has-text-blue-5 {
    color: #f4f3f6 !important
}

.croquis {
    display: block
}

@media screen and (max-width:1023px) {
    .croquis {
        width: 90%
    }
}

.flow>*+* {
    margin-top: .5rem
}

.flow--1>*+* {
    margin-top: 1rem
}

.flow--12>*+* {
    margin-top: 1.2rem
}

.flow--2>*+* {
    margin-top: 2rem
}

.flow--3>*+* {
    margin-top: 3rem
}

.flow--4>*+* {
    margin-top: 4rem
}

.flow--24>*+* {
    margin-top: 2.4rem
}

.flow--32>*+* {
    margin-top: 3.2rem
}

.flow--56>*+* {
    margin-top: 5.6rem
}

.flow--6>*+* {
    margin-top: 6rem
}

.fluid-iframe {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.fluid-iframe iframe {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.fluid-iframe[data-state=fixed-height] {
    padding-top: 28.125rem
}

.general--container {
    padding: 7.8rem 0 15rem
}

.help {
    color: #068D9D;
    line-height: 1.2;
    padding-top: .3rem
}

.is-table-layout-fixed {
    table-layout: fixed
}

.icon {
    stroke: currentColor;
    stroke-width: 1.7;
    fill: none;
    height: 2rem;
    overflow: hidden;
    vertical-align: middle;
    width: 2rem
}

.icon,
.icon.next-post,
.icon.prev-post {
    stroke-linecap: round;
    stroke-linejoin: round
}

.icon.next-post,
.icon.prev-post {
    stroke-width: 3;
    height: 4rem;
    width: 4rem
}

.icon.support {
    stroke-width: .1;
    stroke: #2a2a2a
}

.has-width--100 {
    display: block;
    width: 100%
}

.has-max-width--500 {
    max-width: 50rem
}

.has-max-width--600 {
    max-width: 60rem
}

.has-max-width--700 {
    max-width: 70rem
}

.has-max-width--800 {
    max-width: 80rem
}

.img-option {
    border: 2px solid #eee8e8;
    max-width: 37.5rem;
    padding: .5rem;
    width: 100%
}

.label {
    font-size: 1.5rem;
    margin-bottom: 0 !important
}

.nm-1 {
    margin: -1rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-1-tablet {
        margin: -1rem !important
    }
}

.nm-top-1 {
    margin-top: -1rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-top-1-tablet {
        margin-top: -1rem !important
    }
}

.nm-left-1 {
    margin-left: -1rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-left-1-tablet {
        margin-left: -1rem !important
    }
}

.nm-bottom-1 {
    margin-bottom: -1rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-bottom-1-tablet {
        margin-bottom: -1rem !important
    }
}

.nm-right-1 {
    margin-right: -1rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-right-1-tablet {
        margin-right: -1rem !important
    }
}

.nm-2 {
    margin: -1.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-2-tablet {
        margin: -1.5rem !important
    }
}

.nm-top-2 {
    margin-top: -1.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-top-2-tablet {
        margin-top: -1.5rem !important
    }
}

.nm-left-2 {
    margin-left: -1.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-left-2-tablet {
        margin-left: -1.5rem !important
    }
}

.nm-bottom-2 {
    margin-bottom: -1.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-bottom-2-tablet {
        margin-bottom: -1.5rem !important
    }
}

.nm-right-2 {
    margin-right: -1.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-right-2-tablet {
        margin-right: -1.5rem !important
    }
}

.nm-3 {
    margin: -2rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-3-tablet {
        margin: -2rem !important
    }
}

.nm-top-3 {
    margin-top: -2rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-top-3-tablet {
        margin-top: -2rem !important
    }
}

.nm-left-3 {
    margin-left: -2rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-left-3-tablet {
        margin-left: -2rem !important
    }
}

.nm-bottom-3 {
    margin-bottom: -2rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-bottom-3-tablet {
        margin-bottom: -2rem !important
    }
}

.nm-right-3 {
    margin-right: -2rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-right-3-tablet {
        margin-right: -2rem !important
    }
}

.nm-4 {
    margin: -2.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-4-tablet {
        margin: -2.5rem !important
    }
}

.nm-top-4 {
    margin-top: -2.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-top-4-tablet {
        margin-top: -2.5rem !important
    }
}

.nm-left-4 {
    margin-left: -2.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-left-4-tablet {
        margin-left: -2.5rem !important
    }
}

.nm-bottom-4 {
    margin-bottom: -2.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-bottom-4-tablet {
        margin-bottom: -2.5rem !important
    }
}

.nm-right-4 {
    margin-right: -2.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-right-4-tablet {
        margin-right: -2.5rem !important
    }
}

.nm-5 {
    margin: -3rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-5-tablet {
        margin: -3rem !important
    }
}

.nm-top-5 {
    margin-top: -3rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-top-5-tablet {
        margin-top: -3rem !important
    }
}

.nm-left-5 {
    margin-left: -3rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-left-5-tablet {
        margin-left: -3rem !important
    }
}

.nm-bottom-5 {
    margin-bottom: -3rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-bottom-5-tablet {
        margin-bottom: -3rem !important
    }
}

.nm-right-5 {
    margin-right: -3rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-right-5-tablet {
        margin-right: -3rem !important
    }
}

.nm-6 {
    margin: -3.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-6-tablet {
        margin: -3.5rem !important
    }
}

.nm-top-6 {
    margin-top: -3.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-top-6-tablet {
        margin-top: -3.5rem !important
    }
}

.nm-left-6 {
    margin-left: -3.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-left-6-tablet {
        margin-left: -3.5rem !important
    }
}

.nm-bottom-6 {
    margin-bottom: -3.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-bottom-6-tablet {
        margin-bottom: -3.5rem !important
    }
}

.nm-right-6 {
    margin-right: -3.5rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-right-6-tablet {
        margin-right: -3.5rem !important
    }
}

.nm-7 {
    margin: -4rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-7-tablet {
        margin: -4rem !important
    }
}

.nm-top-7 {
    margin-top: -4rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-top-7-tablet {
        margin-top: -4rem !important
    }
}

.nm-left-7 {
    margin-left: -4rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-left-7-tablet {
        margin-left: -4rem !important
    }
}

.nm-bottom-7 {
    margin-bottom: -4rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-bottom-7-tablet {
        margin-bottom: -4rem !important
    }
}

.nm-right-7 {
    margin-right: -4rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-right-7-tablet {
        margin-right: -4rem !important
    }
}

.nm-l {
    margin: -10rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-l-tablet {
        margin: -10rem !important
    }
}

.nm-top-l {
    margin-top: -10rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-top-l-tablet {
        margin-top: -10rem !important
    }
}

.nm-left-l {
    margin-left: -10rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-left-l-tablet {
        margin-left: -10rem !important
    }
}

.nm-bottom-l {
    margin-bottom: -10rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-bottom-l-tablet {
        margin-bottom: -10rem !important
    }
}

.nm-right-l {
    margin-right: -10rem !important
}

@media print,
screen and (min-width:769px) {
    .nm-right-l-tablet {
        margin-right: -10rem !important
    }
}

.nowrap {
    white-space: nowrap
}

.pp-0 {
    padding: 0 !important
}

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

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

.pm-0 {
    margin: 0 !important
}

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

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

@media screen and (max-width:768px) {
    .pp-0-mobile {
        padding: 0 !important
    }

    .pp-x-0-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pp-y-0-mobile {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pm-0-mobile {
        margin: 0 !important
    }

    .pm-x-0-mobile {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pm-y-0-mobile {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-0-tablet {
        padding: 0 !important
    }

    .pp-x-0-tablet {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pp-y-0-tablet {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pm-0-tablet {
        margin: 0 !important
    }

    .pm-x-0-tablet {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pm-y-0-tablet {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .pp-0-touch {
        padding: 0 !important
    }

    .pp-x-0-touch {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pp-y-0-touch {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pm-0-touch {
        margin: 0 !important
    }

    .pm-x-0-touch {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pm-y-0-touch {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .pp-0-desktop {
        padding: 0 !important
    }

    .pp-x-0-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pp-y-0-desktop {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .pm-0-desktop {
        margin: 0 !important
    }

    .pm-x-0-desktop {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .pm-y-0-desktop {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

.pp-top-0 {
    padding-top: 0 !important
}

.pm-top-0 {
    margin-top: 0 !important
}

@media screen and (max-width:768px) {
    .pp-top-0-mobile {
        padding-top: 0 !important
    }

    .pm-top-0-mobile {
        margin-top: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-0-tablet {
        padding-top: 0 !important
    }

    .pm-top-0-tablet {
        margin-top: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-0-touch {
        padding-top: 0 !important
    }

    .pm-top-0-touch {
        margin-top: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-0-desktop {
        padding-top: 0 !important
    }

    .pm-top-0-desktop {
        margin-top: 0 !important
    }
}

.pp-left-0 {
    padding-left: 0 !important
}

.pm-left-0 {
    margin-left: 0 !important
}

@media screen and (max-width:768px) {
    .pp-left-0-mobile {
        padding-left: 0 !important
    }

    .pm-left-0-mobile {
        margin-left: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-0-tablet {
        padding-left: 0 !important
    }

    .pm-left-0-tablet {
        margin-left: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-0-touch {
        padding-left: 0 !important
    }

    .pm-left-0-touch {
        margin-left: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-0-desktop {
        padding-left: 0 !important
    }

    .pm-left-0-desktop {
        margin-left: 0 !important
    }
}

.pp-bottom-0 {
    padding-bottom: 0 !important
}

.pm-bottom-0 {
    margin-bottom: 0 !important
}

@media screen and (max-width:768px) {
    .pp-bottom-0-mobile {
        padding-bottom: 0 !important
    }

    .pm-bottom-0-mobile {
        margin-bottom: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-0-tablet {
        padding-bottom: 0 !important
    }

    .pm-bottom-0-tablet {
        margin-bottom: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-0-touch {
        padding-bottom: 0 !important
    }

    .pm-bottom-0-touch {
        margin-bottom: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-0-desktop {
        padding-bottom: 0 !important
    }

    .pm-bottom-0-desktop {
        margin-bottom: 0 !important
    }
}

.pp-right-0 {
    padding-right: 0 !important
}

.pm-right-0 {
    margin-right: 0 !important
}

@media screen and (max-width:768px) {
    .pp-right-0-mobile {
        padding-right: 0 !important
    }

    .pm-right-0-mobile {
        margin-right: 0 !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-0-tablet {
        padding-right: 0 !important
    }

    .pm-right-0-tablet {
        margin-right: 0 !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-0-touch {
        padding-right: 0 !important
    }

    .pm-right-0-touch {
        margin-right: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-0-desktop {
        padding-right: 0 !important
    }

    .pm-right-0-desktop {
        margin-right: 0 !important
    }
}

.pp-5 {
    padding: 5% !important
}

.pp-x-5 {
    padding-left: 5% !important;
    padding-right: 5% !important
}

.pp-y-5 {
    padding-bottom: 5% !important;
    padding-top: 5% !important
}

.pm-5 {
    margin: 5% !important
}

.pm-x-5 {
    margin-left: 5% !important;
    margin-right: 5% !important
}

.pm-y-5 {
    margin-bottom: 5% !important;
    margin-top: 5% !important
}

@media screen and (max-width:768px) {
    .pp-5-mobile {
        padding: 5% !important
    }

    .pp-x-5-mobile {
        padding-left: 5% !important;
        padding-right: 5% !important
    }

    .pp-y-5-mobile {
        padding-bottom: 5% !important;
        padding-top: 5% !important
    }

    .pm-5-mobile {
        margin: 5% !important
    }

    .pm-x-5-mobile {
        margin-left: 5% !important;
        margin-right: 5% !important
    }

    .pm-y-5-mobile {
        margin-bottom: 5% !important;
        margin-top: 5% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-5-tablet {
        padding: 5% !important
    }

    .pp-x-5-tablet {
        padding-left: 5% !important;
        padding-right: 5% !important
    }

    .pp-y-5-tablet {
        padding-bottom: 5% !important;
        padding-top: 5% !important
    }

    .pm-5-tablet {
        margin: 5% !important
    }

    .pm-x-5-tablet {
        margin-left: 5% !important;
        margin-right: 5% !important
    }

    .pm-y-5-tablet {
        margin-bottom: 5% !important;
        margin-top: 5% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-5-touch {
        padding: 5% !important
    }

    .pp-x-5-touch {
        padding-left: 5% !important;
        padding-right: 5% !important
    }

    .pp-y-5-touch {
        padding-bottom: 5% !important;
        padding-top: 5% !important
    }

    .pm-5-touch {
        margin: 5% !important
    }

    .pm-x-5-touch {
        margin-left: 5% !important;
        margin-right: 5% !important
    }

    .pm-y-5-touch {
        margin-bottom: 5% !important;
        margin-top: 5% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-5-desktop {
        padding: 5% !important
    }

    .pp-x-5-desktop {
        padding-left: 5% !important;
        padding-right: 5% !important
    }

    .pp-y-5-desktop {
        padding-bottom: 5% !important;
        padding-top: 5% !important
    }

    .pm-5-desktop {
        margin: 5% !important
    }

    .pm-x-5-desktop {
        margin-left: 5% !important;
        margin-right: 5% !important
    }

    .pm-y-5-desktop {
        margin-bottom: 5% !important;
        margin-top: 5% !important
    }
}

.pp-top-5 {
    padding-top: 5% !important
}

.pm-top-5 {
    margin-top: 5% !important
}

@media screen and (max-width:768px) {
    .pp-top-5-mobile {
        padding-top: 5% !important
    }

    .pm-top-5-mobile {
        margin-top: 5% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-5-tablet {
        padding-top: 5% !important
    }

    .pm-top-5-tablet {
        margin-top: 5% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-5-touch {
        padding-top: 5% !important
    }

    .pm-top-5-touch {
        margin-top: 5% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-5-desktop {
        padding-top: 5% !important
    }

    .pm-top-5-desktop {
        margin-top: 5% !important
    }
}

.pp-left-5 {
    padding-left: 5% !important
}

.pm-left-5 {
    margin-left: 5% !important
}

@media screen and (max-width:768px) {
    .pp-left-5-mobile {
        padding-left: 5% !important
    }

    .pm-left-5-mobile {
        margin-left: 5% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-5-tablet {
        padding-left: 5% !important
    }

    .pm-left-5-tablet {
        margin-left: 5% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-5-touch {
        padding-left: 5% !important
    }

    .pm-left-5-touch {
        margin-left: 5% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-5-desktop {
        padding-left: 5% !important
    }

    .pm-left-5-desktop {
        margin-left: 5% !important
    }
}

.pp-bottom-5 {
    padding-bottom: 5% !important
}

.pm-bottom-5 {
    margin-bottom: 5% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-5-mobile {
        padding-bottom: 5% !important
    }

    .pm-bottom-5-mobile {
        margin-bottom: 5% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-5-tablet {
        padding-bottom: 5% !important
    }

    .pm-bottom-5-tablet {
        margin-bottom: 5% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-5-touch {
        padding-bottom: 5% !important
    }

    .pm-bottom-5-touch {
        margin-bottom: 5% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-5-desktop {
        padding-bottom: 5% !important
    }

    .pm-bottom-5-desktop {
        margin-bottom: 5% !important
    }
}

.pp-right-5 {
    padding-right: 5% !important
}

.pm-right-5 {
    margin-right: 5% !important
}

@media screen and (max-width:768px) {
    .pp-right-5-mobile {
        padding-right: 5% !important
    }

    .pm-right-5-mobile {
        margin-right: 5% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-5-tablet {
        padding-right: 5% !important
    }

    .pm-right-5-tablet {
        margin-right: 5% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-5-touch {
        padding-right: 5% !important
    }

    .pm-right-5-touch {
        margin-right: 5% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-5-desktop {
        padding-right: 5% !important
    }

    .pm-right-5-desktop {
        margin-right: 5% !important
    }
}

.pp-6 {
    padding: 6% !important
}

.pp-x-6 {
    padding-left: 6% !important;
    padding-right: 6% !important
}

.pp-y-6 {
    padding-bottom: 6% !important;
    padding-top: 6% !important
}

.pm-6 {
    margin: 6% !important
}

.pm-x-6 {
    margin-left: 6% !important;
    margin-right: 6% !important
}

.pm-y-6 {
    margin-bottom: 6% !important;
    margin-top: 6% !important
}

@media screen and (max-width:768px) {
    .pp-6-mobile {
        padding: 6% !important
    }

    .pp-x-6-mobile {
        padding-left: 6% !important;
        padding-right: 6% !important
    }

    .pp-y-6-mobile {
        padding-bottom: 6% !important;
        padding-top: 6% !important
    }

    .pm-6-mobile {
        margin: 6% !important
    }

    .pm-x-6-mobile {
        margin-left: 6% !important;
        margin-right: 6% !important
    }

    .pm-y-6-mobile {
        margin-bottom: 6% !important;
        margin-top: 6% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-6-tablet {
        padding: 6% !important
    }

    .pp-x-6-tablet {
        padding-left: 6% !important;
        padding-right: 6% !important
    }

    .pp-y-6-tablet {
        padding-bottom: 6% !important;
        padding-top: 6% !important
    }

    .pm-6-tablet {
        margin: 6% !important
    }

    .pm-x-6-tablet {
        margin-left: 6% !important;
        margin-right: 6% !important
    }

    .pm-y-6-tablet {
        margin-bottom: 6% !important;
        margin-top: 6% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-6-touch {
        padding: 6% !important
    }

    .pp-x-6-touch {
        padding-left: 6% !important;
        padding-right: 6% !important
    }

    .pp-y-6-touch {
        padding-bottom: 6% !important;
        padding-top: 6% !important
    }

    .pm-6-touch {
        margin: 6% !important
    }

    .pm-x-6-touch {
        margin-left: 6% !important;
        margin-right: 6% !important
    }

    .pm-y-6-touch {
        margin-bottom: 6% !important;
        margin-top: 6% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-6-desktop {
        padding: 6% !important
    }

    .pp-x-6-desktop {
        padding-left: 6% !important;
        padding-right: 6% !important
    }

    .pp-y-6-desktop {
        padding-bottom: 6% !important;
        padding-top: 6% !important
    }

    .pm-6-desktop {
        margin: 6% !important
    }

    .pm-x-6-desktop {
        margin-left: 6% !important;
        margin-right: 6% !important
    }

    .pm-y-6-desktop {
        margin-bottom: 6% !important;
        margin-top: 6% !important
    }
}

.pp-top-6 {
    padding-top: 6% !important
}

.pm-top-6 {
    margin-top: 6% !important
}

@media screen and (max-width:768px) {
    .pp-top-6-mobile {
        padding-top: 6% !important
    }

    .pm-top-6-mobile {
        margin-top: 6% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-6-tablet {
        padding-top: 6% !important
    }

    .pm-top-6-tablet {
        margin-top: 6% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-6-touch {
        padding-top: 6% !important
    }

    .pm-top-6-touch {
        margin-top: 6% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-6-desktop {
        padding-top: 6% !important
    }

    .pm-top-6-desktop {
        margin-top: 6% !important
    }
}

.pp-left-6 {
    padding-left: 6% !important
}

.pm-left-6 {
    margin-left: 6% !important
}

@media screen and (max-width:768px) {
    .pp-left-6-mobile {
        padding-left: 6% !important
    }

    .pm-left-6-mobile {
        margin-left: 6% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-6-tablet {
        padding-left: 6% !important
    }

    .pm-left-6-tablet {
        margin-left: 6% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-6-touch {
        padding-left: 6% !important
    }

    .pm-left-6-touch {
        margin-left: 6% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-6-desktop {
        padding-left: 6% !important
    }

    .pm-left-6-desktop {
        margin-left: 6% !important
    }
}

.pp-bottom-6 {
    padding-bottom: 6% !important
}

.pm-bottom-6 {
    margin-bottom: 6% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-6-mobile {
        padding-bottom: 6% !important
    }

    .pm-bottom-6-mobile {
        margin-bottom: 6% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-6-tablet {
        padding-bottom: 6% !important
    }

    .pm-bottom-6-tablet {
        margin-bottom: 6% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-6-touch {
        padding-bottom: 6% !important
    }

    .pm-bottom-6-touch {
        margin-bottom: 6% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-6-desktop {
        padding-bottom: 6% !important
    }

    .pm-bottom-6-desktop {
        margin-bottom: 6% !important
    }
}

.pp-right-6 {
    padding-right: 6% !important
}

.pm-right-6 {
    margin-right: 6% !important
}

@media screen and (max-width:768px) {
    .pp-right-6-mobile {
        padding-right: 6% !important
    }

    .pm-right-6-mobile {
        margin-right: 6% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-6-tablet {
        padding-right: 6% !important
    }

    .pm-right-6-tablet {
        margin-right: 6% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-6-touch {
        padding-right: 6% !important
    }

    .pm-right-6-touch {
        margin-right: 6% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-6-desktop {
        padding-right: 6% !important
    }

    .pm-right-6-desktop {
        margin-right: 6% !important
    }
}

.pp-7 {
    padding: 7% !important
}

.pp-x-7 {
    padding-left: 7% !important;
    padding-right: 7% !important
}

.pp-y-7 {
    padding-bottom: 7% !important;
    padding-top: 7% !important
}

.pm-7 {
    margin: 7% !important
}

.pm-x-7 {
    margin-left: 7% !important;
    margin-right: 7% !important
}

.pm-y-7 {
    margin-bottom: 7% !important;
    margin-top: 7% !important
}

@media screen and (max-width:768px) {
    .pp-7-mobile {
        padding: 7% !important
    }

    .pp-x-7-mobile {
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .pp-y-7-mobile {
        padding-bottom: 7% !important;
        padding-top: 7% !important
    }

    .pm-7-mobile {
        margin: 7% !important
    }

    .pm-x-7-mobile {
        margin-left: 7% !important;
        margin-right: 7% !important
    }

    .pm-y-7-mobile {
        margin-bottom: 7% !important;
        margin-top: 7% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-7-tablet {
        padding: 7% !important
    }

    .pp-x-7-tablet {
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .pp-y-7-tablet {
        padding-bottom: 7% !important;
        padding-top: 7% !important
    }

    .pm-7-tablet {
        margin: 7% !important
    }

    .pm-x-7-tablet {
        margin-left: 7% !important;
        margin-right: 7% !important
    }

    .pm-y-7-tablet {
        margin-bottom: 7% !important;
        margin-top: 7% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-7-touch {
        padding: 7% !important
    }

    .pp-x-7-touch {
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .pp-y-7-touch {
        padding-bottom: 7% !important;
        padding-top: 7% !important
    }

    .pm-7-touch {
        margin: 7% !important
    }

    .pm-x-7-touch {
        margin-left: 7% !important;
        margin-right: 7% !important
    }

    .pm-y-7-touch {
        margin-bottom: 7% !important;
        margin-top: 7% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-7-desktop {
        padding: 7% !important
    }

    .pp-x-7-desktop {
        padding-left: 7% !important;
        padding-right: 7% !important
    }

    .pp-y-7-desktop {
        padding-bottom: 7% !important;
        padding-top: 7% !important
    }

    .pm-7-desktop {
        margin: 7% !important
    }

    .pm-x-7-desktop {
        margin-left: 7% !important;
        margin-right: 7% !important
    }

    .pm-y-7-desktop {
        margin-bottom: 7% !important;
        margin-top: 7% !important
    }
}

.pp-top-7 {
    padding-top: 7% !important
}

.pm-top-7 {
    margin-top: 7% !important
}

@media screen and (max-width:768px) {
    .pp-top-7-mobile {
        padding-top: 7% !important
    }

    .pm-top-7-mobile {
        margin-top: 7% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-7-tablet {
        padding-top: 7% !important
    }

    .pm-top-7-tablet {
        margin-top: 7% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-7-touch {
        padding-top: 7% !important
    }

    .pm-top-7-touch {
        margin-top: 7% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-7-desktop {
        padding-top: 7% !important
    }

    .pm-top-7-desktop {
        margin-top: 7% !important
    }
}

.pp-left-7 {
    padding-left: 7% !important
}

.pm-left-7 {
    margin-left: 7% !important
}

@media screen and (max-width:768px) {
    .pp-left-7-mobile {
        padding-left: 7% !important
    }

    .pm-left-7-mobile {
        margin-left: 7% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-7-tablet {
        padding-left: 7% !important
    }

    .pm-left-7-tablet {
        margin-left: 7% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-7-touch {
        padding-left: 7% !important
    }

    .pm-left-7-touch {
        margin-left: 7% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-7-desktop {
        padding-left: 7% !important
    }

    .pm-left-7-desktop {
        margin-left: 7% !important
    }
}

.pp-bottom-7 {
    padding-bottom: 7% !important
}

.pm-bottom-7 {
    margin-bottom: 7% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-7-mobile {
        padding-bottom: 7% !important
    }

    .pm-bottom-7-mobile {
        margin-bottom: 7% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-7-tablet {
        padding-bottom: 7% !important
    }

    .pm-bottom-7-tablet {
        margin-bottom: 7% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-7-touch {
        padding-bottom: 7% !important
    }

    .pm-bottom-7-touch {
        margin-bottom: 7% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-7-desktop {
        padding-bottom: 7% !important
    }

    .pm-bottom-7-desktop {
        margin-bottom: 7% !important
    }
}

.pp-right-7 {
    padding-right: 7% !important
}

.pm-right-7 {
    margin-right: 7% !important
}

@media screen and (max-width:768px) {
    .pp-right-7-mobile {
        padding-right: 7% !important
    }

    .pm-right-7-mobile {
        margin-right: 7% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-7-tablet {
        padding-right: 7% !important
    }

    .pm-right-7-tablet {
        margin-right: 7% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-7-touch {
        padding-right: 7% !important
    }

    .pm-right-7-touch {
        margin-right: 7% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-7-desktop {
        padding-right: 7% !important
    }

    .pm-right-7-desktop {
        margin-right: 7% !important
    }
}

.pp-8 {
    padding: 8% !important
}

.pp-x-8 {
    padding-left: 8% !important;
    padding-right: 8% !important
}

.pp-y-8 {
    padding-bottom: 8% !important;
    padding-top: 8% !important
}

.pm-8 {
    margin: 8% !important
}

.pm-x-8 {
    margin-left: 8% !important;
    margin-right: 8% !important
}

.pm-y-8 {
    margin-bottom: 8% !important;
    margin-top: 8% !important
}

@media screen and (max-width:768px) {
    .pp-8-mobile {
        padding: 8% !important
    }

    .pp-x-8-mobile {
        padding-left: 8% !important;
        padding-right: 8% !important
    }

    .pp-y-8-mobile {
        padding-bottom: 8% !important;
        padding-top: 8% !important
    }

    .pm-8-mobile {
        margin: 8% !important
    }

    .pm-x-8-mobile {
        margin-left: 8% !important;
        margin-right: 8% !important
    }

    .pm-y-8-mobile {
        margin-bottom: 8% !important;
        margin-top: 8% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-8-tablet {
        padding: 8% !important
    }

    .pp-x-8-tablet {
        padding-left: 8% !important;
        padding-right: 8% !important
    }

    .pp-y-8-tablet {
        padding-bottom: 8% !important;
        padding-top: 8% !important
    }

    .pm-8-tablet {
        margin: 8% !important
    }

    .pm-x-8-tablet {
        margin-left: 8% !important;
        margin-right: 8% !important
    }

    .pm-y-8-tablet {
        margin-bottom: 8% !important;
        margin-top: 8% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-8-touch {
        padding: 8% !important
    }

    .pp-x-8-touch {
        padding-left: 8% !important;
        padding-right: 8% !important
    }

    .pp-y-8-touch {
        padding-bottom: 8% !important;
        padding-top: 8% !important
    }

    .pm-8-touch {
        margin: 8% !important
    }

    .pm-x-8-touch {
        margin-left: 8% !important;
        margin-right: 8% !important
    }

    .pm-y-8-touch {
        margin-bottom: 8% !important;
        margin-top: 8% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-8-desktop {
        padding: 8% !important
    }

    .pp-x-8-desktop {
        padding-left: 8% !important;
        padding-right: 8% !important
    }

    .pp-y-8-desktop {
        padding-bottom: 8% !important;
        padding-top: 8% !important
    }

    .pm-8-desktop {
        margin: 8% !important
    }

    .pm-x-8-desktop {
        margin-left: 8% !important;
        margin-right: 8% !important
    }

    .pm-y-8-desktop {
        margin-bottom: 8% !important;
        margin-top: 8% !important
    }
}

.pp-top-8 {
    padding-top: 8% !important
}

.pm-top-8 {
    margin-top: 8% !important
}

@media screen and (max-width:768px) {
    .pp-top-8-mobile {
        padding-top: 8% !important
    }

    .pm-top-8-mobile {
        margin-top: 8% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-8-tablet {
        padding-top: 8% !important
    }

    .pm-top-8-tablet {
        margin-top: 8% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-8-touch {
        padding-top: 8% !important
    }

    .pm-top-8-touch {
        margin-top: 8% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-8-desktop {
        padding-top: 8% !important
    }

    .pm-top-8-desktop {
        margin-top: 8% !important
    }
}

.pp-left-8 {
    padding-left: 8% !important
}

.pm-left-8 {
    margin-left: 8% !important
}

@media screen and (max-width:768px) {
    .pp-left-8-mobile {
        padding-left: 8% !important
    }

    .pm-left-8-mobile {
        margin-left: 8% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-8-tablet {
        padding-left: 8% !important
    }

    .pm-left-8-tablet {
        margin-left: 8% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-8-touch {
        padding-left: 8% !important
    }

    .pm-left-8-touch {
        margin-left: 8% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-8-desktop {
        padding-left: 8% !important
    }

    .pm-left-8-desktop {
        margin-left: 8% !important
    }
}

.pp-bottom-8 {
    padding-bottom: 8% !important
}

.pm-bottom-8 {
    margin-bottom: 8% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-8-mobile {
        padding-bottom: 8% !important
    }

    .pm-bottom-8-mobile {
        margin-bottom: 8% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-8-tablet {
        padding-bottom: 8% !important
    }

    .pm-bottom-8-tablet {
        margin-bottom: 8% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-8-touch {
        padding-bottom: 8% !important
    }

    .pm-bottom-8-touch {
        margin-bottom: 8% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-8-desktop {
        padding-bottom: 8% !important
    }

    .pm-bottom-8-desktop {
        margin-bottom: 8% !important
    }
}

.pp-right-8 {
    padding-right: 8% !important
}

.pm-right-8 {
    margin-right: 8% !important
}

@media screen and (max-width:768px) {
    .pp-right-8-mobile {
        padding-right: 8% !important
    }

    .pm-right-8-mobile {
        margin-right: 8% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-8-tablet {
        padding-right: 8% !important
    }

    .pm-right-8-tablet {
        margin-right: 8% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-8-touch {
        padding-right: 8% !important
    }

    .pm-right-8-touch {
        margin-right: 8% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-8-desktop {
        padding-right: 8% !important
    }

    .pm-right-8-desktop {
        margin-right: 8% !important
    }
}

.pp-9 {
    padding: 9% !important
}

.pp-x-9 {
    padding-left: 9% !important;
    padding-right: 9% !important
}

.pp-y-9 {
    padding-bottom: 9% !important;
    padding-top: 9% !important
}

.pm-9 {
    margin: 9% !important
}

.pm-x-9 {
    margin-left: 9% !important;
    margin-right: 9% !important
}

.pm-y-9 {
    margin-bottom: 9% !important;
    margin-top: 9% !important
}

@media screen and (max-width:768px) {
    .pp-9-mobile {
        padding: 9% !important
    }

    .pp-x-9-mobile {
        padding-left: 9% !important;
        padding-right: 9% !important
    }

    .pp-y-9-mobile {
        padding-bottom: 9% !important;
        padding-top: 9% !important
    }

    .pm-9-mobile {
        margin: 9% !important
    }

    .pm-x-9-mobile {
        margin-left: 9% !important;
        margin-right: 9% !important
    }

    .pm-y-9-mobile {
        margin-bottom: 9% !important;
        margin-top: 9% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-9-tablet {
        padding: 9% !important
    }

    .pp-x-9-tablet {
        padding-left: 9% !important;
        padding-right: 9% !important
    }

    .pp-y-9-tablet {
        padding-bottom: 9% !important;
        padding-top: 9% !important
    }

    .pm-9-tablet {
        margin: 9% !important
    }

    .pm-x-9-tablet {
        margin-left: 9% !important;
        margin-right: 9% !important
    }

    .pm-y-9-tablet {
        margin-bottom: 9% !important;
        margin-top: 9% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-9-touch {
        padding: 9% !important
    }

    .pp-x-9-touch {
        padding-left: 9% !important;
        padding-right: 9% !important
    }

    .pp-y-9-touch {
        padding-bottom: 9% !important;
        padding-top: 9% !important
    }

    .pm-9-touch {
        margin: 9% !important
    }

    .pm-x-9-touch {
        margin-left: 9% !important;
        margin-right: 9% !important
    }

    .pm-y-9-touch {
        margin-bottom: 9% !important;
        margin-top: 9% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-9-desktop {
        padding: 9% !important
    }

    .pp-x-9-desktop {
        padding-left: 9% !important;
        padding-right: 9% !important
    }

    .pp-y-9-desktop {
        padding-bottom: 9% !important;
        padding-top: 9% !important
    }

    .pm-9-desktop {
        margin: 9% !important
    }

    .pm-x-9-desktop {
        margin-left: 9% !important;
        margin-right: 9% !important
    }

    .pm-y-9-desktop {
        margin-bottom: 9% !important;
        margin-top: 9% !important
    }
}

.pp-top-9 {
    padding-top: 9% !important
}

.pm-top-9 {
    margin-top: 9% !important
}

@media screen and (max-width:768px) {
    .pp-top-9-mobile {
        padding-top: 9% !important
    }

    .pm-top-9-mobile {
        margin-top: 9% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-9-tablet {
        padding-top: 9% !important
    }

    .pm-top-9-tablet {
        margin-top: 9% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-9-touch {
        padding-top: 9% !important
    }

    .pm-top-9-touch {
        margin-top: 9% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-9-desktop {
        padding-top: 9% !important
    }

    .pm-top-9-desktop {
        margin-top: 9% !important
    }
}

.pp-left-9 {
    padding-left: 9% !important
}

.pm-left-9 {
    margin-left: 9% !important
}

@media screen and (max-width:768px) {
    .pp-left-9-mobile {
        padding-left: 9% !important
    }

    .pm-left-9-mobile {
        margin-left: 9% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-9-tablet {
        padding-left: 9% !important
    }

    .pm-left-9-tablet {
        margin-left: 9% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-9-touch {
        padding-left: 9% !important
    }

    .pm-left-9-touch {
        margin-left: 9% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-9-desktop {
        padding-left: 9% !important
    }

    .pm-left-9-desktop {
        margin-left: 9% !important
    }
}

.pp-bottom-9 {
    padding-bottom: 9% !important
}

.pm-bottom-9 {
    margin-bottom: 9% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-9-mobile {
        padding-bottom: 9% !important
    }

    .pm-bottom-9-mobile {
        margin-bottom: 9% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-9-tablet {
        padding-bottom: 9% !important
    }

    .pm-bottom-9-tablet {
        margin-bottom: 9% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-9-touch {
        padding-bottom: 9% !important
    }

    .pm-bottom-9-touch {
        margin-bottom: 9% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-9-desktop {
        padding-bottom: 9% !important
    }

    .pm-bottom-9-desktop {
        margin-bottom: 9% !important
    }
}

.pp-right-9 {
    padding-right: 9% !important
}

.pm-right-9 {
    margin-right: 9% !important
}

@media screen and (max-width:768px) {
    .pp-right-9-mobile {
        padding-right: 9% !important
    }

    .pm-right-9-mobile {
        margin-right: 9% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-9-tablet {
        padding-right: 9% !important
    }

    .pm-right-9-tablet {
        margin-right: 9% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-9-touch {
        padding-right: 9% !important
    }

    .pm-right-9-touch {
        margin-right: 9% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-9-desktop {
        padding-right: 9% !important
    }

    .pm-right-9-desktop {
        margin-right: 9% !important
    }
}

.pp-10 {
    padding: 10% !important
}

.pp-x-10 {
    padding-left: 10% !important;
    padding-right: 10% !important
}

.pp-y-10 {
    padding-bottom: 10% !important;
    padding-top: 10% !important
}

.pm-10 {
    margin: 10% !important
}

.pm-x-10 {
    margin-left: 10% !important;
    margin-right: 10% !important
}

.pm-y-10 {
    margin-bottom: 10% !important;
    margin-top: 10% !important
}

@media screen and (max-width:768px) {
    .pp-10-mobile {
        padding: 10% !important
    }

    .pp-x-10-mobile {
        padding-left: 10% !important;
        padding-right: 10% !important
    }

    .pp-y-10-mobile {
        padding-bottom: 10% !important;
        padding-top: 10% !important
    }

    .pm-10-mobile {
        margin: 10% !important
    }

    .pm-x-10-mobile {
        margin-left: 10% !important;
        margin-right: 10% !important
    }

    .pm-y-10-mobile {
        margin-bottom: 10% !important;
        margin-top: 10% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-10-tablet {
        padding: 10% !important
    }

    .pp-x-10-tablet {
        padding-left: 10% !important;
        padding-right: 10% !important
    }

    .pp-y-10-tablet {
        padding-bottom: 10% !important;
        padding-top: 10% !important
    }

    .pm-10-tablet {
        margin: 10% !important
    }

    .pm-x-10-tablet {
        margin-left: 10% !important;
        margin-right: 10% !important
    }

    .pm-y-10-tablet {
        margin-bottom: 10% !important;
        margin-top: 10% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-10-touch {
        padding: 10% !important
    }

    .pp-x-10-touch {
        padding-left: 10% !important;
        padding-right: 10% !important
    }

    .pp-y-10-touch {
        padding-bottom: 10% !important;
        padding-top: 10% !important
    }

    .pm-10-touch {
        margin: 10% !important
    }

    .pm-x-10-touch {
        margin-left: 10% !important;
        margin-right: 10% !important
    }

    .pm-y-10-touch {
        margin-bottom: 10% !important;
        margin-top: 10% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-10-desktop {
        padding: 10% !important
    }

    .pp-x-10-desktop {
        padding-left: 10% !important;
        padding-right: 10% !important
    }

    .pp-y-10-desktop {
        padding-bottom: 10% !important;
        padding-top: 10% !important
    }

    .pm-10-desktop {
        margin: 10% !important
    }

    .pm-x-10-desktop {
        margin-left: 10% !important;
        margin-right: 10% !important
    }

    .pm-y-10-desktop {
        margin-bottom: 10% !important;
        margin-top: 10% !important
    }
}

.pp-top-10 {
    padding-top: 10% !important
}

.pm-top-10 {
    margin-top: 10% !important
}

@media screen and (max-width:768px) {
    .pp-top-10-mobile {
        padding-top: 10% !important
    }

    .pm-top-10-mobile {
        margin-top: 10% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-10-tablet {
        padding-top: 10% !important
    }

    .pm-top-10-tablet {
        margin-top: 10% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-10-touch {
        padding-top: 10% !important
    }

    .pm-top-10-touch {
        margin-top: 10% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-10-desktop {
        padding-top: 10% !important
    }

    .pm-top-10-desktop {
        margin-top: 10% !important
    }
}

.pp-left-10 {
    padding-left: 10% !important
}

.pm-left-10 {
    margin-left: 10% !important
}

@media screen and (max-width:768px) {
    .pp-left-10-mobile {
        padding-left: 10% !important
    }

    .pm-left-10-mobile {
        margin-left: 10% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-10-tablet {
        padding-left: 10% !important
    }

    .pm-left-10-tablet {
        margin-left: 10% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-10-touch {
        padding-left: 10% !important
    }

    .pm-left-10-touch {
        margin-left: 10% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-10-desktop {
        padding-left: 10% !important
    }

    .pm-left-10-desktop {
        margin-left: 10% !important
    }
}

.pp-bottom-10 {
    padding-bottom: 10% !important
}

.pm-bottom-10 {
    margin-bottom: 10% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-10-mobile {
        padding-bottom: 10% !important
    }

    .pm-bottom-10-mobile {
        margin-bottom: 10% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-10-tablet {
        padding-bottom: 10% !important
    }

    .pm-bottom-10-tablet {
        margin-bottom: 10% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-10-touch {
        padding-bottom: 10% !important
    }

    .pm-bottom-10-touch {
        margin-bottom: 10% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-10-desktop {
        padding-bottom: 10% !important
    }

    .pm-bottom-10-desktop {
        margin-bottom: 10% !important
    }
}

.pp-right-10 {
    padding-right: 10% !important
}

.pm-right-10 {
    margin-right: 10% !important
}

@media screen and (max-width:768px) {
    .pp-right-10-mobile {
        padding-right: 10% !important
    }

    .pm-right-10-mobile {
        margin-right: 10% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-10-tablet {
        padding-right: 10% !important
    }

    .pm-right-10-tablet {
        margin-right: 10% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-10-touch {
        padding-right: 10% !important
    }

    .pm-right-10-touch {
        margin-right: 10% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-10-desktop {
        padding-right: 10% !important
    }

    .pm-right-10-desktop {
        margin-right: 10% !important
    }
}

.pp-15 {
    padding: 15% !important
}

.pp-x-15 {
    padding-left: 15% !important;
    padding-right: 15% !important
}

.pp-y-15 {
    padding-bottom: 15% !important;
    padding-top: 15% !important
}

.pm-15 {
    margin: 15% !important
}

.pm-x-15 {
    margin-left: 15% !important;
    margin-right: 15% !important
}

.pm-y-15 {
    margin-bottom: 15% !important;
    margin-top: 15% !important
}

@media screen and (max-width:768px) {
    .pp-15-mobile {
        padding: 15% !important
    }

    .pp-x-15-mobile {
        padding-left: 15% !important;
        padding-right: 15% !important
    }

    .pp-y-15-mobile {
        padding-bottom: 15% !important;
        padding-top: 15% !important
    }

    .pm-15-mobile {
        margin: 15% !important
    }

    .pm-x-15-mobile {
        margin-left: 15% !important;
        margin-right: 15% !important
    }

    .pm-y-15-mobile {
        margin-bottom: 15% !important;
        margin-top: 15% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-15-tablet {
        padding: 15% !important
    }

    .pp-x-15-tablet {
        padding-left: 15% !important;
        padding-right: 15% !important
    }

    .pp-y-15-tablet {
        padding-bottom: 15% !important;
        padding-top: 15% !important
    }

    .pm-15-tablet {
        margin: 15% !important
    }

    .pm-x-15-tablet {
        margin-left: 15% !important;
        margin-right: 15% !important
    }

    .pm-y-15-tablet {
        margin-bottom: 15% !important;
        margin-top: 15% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-15-touch {
        padding: 15% !important
    }

    .pp-x-15-touch {
        padding-left: 15% !important;
        padding-right: 15% !important
    }

    .pp-y-15-touch {
        padding-bottom: 15% !important;
        padding-top: 15% !important
    }

    .pm-15-touch {
        margin: 15% !important
    }

    .pm-x-15-touch {
        margin-left: 15% !important;
        margin-right: 15% !important
    }

    .pm-y-15-touch {
        margin-bottom: 15% !important;
        margin-top: 15% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-15-desktop {
        padding: 15% !important
    }

    .pp-x-15-desktop {
        padding-left: 15% !important;
        padding-right: 15% !important
    }

    .pp-y-15-desktop {
        padding-bottom: 15% !important;
        padding-top: 15% !important
    }

    .pm-15-desktop {
        margin: 15% !important
    }

    .pm-x-15-desktop {
        margin-left: 15% !important;
        margin-right: 15% !important
    }

    .pm-y-15-desktop {
        margin-bottom: 15% !important;
        margin-top: 15% !important
    }
}

.pp-top-15 {
    padding-top: 15% !important
}

.pm-top-15 {
    margin-top: 15% !important
}

@media screen and (max-width:768px) {
    .pp-top-15-mobile {
        padding-top: 15% !important
    }

    .pm-top-15-mobile {
        margin-top: 15% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-15-tablet {
        padding-top: 15% !important
    }

    .pm-top-15-tablet {
        margin-top: 15% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-15-touch {
        padding-top: 15% !important
    }

    .pm-top-15-touch {
        margin-top: 15% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-15-desktop {
        padding-top: 15% !important
    }

    .pm-top-15-desktop {
        margin-top: 15% !important
    }
}

.pp-left-15 {
    padding-left: 15% !important
}

.pm-left-15 {
    margin-left: 15% !important
}

@media screen and (max-width:768px) {
    .pp-left-15-mobile {
        padding-left: 15% !important
    }

    .pm-left-15-mobile {
        margin-left: 15% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-15-tablet {
        padding-left: 15% !important
    }

    .pm-left-15-tablet {
        margin-left: 15% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-15-touch {
        padding-left: 15% !important
    }

    .pm-left-15-touch {
        margin-left: 15% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-15-desktop {
        padding-left: 15% !important
    }

    .pm-left-15-desktop {
        margin-left: 15% !important
    }
}

.pp-bottom-15 {
    padding-bottom: 15% !important
}

.pm-bottom-15 {
    margin-bottom: 15% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-15-mobile {
        padding-bottom: 15% !important
    }

    .pm-bottom-15-mobile {
        margin-bottom: 15% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-15-tablet {
        padding-bottom: 15% !important
    }

    .pm-bottom-15-tablet {
        margin-bottom: 15% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-15-touch {
        padding-bottom: 15% !important
    }

    .pm-bottom-15-touch {
        margin-bottom: 15% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-15-desktop {
        padding-bottom: 15% !important
    }

    .pm-bottom-15-desktop {
        margin-bottom: 15% !important
    }
}

.pp-right-15 {
    padding-right: 15% !important
}

.pm-right-15 {
    margin-right: 15% !important
}

@media screen and (max-width:768px) {
    .pp-right-15-mobile {
        padding-right: 15% !important
    }

    .pm-right-15-mobile {
        margin-right: 15% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-15-tablet {
        padding-right: 15% !important
    }

    .pm-right-15-tablet {
        margin-right: 15% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-15-touch {
        padding-right: 15% !important
    }

    .pm-right-15-touch {
        margin-right: 15% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-15-desktop {
        padding-right: 15% !important
    }

    .pm-right-15-desktop {
        margin-right: 15% !important
    }
}

.pp-20 {
    padding: 20% !important
}

.pp-x-20 {
    padding-left: 20% !important;
    padding-right: 20% !important
}

.pp-y-20 {
    padding-bottom: 20% !important;
    padding-top: 20% !important
}

.pm-20 {
    margin: 20% !important
}

.pm-x-20 {
    margin-left: 20% !important;
    margin-right: 20% !important
}

.pm-y-20 {
    margin-bottom: 20% !important;
    margin-top: 20% !important
}

@media screen and (max-width:768px) {
    .pp-20-mobile {
        padding: 20% !important
    }

    .pp-x-20-mobile {
        padding-left: 20% !important;
        padding-right: 20% !important
    }

    .pp-y-20-mobile {
        padding-bottom: 20% !important;
        padding-top: 20% !important
    }

    .pm-20-mobile {
        margin: 20% !important
    }

    .pm-x-20-mobile {
        margin-left: 20% !important;
        margin-right: 20% !important
    }

    .pm-y-20-mobile {
        margin-bottom: 20% !important;
        margin-top: 20% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-20-tablet {
        padding: 20% !important
    }

    .pp-x-20-tablet {
        padding-left: 20% !important;
        padding-right: 20% !important
    }

    .pp-y-20-tablet {
        padding-bottom: 20% !important;
        padding-top: 20% !important
    }

    .pm-20-tablet {
        margin: 20% !important
    }

    .pm-x-20-tablet {
        margin-left: 20% !important;
        margin-right: 20% !important
    }

    .pm-y-20-tablet {
        margin-bottom: 20% !important;
        margin-top: 20% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-20-touch {
        padding: 20% !important
    }

    .pp-x-20-touch {
        padding-left: 20% !important;
        padding-right: 20% !important
    }

    .pp-y-20-touch {
        padding-bottom: 20% !important;
        padding-top: 20% !important
    }

    .pm-20-touch {
        margin: 20% !important
    }

    .pm-x-20-touch {
        margin-left: 20% !important;
        margin-right: 20% !important
    }

    .pm-y-20-touch {
        margin-bottom: 20% !important;
        margin-top: 20% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-20-desktop {
        padding: 20% !important
    }

    .pp-x-20-desktop {
        padding-left: 20% !important;
        padding-right: 20% !important
    }

    .pp-y-20-desktop {
        padding-bottom: 20% !important;
        padding-top: 20% !important
    }

    .pm-20-desktop {
        margin: 20% !important
    }

    .pm-x-20-desktop {
        margin-left: 20% !important;
        margin-right: 20% !important
    }

    .pm-y-20-desktop {
        margin-bottom: 20% !important;
        margin-top: 20% !important
    }
}

.pp-top-20 {
    padding-top: 20% !important
}

.pm-top-20 {
    margin-top: 20% !important
}

@media screen and (max-width:768px) {
    .pp-top-20-mobile {
        padding-top: 20% !important
    }

    .pm-top-20-mobile {
        margin-top: 20% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-20-tablet {
        padding-top: 20% !important
    }

    .pm-top-20-tablet {
        margin-top: 20% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-20-touch {
        padding-top: 20% !important
    }

    .pm-top-20-touch {
        margin-top: 20% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-20-desktop {
        padding-top: 20% !important
    }

    .pm-top-20-desktop {
        margin-top: 20% !important
    }
}

.pp-left-20 {
    padding-left: 20% !important
}

.pm-left-20 {
    margin-left: 20% !important
}

@media screen and (max-width:768px) {
    .pp-left-20-mobile {
        padding-left: 20% !important
    }

    .pm-left-20-mobile {
        margin-left: 20% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-20-tablet {
        padding-left: 20% !important
    }

    .pm-left-20-tablet {
        margin-left: 20% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-20-touch {
        padding-left: 20% !important
    }

    .pm-left-20-touch {
        margin-left: 20% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-20-desktop {
        padding-left: 20% !important
    }

    .pm-left-20-desktop {
        margin-left: 20% !important
    }
}

.pp-bottom-20 {
    padding-bottom: 20% !important
}

.pm-bottom-20 {
    margin-bottom: 20% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-20-mobile {
        padding-bottom: 20% !important
    }

    .pm-bottom-20-mobile {
        margin-bottom: 20% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-20-tablet {
        padding-bottom: 20% !important
    }

    .pm-bottom-20-tablet {
        margin-bottom: 20% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-20-touch {
        padding-bottom: 20% !important
    }

    .pm-bottom-20-touch {
        margin-bottom: 20% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-20-desktop {
        padding-bottom: 20% !important
    }

    .pm-bottom-20-desktop {
        margin-bottom: 20% !important
    }
}

.pp-right-20 {
    padding-right: 20% !important
}

.pm-right-20 {
    margin-right: 20% !important
}

@media screen and (max-width:768px) {
    .pp-right-20-mobile {
        padding-right: 20% !important
    }

    .pm-right-20-mobile {
        margin-right: 20% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-20-tablet {
        padding-right: 20% !important
    }

    .pm-right-20-tablet {
        margin-right: 20% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-20-touch {
        padding-right: 20% !important
    }

    .pm-right-20-touch {
        margin-right: 20% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-20-desktop {
        padding-right: 20% !important
    }

    .pm-right-20-desktop {
        margin-right: 20% !important
    }
}

.pp-25 {
    padding: 25% !important
}

.pp-x-25 {
    padding-left: 25% !important;
    padding-right: 25% !important
}

.pp-y-25 {
    padding-bottom: 25% !important;
    padding-top: 25% !important
}

.pm-25 {
    margin: 25% !important
}

.pm-x-25 {
    margin-left: 25% !important;
    margin-right: 25% !important
}

.pm-y-25 {
    margin-bottom: 25% !important;
    margin-top: 25% !important
}

@media screen and (max-width:768px) {
    .pp-25-mobile {
        padding: 25% !important
    }

    .pp-x-25-mobile {
        padding-left: 25% !important;
        padding-right: 25% !important
    }

    .pp-y-25-mobile {
        padding-bottom: 25% !important;
        padding-top: 25% !important
    }

    .pm-25-mobile {
        margin: 25% !important
    }

    .pm-x-25-mobile {
        margin-left: 25% !important;
        margin-right: 25% !important
    }

    .pm-y-25-mobile {
        margin-bottom: 25% !important;
        margin-top: 25% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-25-tablet {
        padding: 25% !important
    }

    .pp-x-25-tablet {
        padding-left: 25% !important;
        padding-right: 25% !important
    }

    .pp-y-25-tablet {
        padding-bottom: 25% !important;
        padding-top: 25% !important
    }

    .pm-25-tablet {
        margin: 25% !important
    }

    .pm-x-25-tablet {
        margin-left: 25% !important;
        margin-right: 25% !important
    }

    .pm-y-25-tablet {
        margin-bottom: 25% !important;
        margin-top: 25% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-25-touch {
        padding: 25% !important
    }

    .pp-x-25-touch {
        padding-left: 25% !important;
        padding-right: 25% !important
    }

    .pp-y-25-touch {
        padding-bottom: 25% !important;
        padding-top: 25% !important
    }

    .pm-25-touch {
        margin: 25% !important
    }

    .pm-x-25-touch {
        margin-left: 25% !important;
        margin-right: 25% !important
    }

    .pm-y-25-touch {
        margin-bottom: 25% !important;
        margin-top: 25% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-25-desktop {
        padding: 25% !important
    }

    .pp-x-25-desktop {
        padding-left: 25% !important;
        padding-right: 25% !important
    }

    .pp-y-25-desktop {
        padding-bottom: 25% !important;
        padding-top: 25% !important
    }

    .pm-25-desktop {
        margin: 25% !important
    }

    .pm-x-25-desktop {
        margin-left: 25% !important;
        margin-right: 25% !important
    }

    .pm-y-25-desktop {
        margin-bottom: 25% !important;
        margin-top: 25% !important
    }
}

.pp-top-25 {
    padding-top: 25% !important
}

.pm-top-25 {
    margin-top: 25% !important
}

@media screen and (max-width:768px) {
    .pp-top-25-mobile {
        padding-top: 25% !important
    }

    .pm-top-25-mobile {
        margin-top: 25% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-25-tablet {
        padding-top: 25% !important
    }

    .pm-top-25-tablet {
        margin-top: 25% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-25-touch {
        padding-top: 25% !important
    }

    .pm-top-25-touch {
        margin-top: 25% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-25-desktop {
        padding-top: 25% !important
    }

    .pm-top-25-desktop {
        margin-top: 25% !important
    }
}

.pp-left-25 {
    padding-left: 25% !important
}

.pm-left-25 {
    margin-left: 25% !important
}

@media screen and (max-width:768px) {
    .pp-left-25-mobile {
        padding-left: 25% !important
    }

    .pm-left-25-mobile {
        margin-left: 25% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-25-tablet {
        padding-left: 25% !important
    }

    .pm-left-25-tablet {
        margin-left: 25% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-25-touch {
        padding-left: 25% !important
    }

    .pm-left-25-touch {
        margin-left: 25% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-25-desktop {
        padding-left: 25% !important
    }

    .pm-left-25-desktop {
        margin-left: 25% !important
    }
}

.pp-bottom-25 {
    padding-bottom: 25% !important
}

.pm-bottom-25 {
    margin-bottom: 25% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-25-mobile {
        padding-bottom: 25% !important
    }

    .pm-bottom-25-mobile {
        margin-bottom: 25% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-25-tablet {
        padding-bottom: 25% !important
    }

    .pm-bottom-25-tablet {
        margin-bottom: 25% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-25-touch {
        padding-bottom: 25% !important
    }

    .pm-bottom-25-touch {
        margin-bottom: 25% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-25-desktop {
        padding-bottom: 25% !important
    }

    .pm-bottom-25-desktop {
        margin-bottom: 25% !important
    }
}

.pp-right-25 {
    padding-right: 25% !important
}

.pm-right-25 {
    margin-right: 25% !important
}

@media screen and (max-width:768px) {
    .pp-right-25-mobile {
        padding-right: 25% !important
    }

    .pm-right-25-mobile {
        margin-right: 25% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-25-tablet {
        padding-right: 25% !important
    }

    .pm-right-25-tablet {
        margin-right: 25% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-25-touch {
        padding-right: 25% !important
    }

    .pm-right-25-touch {
        margin-right: 25% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-25-desktop {
        padding-right: 25% !important
    }

    .pm-right-25-desktop {
        margin-right: 25% !important
    }
}

.pp-30 {
    padding: 30% !important
}

.pp-x-30 {
    padding-left: 30% !important;
    padding-right: 30% !important
}

.pp-y-30 {
    padding-bottom: 30% !important;
    padding-top: 30% !important
}

.pm-30 {
    margin: 30% !important
}

.pm-x-30 {
    margin-left: 30% !important;
    margin-right: 30% !important
}

.pm-y-30 {
    margin-bottom: 30% !important;
    margin-top: 30% !important
}

@media screen and (max-width:768px) {
    .pp-30-mobile {
        padding: 30% !important
    }

    .pp-x-30-mobile {
        padding-left: 30% !important;
        padding-right: 30% !important
    }

    .pp-y-30-mobile {
        padding-bottom: 30% !important;
        padding-top: 30% !important
    }

    .pm-30-mobile {
        margin: 30% !important
    }

    .pm-x-30-mobile {
        margin-left: 30% !important;
        margin-right: 30% !important
    }

    .pm-y-30-mobile {
        margin-bottom: 30% !important;
        margin-top: 30% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-30-tablet {
        padding: 30% !important
    }

    .pp-x-30-tablet {
        padding-left: 30% !important;
        padding-right: 30% !important
    }

    .pp-y-30-tablet {
        padding-bottom: 30% !important;
        padding-top: 30% !important
    }

    .pm-30-tablet {
        margin: 30% !important
    }

    .pm-x-30-tablet {
        margin-left: 30% !important;
        margin-right: 30% !important
    }

    .pm-y-30-tablet {
        margin-bottom: 30% !important;
        margin-top: 30% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-30-touch {
        padding: 30% !important
    }

    .pp-x-30-touch {
        padding-left: 30% !important;
        padding-right: 30% !important
    }

    .pp-y-30-touch {
        padding-bottom: 30% !important;
        padding-top: 30% !important
    }

    .pm-30-touch {
        margin: 30% !important
    }

    .pm-x-30-touch {
        margin-left: 30% !important;
        margin-right: 30% !important
    }

    .pm-y-30-touch {
        margin-bottom: 30% !important;
        margin-top: 30% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-30-desktop {
        padding: 30% !important
    }

    .pp-x-30-desktop {
        padding-left: 30% !important;
        padding-right: 30% !important
    }

    .pp-y-30-desktop {
        padding-bottom: 30% !important;
        padding-top: 30% !important
    }

    .pm-30-desktop {
        margin: 30% !important
    }

    .pm-x-30-desktop {
        margin-left: 30% !important;
        margin-right: 30% !important
    }

    .pm-y-30-desktop {
        margin-bottom: 30% !important;
        margin-top: 30% !important
    }
}

.pp-top-30 {
    padding-top: 30% !important
}

.pm-top-30 {
    margin-top: 30% !important
}

@media screen and (max-width:768px) {
    .pp-top-30-mobile {
        padding-top: 30% !important
    }

    .pm-top-30-mobile {
        margin-top: 30% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-30-tablet {
        padding-top: 30% !important
    }

    .pm-top-30-tablet {
        margin-top: 30% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-30-touch {
        padding-top: 30% !important
    }

    .pm-top-30-touch {
        margin-top: 30% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-30-desktop {
        padding-top: 30% !important
    }

    .pm-top-30-desktop {
        margin-top: 30% !important
    }
}

.pp-left-30 {
    padding-left: 30% !important
}

.pm-left-30 {
    margin-left: 30% !important
}

@media screen and (max-width:768px) {
    .pp-left-30-mobile {
        padding-left: 30% !important
    }

    .pm-left-30-mobile {
        margin-left: 30% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-30-tablet {
        padding-left: 30% !important
    }

    .pm-left-30-tablet {
        margin-left: 30% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-30-touch {
        padding-left: 30% !important
    }

    .pm-left-30-touch {
        margin-left: 30% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-30-desktop {
        padding-left: 30% !important
    }

    .pm-left-30-desktop {
        margin-left: 30% !important
    }
}

.pp-bottom-30 {
    padding-bottom: 30% !important
}

.pm-bottom-30 {
    margin-bottom: 30% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-30-mobile {
        padding-bottom: 30% !important
    }

    .pm-bottom-30-mobile {
        margin-bottom: 30% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-30-tablet {
        padding-bottom: 30% !important
    }

    .pm-bottom-30-tablet {
        margin-bottom: 30% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-30-touch {
        padding-bottom: 30% !important
    }

    .pm-bottom-30-touch {
        margin-bottom: 30% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-30-desktop {
        padding-bottom: 30% !important
    }

    .pm-bottom-30-desktop {
        margin-bottom: 30% !important
    }
}

.pp-right-30 {
    padding-right: 30% !important
}

.pm-right-30 {
    margin-right: 30% !important
}

@media screen and (max-width:768px) {
    .pp-right-30-mobile {
        padding-right: 30% !important
    }

    .pm-right-30-mobile {
        margin-right: 30% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-30-tablet {
        padding-right: 30% !important
    }

    .pm-right-30-tablet {
        margin-right: 30% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-30-touch {
        padding-right: 30% !important
    }

    .pm-right-30-touch {
        margin-right: 30% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-30-desktop {
        padding-right: 30% !important
    }

    .pm-right-30-desktop {
        margin-right: 30% !important
    }
}

.pp-35 {
    padding: 35% !important
}

.pp-x-35 {
    padding-left: 35% !important;
    padding-right: 35% !important
}

.pp-y-35 {
    padding-bottom: 35% !important;
    padding-top: 35% !important
}

.pm-35 {
    margin: 35% !important
}

.pm-x-35 {
    margin-left: 35% !important;
    margin-right: 35% !important
}

.pm-y-35 {
    margin-bottom: 35% !important;
    margin-top: 35% !important
}

@media screen and (max-width:768px) {
    .pp-35-mobile {
        padding: 35% !important
    }

    .pp-x-35-mobile {
        padding-left: 35% !important;
        padding-right: 35% !important
    }

    .pp-y-35-mobile {
        padding-bottom: 35% !important;
        padding-top: 35% !important
    }

    .pm-35-mobile {
        margin: 35% !important
    }

    .pm-x-35-mobile {
        margin-left: 35% !important;
        margin-right: 35% !important
    }

    .pm-y-35-mobile {
        margin-bottom: 35% !important;
        margin-top: 35% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-35-tablet {
        padding: 35% !important
    }

    .pp-x-35-tablet {
        padding-left: 35% !important;
        padding-right: 35% !important
    }

    .pp-y-35-tablet {
        padding-bottom: 35% !important;
        padding-top: 35% !important
    }

    .pm-35-tablet {
        margin: 35% !important
    }

    .pm-x-35-tablet {
        margin-left: 35% !important;
        margin-right: 35% !important
    }

    .pm-y-35-tablet {
        margin-bottom: 35% !important;
        margin-top: 35% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-35-touch {
        padding: 35% !important
    }

    .pp-x-35-touch {
        padding-left: 35% !important;
        padding-right: 35% !important
    }

    .pp-y-35-touch {
        padding-bottom: 35% !important;
        padding-top: 35% !important
    }

    .pm-35-touch {
        margin: 35% !important
    }

    .pm-x-35-touch {
        margin-left: 35% !important;
        margin-right: 35% !important
    }

    .pm-y-35-touch {
        margin-bottom: 35% !important;
        margin-top: 35% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-35-desktop {
        padding: 35% !important
    }

    .pp-x-35-desktop {
        padding-left: 35% !important;
        padding-right: 35% !important
    }

    .pp-y-35-desktop {
        padding-bottom: 35% !important;
        padding-top: 35% !important
    }

    .pm-35-desktop {
        margin: 35% !important
    }

    .pm-x-35-desktop {
        margin-left: 35% !important;
        margin-right: 35% !important
    }

    .pm-y-35-desktop {
        margin-bottom: 35% !important;
        margin-top: 35% !important
    }
}

.pp-top-35 {
    padding-top: 35% !important
}

.pm-top-35 {
    margin-top: 35% !important
}

@media screen and (max-width:768px) {
    .pp-top-35-mobile {
        padding-top: 35% !important
    }

    .pm-top-35-mobile {
        margin-top: 35% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-35-tablet {
        padding-top: 35% !important
    }

    .pm-top-35-tablet {
        margin-top: 35% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-35-touch {
        padding-top: 35% !important
    }

    .pm-top-35-touch {
        margin-top: 35% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-35-desktop {
        padding-top: 35% !important
    }

    .pm-top-35-desktop {
        margin-top: 35% !important
    }
}

.pp-left-35 {
    padding-left: 35% !important
}

.pm-left-35 {
    margin-left: 35% !important
}

@media screen and (max-width:768px) {
    .pp-left-35-mobile {
        padding-left: 35% !important
    }

    .pm-left-35-mobile {
        margin-left: 35% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-35-tablet {
        padding-left: 35% !important
    }

    .pm-left-35-tablet {
        margin-left: 35% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-35-touch {
        padding-left: 35% !important
    }

    .pm-left-35-touch {
        margin-left: 35% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-35-desktop {
        padding-left: 35% !important
    }

    .pm-left-35-desktop {
        margin-left: 35% !important
    }
}

.pp-bottom-35 {
    padding-bottom: 35% !important
}

.pm-bottom-35 {
    margin-bottom: 35% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-35-mobile {
        padding-bottom: 35% !important
    }

    .pm-bottom-35-mobile {
        margin-bottom: 35% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-35-tablet {
        padding-bottom: 35% !important
    }

    .pm-bottom-35-tablet {
        margin-bottom: 35% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-35-touch {
        padding-bottom: 35% !important
    }

    .pm-bottom-35-touch {
        margin-bottom: 35% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-35-desktop {
        padding-bottom: 35% !important
    }

    .pm-bottom-35-desktop {
        margin-bottom: 35% !important
    }
}

.pp-right-35 {
    padding-right: 35% !important
}

.pm-right-35 {
    margin-right: 35% !important
}

@media screen and (max-width:768px) {
    .pp-right-35-mobile {
        padding-right: 35% !important
    }

    .pm-right-35-mobile {
        margin-right: 35% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-35-tablet {
        padding-right: 35% !important
    }

    .pm-right-35-tablet {
        margin-right: 35% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-35-touch {
        padding-right: 35% !important
    }

    .pm-right-35-touch {
        margin-right: 35% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-35-desktop {
        padding-right: 35% !important
    }

    .pm-right-35-desktop {
        margin-right: 35% !important
    }
}

.pp-40 {
    padding: 40% !important
}

.pp-x-40 {
    padding-left: 40% !important;
    padding-right: 40% !important
}

.pp-y-40 {
    padding-bottom: 40% !important;
    padding-top: 40% !important
}

.pm-40 {
    margin: 40% !important
}

.pm-x-40 {
    margin-left: 40% !important;
    margin-right: 40% !important
}

.pm-y-40 {
    margin-bottom: 40% !important;
    margin-top: 40% !important
}

@media screen and (max-width:768px) {
    .pp-40-mobile {
        padding: 40% !important
    }

    .pp-x-40-mobile {
        padding-left: 40% !important;
        padding-right: 40% !important
    }

    .pp-y-40-mobile {
        padding-bottom: 40% !important;
        padding-top: 40% !important
    }

    .pm-40-mobile {
        margin: 40% !important
    }

    .pm-x-40-mobile {
        margin-left: 40% !important;
        margin-right: 40% !important
    }

    .pm-y-40-mobile {
        margin-bottom: 40% !important;
        margin-top: 40% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-40-tablet {
        padding: 40% !important
    }

    .pp-x-40-tablet {
        padding-left: 40% !important;
        padding-right: 40% !important
    }

    .pp-y-40-tablet {
        padding-bottom: 40% !important;
        padding-top: 40% !important
    }

    .pm-40-tablet {
        margin: 40% !important
    }

    .pm-x-40-tablet {
        margin-left: 40% !important;
        margin-right: 40% !important
    }

    .pm-y-40-tablet {
        margin-bottom: 40% !important;
        margin-top: 40% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-40-touch {
        padding: 40% !important
    }

    .pp-x-40-touch {
        padding-left: 40% !important;
        padding-right: 40% !important
    }

    .pp-y-40-touch {
        padding-bottom: 40% !important;
        padding-top: 40% !important
    }

    .pm-40-touch {
        margin: 40% !important
    }

    .pm-x-40-touch {
        margin-left: 40% !important;
        margin-right: 40% !important
    }

    .pm-y-40-touch {
        margin-bottom: 40% !important;
        margin-top: 40% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-40-desktop {
        padding: 40% !important
    }

    .pp-x-40-desktop {
        padding-left: 40% !important;
        padding-right: 40% !important
    }

    .pp-y-40-desktop {
        padding-bottom: 40% !important;
        padding-top: 40% !important
    }

    .pm-40-desktop {
        margin: 40% !important
    }

    .pm-x-40-desktop {
        margin-left: 40% !important;
        margin-right: 40% !important
    }

    .pm-y-40-desktop {
        margin-bottom: 40% !important;
        margin-top: 40% !important
    }
}

.pp-top-40 {
    padding-top: 40% !important
}

.pm-top-40 {
    margin-top: 40% !important
}

@media screen and (max-width:768px) {
    .pp-top-40-mobile {
        padding-top: 40% !important
    }

    .pm-top-40-mobile {
        margin-top: 40% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-40-tablet {
        padding-top: 40% !important
    }

    .pm-top-40-tablet {
        margin-top: 40% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-40-touch {
        padding-top: 40% !important
    }

    .pm-top-40-touch {
        margin-top: 40% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-40-desktop {
        padding-top: 40% !important
    }

    .pm-top-40-desktop {
        margin-top: 40% !important
    }
}

.pp-left-40 {
    padding-left: 40% !important
}

.pm-left-40 {
    margin-left: 40% !important
}

@media screen and (max-width:768px) {
    .pp-left-40-mobile {
        padding-left: 40% !important
    }

    .pm-left-40-mobile {
        margin-left: 40% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-40-tablet {
        padding-left: 40% !important
    }

    .pm-left-40-tablet {
        margin-left: 40% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-40-touch {
        padding-left: 40% !important
    }

    .pm-left-40-touch {
        margin-left: 40% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-40-desktop {
        padding-left: 40% !important
    }

    .pm-left-40-desktop {
        margin-left: 40% !important
    }
}

.pp-bottom-40 {
    padding-bottom: 40% !important
}

.pm-bottom-40 {
    margin-bottom: 40% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-40-mobile {
        padding-bottom: 40% !important
    }

    .pm-bottom-40-mobile {
        margin-bottom: 40% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-40-tablet {
        padding-bottom: 40% !important
    }

    .pm-bottom-40-tablet {
        margin-bottom: 40% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-40-touch {
        padding-bottom: 40% !important
    }

    .pm-bottom-40-touch {
        margin-bottom: 40% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-40-desktop {
        padding-bottom: 40% !important
    }

    .pm-bottom-40-desktop {
        margin-bottom: 40% !important
    }
}

.pp-right-40 {
    padding-right: 40% !important
}

.pm-right-40 {
    margin-right: 40% !important
}

@media screen and (max-width:768px) {
    .pp-right-40-mobile {
        padding-right: 40% !important
    }

    .pm-right-40-mobile {
        margin-right: 40% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-40-tablet {
        padding-right: 40% !important
    }

    .pm-right-40-tablet {
        margin-right: 40% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-40-touch {
        padding-right: 40% !important
    }

    .pm-right-40-touch {
        margin-right: 40% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-40-desktop {
        padding-right: 40% !important
    }

    .pm-right-40-desktop {
        margin-right: 40% !important
    }
}

.pp-45 {
    padding: 45% !important
}

.pp-x-45 {
    padding-left: 45% !important;
    padding-right: 45% !important
}

.pp-y-45 {
    padding-bottom: 45% !important;
    padding-top: 45% !important
}

.pm-45 {
    margin: 45% !important
}

.pm-x-45 {
    margin-left: 45% !important;
    margin-right: 45% !important
}

.pm-y-45 {
    margin-bottom: 45% !important;
    margin-top: 45% !important
}

@media screen and (max-width:768px) {
    .pp-45-mobile {
        padding: 45% !important
    }

    .pp-x-45-mobile {
        padding-left: 45% !important;
        padding-right: 45% !important
    }

    .pp-y-45-mobile {
        padding-bottom: 45% !important;
        padding-top: 45% !important
    }

    .pm-45-mobile {
        margin: 45% !important
    }

    .pm-x-45-mobile {
        margin-left: 45% !important;
        margin-right: 45% !important
    }

    .pm-y-45-mobile {
        margin-bottom: 45% !important;
        margin-top: 45% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-45-tablet {
        padding: 45% !important
    }

    .pp-x-45-tablet {
        padding-left: 45% !important;
        padding-right: 45% !important
    }

    .pp-y-45-tablet {
        padding-bottom: 45% !important;
        padding-top: 45% !important
    }

    .pm-45-tablet {
        margin: 45% !important
    }

    .pm-x-45-tablet {
        margin-left: 45% !important;
        margin-right: 45% !important
    }

    .pm-y-45-tablet {
        margin-bottom: 45% !important;
        margin-top: 45% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-45-touch {
        padding: 45% !important
    }

    .pp-x-45-touch {
        padding-left: 45% !important;
        padding-right: 45% !important
    }

    .pp-y-45-touch {
        padding-bottom: 45% !important;
        padding-top: 45% !important
    }

    .pm-45-touch {
        margin: 45% !important
    }

    .pm-x-45-touch {
        margin-left: 45% !important;
        margin-right: 45% !important
    }

    .pm-y-45-touch {
        margin-bottom: 45% !important;
        margin-top: 45% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-45-desktop {
        padding: 45% !important
    }

    .pp-x-45-desktop {
        padding-left: 45% !important;
        padding-right: 45% !important
    }

    .pp-y-45-desktop {
        padding-bottom: 45% !important;
        padding-top: 45% !important
    }

    .pm-45-desktop {
        margin: 45% !important
    }

    .pm-x-45-desktop {
        margin-left: 45% !important;
        margin-right: 45% !important
    }

    .pm-y-45-desktop {
        margin-bottom: 45% !important;
        margin-top: 45% !important
    }
}

.pp-top-45 {
    padding-top: 45% !important
}

.pm-top-45 {
    margin-top: 45% !important
}

@media screen and (max-width:768px) {
    .pp-top-45-mobile {
        padding-top: 45% !important
    }

    .pm-top-45-mobile {
        margin-top: 45% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-45-tablet {
        padding-top: 45% !important
    }

    .pm-top-45-tablet {
        margin-top: 45% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-45-touch {
        padding-top: 45% !important
    }

    .pm-top-45-touch {
        margin-top: 45% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-45-desktop {
        padding-top: 45% !important
    }

    .pm-top-45-desktop {
        margin-top: 45% !important
    }
}

.pp-left-45 {
    padding-left: 45% !important
}

.pm-left-45 {
    margin-left: 45% !important
}

@media screen and (max-width:768px) {
    .pp-left-45-mobile {
        padding-left: 45% !important
    }

    .pm-left-45-mobile {
        margin-left: 45% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-45-tablet {
        padding-left: 45% !important
    }

    .pm-left-45-tablet {
        margin-left: 45% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-45-touch {
        padding-left: 45% !important
    }

    .pm-left-45-touch {
        margin-left: 45% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-45-desktop {
        padding-left: 45% !important
    }

    .pm-left-45-desktop {
        margin-left: 45% !important
    }
}

.pp-bottom-45 {
    padding-bottom: 45% !important
}

.pm-bottom-45 {
    margin-bottom: 45% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-45-mobile {
        padding-bottom: 45% !important
    }

    .pm-bottom-45-mobile {
        margin-bottom: 45% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-45-tablet {
        padding-bottom: 45% !important
    }

    .pm-bottom-45-tablet {
        margin-bottom: 45% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-45-touch {
        padding-bottom: 45% !important
    }

    .pm-bottom-45-touch {
        margin-bottom: 45% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-45-desktop {
        padding-bottom: 45% !important
    }

    .pm-bottom-45-desktop {
        margin-bottom: 45% !important
    }
}

.pp-right-45 {
    padding-right: 45% !important
}

.pm-right-45 {
    margin-right: 45% !important
}

@media screen and (max-width:768px) {
    .pp-right-45-mobile {
        padding-right: 45% !important
    }

    .pm-right-45-mobile {
        margin-right: 45% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-45-tablet {
        padding-right: 45% !important
    }

    .pm-right-45-tablet {
        margin-right: 45% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-45-touch {
        padding-right: 45% !important
    }

    .pm-right-45-touch {
        margin-right: 45% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-45-desktop {
        padding-right: 45% !important
    }

    .pm-right-45-desktop {
        margin-right: 45% !important
    }
}

.pp-50 {
    padding: 50% !important
}

.pp-x-50 {
    padding-left: 50% !important;
    padding-right: 50% !important
}

.pp-y-50 {
    padding-bottom: 50% !important;
    padding-top: 50% !important
}

.pm-50 {
    margin: 50% !important
}

.pm-x-50 {
    margin-left: 50% !important;
    margin-right: 50% !important
}

.pm-y-50 {
    margin-bottom: 50% !important;
    margin-top: 50% !important
}

@media screen and (max-width:768px) {
    .pp-50-mobile {
        padding: 50% !important
    }

    .pp-x-50-mobile {
        padding-left: 50% !important;
        padding-right: 50% !important
    }

    .pp-y-50-mobile {
        padding-bottom: 50% !important;
        padding-top: 50% !important
    }

    .pm-50-mobile {
        margin: 50% !important
    }

    .pm-x-50-mobile {
        margin-left: 50% !important;
        margin-right: 50% !important
    }

    .pm-y-50-mobile {
        margin-bottom: 50% !important;
        margin-top: 50% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-50-tablet {
        padding: 50% !important
    }

    .pp-x-50-tablet {
        padding-left: 50% !important;
        padding-right: 50% !important
    }

    .pp-y-50-tablet {
        padding-bottom: 50% !important;
        padding-top: 50% !important
    }

    .pm-50-tablet {
        margin: 50% !important
    }

    .pm-x-50-tablet {
        margin-left: 50% !important;
        margin-right: 50% !important
    }

    .pm-y-50-tablet {
        margin-bottom: 50% !important;
        margin-top: 50% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-50-touch {
        padding: 50% !important
    }

    .pp-x-50-touch {
        padding-left: 50% !important;
        padding-right: 50% !important
    }

    .pp-y-50-touch {
        padding-bottom: 50% !important;
        padding-top: 50% !important
    }

    .pm-50-touch {
        margin: 50% !important
    }

    .pm-x-50-touch {
        margin-left: 50% !important;
        margin-right: 50% !important
    }

    .pm-y-50-touch {
        margin-bottom: 50% !important;
        margin-top: 50% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-50-desktop {
        padding: 50% !important
    }

    .pp-x-50-desktop {
        padding-left: 50% !important;
        padding-right: 50% !important
    }

    .pp-y-50-desktop {
        padding-bottom: 50% !important;
        padding-top: 50% !important
    }

    .pm-50-desktop {
        margin: 50% !important
    }

    .pm-x-50-desktop {
        margin-left: 50% !important;
        margin-right: 50% !important
    }

    .pm-y-50-desktop {
        margin-bottom: 50% !important;
        margin-top: 50% !important
    }
}

.pp-top-50 {
    padding-top: 50% !important
}

.pm-top-50 {
    margin-top: 50% !important
}

@media screen and (max-width:768px) {
    .pp-top-50-mobile {
        padding-top: 50% !important
    }

    .pm-top-50-mobile {
        margin-top: 50% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-top-50-tablet {
        padding-top: 50% !important
    }

    .pm-top-50-tablet {
        margin-top: 50% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-top-50-touch {
        padding-top: 50% !important
    }

    .pm-top-50-touch {
        margin-top: 50% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-top-50-desktop {
        padding-top: 50% !important
    }

    .pm-top-50-desktop {
        margin-top: 50% !important
    }
}

.pp-left-50 {
    padding-left: 50% !important
}

.pm-left-50 {
    margin-left: 50% !important
}

@media screen and (max-width:768px) {
    .pp-left-50-mobile {
        padding-left: 50% !important
    }

    .pm-left-50-mobile {
        margin-left: 50% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-left-50-tablet {
        padding-left: 50% !important
    }

    .pm-left-50-tablet {
        margin-left: 50% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-left-50-touch {
        padding-left: 50% !important
    }

    .pm-left-50-touch {
        margin-left: 50% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-left-50-desktop {
        padding-left: 50% !important
    }

    .pm-left-50-desktop {
        margin-left: 50% !important
    }
}

.pp-bottom-50 {
    padding-bottom: 50% !important
}

.pm-bottom-50 {
    margin-bottom: 50% !important
}

@media screen and (max-width:768px) {
    .pp-bottom-50-mobile {
        padding-bottom: 50% !important
    }

    .pm-bottom-50-mobile {
        margin-bottom: 50% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-bottom-50-tablet {
        padding-bottom: 50% !important
    }

    .pm-bottom-50-tablet {
        margin-bottom: 50% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-bottom-50-touch {
        padding-bottom: 50% !important
    }

    .pm-bottom-50-touch {
        margin-bottom: 50% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-bottom-50-desktop {
        padding-bottom: 50% !important
    }

    .pm-bottom-50-desktop {
        margin-bottom: 50% !important
    }
}

.pp-right-50 {
    padding-right: 50% !important
}

.pm-right-50 {
    margin-right: 50% !important
}

@media screen and (max-width:768px) {
    .pp-right-50-mobile {
        padding-right: 50% !important
    }

    .pm-right-50-mobile {
        margin-right: 50% !important
    }
}

@media print,
screen and (min-width:769px) {
    .pp-right-50-tablet {
        padding-right: 50% !important
    }

    .pm-right-50-tablet {
        margin-right: 50% !important
    }
}

@media screen and (max-width:1023px) {
    .pp-right-50-touch {
        padding-right: 50% !important
    }

    .pm-right-50-touch {
        margin-right: 50% !important
    }
}

@media screen and (min-width:1024px) {
    .pp-right-50-desktop {
        padding-right: 50% !important
    }

    .pm-right-50-desktop {
        margin-right: 50% !important
    }
}

.skip {
    height: 1px;
    left: -1000rem;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.skip:focus {
    height: auto;
    position: static;
    width: auto
}

.jumbo {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 7.2rem;
    font-weight: 600;
    line-height: 1.2
}

@media screen and (max-width:768px) {
    .jumbo {
        font-size: 5.2rem
    }
}

.title-h1 {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 5.6rem;
    font-weight: 600;
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .title-h1 {
        font-size: 4.6rem
    }
}

.title-h2 {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 4.4rem;
    font-weight: 600;
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .title-h2 {
        font-size: 3.4rem
    }
}

.title-h3 {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .title-h3 {
        font-size: 2rem
    }
}

.title-h4 {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .title-h4 {
        font-size: 2.5rem
    }
}

.title {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 4.4rem;
    font-weight: 600;
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .title {
        font-size: 3.4rem
    }
}

.subtitle {
    font-family: Atkinson Hyperlegible, Helvetica, sans-serif;
    font-weight: 400
}

.subtitle,
.subtitle-semibold {
    font-size: 2.7rem;
    line-height: 1.3
}

.subtitle-semibold {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-weight: 600
}

.text-big,
.text-big p {
    font-family: Atkinson Hyperlegible, Helvetica, sans-serif;
    font-size: 2.2rem;
    font-weight: 400
}

.pre-title {
    font-family: Atkinson Hyperlegible, Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .1rem;
    line-height: 1.3;
    text-transform: uppercase
}

.small-text {
    font-size: 1.5rem !important
}

.smallest-text {
    font-size: 1.3rem
}

.button-text {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase
}

.body-base {
    font-size: 1.7rem !important
}

.t-sheet {
    color: #2196F3;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase
}

.width--150 {
    min-width: 150rem
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 152.8rem;
    width: 95%
}

@media screen and (max-width:768px) {
    .wrapper {
        width: 90%
    }
}

.wrapper--normal {
    max-width: 124rem
}

.wrapper--narrow {
    max-width: 81rem
}

.wrapper--narrowest {
    max-width: 56.5625rem
}

.error404 h1 {
    color: #2196F3;
    font-size: 30vw
}

.about-slider {
    position: relative
}

.about-slider img {
    width: 100%
}

.ariadna li {
    color: #2196F3;
    display: inline-block;
    font-size: 1.5rem
}

.ariadna li+li:before {
    content: "/";
    display: inline-block;
    padding: 0 .4rem 0 .2rem
}

.featured-image img {
    display: block;
    height: auto;
    max-width: 80rem;
    width: 100%
}

.featured-image.product img {
    max-width: none
}

.article-content li,
.article-content p {
    font-size: 2rem
}

.article-content ul {
    list-style: disc;
    padding-left: 1.7rem
}

.article-content ol {
    list-style: decimal;
    padding-left: 1.7rem
}

.article-content img {
    display: block;
    height: auto;
    width: 100%
}

.article-content blockquote {
    background: #CEE0DC;
    font-size: 2.2rem;
    padding: 2.4rem 5.6rem;
    position: relative
}

.article-content blockquote:before {
    color: #b0c4b9;
    content: "“";
    font-size: 5rem;
    left: 3rem;
    line-height: 1;
    top: 1.2rem
}

.article-content blockquote:after {
    bottom: 0;
    color: #b0c4b9;
    content: "”";
    font-size: 5rem;
    line-height: 1;
    right: 3rem
}

.article-content h2+p,
.article-content h3+p,
.article-content h4+p,
.article-content h5+p,
.article-content h6+p {
    margin-top: 0
}

.article-content figure {
    width: 100% !important
}

.article-content figure figcaption {
    display: block;
    font-size: 1.3rem;
    line-height: 1.3;
    padding-top: 1rem
}

.article-content .wp-video {
    width: 100% !important
}

.article-content .wp-video .mejs-container {
    height: auto !important;
    padding-top: 56.25%;
    width: 100% !important
}

.article-excerpt+.article-excerpt {
    margin-top: 3.2rem
}

.article-excerpt .button-text {
    color: #2196F3;
    font-family: Atkinson Hyperlegible, Helvetica, sans-serif;
    letter-spacing: .1rem;
    margin-bottom: 1.2rem
}

.article-excerpt .subtitle {
    color: #2a2a2a;
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-weight: 600;
    margin-bottom: .6rem
}

.article-excerpt .subtitle a {
    text-decoration: none
}

.article-excerpt .subtitle a:hover {
    color: #2196F3
}

.article-excerpt p {
    color: #575b59;
    margin-bottom: 2.4rem
}

.article-excerpt .topics {
    align-items: center;
    color: #2196F3;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.5rem
}

.article-excerpt .topics span {
    margin-right: .6rem
}

.article-excerpt .topics a {
    font-size: 1.5rem
}

.article-excerpt .topics a:hover {
    color: #2196F3;
    text-decoration: underline
}

.article-excerpt .topics ul {
    display: flex;
    flex-wrap: wrap
}

.article-excerpt .topics ul li {
    margin-right: .6rem
}

.banner-cta {
    background-color: #CEE0DC;
    overflow: hidden
}

.banner-cta--content {
    height: 55rem;
    margin: 0 auto;
    max-width: 88rem;
    padding: 10.7rem 0;
    position: relative;
    width: 100%
}

.banner-cta img {
    mix-blend-mode: multiply;
    position: absolute;
    top: 50%
}

.banner-cta img:first-of-type {
    left: 0;
    max-width: 343px
}

.banner-cta img:last-child {
    max-height: 430px;
    right: 0
}

.banner-cta .summary {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 90%;
    z-index: 10
}

.banner-cta.outlet .summary {
    max-width: 50rem
}

.banner-cta.outlet img:first-of-type {
    bottom: 0;
    left: 0;
    top: auto;
    transform: translate(-93%)
}

.banner-cta.outlet img:last-child {
    transform: translate(89%, -50%)
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .banner-cta.outlet img:first-of-type {
        transform: translate(-30%)
    }

    .banner-cta.outlet img:last-child {
        transform: translate(70%, -50%)
    }
}

@media screen and (max-width:768px) {
    .banner-cta.outlet img {
        display: none !important
    }
}

.banner-cta.comparador {
    background-color: #eee8e8
}

.banner-cta.comparador .summary {
    max-width: 63rem
}

.banner-cta.comparador img:first-of-type {
    left: 0;
    transform: translate(-50%, -50%)
}

.banner-cta.comparador img:last-child {
    transform: translate(73%, -50%)
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .banner-cta.comparador img:first-of-type {
        transform: translate(-53%, -50%)
    }

    .banner-cta.comparador img:last-child {
        transform: translate(70%, -50%)
    }
}

@media screen and (max-width:768px) {
    .banner-cta.comparador img {
        display: none !important
    }
}

.beside-summary {
    padding-left: 5.6rem
}

@media screen and (max-width:768px) {
    .beside-summary {
        padding-left: 0
    }
}

.blockquote {
    background: #eee8e8;
    padding: 4rem 14rem 4rem 4rem
}

@media screen and (max-width:768px) {
    .blockquote {
        padding: 4rem
    }
}

.blockquote p {
    size: 2.2rem;
    color: #2a2a2a
}

.blockquote span {
    color: #816665
}

.button--primary {
    background: #2196F3;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    height: 4.6rem;
    padding: 1.35rem 1.2rem 1.35rem 2rem
}

.button--primary .icon {
    height: 2.2rem;
    margin-left: .5rem;
    transition: all .1s ease-in-out;
    width: 2.2rem
}

.button--primary:hover .icon {
    margin-left: 1rem
}

.button--secondary {
    color: #2196F3;
    height: 2.3rem;
    position: relative;
    transition: all .3s ease-in-out
}

.button--secondary:after {
    background: #2196F3;
    bottom: 0;
    height: .2rem;
    left: 0;
    transition: all .3s ease-in-out;
    width: 100%
}

.button--secondary:hover {
    color: #2a2a2a
}

.button--secondary:hover:after {
    background: #2a2a2a
}

.button--secondary.download .icon {
    margin-right: .3rem;
    position: relative;
    top: -.2rem
}

.button--form {
    background: #2196F3;
    border-color: transparent;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    height: 4rem;
    padding: 1rem 1.2rem
}

.has-addons .button--form {
    border-radius: 0 .3rem .3rem 0
}

.caption {
    background-color: #CEE0DC;
    padding: 3.2rem
}

.caption p {
    font-size: 1.5rem;
    line-height: 1.3
}

.comparator thead th h2 {
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 1.7rem;
    text-transform: uppercase
}

.comparator thead th img {
    max-width: 20rem
}

.comparator tbody li,
.comparator tbody p,
.comparator tbody td {
    font-size: 1.5rem
}

.comparator tbody td:first-child {
    font-weight: 600
}

.comparator tbody .subtext {
    display: block;
    font-size: 1.3rem;
    font-weight: 400
}

.comparator.line thead th {
    border-bottom: 1px solid #d3ded8;
    padding-bottom: 1rem
}

.comparator.line tbody td {
    padding: 1rem 0
}

#home-tabs .js-tabs {
    container-name: botonera;
    container-type: inline-size
}

@container botonera (max-width: 600px) {
    #home-tabs .js-tabs .js-tablist li {
        font-size: 1.5rem
    }

    #home-tabs .js-tabs .js-tabcontent p {
        padding-right: 0
    }
}

body .wpcf7 form .wpcf7-response-output {
    background: #b0c4b9;
    border: none;
    border-radius: .4rem;
    line-height: 1.3;
    margin: 0 0 10rem;
    padding: 1rem
}

body .wpcf7 form.send .wpcf7-response-output {
    border: none
}

body .wpcf7 form.invalid .wpcf7-response-output {
    background: #e9433a;
    border: none;
    color: #fff
}

body .wpcf7 form .wpcf7-not-valid-tip {
    color: #e9433a;
    font-size: 1.5rem;
    line-height: 1;
    padding-top: .6rem
}

body .wpcf7 form .wpcf7-list-item {
    margin: 0
}

body .grecaptcha-badge {
    display: none !important
}

.distributor {
    border-bottom: .1rem solid #b0c4b9;
    padding-bottom: 6rem
}

.distributor+.distributor {
    margin-top: 6rem
}

.distributor--thumb img {
    display: block;
    margin: 0 auto 3.2rem;
    max-width: 29rem;
    width: 100%
}

.distributor--card {
    background-color: #CEE0DC;
    margin-bottom: 3.2rem;
    padding: 3.2rem
}

.distributor--card ul {
    padding: 0 !important
}

.distributor--card ul li {
    color: #2a2a2a;
    font-size: 1.7rem;
    list-style: none
}

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

.distributor--content h2,
.distributor--content h3,
.distributor--content h4,
.distributor--content h5,
.distributor--content h6 {
    margin: 2rem 0 1rem
}

.distributor--content li,
.distributor--content p {
    font-size: 1.7rem
}

.distributor--content>*+* {
    margin-top: .6rem
}

.distributor--content img.alignright {
    float: right;
    height: auto;
    margin-bottom: 1rem;
    margin-left: 3rem;
    max-width: 40rem;
    width: 50%
}

.distributor--content img.alignleft {
    float: left;
    height: auto;
    margin-bottom: 1rem;
    margin-right: 3rem;
    max-width: 40rem;
    width: 50%
}

.single-distribuidor main .wrapper {
    max-width: 96rem
}

.single-distribuidor .featured-image img {
    max-width: 30rem
}

.heading-group--container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1023px) {
    .heading-group--container {
        align-items: flex-start;
        flex-direction: column
    }

    .heading-group--container .caption {
        margin-bottom: 2rem;
        margin-top: -5rem
    }
}

.heading-group {
    max-width: 58rem;
    position: relative
}

.heading-group .text-big {
    line-height: 1.4
}

.caption {
    max-width: 48rem
}

.post-edit-link {
    background: #b0c4b9;
    display: inline-block;
    font-size: 1.4rem;
    padding: 0 .6rem;
    position: fixed;
    right: -2.7rem;
    text-decoration-color: transparent;
    top: 15rem;
    transform: rotate(270deg)
}

.page-header--calidad {
    max-width: 76rem
}

.double-img {
    display: flex;
    justify-content: space-between
}

.double-img img {
    display: block;
    width: 49.5%
}

.main--calidad {
    max-width: 76rem
}

.tpl-compatibilidad .mdf_search_form,
.tpl-donde-comprar .mdf_search_form,
body.single .mdf_search_form {
    width: 100%
}

.tpl-compatibilidad .mdf_search_form form,
.tpl-donde-comprar .mdf_search_form form,
body.single .mdf_search_form form {
    display: flex;
    width: 100%
}

.tpl-compatibilidad .mdf_input_container,
.tpl-compatibilidad .mdf_taxonomy_child_container,
.tpl-donde-comprar .mdf_input_container,
.tpl-donde-comprar .mdf_taxonomy_child_container,
body.single .mdf_input_container,
body.single .mdf_taxonomy_child_container {
    align-items: center;
    display: flex !important;
    flex-direction: column;
    width: 100%
}

.tpl-compatibilidad .mdf_input_container select,
.tpl-compatibilidad .mdf_taxonomy_child_container select,
.tpl-donde-comprar .mdf_input_container select,
.tpl-donde-comprar .mdf_taxonomy_child_container select,
body.single .mdf_input_container select,
body.single .mdf_taxonomy_child_container select {
    background-color: #eee8e8;
    border: 1px solid #d3ded8;
    border-radius: 4px;
    box-shadow: none;
    color: #2a2a2a;
    cursor: pointer;
    display: block;
    font-size: 1em;
    height: 2.5em;
    line-height: 1.5;
    max-width: 50rem;
    outline: none;
    padding: calc(.5em - 1px) calc(.75em - 1px);
    position: relative;
    vertical-align: top;
    width: 100%
}

.tpl-compatibilidad .mdf_input_container img,
.tpl-compatibilidad .mdf_taxonomy_child_container img,
.tpl-donde-comprar .mdf_input_container img,
.tpl-donde-comprar .mdf_taxonomy_child_container img,
body.single .mdf_input_container img,
body.single .mdf_taxonomy_child_container img {
    display: none !important
}

.tpl-compatibilidad .mdf_input_container_taxonomies,
body.single .mdf_input_container_taxonomies {
    display: flex;
    margin-bottom: 1rem;
    max-width: 80rem
}

@media screen and (max-width:1023px) {

    .tpl-compatibilidad .mdf_input_container_taxonomies,
    body.single .mdf_input_container_taxonomies {
        display: block
    }
}

.tpl-compatibilidad .mdf_input_container,
.tpl-compatibilidad .mdf_taxonomy_child_container,
body.single .mdf_input_container,
body.single .mdf_taxonomy_child_container {
    align-items: flex-start;
    padding-right: .5rem
}

.tpl-compatibilidad .button,
body.single .button {
    background: #2196F3;
    border-color: transparent;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    height: 4rem;
    margin-bottom: 1rem;
    padding: 1rem 1.2rem
}

.tpl-compatibilidad #resultats li,
body.single #resultats li {
    background: #eee8e8;
    margin-bottom: .3rem;
    max-width: 80rem;
    padding: 1rem
}

.tpl-compatibilidad #resultats li p,
body.single #resultats li p {
    font-size: 1.5rem
}

.tpl-compatibilidad #resultats li span:first-child,
body.single #resultats li span:first-child {
    font-weight: 600;
    text-transform: uppercase
}

.tpl-compatibilidad #resultats li .tag,
body.single #resultats li .tag {
    background: #8f9391;
    border-radius: .4rem;
    color: #fff;
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 1.3rem;
    margin-right: .6rem;
    padding: .1rem .6rem;
    position: relative;
    text-transform: uppercase;
    top: -.3rem
}

.tpl-compatibilidad #resultats li .tag-marca,
body.single #resultats li .tag-marca {
    display: block;
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 1.3rem;
    text-transform: uppercase
}

.historia {
    padding: 14.5rem 0
}

.historia:nth-of-type(2n) {
    background: #eee8e8
}

.historia:last-child {
    margin-bottom: 15rem
}

.historia .subtitle {
    font-weight: 600;
    padding-right: 4rem
}

.historia p {
    font-size: 2.2rem;
    line-height: 1.4;
    padding-right: 4rem
}

.history {
    margin-bottom: 15rem
}

.history--header {
    margin-bottom: 7.2rem;
    max-width: 73.4rem
}

.history--header .pre-title {
    color: #068D9D;
    margin-bottom: 1.2rem
}

.history--content img {
    width: 100%
}

.history--content p {
    color: #2a2a2a;
    font-size: 2.2rem;
    line-height: 1.4
}

.home-video {
    position: relative
}

@media screen and (max-width:768px) {
    .home-video {
        display: none
    }
}

.home-video video {
    height: auto;
    width: 100%
}

.home-video--text {
    color: #fff;
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-weight: 600;
    left: 50%;
    line-height: 1.1;
    max-width: 50rem;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

.home-video--text h1,
.home-video--text p {
    font-size: 6rem
}

.home-video .video-overlay {
    background: rgba(0, 0, 0, .3);
    height: calc(100% - 8px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

ul.normal-list {
    list-style: disc;
    padding-left: 1.7rem
}

ol.normal-list {
    list-style: decimal;
    padding-left: 1.7rem
}

.next-prev--container .next-post-item,
.next-prev--container .prev-post-item {
    color: #b0c4b9
}

.next-prev--container .next-post-item>div,
.next-prev--container .prev-post-item>div {
    max-width: 38rem
}

@media screen and (max-width:768px) {

    .next-prev--container .next-post-item>div,
    .next-prev--container .prev-post-item>div {
        margin-top: 2rem;
        text-align: center !important
    }
}

.next-prev--container .next-post-item>div {
    text-align: right
}

.next-prev--container a {
    color: #2196F3;
    display: block;
    font-weight: 600;
    margin-top: 3rem
}

.page-header {
    padding-bottom: 10rem;
    text-align: center
}

.page-header p {
    margin: 0 auto;
    max-width: 65rem
}

.page-header.left {
    text-align: left
}

.page-header.left p {
    margin: 0
}

.page-header--us {
    margin-bottom: 9.2rem
}

.page-header--us .title-h2 {
    line-height: 1.3;
    margin-bottom: 5rem;
    max-width: 93.2rem;
    width: 100%
}

.page-header--us .pre-title {
    color: #4e4c67;
    padding-bottom: 1.2rem
}

.page-header--us img {
    width: 100%
}

.page-header--us p {
    font-size: 2.2rem;
    max-width: 80rem
}

.page-header--us p:first-of-type {
    padding-top: 4.7rem
}

.page-header--us p:last-of-type {
    padding-bottom: 4.4rem
}

.pagination {
    padding-top: 12rem;
    text-align: center
}

@media screen and (max-width:768px) {
    .pagination {
        padding-top: 6rem
    }
}

.pagination--content {
    background: #eee8e8;
    border-radius: .3rem;
    display: inline-flex;
    flex-wrap: wrap;
    padding: 1rem 2rem
}

.pagination--content a,
.pagination--content span {
    border-radius: .3rem;
    color: #2a2a2a;
    display: inline-block;
    font-size: 1.5rem;
    margin-left: 1.2rem;
    padding: .9rem 2rem;
    text-decoration-color: transparent;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

.pagination--content a:hover {
    background-color: #CEE0DC
}

.pagination--content a:first-child {
    margin-left: 0
}

.pagination--content span.current {
    background-color: #2196F3;
    color: #fff
}

.pagination--content span:first-child {
    margin-left: 0
}

.person-card h3 {
    color: #2a2a2a;
    font-size: 1.7rem;
    font-weight: 500;
    padding-top: 1rem
}

.person-card p {
    color: #575b59;
    font-size: 1.5rem
}

.person-card a {
    color: #575b59;
    font-size: 1.3rem
}

.product--header {
    margin-bottom: 10rem;
    position: relative
}

.product--header .ariadna {
    margin-top: -1.1rem;
    padding-bottom: 2rem
}

.product--header-title-group div.flow--1,
.product--header-title-group p {
    padding: 2.8rem 0 3.2rem
}

.product--header-title-group div.flow--1 p {
    padding: 0
}

.product--header-img {
    height: auto;
    overflow: hidden;
    position: relative
}

.product--header-img .sticker--container {
    position: absolute;
    top: 2%;
    z-index: 100
}

@media screen and (max-width:1023px) {
    .product--header-img .sticker--container {
        transform: scale(.6)
    }
}

.product--header-img.outlet {
    position: relative
}

.product--header-img.outlet .sticker--container {
    left: 3.2rem;
    position: absolute;
    top: 0
}

.product--header-img.outlet .featured-image {
    overflow: hidden;
    position: relative
}

.product--header-img.outlet .featured-image img {
    display: block
}

.product--header-img.outlet .featured-image .banner {
    background: rgba(230, 50, 40, .8);
    color: #fff;
    font-size: 8vw;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%) rotate(28deg);
    width: 150%
}

.product--description .notes li {
    font-size: 1.3rem
}

.product--sheet {
    background-color: #CEE0DC
}

.product--sheet .columns {
    line-height: 1.3;
    padding: 2.4rem
}

.product--sheet .columns .icon {
    color: #2196F3;
    height: 7rem;
    width: 7rem
}

.product--sheet .feature-list {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.3;
    padding: 1.4rem 2.4rem 2.4rem
}

.product--sheet .feature-list li {
    padding-top: 1.2rem;
    width: 50%
}

.product--sheet .feature-list li span {
    display: block
}

.container--medidas {
    margin-bottom: 3rem;
    padding-left: .6rem
}

.product-item {
    position: relative
}

.product-item .sticker--container {
    position: absolute;
    right: 8.2rem;
    top: 0
}

.product-item .sticker--container.left {
    left: 2.6rem;
    right: auto;
    top: 1rem
}

.product-slider {
    padding: 10rem 0;
    position: relative
}

.product-slider .slick-arrow {
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    width: 6rem;
    z-index: 100
}

.product-slider .slick-arrow.left {
    left: 0
}

.product-slider .slick-arrow.right {
    right: 0
}

.product-slider .slick-arrow button {
    background: transparent;
    border: none;
    color: #d3ded8;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product-slider .slick-arrow button:hover {
    color: #2196F3
}

.product-slider .slick-arrow button .icon {
    height: 4.7rem;
    transition: all .3s ease-in-out;
    width: 4.7rem
}

.product-slider .slick-slide {
    opacity: .3;
    padding: 0 .5%;
    transition: opacity .6s linear
}

@media screen and (max-width:1023px) {
    .product-slider .slick-slide {
        padding: 0
    }
}

.product-slider .slick-slide img {
    width: 100%
}

.product-slider .slick-slide.slick-current {
    opacity: 1
}

.product-slider .slick-dots {
    bottom: 6rem;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.product-slider .slick-dots button {
    background: transparent;
    border: none;
    margin: 0 .2rem;
    padding: 0
}

.product-slider .slick-dots button .slick-dot-icon {
    background: #d3ded8;
    border-radius: 100px;
    cursor: pointer;
    display: block;
    height: .8rem;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    width: .8rem
}

.product-slider .slick-dots .slick-active button .slick-dot-icon {
    background: #2196F3;
    width: 2.4rem
}

body .crp-list {
    display: flex;
    justify-content: space-between
}

body .crp-list-title {
    display: none
}

body .crp-list-item {
    margin-bottom: 2rem;
    width: 32%
}

body .crp-list-item-image img {
    display: block;
    max-width: none !important;
    width: 100% !important
}

body .crp-list-item-title {
    color: #2a2a2a;
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 4.4rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 2rem 0
}

body .crp-list-item-title a {
    text-decoration: none
}

@media screen and (max-width:768px) {
    body .crp-list {
        display: block
    }

    body .crp-list-item {
        width: 100%
    }

    body .crp-list-item-image img {
        max-width: 50rem !important
    }

    body .crp-list-item-title {
        font-size: 3.4rem
    }
}

.tpl-response .general--container {
    height: 100vh;
    position: relative
}

.response {
    left: 50%;
    max-width: 50rem;
    position: absolute;
    text-align: center;
    top: 28%;
    transform: translateX(-50%);
    width: 90%
}

.response h1,
.response h2,
.response h3,
.response h4,
.response h5,
.response h6 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 1.5rem
}

@media screen and (max-width:768px) {

    .response h1,
    .response h2,
    .response h3,
    .response h4,
    .response h5,
    .response h6 {
        font-size: 2.5rem
    }
}

.response p {
    font-size: 2.2rem
}

.scrolltop {
    background: #2196F3;
    bottom: 0;
    display: flex;
    justify-content: center;
    opacity: 0;
    padding: 2rem 0;
    position: fixed;
    right: 0;
    transition: all .3s ease-in-out;
    width: 12rem;
    z-index: 1000
}

.scrolltop .icon {
    height: 4rem;
    width: 4rem
}

.scrolltop.is-visible {
    opacity: 1
}

@media screen and (max-width:1023px) {
    .scrolltop {
        display: none
    }
}

#search-container {
    padding-bottom: 3rem;
    transition: none
}

#search-container.is-visible {
    width: 95%
}

#buscar.is-active:after,
#buscar.is-active:before {
    display: none
}

.show-hide-text .extract {
    margin-bottom: 5rem;
    position: relative
}

.show-hide-text .extract:before {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    height: 7rem;
    left: 0;
    width: 100%
}

.show-hide-text .extract.is-expanded {
    margin-bottom: 0
}

.show-hide-text .extract.is-expanded:before {
    display: none
}

.show-hide-text .main-text {
    display: flex;
    flex-direction: column-reverse
}

.show-hide-text .main-text .js-to_expand[aria-hidden=true],
.show-hide-text .main-text .js-to_expand[data-hidden=true] {
    display: none
}

.show-hide-text .main-text .expandmore__button {
    background: none;
    border: none;
    color: #2196F3;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase
}

.show-hide-text .main-text .expandmore__button .expandmore__symbol:before {
    content: "+ "
}

.show-hide-text .main-text .expandmore__button[aria-expanded=true]>.expandmore__symbol:before {
    content: "− "
}

#pre-footer {
    background: #eee8e8;
    background: linear-gradient(90deg, #eee8e8, #eee8e8 50%, #CEE0DC 0, #CEE0DC)
}

#pre-footer .column:first-child {
    padding: 8rem 4rem 8rem 1.6rem
}

#pre-footer .column {
    padding: 8rem 1.6rem 8rem 4rem
}

#pre-footer .column img {
    display: inline-block;
    margin-bottom: 2rem;
    width: 100%
}

#pre-footer .column .pre-title {
    margin-bottom: 1.2rem
}

#pre-footer .column p {
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 3.2rem
}

@media screen and (min-width:769px)and (max-width:1023px) {
    #pre-footer .column {
        padding: 4rem
    }
}

#pre-footer .column:first-child img {
    max-width: 28.6rem
}

#pre-footer .column:last-child img {
    max-width: 7.4rem
}

@media screen and (max-width:768px) {
    #pre-footer .wrapper {
        width: 100%
    }

    #pre-footer .wrapper .column {
        padding: 8rem 5%
    }
}

#site-footer {
    background: #042B4E;
    color: #fff;
    padding: 10rem 0 8rem
}

#site-footer ul li a {
    font-size: 1.5rem
}

#site-footer .social-menu {
    display: flex;
    flex-wrap: wrap
}

#site-footer .social-menu li+li {
    margin-left: 1.8rem
}

#site-footer .social-menu li+li .icon {
    height: 2.4rem;
    width: 2.4rem
}

#site-footer .logo-footer {
    display: inline-block;
    max-width: 38.2rem;
    width: 100%
}

#site-footer .menu-colofo {
    padding-top: 4rem
}

#site-footer .menu-colofo li {
    color: #8f9391;
    display: inline-block
}

@media screen and (max-width:768px) {
    #site-footer .menu-colofo li {
        display: block
    }

    #site-footer .menu-colofo li:before {
        content: "" !important
    }
}

#site-footer .menu-colofo li+li:before {
    content: "- "
}

#site-footer .menu-colofo li:first-of-type a {
    cursor: default;
    text-decoration-color: transparent;
    text-transform: uppercase
}

#site-footer .menu-colofo li:nth-of-type(2) a {
    text-decoration-color: transparent
}

#site-header {
    background: #fff;
    padding: 1.4rem 0
}

@media screen and (max-width:1023px) {
    #site-header {
        position: sticky;
        top: 0;
        z-index: 100
    }
}

#site-header .wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1023px) {
    #site-header .wrapper {
        flex-direction: row-reverse
    }

    #site-header .wrapper .main-menu,
    #site-header .wrapper .secondary-menus {
        display: none !important
    }

    #site-header .wrapper .hamburger {
        display: block
    }
}

#site-header .wrapper .secondary-menus,
#site-header .wrapper ul {
    display: flex
}

.main-menu>li {
    padding: 1.2rem;
    position: relative
}

.main-menu>li+li {
    margin-left: 2.9rem
}

@media screen and (max-width:1199px) {
    .main-menu>li+li {
        margin-left: 0
    }
}

.main-menu>li:hover ul.sub-menu {
    max-height: 30rem;
    opacity: 1;
    padding: .6rem;
    transition: all .3s ease-in-out
}

.main-menu>li ul.sub-menu {
    background: #fff;
    border: .1rem solid #CEE0DC;
    border-radius: .3rem;
    display: block !important;
    left: -1rem;
    max-height: 0;
    min-width: 22rem;
    opacity: 0;
    overflow: hidden;
    padding: 0 .6rem;
    position: absolute;
    z-index: 1
}

.main-menu>li ul.sub-menu li a {
    border-radius: .3rem;
    display: block;
    padding: 1rem;
    text-decoration-color: transparent
}

.main-menu>li ul.sub-menu li a:hover {
    background: #CEE0DC
}

.main-menu>li>a {
    display: block;
    position: relative;
    text-decoration-color: transparent
}

.main-menu>li>a:after {
    background-color: #2a2a2a
}

.main-menu>li.current-menu-item a {
    color: #2196F3;
    cursor: default
}

.main-menu>li.current-menu-item a:after {
    background-color: #2196F3
}

.support-menu li+li {
    margin-left: .6rem
}

.support-menu a {
    border-radius: 100rem;
    display: block;
    height: 3.4rem;
    position: relative;
    transition: all .3s ease-in-out;
    width: 3.4rem
}

.support-menu a svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.support-menu a:hover {
    background: #CEE0DC
}

.lang-menu {
    align-items: center;
    font-size: 1.7rem;
    margin-left: 1.2rem
}

.lang-menu li {
    margin-left: 1rem
}

.lang-menu li a {
    display: inline-block;
    text-decoration-color: transparent
}

.hamburger {
    display: none
}

.rwd--curtain {
    background: rgba(0, 0, 0, .9);
    bottom: 0;
    left: 0;
    right: 0;
    top: 7.7rem;
    transition: all .3s ease-in-out;
    z-index: 98
}

#rwd--container,
.rwd--curtain {
    position: fixed;
    transform: translateX(-100%)
}

#rwd--container {
    background: #2196F3;
    height: calc(100vh - 7.7rem);
    max-width: 35rem;
    padding: 2rem 0;
    transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
    width: 100%;
    z-index: 99
}

#rwd--container .main-menu {
    margin: 0 auto;
    width: 90%
}

#rwd--container .main-menu li {
    padding-left: 0;
    padding-right: 0
}

#rwd--container .main-menu li a {
    color: #fff
}

#rwd--container .main-menu li a:after {
    display: none
}

#rwd--container .lang-menu {
    display: flex;
    margin: 0 auto;
    padding-top: 5rem;
    width: 90%
}

#rwd--container .lang-menu a,
#rwd--container .lang-menu li:before {
    color: #fff
}

#rwd--container .support-menu {
    bottom: 2rem;
    display: flex;
    left: 2%;
    position: absolute;
    width: 90%;
    z-index: 2
}

#rwd--container .support-menu li+li {
    margin-left: 1.6rem
}

#rwd--container .support-menu a {
    background: #CEE0DC
}

body.has-overflow #rwd--container,
body.has-overflow .rwd--curtain {
    transform: translateX(0)
}

.sticker--container {
    align-items: center;
    display: inline-flex
}

.sticker--container .sticker {
    align-items: center;
    background-color: #2a2a2a;
    border-radius: 100px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-weight: 700;
    height: 10rem;
    justify-content: center;
    text-transform: uppercase;
    width: 10rem
}

.sticker--container .sticker span:first-child {
    font-size: 2.7rem;
    line-height: 1
}

.sticker--container .sticker span+span {
    font-size: 1.4rem
}

.sticker--container .sticker--plane {
    background: #2196F3 url(assets/img/sticker-plane.png) no-repeat 50%;
    border-radius: 100px;
    display: block;
    height: 7rem;
    margin-right: 15px;
    transform: translateX(.9rem);
    width: 7rem
}

.sticker--container .sticker.highlighted {
    background-color: #2196F3
}

.sticker--container .sticker.highlighted span {
    font-size: 1.7rem !important
}

.sticker--container .sticker.discount span:first-child {
    font-size: 1.7rem;
    text-decoration: line-through
}

.sticker--container .sticker.discount span+span {
    font-size: 1.7rem
}

.summary {
    padding-left: 5.6rem;
    padding-right: 4.4rem
}

@media screen and (max-width:768px) {
    .summary {
        padding-left: 0;
        padding-right: 0
    }
}

.summary .jumbo {
    margin-bottom: 1.4rem
}

.summary .title,
.summary .title-h1 {
    line-height: 1.1;
    margin-bottom: 1.5rem
}

.summary--text {
    color: #2a2a2a;
    line-height: 3.2rem
}

.summary .button--primary {
    margin-top: 4.4rem
}

.summary .button--secondary {
    margin-top: 1.5rem
}

.has-background-brown-10 .summary--text {
    color: #575b59
}

#home-tabs {
    padding: 20rem 0 5rem
}

#home-tabs .tab-images {
    position: relative
}

#home-tabs .tab-images img {
    transition: none
}

#home-tabs .tab-images img,
#home-tabs .tab-images img.is-visible {
    max-width: 60.4rem;
    width: 100%
}

#home-tabs .js-tablist {
    display: flex;
    flex-wrap: wrap
}

#home-tabs .js-tablist li {
    border-bottom: .1rem solid #CEE0DC;
    color: #2196F3;
    padding: 0 1.2rem
}

#home-tabs .js-tablist li:first-child {
    padding: 0 1.2rem 0 0
}

#home-tabs .js-tablist li:last-child {
    padding: 0 0 0 1.2rem
}

#home-tabs .js-tablist li a {
    cursor: pointer;
    display: block;
    font-weight: 600;
    padding-bottom: .4rem;
    position: relative;
    text-decoration-color: transparent
}

#home-tabs .js-tablist li a:after {
    background-color: #2196F3;
    height: .3rem
}

#home-tabs .js-tablist li a:hover:after {
    background-color: #2196F3
}

#home-tabs .js-tablist li a[aria-selected=true] {
    color: #068D9D;
    cursor: default
}

#home-tabs .js-tablist li a[aria-selected=true]:after {
    background-color: #068D9D
}

#home-tabs .js-tabcontent p {
    padding-right: 5.6rem
}

#documentation-tabs .js-tablist,
.tab-menu {
    background: #eee8e8;
    border-radius: .3rem;
    display: inline-flex;
    flex-wrap: wrap;
    padding: 0 1.2rem 1rem
}

#documentation-tabs .js-tablist--container.center,
.tab-menu--container.center {
    text-align: center
}

#documentation-tabs .js-tablist li,
.tab-menu li {
    cursor: pointer;
    margin-right: 1rem
}

#documentation-tabs .js-tablist li a,
.tab-menu li a {
    align-items: center;
    border-radius: .3rem;
    display: inline-flex;
    font-size: 1.5rem;
    font-weight: 500;
    height: 3.8rem;
    justify-content: center;
    margin-top: 1rem;
    padding: .9rem 2rem;
    text-align: center;
    text-decoration-color: transparent;
    transition: all .3s ease-in-out;
    white-space: nowrap
}

#documentation-tabs .js-tablist li a:hover,
.tab-menu li a:hover {
    background: #CEE0DC
}

#documentation-tabs .js-tablist li a[aria-selected=true],
#documentation-tabs .js-tablist li.current-cat a,
#documentation-tabs .js-tablist li.current-menu-item a,
.tab-menu li a[aria-selected=true],
.tab-menu li.current-cat a,
.tab-menu li.current-menu-item a {
    background: #2196F3 !important;
    color: #fff;
    cursor: default
}

.tag {
    background: #CEE0DC;
    border-radius: .6rem;
    color: #068D9D;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 .6rem .6rem 0;
    padding: .6rem 1.2rem
}

.tag-group {
    padding: 2.4rem 0 1.8rem
}

.team--text .pre-title {
    color: #654c4b;
    margin-bottom: 1.2rem
}

.team--text>div {
    margin-bottom: 9.4rem;
    max-width: 79.4rem
}

.team--text>div p {
    color: #2a2a2a;
    font-size: 2.2rem;
    line-height: 1.4
}

.testimonials {
    margin-top: 10rem
}

.testimonials:nth-of-type(2n) {
    @until tablet;
    flex-direction: row-reverse
}

.testimonial-slider {
    margin-top: 6.4rem
}

.testimonial-slider .slick-dots {
    bottom: -4rem;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.testimonial-slider .slick-dots button {
    background: transparent;
    border: none;
    margin: 0 .2rem;
    padding: 0
}

.testimonial-slider .slick-dots button .slick-dot-icon {
    background: #d3ded8;
    border-radius: 100px;
    cursor: pointer;
    display: block;
    height: .8rem;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    width: .8rem
}

.testimonial-slider .slick-dots .slick-active button .slick-dot-icon {
    background: #2196F3;
    width: 2.4rem
}

.testimonial-social {
    align-items: center;
    background: #eee8e8;
    display: flex;
    padding: 4rem
}

@media screen and (max-width:768px) {
    .testimonial-social {
        display: block
    }
}

.testimonial-social img {
    margin-right: 6rem;
    width: 30rem
}

@media screen and (max-width:768px) {
    .testimonial-social img {
        margin-bottom: 2rem;
        margin-right: 0
    }
}

.timeline {
    margin-bottom: 30rem;
    margin-top: -2rem;
    max-width: 120rem;
    overflow: hidden;
    padding-top: 2rem;
    position: relative;
    width: 90%
}

.timeline li {
    display: flex;
    padding-bottom: 6rem;
    position: relative
}

.timeline li:after {
    background: #fff;
    border: .3rem solid #2196F3;
    border-radius: 10rem;
    box-shadow: 0 0 0 3px #fff;
    height: 1.2rem;
    left: calc(50% - .5rem);
    top: 0;
    transform: scale(0);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    transition-delay: .3s;
    width: 1.2rem;
    z-index: 10
}

.timeline li:before {
    background: #d8dad9;
    height: 100%;
    left: 50%;
    top: 0;
    width: .2rem;
    z-index: -1
}

.timeline li:last-child {
    background: #fff;
    padding-bottom: 0
}

.timeline li .year {
    color: #2196F3;
    font-family: Libre Franklin, Helvetica, sans-serif;
    font-size: 4.4rem;
    font-weight: 600;
    line-height: 1.2;
    padding-right: 1.2rem;
    text-align: right;
    top: -2.2rem;
    transform: translateX(-40%)
}

.timeline li .text,
.timeline li .year {
    opacity: 0;
    position: relative;
    transition: all .6s ease-in-out;
    width: 50%
}

.timeline li .text {
    padding-left: 5rem;
    transform: translateX(40%);
    transition-delay: .3s
}

.timeline li .text:before {
    background: #d8dad9;
    height: .2rem;
    left: 0;
    top: .4rem;
    transition: all .6s ease-in-out;
    transition-delay: .8s;
    width: 0
}

.timeline li .text h3 {
    margin-bottom: .5rem;
    margin-top: -.9rem
}

.timeline li .text p {
    color: #575b59;
    max-width: 58rem
}

.timeline li.in-view:after {
    transform: scale(1)
}

.timeline li.in-view .text,
.timeline li.in-view .year {
    opacity: 1;
    transform: translateX(0)
}

.timeline li.in-view .text:before {
    width: 4rem
}

@media screen and (max-width:768px) {
    .timeline li {
        flex-wrap: wrap
    }

    .timeline li:after,
    .timeline li:before {
        display: none
    }

    .timeline li .text,
    .timeline li .year {
        width: 100%
    }
}

.premios {
    background-color: #eee8e8;
    padding: 4rem
}

.premios .timeline {
    margin-bottom: 0
}

.premios .timeline li:after {
    background: #eee8e8;
    box-shadow: 0 0 0 3px #eee8e8
}

.premios .timeline li:before {
    z-index: 10
}

.premios .timeline li:last-child {
    background: #eee8e8
}

.premios .timeline li:last-child:before {
    z-index: -1
}

.premios .timeline li .year {
    font-size: 2.2rem;
    top: -.6rem
}

@media screen and (max-width:768px) {
    .premios .timeline li .year {
        text-align: left
    }
}

.premios .timeline li .text h3 {
    font-size: 1.5rem
}

.has-tooltip {
    overflow: visible !important;
    position: relative
}

.has-tooltip:before {
    background-color: #2a2a2a;
    border-radius: .3rem;
    color: #fff !important;
    content: attr(data-tooltip);
    filter: drop-shadow(0 1px 1px rgba(41, 59, 96, .15)) drop-shadow(0 1px 5px rgba(41, 59, 96, .2));
    font-size: 1.3rem;
    line-height: 1.4;
    max-width: 30rem;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    white-space: normal;
    width: -moz-max-content;
    width: max-content;
    z-index: 8100
}

.has-tooltip:after,
.has-tooltip:before {
    opacity: 0;
    transition: all .3s;
    visibility: hidden
}

.has-tooltip:after {
    border-color: transparent transparent #2a2a2a;
    border-style: solid;
    border-width: 0 5px 5px;
    bottom: -.6rem;
    height: 0;
    left: calc(50% - .5rem);
    width: 0
}

.has-tooltip:hover:after,
.has-tooltip:hover:before {
    opacity: 1;
    transition: all .3s;
    visibility: visible
}

@media screen and (max-width:1023px) {

    .has-tooltip:after,
    .has-tooltip:before {
        display: none
    }
}

#pn_html_buffer {
    visibility: hidden !important
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
    background-color: #eee8e8;
    border: 1px solid #dbdbdb;
    border-radius: .4rem;
    font-family: Atkinson Hyperlegible, Helvetica, sans-serif;
    height: 4rem;
    width: 100%
}

.tpl-compatibilidad .fabricantes table {
    min-width: 75rem
}

.tpl-compatibilidad .fabricantes td a {
    overflow-wrap: break-word
}

.x .icon {
    stroke-width: 1
}

.logo-bg {
    background: url(assets/img/logo-bg.png) no-repeat 0 100%
}

@media screen and (max-width:768px) {
    .logo-bg {
        margin-bottom: 5rem;
        padding-bottom: 16rem
    }
}

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

/* ===========================
   SHOWEE CUSTOM OVERRIDES
   =========================== */

/* Header Layout Overrides */
@media screen and (max-width: 1023px) {
    #site-header .wrapper {
        flex-direction: row !important;
    }
}

/* Mobile Menu & Dropdown Overrides */
#rwd--container {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    background-color: #fdfdfd !important;
    top: 0 !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    /* Center items vertically */
    padding: 0 !important;
}

#rwd--container .main-menu {
    width: 100% !important;
    text-align: center;
}

#rwd--container .main-menu li {
    margin: 0;
}

#rwd--container .main-menu li a {
    color: #2a2a2a !important;
    font-size: 1.8rem !important;
    /* Smaller, more elegant */
    text-transform: none;
    font-weight: 500;
}

#rwd--container .main-menu li.current-menu-item>a {
    color: #2196F3 !important;
    /* Corporate blue */
}

/* Force Secondary Menus (User icon + Language) on SAME LINE */
.rwd-secondary-menus {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    /* Espacio entre selector de idioma e icono usuario */
    width: 100%;
    margin: 1rem 0 0 0 !important;
    padding: 1.5rem 2rem 0 2rem !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.rwd-secondary-menus .lang-menu,
.rwd-secondary-menus .support-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: static !important;
    /* Kill absolute position */
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rwd-secondary-menus ul {
    list-style: none;
}

.rwd-secondary-menus a,
.rwd-secondary-menus li::before,
.rwd-secondary-menus .icon {
    color: #fff !important;
    stroke: #fff !important;
    font-size: 1.6rem !important;
}

.rwd-secondary-menus .support-menu a {
    border-radius: 50%;
    padding: 5px;
    display: flex !important;
}

.rwd-secondary-menus .support-menu a:hover {
    background-color: #eee8e8 !important;
    color: #2a2a2a !important;
}

.rwd-secondary-menus .support-menu a:hover .icon,
.rwd-secondary-menus .support-menu a:hover svg,
.rwd-secondary-menus .support-menu a:hover use {
    stroke: #2a2a2a !important;
    fill: #2a2a2a !important;
    color: #2a2a2a !important;
}





/* Conversión definitiva de Flecha a X de cierre y centrado */
.hamburger.active>.inner {
    transform: none !important;
}

.hamburger.active span.bar {
    background-color: #000 !important;
}

.hamburger.active span.bar:first-child {
    transform: translateY(6px) rotate(45deg) !important;
    width: 100% !important;
    transform-origin: center !important;
}

.hamburger.active span.bar:nth-child(2) {
    opacity: 0 !important;
}

.hamburger.active span.bar:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg) !important;
    width: 100% !important;
    transform-origin: center !important;
}

#rwd--container.active {
    transform: translateX(0) !important;
}



/* Disable Hover effects for mobile menu items */
#rwd--container .main-menu li a:hover,
#rwd--container .main-menu li a:active {
    background-color: transparent !important;
    color: inherit !important;
}

/* Hamburger & X Hover Adjustment (match desktop cream circle) */
.hamburger:hover,
.hamburger.active:hover {
    background-color: #eee8e8 !important;
    border-radius: 50% !important;
}

.hamburger:hover span.bar,
.hamburger.active:hover span.bar {
    background-color: #2a2a2a !important;
}



/* Header logo size */
a.logo img {
    max-width: 120px;
    width: 100%;
    display: block;
}

/* ===========================
   SHOWEE VIDEO & BUTTONS ROUNDING
   =========================== */

/* Contenedor del video */
.home-video {
    max-width: 152.8rem;
    width: 95%;
    margin: 40px auto;
    border-radius: 6px;
    overflow: hidden;
    height: calc(100vh - 120px) !important;
    min-height: 500px;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    display: block !important;
    /* Forzar que no se oculte en móvil */
    transform: translateZ(0);
    /* Fix de Safari para máscara redondeada sobre video */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    /* Fix extra para redondeos de video webkit */
}

/* Forzar al video y a la máscara a rellenar el 100% del contenedor redondeado */
.home-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.home-video .video-overlay {
    height: 100% !important;
    /* Estaba en calc(100% - 8px) lo que dejaba un hueco */
    width: 100% !important;
    z-index: 2;
}

.home-video--text {
    z-index: 3;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    text-align: left !important;
    max-width: 152.8rem !important;
    width: 88% !important;
    /* Increased margin over 95% */
    margin: 0 auto !important;
}

.home-video--text h1,
.home-video--text p {
    max-width: 35% !important;
}

@media screen and (max-width: 768px) {
    .home-video {
        width: 95%;
        margin: 20px auto;
        border-radius: 20px;
        height: 60vh !important;
        min-height: 400px;
    }

    /* Reducir el tamaño del H1 principal para que entre bien en pantallas de móvil */
    .home-video--text {
        width: 90% !important;
    }

    .home-video--text h1,
    .home-video--text p {
        font-size: 3rem !important;
        /* Original es 6rem */
        line-height: 1.2 !important;
        max-width: 50% !important;
    }
}

/* Rounded Buttons */
/* Botones principales: forma arquitectónica, no píldora */
.button--primary,
.wpcf7-submit,
.button {
    border-radius: 4px !important;
}

/* =========================================
   PREMIUM EDITORIAL COLORS (Backgrounds)
   ========================================= */
.has-background-editorial-dark {
    background-color: #2B2B2C !important;
    color: #ffffff !important;
}

.has-background-antracita {
    background-color: #1F1F20 !important;
    color: #ffffff !important;
}

.has-background-oliva {
    background-color: #6A7C5B !important;
    color: #ffffff !important;
}

.has-background-perla {
    background-color: #FAF9F6 !important;
    color: #2B2B2C !important;
}

.has-background-calido {
    background-color: #F7F7F7 !important;
    color: #2B2B2C !important;
}

/* Force titles and content inside dark backgrounds to be white */
.has-background-editorial-dark h1,
.has-background-editorial-dark h2,
.has-background-editorial-dark h3,
.has-background-editorial-dark h4,
.has-background-editorial-dark h5,
.has-background-editorial-dark h6,
.has-background-editorial-dark p,
.has-background-editorial-dark .card-title,
.has-background-editorial-dark .title,
.has-background-editorial-dark .subtitle,
.has-background-antracita h1,
.has-background-antracita h2,
.has-background-antracita h3,
.has-background-antracita h4,
.has-background-antracita h5,
.has-background-antracita h6,
.has-background-antracita p,
.has-background-antracita .card-title,
.has-background-antracita .title,
.has-background-antracita .subtitle,
.has-background-oliva h1,
.has-background-oliva h2,
.has-background-oliva h3,
.has-background-oliva h4,
.has-background-oliva h5,
.has-background-oliva h6,
.has-background-oliva p,
.has-background-oliva .card-title,
.has-background-oliva .title,
.has-background-oliva .subtitle {
    color: #ffffff !important;
}

.has-background-editorial-dark .button--outlined,
.has-background-antracita .button--outlined,
.has-background-oliva .button--outlined {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.has-background-editorial-dark .button--outlined:hover,
.has-background-antracita .button--outlined:hover,
.has-background-oliva .button--outlined:hover {
    background-color: #ffffff !important;
    color: #2B2B2C !important;
}

/* ===========================
   SHOWEE MENU STYLES
   =========================== */

/* Remove default underlines and uppercase from main menus and language menu */
.main-menu a,
#main-nav li a {
    text-transform: none !important;
}

.lang-menu a {
    text-transform: uppercase !important;
}

.main-menu li a:after,
.lang-menu li a:after,
.lang-menu li.current-lang a:after {
    display: none !important;
    /* Ocultar el subrayado dinámico original */
}

/* Menu items normal state for modern padding to fit background */
.main-menu>li>a,
.lang-menu>li>a {
    border-radius: 50px !important;
    padding: 0.8rem 1.4rem !important;
    /* Aumentado para que el botón de hover repire más */
    margin: 0;
    transition: background-color 0.3s ease !important;
}

/* Permitir minúsculas en botones generales */
button,
.button,
.button--primary,
.button--secondary,
.button--form,
.wpcf7-submit {
    text-transform: none !important;
}

/* Soft hover effect like a modern button */
.main-menu>li>a:hover,
.lang-menu>li>a:hover,
.support-menu a:hover,
.button.nav-toggle:hover,
/* Hamburger en móvil */
.close-toggle:hover

/* Botón cerrar menú móvil */
    {
    background-color: #eee8e8 !important;
    color: #2a2a2a !important;
    /* No cambiar color del texto al pasar el ratón */
}

/* Active styles matching for Lang Switcher */
.lang-menu>li.current-lang>a,
.lang-menu>li.current-menu-item>a {
    background-color: transparent !important;
    color: #2196F3 !important;
    /* El color principal en el ítem activo, igual que el menú principal */
    font-weight: 600;
    /* Opcional para destacar el idioma activo */
}

/* Global Button Hovers */
.button--primary:hover,
.wpcf7-submit:hover,
button:hover:not(.nav-toggle):not(.close-toggle):not(.hamburger),
.button:hover:not(.nav-toggle):not(.close-toggle):not(.hamburger) {
    background-color: #042B4E !important;
    color: #fff !important;
}

/* Secondary Button Sizing, Underline & Arrow */
.button--secondary {
    font-size: 1.5rem !important;
    /* Igual que el primary */
    text-decoration: none !important;
    /* Quitar subrayado por defecto */
    border-bottom: none !important;
    color: #2196F3 !important;
    /* Volver al azul principal original */
    display: inline-flex !important;
    align-items: center !important;
    background-color: transparent !important;
}

.button--secondary:hover {
    background-color: transparent !important;
    color: #042B4E !important;
    text-decoration: none !important;
    /* Desactivo el subrayado en hover */
}

/* Resetear el viejo ::after y usar máscara vector para imitar la flecha de button--primary calcando el CSS original */
.button--secondary::after {
    content: "" !important;
    display: inline-block !important;
    width: 0.9em !important;
    height: 0.9em !important;
    margin-left: 0.4em !important;
    position: static !important;
    background-color: currentColor !important;
    /* Hereda dinámicamente el color del texto */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='2.5' stroke-linecap='square' fill='none'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='2.5' stroke-linecap='square' fill='none'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    transform: translateY(2px) !important;
    transition: transform 0.3s ease !important;
}

.button--secondary:hover::after {
    transform: translateX(4px) translateY(2px) !important;
}

/* Support Menu (Login Icon) Specific Overrides */
.support-menu a {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.support-menu .icon {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
}

/* Footer Legal Menu & Bottom Row */
.footer-legal-menu {
    display: flex !important;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-legal-menu li {
    color: #8f9391;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
}

.footer-legal-menu li a {
    color: inherit;
    text-decoration: none;
}

.footer-legal-menu li+li:before {
    content: "|" !important;
    margin: 0 1rem;
    color: #8f9391;
    opacity: 0.5;
}

.border-top-grey {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 3rem !important;
}

/* Override old Catalan class for safety (graceful migration) */
.menu-colofo {
    display: none !important;
}

/* ==========================================================================
   BLOCKS
   ========================================================================== */

/* Block: Media Text */
.block-media-text {
    padding: 6rem 0;
}

.block-media-text.pt-none {
    padding-top: 0;
}

.block-media-text.pt-small {
    padding-top: 3rem;
}

.block-media-text.pb-none {
    padding-bottom: 0;
}

.block-media-text.pb-small {
    padding-bottom: 3rem;
}

.block-media-text .media-text-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 768px) {
    .block-media-text .media-text-grid {
        grid-template-columns: 1fr 1fr;
        gap: 5rem;
    }

    .block-media-text.img-pos-left .media-text-content {
        order: 2;
    }

    .block-media-text.img-pos-left .media-text-image,
    .block-media-text.img-pos-left .media-text-video {
        order: 1;
    }

    .block-media-text.img-pos-bottom .media-text-grid {
        grid-template-columns: 1fr;
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
    }

    .block-media-text.img-pos-bottom .mt-buttons {
        justify-content: center;
    }
}

.block-media-text.align-center .media-text-content {
    text-align: center;
}

.block-media-text.align-center .mt-buttons {
    justify-content: center;
}


.block-media-text .mt-subtitle {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #2196F3;
    margin-bottom: 1rem;
}

.block-media-text.bg-blue .mt-subtitle,
.block-media-text.bg-dark .mt-subtitle {
    color: #ffffff;
    opacity: 0.8;
}

.block-media-text .mt-title {
    font-family: 'Libre Franklin', Helvetica, sans-serif !important;
    font-size: 3.2rem;
    font-weight: 300 !important;
    margin-bottom: 2rem;
    line-height: 1.2;
    letter-spacing: -0.01em !important;
}

.block-media-text h1.mt-title {
    font-size: 4.2rem;
    /* Tamaño equivalente al H1 del Hero */
    line-height: 1.1;
    margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
    .block-media-text h1.mt-title {
        font-size: 3.4rem;
    }
}

.block-media-text.style-hero .mt-title {
    font-size: 4rem;
    font-weight: 300 !important;
}

@media (min-width: 769px) {

    .block-media-text.style-hero .mt-title,
    .block-media-text.style-hero .mt-text {
        max-width: 50%;
    }
}

.block-media-text .mt-text {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 3rem;
}


.block-media-text.has-tick-list .mt-text ul {
    list-style: none;
    padding-left: 0;
}

.block-media-text.has-tick-list .mt-text ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.block-media-text.has-tick-list .mt-text ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #2196F3;
    font-weight: bold;
    font-size: 1.6rem;
}

.block-media-text .media-text-image img,
.block-media-text .media-text-local-video video {
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
}

.block-media-text .media-text-oembed iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
    display: block;
}

.block-media-text .mt-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.block-media-text .mt-buttons .button--primary,
.block-media-text .mt-buttons .button--outlined {
    margin-top: 0 !important;
}


.button--outlined {
    align-items: center;
    display: inline-flex;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    justify-content: center;
    text-align: center;
    text-decoration-color: transparent;
    text-transform: none;
    white-space: nowrap;
    background: transparent;
    border: 1.5px solid currentColor;
    border-radius: 0;
    color: #2B2B2C;
    cursor: pointer;
    height: 4.6rem;
    padding: 0 2.8rem;
    transition: all .3s ease-in-out;
}

.button--outlined:hover {
    background: #2B2B2C;
    color: #fff;
    border-color: #2B2B2C;
}

.button--outlined .icon {
    height: 2.2rem;
    margin-left: .5rem;
    transition: all .1s ease-in-out;
    width: 2.2rem;
}

.button--outlined:hover .icon {
    margin-left: 1rem;
}

.mt-text p {
    margin-bottom: 1.2rem;
}

.block-media-text.has-no-image .media-text-grid {
    grid-template-columns: 1fr !important;
    max-width: 800px;
    margin: 0 auto;
}

.block-media-text.has-no-image.align-center {
    text-align: center;
}

.block-media-text.has-no-image.align-center .mt-buttons {
    justify-content: center;
}

.site-main>.block-hero:first-child,
.site-main>.block-hero-slider:first-child {
    margin-top: -7.8rem;
}

.home-video--text .hero-text,
.home-video--text .hero-text p {
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-bottom: 1.5rem;
    max-width: 100% !important;
}

.home-video--text h1,
.home-video--text h2,
.home-video--text h3 {
    margin-bottom: 1.5rem;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}


.block-card-item {
    display: flex;
    flex-direction: column;
}

.block-card-item .card-item-inner {
    padding: 4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.block-card-item img.card-icon {
    display: inline-block;
    margin-bottom: 2rem;
    max-width: 100%;
}

/* --- Modo ICON: icono pequeño alineado con el contenido --- */
.block-cards--img-icon .card-icon {
    display: block;
    width: 96px;
    height: 96px;
    object-fit: contain;
    margin-bottom: 1.5rem;
    max-width: 96px;
}

/* Alineación izquierda (por defecto) */
.block-cards--img-icon .has-text-left .card-icon {
    margin-right: auto;
}

/* Alineación centrada */
.block-cards--img-icon .has-text-centered .card-icon {
    margin-left: auto;
    margin-right: auto;
}

/* --- Modo PHOTO: imagen de portada --- */
.block-cards--img-photo .card-item-inner {
    padding: 0;
}

.block-cards--img-photo .card-photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.block-cards--img-photo .card-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin-bottom: 0;
}

.block-cards--img-photo .card-text-wrap {
    padding: 3rem 4rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.block-cards--img-photo .card-text-wrap .mt-buttons {
    margin-top: auto !important;
}

.block-card-item .card-title {
    font-family: 'Libre Franklin', Helvetica, sans-serif !important;
    font-size: 2.6rem;
    font-weight: 600 !important;
    line-height: 1.25;
    letter-spacing: -0.01em !important;
    color: #2B2B2C;
    margin-bottom: 1.5rem;
}

.block-card-item .card-content-text p {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 3.2rem;
}

.block-card-item .mt-buttons {
    margin-top: auto !important;
}

.block-card-item.has-text-centered .mt-buttons {
    justify-content: center;
}


.block-cards--gapless .wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.block-cards--gapless .columns {
    margin: 0 !important;
}

/* Constraint for single card to match Media Text */
.block-cards .columns.is-single-card {
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.block-cards .columns.is-single-card .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.block-cards:not(.block-cards--gapless) .card-item-inner {
    overflow: hidden;
    border-radius: 6px;
}

/* =========================================
   BLOQUE: DESTACADOS (FEATURED)
   ========================================= */


.block-featured--gapless .wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.block-featured--gapless .columns {
    margin: 0 !important;
}

/* =========================================
   BLOQUE: FEATURED
   ========================================= */

.block-featured {
    --featured-gap: 3.2rem;
}

.featured-grid {
    row-gap: 4rem;
}

/* La tarjeta completa: imagen + caption apiladas */
.featured-card-link {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit;
    height: 100%;
    gap: 0;
}

.featured-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 6px;
    background-color: #f0ede8;
}

.featured-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
}

.featured-card-link:hover .featured-img {
    transform: scale(1.04);
}

.featured-caption {
    padding: 2.4rem 0.4rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    flex: 1;
}

.featured-title {
    font-family: 'Libre Franklin', Helvetica, sans-serif !important;
    font-size: 2.6rem;
    font-weight: 600 !important;
    line-height: 1.25;
    letter-spacing: -0.01em !important;
    color: #2B2B2C;
    margin: 0;
    transition: color 0.3s ease;
}

.block-featured.has-text-white .featured-title {
    color: #fff;
}

.featured-card-link:hover .featured-title {
    color: #6A7C5B;
}

.block-featured.has-text-white .featured-card-link:hover .featured-title {
    color: rgba(255, 255, 255, 0.7);
}

.featured-cta-text {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6A7C5B;
    margin-top: 0.8rem;
    transition: gap 0.3s ease, color 0.3s ease;
}

.block-featured.has-text-white .featured-cta-text {
    color: rgba(255, 255, 255, 0.8);
}

.featured-cta-text svg {
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.featured-card-link:hover .featured-cta-text {
    gap: 1.2rem;
}

.featured-card-link:hover .featured-cta-text svg {
    transform: translateX(3px);
}


@media screen and (max-width: 768px) {
    .featured-image-wrap {
        aspect-ratio: 16 / 9;
    }

    .featured-caption {
        padding-top: 1.8rem;
    }
}

/* =========================================
   TIPOGRAFÍA GLOBAL — Sistema Premium
   La elegancia del logo Showee en tipo:
   letra aérea, tracking generoso, jerarquía clara.
   ========================================= */


h1,
h2,
h3,
h4,
h5,
h6,
.title,
.subtitle {
    font-family: 'Libre Franklin', Helvetica, sans-serif !important;
    letter-spacing: 0.01em !important;
}


h1,
.title.is-1 {
    font-weight: 300 !important;
    letter-spacing: -0.01em !important;
}

h2 {
    font-weight: 400 !important;
}

h3,
h4 {
    font-weight: 500 !important;
}

h5,
h6 {
    font-weight: 600 !important;
}


body,
p,
li,
input,
textarea,
select,
button {
    font-family: 'Atkinson Hyperlegible', Helvetica, sans-serif;
}

body {
    font-size: 1.8rem;
}

p,
li {
    font-size: 1.9rem;
}


.pre-title,
.block-label,
.section-label {
    font-family: 'Atkinson Hyperlegible', Helvetica, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.6;
}

/* =========================================
   UTILIDADES DE PADDING PARA BLOQUES ACF
   ========================================= */
.pt-none {
    padding-top: 0 !important;
}

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

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

.pt-large {
    padding-top: 10rem !important;
}

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

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

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

.pb-large {
    padding-bottom: 10rem !important;
}

/* =========================================
   BLOQUE: FAQS (ACORDEÓN)
   ========================================= */

.faq-accordion {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.block-faqs.has-text-white .faq-accordion {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.faq-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.block-faqs.has-text-white .faq-item {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.faq-question {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 2.2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.01em;
    color: inherit;
    font-family: 'Libre Franklin', Helvetica, sans-serif;
    transition: color 0.4s ease;
    outline: none !important;
}


.faq-question:hover {
    color: #4e4c67;
    /* corporativo blue-60 */
}

.block-faqs.has-text-white .faq-question:hover {
    color: rgba(255, 255, 255, 0.7);
}


.faq-item.is-open .faq-question {
    color: #4e4c67;
}

.block-faqs.has-text-white .faq-item.is-open .faq-question {
    color: #fff;
}

.faq-icon {
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 300;
    margin-left: 2rem;
    color: inherit;
    display: inline-block;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}


.faq-item.is-open .faq-icon {
    transform: rotate(135deg);
}

/* =========================================
   BLOQUE: TESTIMONIALS — Editorial Premium
   ========================================= */


.testimonials-page {
    display: none;
}

.testimonials-page.is-active {
    display: block;
    animation: t-fadeIn 0.45s ease;
}

@keyframes t-fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.t-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.t-card--horizontal {
    flex-direction: row;
    align-items: center;
    gap: 0;
}

@media (max-width: 768px) {
    .t-card--horizontal {
        flex-direction: column;
        align-items: flex-start;
    }
}

.t-photo-wrap {
    width: 90%;
    margin-left: auto;
    aspect-ratio: 4 / 5;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.02);
}

.t-card--horizontal .t-photo-wrap {
    width: 45%;
    margin-left: 0;
    margin-right: -10%;
}

@media (max-width: 768px) {
    .t-card--horizontal .t-photo-wrap {
        width: 90%;
        margin-left: auto;
        margin-right: 0;
    }
}

.t-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.t-card:hover .t-photo {
    transform: scale(1.03);
}

.t-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    gap: 2.5rem;
    width: 85%;
    background-color: #ffffff;
    color: #2B2B2C;
    padding: 3.5rem;
    border-radius: 6px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
    margin-top: -8rem;
    position: relative;
    z-index: 2;
}

.block-testimonials.has-text-white .t-body {
    background-color: #1F1F20;
    color: #ffffff;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.t-card--horizontal .t-body {
    width: 60%;
    margin-top: 0;
    padding: 5rem;
}

@media (max-width: 768px) {
    .t-body {
        padding: 2.5rem;
        margin-top: -2rem;
    }

    .t-card--horizontal .t-body {
        width: 85%;
        margin-top: -2rem;
        padding: 2.5rem;
    }
}

.t-quote p {
    font-size: 2.2rem !important;
    line-height: 1.4 !important;
    font-weight: 300 !important;
    font-family: 'Libre Franklin', sans-serif !important;
    letter-spacing: -0.01em !important;
    color: inherit !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .t-quote p {
        font-size: 2.1rem !important;
    }
}

.t-credit {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.8rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 2rem;
    margin-top: auto;
}

.block-testimonials.has-text-white .t-credit {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.t-credit-name {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.t-credit-sep {
    font-size: 1.3rem;
    opacity: 0.4;
}

.t-credit-title {
    font-size: 1.4rem;
    opacity: 0.6;
}


.block-testimonials .columns {
    row-gap: 6rem;
}


.testimonial-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    margin-top: 6rem;
}

.t-dot {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2B2B2C;
    opacity: 0.18;
    cursor: pointer;
    transition: all 0.3s ease;
}

.block-testimonials.has-text-white .t-dot {
    background-color: #fff;
}

.t-dot:hover {
    opacity: 0.45;
    transform: scale(1.4);
}

.testimonial-page-radio:nth-of-type(1):checked~.testimonials-pages-wrap~.testimonial-pagination .t-dot:nth-child(1),
.testimonial-page-radio:nth-of-type(2):checked~.testimonials-pages-wrap~.testimonial-pagination .t-dot:nth-child(2),
.testimonial-page-radio:nth-of-type(3):checked~.testimonials-pages-wrap~.testimonial-pagination .t-dot:nth-child(3),
.testimonial-page-radio:nth-of-type(4):checked~.testimonials-pages-wrap~.testimonial-pagination .t-dot:nth-child(4) {
    opacity: 1;
    transform: scale(1.6);
    background-color: #6A7C5B;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);
}

.faq-item.is-open .faq-answer {
    transition: max-height 0.6s ease-in-out;
}

.faq-answer-inner {
    padding-bottom: 2.5rem;
    font-size: 1.8rem;
    line-height: 1.6;
    color: inherit;
    opacity: 0.9;
}

/* =========================================
   BLOQUE: LOGOS CAROUSEL
   ========================================= */

.block-logos {
    overflow: hidden;
    width: 100%;
}

.logos-carousel-container {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.logos-track {
    display: flex;
    align-items: center;
    gap: 6rem;
    padding: 2rem 0;
    animation: scrollLogos 40s linear infinite;
}


.logos-carousel-container:hover .logos-track {
    animation-play-state: paused;
}

.logo-item {
    flex-shrink: 0;
    width: 180px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%) opacity(0.5);
    transition: filter 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}


.logo-item:hover img {
    filter: grayscale(0%) opacity(1);
    transform: scale(1.05);
}


.block-logos.has-text-white .logo-item img {
    filter: grayscale(100%) brightness(500%) opacity(0.7);
}

.block-logos.has-text-white .logo-item:hover img {
    filter: grayscale(0%) brightness(100%) opacity(1);
    transform: scale(1.05);
}


@keyframes scrollLogos {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}


@media screen and (max-width: 768px) {
    .logos-track {
        gap: 3rem;
    }

    .logo-item {
        width: 120px;
        height: 60px;
    }
}

/* =========================================
   HEADER & NAVIGATION — Sticky & Usabilidad
   ========================================= */

#site-header {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    background-color: #ffffff !important;
    box-shadow: none !important;
    transition: transform 0.4s cubic-bezier(0.3, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

#site-header.is-scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

#site-header.header-hidden {
    transform: translateY(-100%);
}

.scrolltop {
    display: none !important;
}

#site-header .main-menu>li {
    margin: 0 1.2rem !important;
}

#site-header .main-menu>li>a {
    font-family: 'Libre Franklin', Helvetica, sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    color: #2B2B2C !important;
    text-transform: none !important;
    padding: 0.5rem 0 !important;
}

#site-header .main-menu>li>a:hover {
    color: #6A7C5B !important;
    background-color: transparent !important;
}

@media (max-width: 1023px) {
    #site-header .main-menu>li {
        margin: 1rem 0 !important;
    }
}

/* =========================================
   PALETA EDITORIAL PREMIUM (Clases Nativas ACF)
   ========================================= */

.has-background-editorial-dark {
    background-color: #2B2B2C !important;
}

.has-background-editorial-black {
    background-color: #1F1F20 !important;
}

.has-background-editorial-olive {
    background-color: #6A7C5B !important;
}

.has-background-editorial-pearl {
    background-color: #FAF9F6 !important;
}

.has-background-editorial-light {
    background-color: #F7F7F7 !important;
}

/* =========================================
   BLOQUE HERO NATIVO (.home-video)
   ========================================= */
@media (min-width: 769px) {

    .home-video--text .hero-text,
    .home-video--text .hero-text p {
        max-width: 50% !important;
    }
}

/* =========================================
   TESTIMONIALS (Restricciones 1 y 2 columnas)
   ========================================= */

@media (min-width: 769px) {
    .block-testimonials[data-cols="1"] .t-card--horizontal {
        justify-content: center;
    }

    .block-testimonials[data-cols="1"] .t-card--horizontal .t-photo-wrap {
        max-width: 380px;
    }

    .block-testimonials[data-cols="1"] .t-card--horizontal .t-body {
        max-width: 650px;
    }

    .block-testimonials[data-cols="2"] .t-card--horizontal {
        justify-content: flex-start;
        align-items: flex-end;
        padding-bottom: 3rem;
    }

    .block-testimonials[data-cols="2"] .t-card--horizontal .t-photo-wrap {
        width: 50%;
        margin-right: -15%;
        aspect-ratio: 1 / 1;
    }

    .block-testimonials[data-cols="2"] .t-card--horizontal .t-body {
        width: 65%;
        padding: 3rem;
        margin-top: 0 !important;
        text-align: left;
        transform: translateY(3rem);
    }

    .block-testimonials[data-cols="2"] .t-quote p {
        font-size: 1.6rem !important;
    }
}


/* ==========================================================================
   BLOCKS: Quienes Somos (Flexible Content)
   ========================================================================== */

.block-hero-slider {
    display: block;
}

.block-hero-slider .hero-slider-container {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
}

.block-hero-slider .hero-slider-wrapper {
    margin: 0;
    padding: 0;
}

.block-hero-slider .hero-slide {
    position: relative;
    width: 100%;
    min-height: 70vh;
    display: flex !important;
    /* Slick usa display: block por defecto, forzamos flex para el centrado */
    align-items: center;
    overflow: hidden;
}

.block-hero-slider .hero-slide .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.block-hero-slider .hero-slide .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.block-hero-slider .hero-slide .home-video--text {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 4rem 0;
    /* Un poco de aire interno */
}

.block-hero-slider .hero-slider-pagination {
    position: absolute;
    bottom: 60px;
    /* Lo subimos más para que no haya duda de que está sobre la foto */
    left: 0;
    width: 100%;
    z-index: 20;
    /* Por encima de todo */
    pointer-events: none;
    /* Dejamos que los clicks pasen al slider si es necesario, excepto en los botones */
}

.block-hero-slider .hero-slider-pagination .slick-dots {
    pointer-events: auto;
    /* Activamos clicks solo en los puntos */
    display: flex !important;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.block-hero-slider .hero-slider-pagination .slick-dots li {
    margin: 0;
}

.block-hero-slider .hero-slider-pagination .slick-dots button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 32px;
    height: 8px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 100px;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.block-hero-slider .hero-slider-pagination .slick-dots button:hover,
.block-hero-slider .hero-slider-pagination .slick-dots button:focus {
    background: #2196F3 !important;
    opacity: 1;
}

.block-hero-slider .hero-slider-pagination .slick-dots li.slick-active button {
    background: #ffffff !important;
    width: 56px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

.block-hero-slider .slick-autoplay-toggle-button {
    display: none !important;
}

/* 2. TEAM BLOCK */
.block-team .person-card {
    margin-bottom: 2rem;
}

.block-team .person-card img {
    border-radius: 8px;
    margin-bottom: 1rem;
}

.block-team .person-card h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.block-team .person-card p {
    color: var(--text-muted, #666);
    margin-bottom: 0.5rem;
}

.block-team .linkedin-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #0a66c2;
    font-weight: 500;
}

/* 3. TIMELINE BLOCK */
.block-timeline .timeline-container {
    position: relative;
    padding-left: 3rem;
    border-left: 2px solid #f0f0f0;
}

.block-timeline .timeline-item {
    margin-bottom: 12rem;
    position: relative;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.2;
    scroll-snap-align: center;
    will-change: opacity, transform;
}

.block-timeline .timeline-item.is-active {
    opacity: 1;
}

.block-timeline .timeline-indicator {
    position: absolute;
    left: -3rem;
    top: 1rem;
    width: 4px;
    height: 40px;
    background: #e0e0e0;
    transform: translateX(-50%);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.block-timeline .timeline-item.is-active .timeline-indicator {
    background: #2196F3;
    width: 6px;
    box-shadow: 0 0 15px rgba(33, 150, 243, 0.4);
}



.block-timeline .timeline-item .year {
    font-family: 'Libre Franklin', Helvetica, sans-serif !important;
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0.75rem;
    letter-spacing: -0.04em;
    color: #b0b0b0;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.block-timeline .timeline-item.is-active .year {
    color: #2196F3;
    transform: translateX(10px);
}

.block-timeline .timeline-item .text h3 {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #333;
}

.block-timeline .timeline-item .text .content {
    color: #666;
    font-size: 1.125rem;
    line-height: 1.7;
}

.block-timeline .timeline-item .mobile-image {
    margin: 2rem auto;
    border-radius: 16px;
    overflow: hidden;
    max-width: 90%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.block-timeline .timeline-item .mobile-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #f9f9f9;
}



.block-timeline .timeline-sticky-wrapper {
    position: sticky;
    top: 22vh;
    height: 50vh;
    min-height: 320px;
    border-radius: 16px;
    overflow: hidden;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 100%);
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-timeline #timeline-active-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    transform: scale(1.05);
}

/* ==========================================================================
   Ficha de Producto (Showee)
   ========================================================================== */

.ducha-color-gallery {
    display: none;
}

.ducha-color-gallery.is-active {
    display: block;
    animation: fadeIn 0.4s ease;
}

.ducha-gallery-main {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #f9f9f9;
    aspect-ratio: 4/3;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.ducha-gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ducha-gallery-main img:hover {
    transform: scale(1.02);
}

.ducha-gallery-zoom-btn {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    color: #333;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
}

.ducha-gallery-main:hover .ducha-gallery-zoom-btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ducha-gallery-zoom-btn:hover,
.ducha-gallery-zoom-btn:focus {
    background: #fff;
    transform: scale(1.08) !important;
    color: #2196F3;
    outline: none;
}

.ducha-thumb-btn {
    padding: 0;
    border: 2px solid transparent;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    background: #f9f9f9;
    transition: all 0.2s ease;
    width: 90px;
    height: 90px;
    opacity: 0.7;
}

.ducha-thumb-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ducha-thumb-btn.is-active {
    border-color: #2196F3;
    opacity: 1;
}

.ducha-thumb-btn:hover:not(.is-active),
.ducha-thumb-btn:focus {
    border-color: #ddd;
    opacity: 1;
    outline: none;
}

.ducha-gallery-thumbnails {
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

/* Color Selector */
.ducha-color-swatches {
    gap: 12px;
    flex-wrap: wrap;
}

.ducha-color-swatch {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    /* Fino borde gris exterior */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.ducha-color-swatch .swatch-fill {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: none;
}

.ducha-color-swatch.is-active {
    box-shadow: 0 0 0 2px #2196F3;
    /* Anillo nítido y ceñido con el verde corporativo */
    transform: scale(1.05);
}

.ducha-color-swatch:hover:not(.is-active),
.ducha-color-swatch:focus {
    box-shadow: 0 0 0 2px #ddd;
    outline: none;
}

/* Lightbox - Fondo Claro Premium */
.ducha-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}

.ducha-lightbox.is-open {
    display: flex;
}

.ducha-lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(12px);
}

.ducha-lightbox-content {
    position: relative;
    z-index: 100000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.ducha-lightbox-image-container {
    max-width: 95%;
    max-height: 95vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ducha-lightbox-img {
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    outline: none;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.ducha-lightbox-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    background: rgba(0, 0, 0, 0.03);
    border: none;
    border-radius: 50%;
    color: #2a2a2a;
    font-size: 2rem;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
    z-index: 2;
    transition: all 0.2s ease;
}

.ducha-lightbox-close:hover,
.ducha-lightbox-close:focus {
    background: rgba(0, 0, 0, 0.08);
    color: #000;
    transform: scale(1.05);
    outline: none;
}

.ducha-lightbox-prev,
.ducha-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.03);
    border: none;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 2;
    color: #2a2a2a;
}

.ducha-lightbox-prev:hover,
.ducha-lightbox-next:hover,
.ducha-lightbox-prev:focus,
.ducha-lightbox-next:focus {
    background: rgba(0, 0, 0, 0.08);
    color: #000;
    transform: translateY(-50%) scale(1.05);
    outline: none;
}

.ducha-lightbox-prev {
    left: 3rem;
}

.ducha-lightbox-next {
    right: 3rem;
}

.ducha-lightbox-counter {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    color: #2a2a2a;
    font-size: 1.1rem;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.04);
    padding: 0.5rem 1.5rem;
    border-radius: 30px;
    letter-spacing: 2px;
}

/* Banda de Pictogramas Premium (Minimalismo Arquitectónico) */
.ducha-pictos-band {
    background: transparent !important;
    border-top: 1px solid #eaeaea !important;
    border-bottom: 1px solid #eaeaea !important;
    margin-top: 2rem;
    /* Reducido drásticamente para acercarlo a la galería */
    margin-bottom: 5rem;
    padding: 3rem 0;
    /* Padding ligeramente reducido */
}

.ducha-picto-item {
    padding: 1rem 2rem !important;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ducha-picto-icon-wrapper {
    width: 80px;
    /* Aumentado para albergar iconos mayores */
    height: 80px;
    /* Aumentado */
    background: transparent !important;
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto 1.5rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease;
}

.ducha-picto-item:hover .ducha-picto-icon-wrapper {
    transform: translateY(-6px);
}

.ducha-picto-img {
    max-width: 72px;
    /* Aumentado sustancialmente (antes 48px) */
    height: 72px;
    object-fit: contain;
}

.ducha-picto-label {
    color: #2a2a2a;
    line-height: 1.5;
    font-size: 1.8rem;
    font-weight: normal;
    transition: color 0.3s ease;
}

/* Pestañas Técnicas Premium (Accessible Tabs) */
.js-tabs {
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 4rem;
}

.js-tablist {
    display: flex;
    justify-content: flex-start;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 4rem;
    /* Más espacio inferior para respirar */
    padding-bottom: 0;
    gap: 4rem;
    /* Más separación entre pestañas */
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
}

.js-tablist::-webkit-scrollbar {
    display: none;
}

.js-tablist__item {
    margin-bottom: -2px;
}

.js-tablist__link {
    display: inline-block;
    padding: 1rem 0.5rem 1.5rem 0.5rem;
    color: #666;
    font-size: 1.8rem;
    /* Reducido de 2.2rem para un equilibrio perfecto */
    font-weight: 500;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
    transition: all 0.25s ease;
    cursor: pointer;
    position: relative;
}

.js-tablist__link:hover {
    color: #2a2a2a;
}

.js-tablist__link[aria-selected="true"] {
    color: #2196F3;
    font-weight: 600 !important;
    border-bottom-color: #2196F3;
}

.js-tablist__link:focus {
    outline: none;
}

.js-tabcontent {
    animation: tabFadeIn 0.4s ease;
}

/* Características técnicas (Specs Table) */
.ducha-specs-container {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.ducha-specs-table {
    background: transparent !important;
    margin-bottom: 0 !important;
}

.ducha-spec-row {
    border-bottom: 1px solid #f5f5f5;
    transition: background-color 0.2s ease;
}

.ducha-spec-row:nth-child(odd) {
    background-color: #fafafa;
}

.ducha-spec-row:hover {
    background-color: #f4f9fd;
}

.ducha-spec-row:last-child {
    border-bottom: none;
}

.ducha-spec-row td {
    padding: 1.5rem 1rem !important;
    /* Padding horizontal añadido para que el texto respire dentro del stripe */
    border: none !important;
}

.ducha-spec-label {
    width: 40%;
    color: #2a2a2a;
    font-size: 1.8rem;
    /* Aumentado para seguir el estilo de párrafos */
    font-weight: 600;
    line-height: 1.5;
}

.ducha-spec-value {
    color: #555;
    font-size: 1.8rem;
    /* Aumentado para seguir el estilo de párrafos */
    line-height: 1.5;
}

/* Descargas y Documentación */
.ducha-docs-list {
    margin-top: 1rem;
}

.ducha-doc-card {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    padding: 1.25rem !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
}

.ducha-doc-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(33, 150, 243, 0.08) !important;
    border-color: rgba(33, 150, 243, 0.2) !important;
}

.ducha-doc-icon-container {
    width: 48px;
    height: 48px;
    background: rgba(33, 150, 243, 0.06);
    border-radius: 50%;
    color: #2196F3;
    transition: all 0.25s ease;
}

.ducha-doc-card:hover .ducha-doc-icon-container {
    background: #2196F3;
    color: #fff;
}

.ducha-doc-title {
    color: #2a2a2a;
    margin-bottom: 0.15rem;
    font-size: 1.6rem;
    font-weight: 600;
    transition: color 0.25s ease;
}

.ducha-doc-meta {
    font-size: 1.4rem;
    color: #888;
}

.ducha-doc-card:hover .ducha-doc-title {
    color: #2196F3;
}

/* Instrucciones de Instalación (Timeline) */
.ducha-timeline-container {
    padding-left: 24px;
    border-left: 2px solid #eaeaea;
    margin-left: 16px;
    margin-top: 1rem;
}

.ducha-instruction-step {
    position: relative;
    margin-bottom: 2.5rem;
}

.ducha-instruction-step:last-child {
    margin-bottom: 0;
}

.ducha-step-indicator {
    position: absolute;
    left: -42px;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #2196F3;
    color: #fff;
    border: 4px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 2;
    font-size: 0.9rem;
}

.ducha-step-title {
    color: #2a2a2a;
    font-size: 2.0rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.ducha-step-content {
    color: #4a4a4a;
    line-height: 1.6;
    font-size: 1.6rem;
}

.ducha-step-figure {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease;
}

.ducha-step-figure:hover {
    transform: scale(1.02);
}

.ducha-step-img {
    width: 100%;
    height: auto;
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes tabFadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ficha de Producto: Jerarquía Tipográfica y Espaciado Premium */
.ducha-hero-group {
    margin-bottom: 4rem !important;
}

.ducha-hero-label {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #2a2a2a !important;
    margin-bottom: 1.5rem !important;
}

.ducha-hero-title {
    font-size: 4.2rem !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #1a1a1a !important;
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
}

.ducha-hero-ref {
    font-size: 1.5rem !important;
    color: #888 !important;
    margin-bottom: 2.5rem !important;
}

.ducha-hero-desc {
    font-size: 1.8rem !important;
    line-height: 1.6 !important;
    color: #4a4a4a !important;
    margin-bottom: 4rem !important;
}

.ducha-color-wrapper {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.ducha-section-title {
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 1.5rem !important;
}

.ducha-color-text {
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    color: #666 !important;
    margin-top: 1.5rem !important;
}

.ducha-cta-wrapper {
    margin-top: 4rem !important;
}

.ducha-cta-btn {
    padding: 1.8rem 4rem !important;
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(33, 150, 243, 0.2) !important;
}

@media (max-width: 768px) {
    .ducha-lightbox-prev {
        left: 1rem;
        width: 40px;
        height: 40px;
    }

    .ducha-lightbox-next {
        right: 1rem;
        width: 40px;
        height: 40px;
    }

    .ducha-lightbox-close {
        top: 1rem;
        right: 1rem;
        width: 40px;
        height: 40px;
        font-size: 2rem;
    }

    .ducha-gallery-main {
        border-radius: 8px;
    }

    .tabs__list {
        gap: 1.5rem;
    }

    .ducha-timeline-container {
        padding-left: 15px;
        margin-left: 8px;
    }

    .ducha-step-indicator {
        left: -32px;
        width: 28px;
        height: 28px;
        font-size: 0.8rem;
    }
}

/* Eliminar el espacio en blanco excesivo al final de la página antes del pie de página */
.general--container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Testimonials Carousel (Slick) */
.testimonials-slider-container {
    position: relative;
    width: 100%;
}

.testimonials-carousel .slick-list {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.testimonials-carousel .slick-slide {
    padding: 0 1.5rem;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 0.3;
    transform: scale(0.85);
}

.testimonials-carousel .slick-slide.slick-current {
    opacity: 1;
    transform: scale(1);
    z-index: 10;
}

.testimonials-carousel .t-card {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
    margin: 0;
}

.testimonials-carousel .slick-current .t-card {
    box-shadow: none;
}

/* Ajuste de proporción: imagen más pequeña, más espacio para el texto */
@media (min-width: 769px) {
    .testimonials-carousel .t-card--horizontal .t-photo-wrap {
        width: 25% !important;
        margin-right: -2% !important;
    }

    .testimonials-carousel .t-card--horizontal .t-body {
        width: 77% !important;
        padding: 4rem !important;
    }
}

/* Ocultar botón de Pause automático de accesibilidad (arreglado el selector inválido) */
.testimonials-slider-container button[aria-label*="Pause"],
.testimonials-slider-container button[aria-label*="pause"],
.testimonials-slider-container .slick-autoplay-toggle-button,
.testimonials-slider-container .slick-pause,
.testimonials-slider-container button.pause {
    display: none !important;
}

.t-carousel-controls .slick-dots {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.t-carousel-controls .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.t-carousel-controls .slick-dots li.slick-active button {
    background: #8b6b61;
    /* var(--color-brown-60) */
    transform: scale(1.3);
}

/* Footer Menu Links Styles */
#site-footer ul:not(.social-menu) a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Pre-Footer Institutional Logos */
.pre-footer-logos {
    padding: 4.5rem 0;
    /* Espaciado ajustado (intermedio) */
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    /* Optional subtle border before dark footer */
}

.institutional-logos-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 5rem;
}

.institutional-logos-row img {
    max-height: 55px;
    width: auto;
    object-fit: contain;
}

/* ==========================================================================
   Plantilla por defecto: page.php (texto libre del editor de WP)
   ========================================================================== */

.page-content-default {
    padding: 6rem 0;
}

.page-article {
    max-width: 780px;
    margin: 0 auto;
}

.page-article__header {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Título de página — igual que h1 en bloques (.title-h1 h1) */
.page-article__title {
    font-family: 'Libre Franklin', Helvetica, sans-serif;
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 1.15;
}

/* Contenido: espaciado y listas — los font-size los pone el CSS global del tema */
.page-article__content.article-content p,
.page-article__content.article-content li {
    line-height: 1.7;
    margin-bottom: 1.2em;
}

.page-article__content.article-content h2,
.page-article__content.article-content h3,
.page-article__content.article-content h4 {
    margin-top: 2.5rem;
    margin-bottom: 0.8rem;
    font-weight: 700;
}

.page-article__content.article-content ul,
.page-article__content.article-content ol {
    padding-left: 2em;
    margin-bottom: 1.2em;
}

.page-article__content.article-content ul {
    list-style: disc;
}

.page-article__content.article-content ol {
    list-style: decimal;
}

.page-article__content.article-content a {
    text-decoration: underline;
}

/* ==========================================================================
   Overrides globales de botones
   ========================================================================== */

/* Tamaño de texto de botones — igualado al texto de párrafo */
.button--primary,
.button--secondary,
.tpl-compatibilidad .button,
body.single .button {
    font-size: 1.8rem;
}

/* Reset de estilos de navegador para <button class="button--primary"> */
button.button--primary {
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: #2196F3;
    /* mismo color que el CSS compilado */
}

/* El margin-top: 4.4rem global de .button--primary no debe afectar al botón del formulario */
.form-row--submit .button--primary {
    margin-top: 0;
}

/* ==========================================================================
   Block: Contact Form (captación de leads)
   ========================================================================== */

.block-contact-form {
    width: 100%;
}

.block-contact-form .contact-form-inner {
    max-width: 760px;
    margin: 0 auto;
}

/* Filas del formulario */
.showee-form .form-row {
    margin-bottom: 2rem;
}

.showee-form .form-row--cols-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.showee-form .form-field--half {
    max-width: 50%;
}

@media (max-width: 600px) {
    .showee-form .form-row--cols-2 {
        grid-template-columns: 1fr;
    }

    .showee-form .form-field--half {
        max-width: 100%;
    }
}

/* Etiquetas */
.showee-form .form-label,
.showee-form label,
.showee-form legend {
    display: block;
    font-size: inherit;
    font-weight: 600;
    color: currentColor;
    margin-bottom: 0.4em;
}

.showee-form .required {
    color: #e53e3e;
    margin-left: 2px;
}

/* Inputs y textarea */
.showee-form input[type="text"],
.showee-form input[type="email"],
.showee-form input[type="tel"],
.showee-form textarea {
    width: 100%;
    padding: 0.6em 0.9em;
    border: 1.5px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    background: rgba(255, 255, 255, 0.7);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
}

.showee-form input:focus,
.showee-form textarea:focus {
    outline: none;
    border-color: var(--ast-global-color-0, #0092f9);
    box-shadow: 0 0 0 3px rgba(0, 146, 249, 0.12);
}

.showee-form textarea {
    resize: vertical;
    min-height: 120px;
}

/* Fieldset (radios y checkboxes) */
.showee-form .form-fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.showee-form .form-hint {
    font-size: inherit;
    opacity: 0.7;
    margin-bottom: 0.75em;
}

/* Radios */
.showee-form .form-radios {
    display: flex;
    flex-direction: column;
    gap: 0.6em;
}

.showee-form .radio-label {
    display: flex;
    align-items: center;
    gap: 0.6em;
    font-size: inherit;
    font-weight: 400;
    cursor: pointer;
}

.showee-form .radio-label input[type="radio"] {
    width: 1.1em;
    height: 1.1em;
    flex-shrink: 0;
    accent-color: var(--ast-global-color-0, #0092f9);
    cursor: pointer;
}

/* Checkboxes */
.showee-form .form-fieldset--permisos {
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}

.showee-form .checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.6em;
    font-size: inherit;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.5;
}

.showee-form .checkbox-label input[type="checkbox"] {
    width: 1.1em;
    height: 1.1em;
    flex-shrink: 0;
    margin-top: 0.15em;
    accent-color: var(--ast-global-color-0, #0092f9);
    cursor: pointer;
}

/* Errores inline */
.showee-form .field-error {
    display: block;
    font-size: 0.8em;
    color: #e53e3e;
    margin-top: 0.2em;
    /* Sin min-height: evita espacio en blanco cuando está vacío */
}

/* Botón submit */
.showee-form .form-row--submit {
    margin-top: 2rem;
}

/* Aviso legal Mailchimp */
.showee-form .form-legal {
    font-size: inherit;
    opacity: 0.65;
    line-height: 1.5;
}

.showee-form .form-legal a {
    text-decoration: underline;
}

/* Mensajes de estado */
.showee-form .form-message {
    padding: 1em 1.5em;
    border-radius: 8px;
    font-size: inherit;
    margin-top: 1.5rem;
}

.showee-form .form-message--success {
    background: #f0fff4;
    border: 1.5px solid #68d391;
    color: #276749;
}

.showee-form .form-message--error {
    background: #fff5f5;
    border: 1.5px solid #fc8181;
    color: #c53030;
}

.showee-form .form-message a {
    color: inherit;
    text-decoration: underline;
}

/* Texto RGPD expandible */
.form-rgpd {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 1.5rem;
}

.form-rgpd summary {
    font-size: inherit;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.form-rgpd summary:hover {
    opacity: 1;
}

.form-rgpd p {
    font-size: inherit;
    line-height: 1.6;
    opacity: 0.6;
    margin-top: 0.75em;
}

.form-rgpd a {
    text-decoration: underline;
}

/* =========================================
   GUTENBERG GALLERY FALLBACK
   ========================================= */
.wp-block-gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2.5rem;
    padding-left: 0 !important;
}

.wp-block-gallery .wp-block-image {
    margin: 0 !important;
    width: 100% !important;
}

.wp-block-gallery .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 8px;
}

/* =========================================
   GUTENBERG QUOTES FALLBACK
   ========================================= */
.wp-block-quote {
    background-color: #eee8e8 !important;
    padding: 2.5rem 3rem !important;
    border-radius: 6px !important;
}

.wp-block-quote::before,
.wp-block-quote::after,
.wp-block-quote p::before,
.wp-block-quote p::after,
.wp-block-pullquote::before,
.wp-block-pullquote::after,
.wp-block-pullquote blockquote::before,
.wp-block-pullquote blockquote::after {
    display: none !important;
    content: none !important;
}

/* =========================================
   SUBMENU / DROPDOWN REFINEMENT
   ========================================= */
#site-header .main-menu .sub-menu {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
    padding: 1rem 0 !important;
    min-width: 220px;
    margin-top: 0.5rem !important;
}

#site-header .main-menu .sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

#site-header .main-menu .sub-menu li a {
    font-family: 'Libre Franklin', Helvetica, sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    color: #2B2B2C !important;
    padding: 1rem 2rem !important;
    display: block !important;
    transition: all 0.2s ease !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    cursor: pointer !important;
}

#site-header .main-menu .sub-menu li a:hover {
    color: #6A7C5B !important;
    background-color: rgba(106, 124, 91, 0.05) !important;
    padding-left: 2.5rem !important;
}

#site-header .main-menu>li>a {
    cursor: pointer !important;
}

/* =========================================
   MAIN MENU DROPDOWN ARROW
   ========================================= */
#site-header .main-menu li.menu-item-has-children>a {
    position: relative !important;
    padding-right: 1.6rem !important;
    display: inline-block !important;
}

#site-header .main-menu li.menu-item-has-children>a::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    margin-top: -3px !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    border-top: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: block !important;
    box-sizing: border-box !important;
    transform: translateY(-50%) rotate(45deg) !important;
    transition: transform 0.3s ease !important;
    pointer-events: none !important;
}

#site-header .main-menu li.menu-item-has-children:hover>a::after {
    transform: translateY(-50%) rotate(225deg) !important;
    margin-top: 1px !important;
}

/* --- CUSTOM SHOWEE MOBILE MENU FIX --- */
#rwd--container .sub-menu {
    position: static !important;
    opacity: 1 !important;
    max-height: none !important;
    visibility: visible !important;
    background: transparent !important;
    border: none !important;
    padding-left: 1.5rem !important;
    box-shadow: none !important;
    min-width: auto !important;
    margin-top: 0.5rem !important;
}

#rwd--container li.menu-item-has-children.active>.sub-menu,
#rwd--container li.menu-item-has-children:focus-within>.sub-menu {
    display: block !important;
}

body.has-overflow #site-header {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    transform: none !important;
    transition: none !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #fff !important;
}

#rwd--container .main-menu li {
    margin-bottom: 0;
}

#rwd--container .main-menu li a {
    display: block !important;
    padding: 1rem !important;
    border-radius: 0.3rem !important;
    transition: all 0.3s ease !important;
    color: #2a2a2a !important;
}

#rwd--container .main-menu li a:hover,
#rwd--container .main-menu li a:focus,
#rwd--container .main-menu li a:active {
    background-color: #eee8e8 !important;
    color: #6A7C5B !important;
}

#rwd--container .sub-menu li a {
    font-size: 1.4rem !important;
    padding: 0.8rem 1rem !important;
}

/* --- INCREASE GLOBAL FONT SIZE ON MOBILE --- */
@media screen and (max-width: 768px) {
    html {
        /* Default is 62.5% (10px). Increase to 71.875% (11.5px) for ~15% larger text everywhere */
        font-size: 71.875% !important;
    }
}

/* --- FIX BLOG LAYOUT MARGINS --- */
.blog-main.columns {
    margin-top: 4rem !important;
}