/*!
	Theme Name: B2Brouter
	Theme URI: https://b2brouter.net
	Description: Tema ad hoc per a B2BRouter. Multi-site i multi-idioma
	Version: 2.9
	Author: Adhoc Estudi
	Author URI: https://adhoc-estudi.com
	Tags: HTML5, CSS3, responsive, Multi-site, Multi-lang, AAA, javascript
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(assets/fonts/Source-Sans-Pro-normal-300.ttf) format("truetype"), url(assets/fonts/Source-Sans-Pro-normal-300.woff) format("woff"), url(assets/fonts/Source-Sans-Pro-normal-300.woff2) format("woff2")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/Source-Sans-Pro-normal-400.eot);
    src: local("Source Sans Pro"), url(assets/fonts/Source-Sans-Pro-normal-400.ttf) format("truetype"), url(assets/fonts/Source-Sans-Pro-normal-400.svg#SourceSansPro) format("svg"), url(assets/fonts/Source-Sans-Pro-normal-400.woff) format("woff"), url(assets/fonts/Source-Sans-Pro-normal-400.woff2) format("woff2"), url(assets/fonts/Source-Sans-Pro-normal-400.eot?#iefix) format("embedded-opentype")
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/Source-Sans-Pro-normal-600.ttf) format("truetype"), url(assets/fonts/Source-Sans-Pro-normal-600.woff) format("woff"), url(assets/fonts/Source-Sans-Pro-normal-600.woff2) format("woff2")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/fonts/Poppins.eot);
    src: local("Poppins"), url(assets/fonts/Poppins.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Poppins.svg#Poppins) format("svg")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/fonts/Poppins-normal-500.ttf) format("truetype"), url(assets/fonts/Poppins-normal-500.woff) format("woff"), url(assets/fonts/Poppins-normal-500.woff2) format("woff2")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/fonts/Poppins-normal-600.ttf) format("truetype"), url(assets/fonts/Poppins-normal-600.woff) format("woff"), url(assets/fonts/Poppins-normal-600.woff2) format("woff2")
}

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

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

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

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

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

.slick-list {
    overflow: hidden;
    margin: 0;
    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 {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

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

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

[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 {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

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

.table td,
.table th {
    border: solid #dbdbdb;
    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: #01161e
}

.table td.is-black,
.table th.is-black {
    background-color: #01161e;
    border-color: #01161e;
    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: #1362fb;
    border-color: #1362fb;
    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: #ba324f;
    border-color: #ba324f;
    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.is-striped tbody tr:not(.is-selected):hover,
.table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa
}

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

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

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

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

.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: .75rem
}

.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: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

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

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

.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.5rem !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.5rem !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.5rem !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.5rem !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.5rem !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.5rem !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.5rem !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-bold,
.has-text-weight-semibold {
    font-weight: 600 !important
}

.is-family-primary {
    font-family: Source Sans Pro, sans-serif !important
}

.is-family-secondary {
    font-family: Poppins, 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 {
    border: none !important;
    clip: rect(0, 0, 0, 0) !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: 4rem;
    width: 4rem
}

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: 0;
    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>.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,
.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 {
    background-color: #fff
}

.hamburger.is-active {
    background-color: transparent
}

.hamburger.is-active>.inner:first-child:after,
.hamburger.is-active>.inner:first-child:before,
.hamburger.is-active>.inner:nth-child(2):after,
.hamburger.is-active>.inner:nth-child(2):before,
.hamburger.is-active>.inner:nth-child(3):after,
.hamburger.is-active>.inner:nth-child(3):before,
.hamburger.is-active span.bar,
.hamburger.is-active span.bar:first-child:after,
.hamburger.is-active span.bar:first-child:before,
.hamburger.is-active span.bar:nth-child(2):after,
.hamburger.is-active span.bar:nth-child(2):before,
.hamburger.is-active span.bar:nth-child(3):after,
.hamburger.is-active span.bar:nth-child(3):before {
    background-color: #fff
}

.hamburger>.inner {
    margin: -1px 0 0;
    position: relative;
    width: 100%
}

.hamburger span.bar {
    background-color: #fff;
    border-radius: 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100%
}

.hamburger span.bar:first-child {
    top: -1rem
}

.hamburger span.bar:nth-child(3) {
    top: 1rem
}

.hamburger:focus {
    outline: 0
}

.hamburger--shelf span.bar {
    transition: transform .3s cubic-bezier(.215, .61, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--shelf span.bar:first-child {
    top: 0;
    transform: translate3d(0, -1rem, 0)
}

.hamburger--shelf span.bar:nth-child(2) {
    transform: scaleX(.5);
    transform-origin: 0 50%
}

.hamburger--shelf span.bar:nth-child(3) {
    top: 0;
    transform: scaleX(.75) translate3d(0, 1rem, 0);
    transform-origin: 0 50%
}

.hamburger--shelf:hover span.bar:nth-child(2) {
    transform: scaleX(1)
}

.hamburger--shelf:hover span.bar:nth-child(3) {
    transform: scaleX(1) translate3d(0, 1rem, 0)
}

.hamburger--shelf.is-active span.bar {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--shelf.is-active span.bar:first-child {
    transform: rotate(45deg) translateZ(0)
}

.hamburger--shelf.is-active span.bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0)
}

.hamburger--shelf.is-active span.bar:nth-child(3) {
    transform: rotate(-45deg) translate3d(-.5857864376rem, 1.4142135624rem, 0)
}

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,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

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
}

button,
input,
label,
select,
textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    font-size: 2rem;
    font-family: Source Sans Pro, sans-serif
}

input:focus,
select:focus {
    outline: 0
}

button,
input,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=submit],
select,
textarea {
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    width: 13px;
    height: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
}

::-webkit-search-decoration {
    display: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    overflow: visible;
    width: auto
}

::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none
}

textarea {
    vertical-align: top;
    overflow: auto
}

textarea:focus {
    outline: 0
}

select[multiple] {
    vertical-align: top
}

.formulari,
div[class*=InputWrapper-sc] {
    color: #fff
}

.formulari .base-text-small--form,
div[class*=InputWrapper-sc] .base-text-small--form {
    font-size: 1.2rem
}

.formulari label,
div[class*=InputWrapper-sc] label {
    width: 100%
}

.formulari label span,
div[class*=InputWrapper-sc] label span {
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
    width: 100%;
    padding-bottom: .5rem
}

.formulari input[type=email],
.formulari input[type=tel],
.formulari input[type=text],
.formulari select,
div[class*=InputWrapper-sc] input[type=email],
div[class*=InputWrapper-sc] input[type=tel],
div[class*=InputWrapper-sc] input[type=text],
div[class*=InputWrapper-sc] select {
    display: block;
    width: 100%;
    height: 4.8rem;
    background: #fff;
    padding-right: 1.94rem;
    padding-left: 1.94rem
}

.formulari input[type=email]:focus,
.formulari input[type=tel]:focus,
.formulari input[type=text]:focus,
.formulari select:focus,
div[class*=InputWrapper-sc] input[type=email]:focus,
div[class*=InputWrapper-sc] input[type=tel]:focus,
div[class*=InputWrapper-sc] input[type=text]:focus,
div[class*=InputWrapper-sc] select:focus {
    background: #f0f5ff
}

.formulari textarea,
div[class*=InputWrapper-sc] textarea {
    display: block;
    width: 100%;
    background: #fff;
    padding: 1.94rem
}

.formulari textarea:focus,
div[class*=InputWrapper-sc] textarea:focus {
    background: #f0f5ff
}

.formulari[data-state=light],
div[class*=InputWrapper-sc][data-state=light] {
    color: inherit
}

.formulari[data-state=light] .wpcf7 form.invalid .wpcf7-response-output,
div[class*=InputWrapper-sc][data-state=light] .wpcf7 form.invalid .wpcf7-response-output {
    color: #fff
}

.formulari[data-state=light] input[type=email],
.formulari[data-state=light] input[type=tel],
.formulari[data-state=light] input[type=text],
.formulari[data-state=light] select,
.formulari[data-state=light] textarea,
div[class*=InputWrapper-sc][data-state=light] input[type=email],
div[class*=InputWrapper-sc][data-state=light] input[type=tel],
div[class*=InputWrapper-sc][data-state=light] input[type=text],
div[class*=InputWrapper-sc][data-state=light] select,
div[class*=InputWrapper-sc][data-state=light] textarea {
    background: #f0f5ff
}

.formulari[data-state=light] input[type=email]:focus,
.formulari[data-state=light] input[type=tel]:focus,
.formulari[data-state=light] input[type=text]:focus,
.formulari[data-state=light] select:focus,
.formulari[data-state=light] textarea:focus,
div[class*=InputWrapper-sc][data-state=light] input[type=email]:focus,
div[class*=InputWrapper-sc][data-state=light] input[type=tel]:focus,
div[class*=InputWrapper-sc][data-state=light] input[type=text]:focus,
div[class*=InputWrapper-sc][data-state=light] select:focus,
div[class*=InputWrapper-sc][data-state=light] textarea:focus {
    border: 2px solid #1362fb
}

.formulari .wpcf7-acceptance .wpcf7-list-item,
div[class*=InputWrapper-sc] .wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
    margin-right: .5rem
}

.formulari .wpcf7-acceptance .wpcf7-list-item label,
div[class*=InputWrapper-sc] .wpcf7-acceptance .wpcf7-list-item label {
    padding-bottom: 1rem
}

.formulari .wpcf7-acceptance .wpcf7-list-item label span,
div[class*=InputWrapper-sc] .wpcf7-acceptance .wpcf7-list-item label span {
    display: inline
}

.formulari .wpcf7 form.invalid .wpcf7-response-output,
div[class*=InputWrapper-sc] .wpcf7 form.invalid .wpcf7-response-output {
    margin: 0;
    padding: 2rem;
    border: none;
    background: #ba324f
}

.formulari .wpcf7 form.sent .wpcf7-response-output,
div[class*=InputWrapper-sc] .wpcf7 form.sent .wpcf7-response-output {
    margin: 0;
    padding: 2rem;
    border: none;
    background: #edf67d;
    color: #2c2a4a
}

.formulari .wpcf7 form .wpcf7-not-valid-tip,
div[class*=InputWrapper-sc] .wpcf7 form .wpcf7-not-valid-tip {
    color: #ba324f;
    padding-top: .5rem
}

.checkbox-group {
    position: relative;
    left: -2rem;
    padding-top: .5rem
}

.checkbox-group span .wpcf7-form-control {
    display: flex;
    flex-wrap: wrap
}

.checkbox-group span .wpcf7-form-control .wpcf7-list-item label {
    display: flex
}

.checkbox-group span .wpcf7-form-control .wpcf7-list-item label span {
    margin-left: .5rem;
    font-weight: 400
}

html {
    scroll-behavior: smooth;
    font-size: 62.5%;
    box-sizing: border-box
}

body,
html {
    height: 100%
}

body {
    font-size: 1.6rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #01161e;
    border-top: 8.6rem solid #1362fb
}

body.is-active {
    overflow: hidden
}

body.blog,
body.single-post {
    border-top: 8.6rem solid #edf67d
}

*,
:after,
:before {
    box-sizing: border-box
}

a {
    color: inherit
}

a:hover {
    text-decoration-color: transparent
}

img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 134.4rem
}

li {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.4
}

@media print,
screen and (min-width:769px) {
    li {
        font-size: 2rem
    }
}

mark {
    background: transparent;
    color: inherit;
    padding-right: 1.5rem
}

mark.lime {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 53%, #edf67d 0, #edf67d 100%, hsla(0, 0%, 100%, 0) 0)
}

mark.blue-light {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 53%, #b3e5ff 0, #b3e5ff 100%, hsla(0, 0%, 100%, 0) 0)
}

mark.blue {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 53%, #1362fb 0, #1362fb 100%, hsla(0, 0%, 100%, 0) 0)
}

p {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.4
}

@media print,
screen and (min-width:769px) {
    p {
        font-size: 2rem
    }
}

strong {
    font-weight: 600
}

.p-0 {
    padding: 0 !important
}

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

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

.m-0 {
    margin: 0 !important
}

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

.m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 0 !important
    }

    .p-right-0-desktop {
        padding-right: 0 !important
    }

    .m-right-0-desktop {
        margin-right: 0 !important
    }
}

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

.p-x-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.p-y-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

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

.m-x-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.m-y-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.p-top-1 {
    padding-top: 1rem !important
}

.m-top-1 {
    margin-top: 1rem !important
}

@media screen and (max-width:768px) {
    .p-1-mobile {
        padding: 1rem !important
    }

    .p-x-1-mobile {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-mobile {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-mobile {
        margin: 1rem !important
    }

    .m-x-1-mobile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-mobile {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-top-1-mobile {
        padding-top: 1rem !important
    }

    .m-top-1-mobile {
        margin-top: 1rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: 1rem !important
    }

    .p-x-1-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-tablet {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-tablet {
        margin: 1rem !important
    }

    .m-x-1-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-tablet {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-top-1-tablet {
        padding-top: 1rem !important
    }

    .m-top-1-tablet {
        margin-top: 1rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: 1rem !important
    }

    .p-x-1-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-touch {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-touch {
        margin: 1rem !important
    }

    .m-x-1-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-touch {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-top-1-touch {
        padding-top: 1rem !important
    }

    .m-top-1-touch {
        margin-top: 1rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-1-desktop {
        padding: 1rem !important
    }

    .p-x-1-desktop {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-desktop {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-desktop {
        margin: 1rem !important
    }

    .m-x-1-desktop {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-desktop {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-top-1-desktop {
        padding-top: 1rem !important
    }

    .m-top-1-desktop {
        margin-top: 1rem !important
    }
}

.p-left-1 {
    padding-left: 1rem !important
}

.m-left-1 {
    margin-left: 1rem !important
}

@media screen and (max-width:768px) {
    .p-1-mobile {
        padding: 1rem !important
    }

    .p-x-1-mobile {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-mobile {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-mobile {
        margin: 1rem !important
    }

    .m-x-1-mobile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-mobile {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-left-1-mobile {
        padding-left: 1rem !important
    }

    .m-left-1-mobile {
        margin-left: 1rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: 1rem !important
    }

    .p-x-1-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-tablet {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-tablet {
        margin: 1rem !important
    }

    .m-x-1-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-tablet {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-left-1-tablet {
        padding-left: 1rem !important
    }

    .m-left-1-tablet {
        margin-left: 1rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: 1rem !important
    }

    .p-x-1-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-touch {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-touch {
        margin: 1rem !important
    }

    .m-x-1-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-touch {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-left-1-touch {
        padding-left: 1rem !important
    }

    .m-left-1-touch {
        margin-left: 1rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-1-desktop {
        padding: 1rem !important
    }

    .p-x-1-desktop {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-desktop {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-desktop {
        margin: 1rem !important
    }

    .m-x-1-desktop {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-desktop {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-left-1-desktop {
        padding-left: 1rem !important
    }

    .m-left-1-desktop {
        margin-left: 1rem !important
    }
}

.p-bottom-1 {
    padding-bottom: 1rem !important
}

.m-bottom-1 {
    margin-bottom: 1rem !important
}

@media screen and (max-width:768px) {
    .p-1-mobile {
        padding: 1rem !important
    }

    .p-x-1-mobile {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-mobile {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-mobile {
        margin: 1rem !important
    }

    .m-x-1-mobile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-mobile {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-bottom-1-mobile {
        padding-bottom: 1rem !important
    }

    .m-bottom-1-mobile {
        margin-bottom: 1rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: 1rem !important
    }

    .p-x-1-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-tablet {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-tablet {
        margin: 1rem !important
    }

    .m-x-1-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-tablet {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-bottom-1-tablet {
        padding-bottom: 1rem !important
    }

    .m-bottom-1-tablet {
        margin-bottom: 1rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: 1rem !important
    }

    .p-x-1-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-touch {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-touch {
        margin: 1rem !important
    }

    .m-x-1-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-touch {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-bottom-1-touch {
        padding-bottom: 1rem !important
    }

    .m-bottom-1-touch {
        margin-bottom: 1rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-1-desktop {
        padding: 1rem !important
    }

    .p-x-1-desktop {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-desktop {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-desktop {
        margin: 1rem !important
    }

    .m-x-1-desktop {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-desktop {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-bottom-1-desktop {
        padding-bottom: 1rem !important
    }

    .m-bottom-1-desktop {
        margin-bottom: 1rem !important
    }
}

.p-right-1 {
    padding-right: 1rem !important
}

.m-right-1 {
    margin-right: 1rem !important
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: 1rem !important
    }

    .p-x-1-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-tablet {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-tablet {
        margin: 1rem !important
    }

    .m-x-1-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-tablet {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: 1rem !important
    }

    .p-x-1-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-touch {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-touch {
        margin: 1rem !important
    }

    .m-x-1-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-touch {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
}

@media screen and (max-width:768px) {
    .p-1-mobile {
        padding: 1rem !important
    }

    .p-x-1-mobile {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-mobile {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-mobile {
        margin: 1rem !important
    }

    .m-x-1-mobile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-mobile {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-right-1-mobile {
        padding-right: 1rem !important
    }

    .m-right-1-mobile {
        margin-right: 1rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-1-tablet {
        padding: 1rem !important
    }

    .p-x-1-tablet {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-tablet {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-tablet {
        margin: 1rem !important
    }

    .m-x-1-tablet {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-tablet {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-right-1-tablet {
        padding-right: 1rem !important
    }

    .m-right-1-tablet {
        margin-right: 1rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-1-touch {
        padding: 1rem !important
    }

    .p-x-1-touch {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-touch {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-touch {
        margin: 1rem !important
    }

    .m-x-1-touch {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-touch {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-right-1-touch {
        padding-right: 1rem !important
    }

    .m-right-1-touch {
        margin-right: 1rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-1-desktop {
        padding: 1rem !important
    }

    .p-x-1-desktop {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .p-y-1-desktop {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .m-1-desktop {
        margin: 1rem !important
    }

    .m-x-1-desktop {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .m-y-1-desktop {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .p-right-1-desktop {
        padding-right: 1rem !important
    }

    .m-right-1-desktop {
        margin-right: 1rem !important
    }
}

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

.p-x-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.p-y-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

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

.m-x-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}

.m-y-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.p-top-2 {
    padding-top: 2rem !important
}

.m-top-2 {
    margin-top: 2rem !important
}

@media screen and (max-width:768px) {
    .p-2-mobile {
        padding: 2rem !important
    }

    .p-x-2-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-mobile {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-mobile {
        margin: 2rem !important
    }

    .m-x-2-mobile {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-mobile {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-top-2-mobile {
        padding-top: 2rem !important
    }

    .m-top-2-mobile {
        margin-top: 2rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: 2rem !important
    }

    .p-x-2-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-tablet {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-tablet {
        margin: 2rem !important
    }

    .m-x-2-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-tablet {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-top-2-tablet {
        padding-top: 2rem !important
    }

    .m-top-2-tablet {
        margin-top: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: 2rem !important
    }

    .p-x-2-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-touch {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-touch {
        margin: 2rem !important
    }

    .m-x-2-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-touch {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-top-2-touch {
        padding-top: 2rem !important
    }

    .m-top-2-touch {
        margin-top: 2rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-2-desktop {
        padding: 2rem !important
    }

    .p-x-2-desktop {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-desktop {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-desktop {
        margin: 2rem !important
    }

    .m-x-2-desktop {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-desktop {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-top-2-desktop {
        padding-top: 2rem !important
    }

    .m-top-2-desktop {
        margin-top: 2rem !important
    }
}

.p-left-2 {
    padding-left: 2rem !important
}

.m-left-2 {
    margin-left: 2rem !important
}

@media screen and (max-width:768px) {
    .p-2-mobile {
        padding: 2rem !important
    }

    .p-x-2-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-mobile {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-mobile {
        margin: 2rem !important
    }

    .m-x-2-mobile {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-mobile {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-left-2-mobile {
        padding-left: 2rem !important
    }

    .m-left-2-mobile {
        margin-left: 2rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: 2rem !important
    }

    .p-x-2-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-tablet {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-tablet {
        margin: 2rem !important
    }

    .m-x-2-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-tablet {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-left-2-tablet {
        padding-left: 2rem !important
    }

    .m-left-2-tablet {
        margin-left: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: 2rem !important
    }

    .p-x-2-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-touch {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-touch {
        margin: 2rem !important
    }

    .m-x-2-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-touch {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-left-2-touch {
        padding-left: 2rem !important
    }

    .m-left-2-touch {
        margin-left: 2rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-2-desktop {
        padding: 2rem !important
    }

    .p-x-2-desktop {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-desktop {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-desktop {
        margin: 2rem !important
    }

    .m-x-2-desktop {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-desktop {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-left-2-desktop {
        padding-left: 2rem !important
    }

    .m-left-2-desktop {
        margin-left: 2rem !important
    }
}

.p-bottom-2 {
    padding-bottom: 2rem !important
}

.m-bottom-2 {
    margin-bottom: 2rem !important
}

@media screen and (max-width:768px) {
    .p-2-mobile {
        padding: 2rem !important
    }

    .p-x-2-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-mobile {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-mobile {
        margin: 2rem !important
    }

    .m-x-2-mobile {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-mobile {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-bottom-2-mobile {
        padding-bottom: 2rem !important
    }

    .m-bottom-2-mobile {
        margin-bottom: 2rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: 2rem !important
    }

    .p-x-2-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-tablet {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-tablet {
        margin: 2rem !important
    }

    .m-x-2-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-tablet {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-bottom-2-tablet {
        padding-bottom: 2rem !important
    }

    .m-bottom-2-tablet {
        margin-bottom: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: 2rem !important
    }

    .p-x-2-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-touch {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-touch {
        margin: 2rem !important
    }

    .m-x-2-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-touch {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-bottom-2-touch {
        padding-bottom: 2rem !important
    }

    .m-bottom-2-touch {
        margin-bottom: 2rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-2-desktop {
        padding: 2rem !important
    }

    .p-x-2-desktop {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-desktop {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-desktop {
        margin: 2rem !important
    }

    .m-x-2-desktop {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-desktop {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-bottom-2-desktop {
        padding-bottom: 2rem !important
    }

    .m-bottom-2-desktop {
        margin-bottom: 2rem !important
    }
}

.p-right-2 {
    padding-right: 2rem !important
}

.m-right-2 {
    margin-right: 2rem !important
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: 2rem !important
    }

    .p-x-2-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-tablet {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-tablet {
        margin: 2rem !important
    }

    .m-x-2-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-tablet {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: 2rem !important
    }

    .p-x-2-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-touch {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-touch {
        margin: 2rem !important
    }

    .m-x-2-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-touch {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }
}

@media screen and (max-width:768px) {
    .p-2-mobile {
        padding: 2rem !important
    }

    .p-x-2-mobile {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-mobile {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-mobile {
        margin: 2rem !important
    }

    .m-x-2-mobile {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-mobile {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-right-2-mobile {
        padding-right: 2rem !important
    }

    .m-right-2-mobile {
        margin-right: 2rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-2-tablet {
        padding: 2rem !important
    }

    .p-x-2-tablet {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-tablet {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-tablet {
        margin: 2rem !important
    }

    .m-x-2-tablet {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-tablet {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-right-2-tablet {
        padding-right: 2rem !important
    }

    .m-right-2-tablet {
        margin-right: 2rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-2-touch {
        padding: 2rem !important
    }

    .p-x-2-touch {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-touch {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-touch {
        margin: 2rem !important
    }

    .m-x-2-touch {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-touch {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-right-2-touch {
        padding-right: 2rem !important
    }

    .m-right-2-touch {
        margin-right: 2rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-2-desktop {
        padding: 2rem !important
    }

    .p-x-2-desktop {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .p-y-2-desktop {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .m-2-desktop {
        margin: 2rem !important
    }

    .m-x-2-desktop {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    .m-y-2-desktop {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .p-right-2-desktop {
        padding-right: 2rem !important
    }

    .m-right-2-desktop {
        margin-right: 2rem !important
    }
}

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

.p-x-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.p-y-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

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

.m-x-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.m-y-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-top-3 {
    padding-top: 3rem !important
}

.m-top-3 {
    margin-top: 3rem !important
}

@media screen and (max-width:768px) {
    .p-3-mobile {
        padding: 3rem !important
    }

    .p-x-3-mobile {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-mobile {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-mobile {
        margin: 3rem !important
    }

    .m-x-3-mobile {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-mobile {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-top-3-mobile {
        padding-top: 3rem !important
    }

    .m-top-3-mobile {
        margin-top: 3rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: 3rem !important
    }

    .p-x-3-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-tablet {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-tablet {
        margin: 3rem !important
    }

    .m-x-3-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-tablet {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-top-3-tablet {
        padding-top: 3rem !important
    }

    .m-top-3-tablet {
        margin-top: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: 3rem !important
    }

    .p-x-3-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-touch {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-touch {
        margin: 3rem !important
    }

    .m-x-3-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-touch {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-top-3-touch {
        padding-top: 3rem !important
    }

    .m-top-3-touch {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-3-desktop {
        padding: 3rem !important
    }

    .p-x-3-desktop {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-desktop {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-desktop {
        margin: 3rem !important
    }

    .m-x-3-desktop {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-desktop {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-top-3-desktop {
        padding-top: 3rem !important
    }

    .m-top-3-desktop {
        margin-top: 3rem !important
    }
}

.p-left-3 {
    padding-left: 3rem !important
}

.m-left-3 {
    margin-left: 3rem !important
}

@media screen and (max-width:768px) {
    .p-3-mobile {
        padding: 3rem !important
    }

    .p-x-3-mobile {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-mobile {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-mobile {
        margin: 3rem !important
    }

    .m-x-3-mobile {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-mobile {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-left-3-mobile {
        padding-left: 3rem !important
    }

    .m-left-3-mobile {
        margin-left: 3rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: 3rem !important
    }

    .p-x-3-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-tablet {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-tablet {
        margin: 3rem !important
    }

    .m-x-3-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-tablet {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-left-3-tablet {
        padding-left: 3rem !important
    }

    .m-left-3-tablet {
        margin-left: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: 3rem !important
    }

    .p-x-3-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-touch {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-touch {
        margin: 3rem !important
    }

    .m-x-3-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-touch {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-left-3-touch {
        padding-left: 3rem !important
    }

    .m-left-3-touch {
        margin-left: 3rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-3-desktop {
        padding: 3rem !important
    }

    .p-x-3-desktop {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-desktop {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-desktop {
        margin: 3rem !important
    }

    .m-x-3-desktop {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-desktop {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-left-3-desktop {
        padding-left: 3rem !important
    }

    .m-left-3-desktop {
        margin-left: 3rem !important
    }
}

.p-bottom-3 {
    padding-bottom: 3rem !important
}

.m-bottom-3 {
    margin-bottom: 3rem !important
}

@media screen and (max-width:768px) {
    .p-3-mobile {
        padding: 3rem !important
    }

    .p-x-3-mobile {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-mobile {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-mobile {
        margin: 3rem !important
    }

    .m-x-3-mobile {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-mobile {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-bottom-3-mobile {
        padding-bottom: 3rem !important
    }

    .m-bottom-3-mobile {
        margin-bottom: 3rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: 3rem !important
    }

    .p-x-3-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-tablet {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-tablet {
        margin: 3rem !important
    }

    .m-x-3-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-tablet {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-bottom-3-tablet {
        padding-bottom: 3rem !important
    }

    .m-bottom-3-tablet {
        margin-bottom: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: 3rem !important
    }

    .p-x-3-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-touch {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-touch {
        margin: 3rem !important
    }

    .m-x-3-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-touch {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-bottom-3-touch {
        padding-bottom: 3rem !important
    }

    .m-bottom-3-touch {
        margin-bottom: 3rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-3-desktop {
        padding: 3rem !important
    }

    .p-x-3-desktop {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-desktop {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-desktop {
        margin: 3rem !important
    }

    .m-x-3-desktop {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-desktop {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-bottom-3-desktop {
        padding-bottom: 3rem !important
    }

    .m-bottom-3-desktop {
        margin-bottom: 3rem !important
    }
}

.p-right-3 {
    padding-right: 3rem !important
}

.m-right-3 {
    margin-right: 3rem !important
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: 3rem !important
    }

    .p-x-3-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-tablet {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-tablet {
        margin: 3rem !important
    }

    .m-x-3-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-tablet {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: 3rem !important
    }

    .p-x-3-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-touch {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-touch {
        margin: 3rem !important
    }

    .m-x-3-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-touch {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
}

@media screen and (max-width:768px) {
    .p-3-mobile {
        padding: 3rem !important
    }

    .p-x-3-mobile {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-mobile {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-mobile {
        margin: 3rem !important
    }

    .m-x-3-mobile {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-mobile {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-right-3-mobile {
        padding-right: 3rem !important
    }

    .m-right-3-mobile {
        margin-right: 3rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-3-tablet {
        padding: 3rem !important
    }

    .p-x-3-tablet {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-tablet {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-tablet {
        margin: 3rem !important
    }

    .m-x-3-tablet {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-tablet {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-right-3-tablet {
        padding-right: 3rem !important
    }

    .m-right-3-tablet {
        margin-right: 3rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-3-touch {
        padding: 3rem !important
    }

    .p-x-3-touch {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-touch {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-touch {
        margin: 3rem !important
    }

    .m-x-3-touch {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-touch {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-right-3-touch {
        padding-right: 3rem !important
    }

    .m-right-3-touch {
        margin-right: 3rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-3-desktop {
        padding: 3rem !important
    }

    .p-x-3-desktop {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .p-y-3-desktop {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-3-desktop {
        margin: 3rem !important
    }

    .m-x-3-desktop {
        margin-left: 3rem !important;
        margin-right: 3rem !important
    }

    .m-y-3-desktop {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-right-3-desktop {
        padding-right: 3rem !important
    }

    .m-right-3-desktop {
        margin-right: 3rem !important
    }
}

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

.p-x-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
}

.p-y-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

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

.m-x-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
}

.m-y-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.p-top-4 {
    padding-top: 4rem !important
}

.m-top-4 {
    margin-top: 4rem !important
}

@media screen and (max-width:768px) {
    .p-4-mobile {
        padding: 4rem !important
    }

    .p-x-4-mobile {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-mobile {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-mobile {
        margin: 4rem !important
    }

    .m-x-4-mobile {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-mobile {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-top-4-mobile {
        padding-top: 4rem !important
    }

    .m-top-4-mobile {
        margin-top: 4rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 4rem !important
    }

    .p-x-4-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-tablet {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-tablet {
        margin: 4rem !important
    }

    .m-x-4-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-tablet {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-top-4-tablet {
        padding-top: 4rem !important
    }

    .m-top-4-tablet {
        margin-top: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 4rem !important
    }

    .p-x-4-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-touch {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-touch {
        margin: 4rem !important
    }

    .m-x-4-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-touch {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-top-4-touch {
        padding-top: 4rem !important
    }

    .m-top-4-touch {
        margin-top: 4rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-4-desktop {
        padding: 4rem !important
    }

    .p-x-4-desktop {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-desktop {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-desktop {
        margin: 4rem !important
    }

    .m-x-4-desktop {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-desktop {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-top-4-desktop {
        padding-top: 4rem !important
    }

    .m-top-4-desktop {
        margin-top: 4rem !important
    }
}

.p-left-4 {
    padding-left: 4rem !important
}

.m-left-4 {
    margin-left: 4rem !important
}

@media screen and (max-width:768px) {
    .p-4-mobile {
        padding: 4rem !important
    }

    .p-x-4-mobile {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-mobile {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-mobile {
        margin: 4rem !important
    }

    .m-x-4-mobile {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-mobile {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-left-4-mobile {
        padding-left: 4rem !important
    }

    .m-left-4-mobile {
        margin-left: 4rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 4rem !important
    }

    .p-x-4-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-tablet {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-tablet {
        margin: 4rem !important
    }

    .m-x-4-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-tablet {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-left-4-tablet {
        padding-left: 4rem !important
    }

    .m-left-4-tablet {
        margin-left: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 4rem !important
    }

    .p-x-4-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-touch {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-touch {
        margin: 4rem !important
    }

    .m-x-4-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-touch {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-left-4-touch {
        padding-left: 4rem !important
    }

    .m-left-4-touch {
        margin-left: 4rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-4-desktop {
        padding: 4rem !important
    }

    .p-x-4-desktop {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-desktop {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-desktop {
        margin: 4rem !important
    }

    .m-x-4-desktop {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-desktop {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-left-4-desktop {
        padding-left: 4rem !important
    }

    .m-left-4-desktop {
        margin-left: 4rem !important
    }
}

.p-bottom-4 {
    padding-bottom: 4rem !important
}

.m-bottom-4 {
    margin-bottom: 4rem !important
}

@media screen and (max-width:768px) {
    .p-4-mobile {
        padding: 4rem !important
    }

    .p-x-4-mobile {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-mobile {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-mobile {
        margin: 4rem !important
    }

    .m-x-4-mobile {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-mobile {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-bottom-4-mobile {
        padding-bottom: 4rem !important
    }

    .m-bottom-4-mobile {
        margin-bottom: 4rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 4rem !important
    }

    .p-x-4-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-tablet {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-tablet {
        margin: 4rem !important
    }

    .m-x-4-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-tablet {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-bottom-4-tablet {
        padding-bottom: 4rem !important
    }

    .m-bottom-4-tablet {
        margin-bottom: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 4rem !important
    }

    .p-x-4-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-touch {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-touch {
        margin: 4rem !important
    }

    .m-x-4-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-touch {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-bottom-4-touch {
        padding-bottom: 4rem !important
    }

    .m-bottom-4-touch {
        margin-bottom: 4rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-4-desktop {
        padding: 4rem !important
    }

    .p-x-4-desktop {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-desktop {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-desktop {
        margin: 4rem !important
    }

    .m-x-4-desktop {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-desktop {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-bottom-4-desktop {
        padding-bottom: 4rem !important
    }

    .m-bottom-4-desktop {
        margin-bottom: 4rem !important
    }
}

.p-right-4 {
    padding-right: 4rem !important
}

.m-right-4 {
    margin-right: 4rem !important
}

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 4rem !important
    }

    .p-x-4-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-tablet {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-tablet {
        margin: 4rem !important
    }

    .m-x-4-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-tablet {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 4rem !important
    }

    .p-x-4-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-touch {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-touch {
        margin: 4rem !important
    }

    .m-x-4-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-touch {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }
}

@media screen and (max-width:768px) {
    .p-4-mobile {
        padding: 4rem !important
    }

    .p-x-4-mobile {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-mobile {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-mobile {
        margin: 4rem !important
    }

    .m-x-4-mobile {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-mobile {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-right-4-mobile {
        padding-right: 4rem !important
    }

    .m-right-4-mobile {
        margin-right: 4rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-4-tablet {
        padding: 4rem !important
    }

    .p-x-4-tablet {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-tablet {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-tablet {
        margin: 4rem !important
    }

    .m-x-4-tablet {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-tablet {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-right-4-tablet {
        padding-right: 4rem !important
    }

    .m-right-4-tablet {
        margin-right: 4rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-4-touch {
        padding: 4rem !important
    }

    .p-x-4-touch {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-touch {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-touch {
        margin: 4rem !important
    }

    .m-x-4-touch {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-touch {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-right-4-touch {
        padding-right: 4rem !important
    }

    .m-right-4-touch {
        margin-right: 4rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-4-desktop {
        padding: 4rem !important
    }

    .p-x-4-desktop {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .p-y-4-desktop {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .m-4-desktop {
        margin: 4rem !important
    }

    .m-x-4-desktop {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .m-y-4-desktop {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .p-right-4-desktop {
        padding-right: 4rem !important
    }

    .m-right-4-desktop {
        margin-right: 4rem !important
    }
}

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

.p-x-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
}

.p-y-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

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

.m-x-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
}

.m-y-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}

.p-top-5 {
    padding-top: 5rem !important
}

.m-top-5 {
    margin-top: 5rem !important
}

@media screen and (max-width:768px) {
    .p-5-mobile {
        padding: 5rem !important
    }

    .p-x-5-mobile {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-mobile {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-mobile {
        margin: 5rem !important
    }

    .m-x-5-mobile {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-mobile {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-top-5-mobile {
        padding-top: 5rem !important
    }

    .m-top-5-mobile {
        margin-top: 5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 5rem !important
    }

    .p-x-5-tablet {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-tablet {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-tablet {
        margin: 5rem !important
    }

    .m-x-5-tablet {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-tablet {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-top-5-tablet {
        padding-top: 5rem !important
    }

    .m-top-5-tablet {
        margin-top: 5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 5rem !important
    }

    .p-x-5-touch {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-touch {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-touch {
        margin: 5rem !important
    }

    .m-x-5-touch {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-touch {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-top-5-touch {
        padding-top: 5rem !important
    }

    .m-top-5-touch {
        margin-top: 5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-5-desktop {
        padding: 5rem !important
    }

    .p-x-5-desktop {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-desktop {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-desktop {
        margin: 5rem !important
    }

    .m-x-5-desktop {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-desktop {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-top-5-desktop {
        padding-top: 5rem !important
    }

    .m-top-5-desktop {
        margin-top: 5rem !important
    }
}

.p-left-5 {
    padding-left: 5rem !important
}

.m-left-5 {
    margin-left: 5rem !important
}

@media screen and (max-width:768px) {
    .p-5-mobile {
        padding: 5rem !important
    }

    .p-x-5-mobile {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-mobile {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-mobile {
        margin: 5rem !important
    }

    .m-x-5-mobile {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-mobile {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-left-5-mobile {
        padding-left: 5rem !important
    }

    .m-left-5-mobile {
        margin-left: 5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 5rem !important
    }

    .p-x-5-tablet {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-tablet {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-tablet {
        margin: 5rem !important
    }

    .m-x-5-tablet {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-tablet {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-left-5-tablet {
        padding-left: 5rem !important
    }

    .m-left-5-tablet {
        margin-left: 5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 5rem !important
    }

    .p-x-5-touch {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-touch {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-touch {
        margin: 5rem !important
    }

    .m-x-5-touch {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-touch {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-left-5-touch {
        padding-left: 5rem !important
    }

    .m-left-5-touch {
        margin-left: 5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-5-desktop {
        padding: 5rem !important
    }

    .p-x-5-desktop {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-desktop {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-desktop {
        margin: 5rem !important
    }

    .m-x-5-desktop {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-desktop {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-left-5-desktop {
        padding-left: 5rem !important
    }

    .m-left-5-desktop {
        margin-left: 5rem !important
    }
}

.p-bottom-5 {
    padding-bottom: 5rem !important
}

.m-bottom-5 {
    margin-bottom: 5rem !important
}

@media screen and (max-width:768px) {
    .p-5-mobile {
        padding: 5rem !important
    }

    .p-x-5-mobile {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-mobile {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-mobile {
        margin: 5rem !important
    }

    .m-x-5-mobile {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-mobile {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-bottom-5-mobile {
        padding-bottom: 5rem !important
    }

    .m-bottom-5-mobile {
        margin-bottom: 5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 5rem !important
    }

    .p-x-5-tablet {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-tablet {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-tablet {
        margin: 5rem !important
    }

    .m-x-5-tablet {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-tablet {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-bottom-5-tablet {
        padding-bottom: 5rem !important
    }

    .m-bottom-5-tablet {
        margin-bottom: 5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 5rem !important
    }

    .p-x-5-touch {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-touch {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-touch {
        margin: 5rem !important
    }

    .m-x-5-touch {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-touch {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-bottom-5-touch {
        padding-bottom: 5rem !important
    }

    .m-bottom-5-touch {
        margin-bottom: 5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-5-desktop {
        padding: 5rem !important
    }

    .p-x-5-desktop {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-desktop {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-desktop {
        margin: 5rem !important
    }

    .m-x-5-desktop {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-desktop {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-bottom-5-desktop {
        padding-bottom: 5rem !important
    }

    .m-bottom-5-desktop {
        margin-bottom: 5rem !important
    }
}

.p-right-5 {
    padding-right: 5rem !important
}

.m-right-5 {
    margin-right: 5rem !important
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 5rem !important
    }

    .p-x-5-tablet {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-tablet {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-tablet {
        margin: 5rem !important
    }

    .m-x-5-tablet {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-tablet {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 5rem !important
    }

    .p-x-5-touch {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-touch {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-touch {
        margin: 5rem !important
    }

    .m-x-5-touch {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-touch {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }
}

@media screen and (max-width:768px) {
    .p-5-mobile {
        padding: 5rem !important
    }

    .p-x-5-mobile {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-mobile {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-mobile {
        margin: 5rem !important
    }

    .m-x-5-mobile {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-mobile {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-right-5-mobile {
        padding-right: 5rem !important
    }

    .m-right-5-mobile {
        margin-right: 5rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-5-tablet {
        padding: 5rem !important
    }

    .p-x-5-tablet {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-tablet {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-tablet {
        margin: 5rem !important
    }

    .m-x-5-tablet {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-tablet {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-right-5-tablet {
        padding-right: 5rem !important
    }

    .m-right-5-tablet {
        margin-right: 5rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-5-touch {
        padding: 5rem !important
    }

    .p-x-5-touch {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-touch {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-touch {
        margin: 5rem !important
    }

    .m-x-5-touch {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-touch {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-right-5-touch {
        padding-right: 5rem !important
    }

    .m-right-5-touch {
        margin-right: 5rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-5-desktop {
        padding: 5rem !important
    }

    .p-x-5-desktop {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .p-y-5-desktop {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .m-5-desktop {
        margin: 5rem !important
    }

    .m-x-5-desktop {
        margin-left: 5rem !important;
        margin-right: 5rem !important
    }

    .m-y-5-desktop {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .p-right-5-desktop {
        padding-right: 5rem !important
    }

    .m-right-5-desktop {
        margin-right: 5rem !important
    }
}

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

.p-x-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
}

.p-y-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

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

.m-x-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
}

.m-y-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important
}

.p-top-6 {
    padding-top: 6rem !important
}

.m-top-6 {
    margin-top: 6rem !important
}

@media screen and (max-width:768px) {
    .p-6-mobile {
        padding: 6rem !important
    }

    .p-x-6-mobile {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-mobile {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-mobile {
        margin: 6rem !important
    }

    .m-x-6-mobile {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-mobile {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-top-6-mobile {
        padding-top: 6rem !important
    }

    .m-top-6-mobile {
        margin-top: 6rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 6rem !important
    }

    .p-x-6-tablet {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-tablet {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-tablet {
        margin: 6rem !important
    }

    .m-x-6-tablet {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-tablet {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-top-6-tablet {
        padding-top: 6rem !important
    }

    .m-top-6-tablet {
        margin-top: 6rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 6rem !important
    }

    .p-x-6-touch {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-touch {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-touch {
        margin: 6rem !important
    }

    .m-x-6-touch {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-touch {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-top-6-touch {
        padding-top: 6rem !important
    }

    .m-top-6-touch {
        margin-top: 6rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-6-desktop {
        padding: 6rem !important
    }

    .p-x-6-desktop {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-desktop {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-desktop {
        margin: 6rem !important
    }

    .m-x-6-desktop {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-desktop {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-top-6-desktop {
        padding-top: 6rem !important
    }

    .m-top-6-desktop {
        margin-top: 6rem !important
    }
}

.p-left-6 {
    padding-left: 6rem !important
}

.m-left-6 {
    margin-left: 6rem !important
}

@media screen and (max-width:768px) {
    .p-6-mobile {
        padding: 6rem !important
    }

    .p-x-6-mobile {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-mobile {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-mobile {
        margin: 6rem !important
    }

    .m-x-6-mobile {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-mobile {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-left-6-mobile {
        padding-left: 6rem !important
    }

    .m-left-6-mobile {
        margin-left: 6rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 6rem !important
    }

    .p-x-6-tablet {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-tablet {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-tablet {
        margin: 6rem !important
    }

    .m-x-6-tablet {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-tablet {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-left-6-tablet {
        padding-left: 6rem !important
    }

    .m-left-6-tablet {
        margin-left: 6rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 6rem !important
    }

    .p-x-6-touch {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-touch {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-touch {
        margin: 6rem !important
    }

    .m-x-6-touch {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-touch {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-left-6-touch {
        padding-left: 6rem !important
    }

    .m-left-6-touch {
        margin-left: 6rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-6-desktop {
        padding: 6rem !important
    }

    .p-x-6-desktop {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-desktop {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-desktop {
        margin: 6rem !important
    }

    .m-x-6-desktop {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-desktop {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-left-6-desktop {
        padding-left: 6rem !important
    }

    .m-left-6-desktop {
        margin-left: 6rem !important
    }
}

.p-bottom-6 {
    padding-bottom: 6rem !important
}

.m-bottom-6 {
    margin-bottom: 6rem !important
}

@media screen and (max-width:768px) {
    .p-6-mobile {
        padding: 6rem !important
    }

    .p-x-6-mobile {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-mobile {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-mobile {
        margin: 6rem !important
    }

    .m-x-6-mobile {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-mobile {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-bottom-6-mobile {
        padding-bottom: 6rem !important
    }

    .m-bottom-6-mobile {
        margin-bottom: 6rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 6rem !important
    }

    .p-x-6-tablet {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-tablet {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-tablet {
        margin: 6rem !important
    }

    .m-x-6-tablet {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-tablet {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-bottom-6-tablet {
        padding-bottom: 6rem !important
    }

    .m-bottom-6-tablet {
        margin-bottom: 6rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 6rem !important
    }

    .p-x-6-touch {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-touch {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-touch {
        margin: 6rem !important
    }

    .m-x-6-touch {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-touch {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-bottom-6-touch {
        padding-bottom: 6rem !important
    }

    .m-bottom-6-touch {
        margin-bottom: 6rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-6-desktop {
        padding: 6rem !important
    }

    .p-x-6-desktop {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-desktop {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-desktop {
        margin: 6rem !important
    }

    .m-x-6-desktop {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-desktop {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-bottom-6-desktop {
        padding-bottom: 6rem !important
    }

    .m-bottom-6-desktop {
        margin-bottom: 6rem !important
    }
}

.p-right-6 {
    padding-right: 6rem !important
}

.m-right-6 {
    margin-right: 6rem !important
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 6rem !important
    }

    .p-x-6-tablet {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-tablet {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-tablet {
        margin: 6rem !important
    }

    .m-x-6-tablet {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-tablet {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 6rem !important
    }

    .p-x-6-touch {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-touch {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-touch {
        margin: 6rem !important
    }

    .m-x-6-touch {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-touch {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }
}

@media screen and (max-width:768px) {
    .p-6-mobile {
        padding: 6rem !important
    }

    .p-x-6-mobile {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-mobile {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-mobile {
        margin: 6rem !important
    }

    .m-x-6-mobile {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-mobile {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-right-6-mobile {
        padding-right: 6rem !important
    }

    .m-right-6-mobile {
        margin-right: 6rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-6-tablet {
        padding: 6rem !important
    }

    .p-x-6-tablet {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-tablet {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-tablet {
        margin: 6rem !important
    }

    .m-x-6-tablet {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-tablet {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-right-6-tablet {
        padding-right: 6rem !important
    }

    .m-right-6-tablet {
        margin-right: 6rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-6-touch {
        padding: 6rem !important
    }

    .p-x-6-touch {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-touch {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-touch {
        margin: 6rem !important
    }

    .m-x-6-touch {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-touch {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-right-6-touch {
        padding-right: 6rem !important
    }

    .m-right-6-touch {
        margin-right: 6rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-6-desktop {
        padding: 6rem !important
    }

    .p-x-6-desktop {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .p-y-6-desktop {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .m-6-desktop {
        margin: 6rem !important
    }

    .m-x-6-desktop {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .m-y-6-desktop {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important
    }

    .p-right-6-desktop {
        padding-right: 6rem !important
    }

    .m-right-6-desktop {
        margin-right: 6rem !important
    }
}

.p-7 {
    padding: 7rem !important
}

.p-x-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important
}

.p-y-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important
}

.m-7 {
    margin: 7rem !important
}

.m-x-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important
}

.m-y-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important
}

.p-top-7 {
    padding-top: 7rem !important
}

.m-top-7 {
    margin-top: 7rem !important
}

@media screen and (max-width:768px) {
    .p-7-mobile {
        padding: 7rem !important
    }

    .p-x-7-mobile {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-mobile {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-mobile {
        margin: 7rem !important
    }

    .m-x-7-mobile {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-mobile {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-top-7-mobile {
        padding-top: 7rem !important
    }

    .m-top-7-mobile {
        margin-top: 7rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 7rem !important
    }

    .p-x-7-tablet {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-tablet {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-tablet {
        margin: 7rem !important
    }

    .m-x-7-tablet {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-tablet {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-top-7-tablet {
        padding-top: 7rem !important
    }

    .m-top-7-tablet {
        margin-top: 7rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 7rem !important
    }

    .p-x-7-touch {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-touch {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-touch {
        margin: 7rem !important
    }

    .m-x-7-touch {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-touch {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-top-7-touch {
        padding-top: 7rem !important
    }

    .m-top-7-touch {
        margin-top: 7rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-7-desktop {
        padding: 7rem !important
    }

    .p-x-7-desktop {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-desktop {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-desktop {
        margin: 7rem !important
    }

    .m-x-7-desktop {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-desktop {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-top-7-desktop {
        padding-top: 7rem !important
    }

    .m-top-7-desktop {
        margin-top: 7rem !important
    }
}

.p-left-7 {
    padding-left: 7rem !important
}

.m-left-7 {
    margin-left: 7rem !important
}

@media screen and (max-width:768px) {
    .p-7-mobile {
        padding: 7rem !important
    }

    .p-x-7-mobile {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-mobile {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-mobile {
        margin: 7rem !important
    }

    .m-x-7-mobile {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-mobile {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-left-7-mobile {
        padding-left: 7rem !important
    }

    .m-left-7-mobile {
        margin-left: 7rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 7rem !important
    }

    .p-x-7-tablet {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-tablet {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-tablet {
        margin: 7rem !important
    }

    .m-x-7-tablet {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-tablet {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-left-7-tablet {
        padding-left: 7rem !important
    }

    .m-left-7-tablet {
        margin-left: 7rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 7rem !important
    }

    .p-x-7-touch {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-touch {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-touch {
        margin: 7rem !important
    }

    .m-x-7-touch {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-touch {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-left-7-touch {
        padding-left: 7rem !important
    }

    .m-left-7-touch {
        margin-left: 7rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-7-desktop {
        padding: 7rem !important
    }

    .p-x-7-desktop {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-desktop {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-desktop {
        margin: 7rem !important
    }

    .m-x-7-desktop {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-desktop {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-left-7-desktop {
        padding-left: 7rem !important
    }

    .m-left-7-desktop {
        margin-left: 7rem !important
    }
}

.p-bottom-7 {
    padding-bottom: 7rem !important
}

.m-bottom-7 {
    margin-bottom: 7rem !important
}

@media screen and (max-width:768px) {
    .p-7-mobile {
        padding: 7rem !important
    }

    .p-x-7-mobile {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-mobile {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-mobile {
        margin: 7rem !important
    }

    .m-x-7-mobile {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-mobile {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-bottom-7-mobile {
        padding-bottom: 7rem !important
    }

    .m-bottom-7-mobile {
        margin-bottom: 7rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 7rem !important
    }

    .p-x-7-tablet {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-tablet {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-tablet {
        margin: 7rem !important
    }

    .m-x-7-tablet {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-tablet {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-bottom-7-tablet {
        padding-bottom: 7rem !important
    }

    .m-bottom-7-tablet {
        margin-bottom: 7rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 7rem !important
    }

    .p-x-7-touch {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-touch {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-touch {
        margin: 7rem !important
    }

    .m-x-7-touch {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-touch {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-bottom-7-touch {
        padding-bottom: 7rem !important
    }

    .m-bottom-7-touch {
        margin-bottom: 7rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-7-desktop {
        padding: 7rem !important
    }

    .p-x-7-desktop {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-desktop {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-desktop {
        margin: 7rem !important
    }

    .m-x-7-desktop {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-desktop {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-bottom-7-desktop {
        padding-bottom: 7rem !important
    }

    .m-bottom-7-desktop {
        margin-bottom: 7rem !important
    }
}

.p-right-7 {
    padding-right: 7rem !important
}

.m-right-7 {
    margin-right: 7rem !important
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 7rem !important
    }

    .p-x-7-tablet {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-tablet {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-tablet {
        margin: 7rem !important
    }

    .m-x-7-tablet {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-tablet {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 7rem !important
    }

    .p-x-7-touch {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-touch {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-touch {
        margin: 7rem !important
    }

    .m-x-7-touch {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-touch {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }
}

@media screen and (max-width:768px) {
    .p-7-mobile {
        padding: 7rem !important
    }

    .p-x-7-mobile {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-mobile {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-mobile {
        margin: 7rem !important
    }

    .m-x-7-mobile {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-mobile {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-right-7-mobile {
        padding-right: 7rem !important
    }

    .m-right-7-mobile {
        margin-right: 7rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-7-tablet {
        padding: 7rem !important
    }

    .p-x-7-tablet {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-tablet {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-tablet {
        margin: 7rem !important
    }

    .m-x-7-tablet {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-tablet {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-right-7-tablet {
        padding-right: 7rem !important
    }

    .m-right-7-tablet {
        margin-right: 7rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-7-touch {
        padding: 7rem !important
    }

    .p-x-7-touch {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-touch {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-touch {
        margin: 7rem !important
    }

    .m-x-7-touch {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-touch {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-right-7-touch {
        padding-right: 7rem !important
    }

    .m-right-7-touch {
        margin-right: 7rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-7-desktop {
        padding: 7rem !important
    }

    .p-x-7-desktop {
        padding-left: 7rem !important;
        padding-right: 7rem !important
    }

    .p-y-7-desktop {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .m-7-desktop {
        margin: 7rem !important
    }

    .m-x-7-desktop {
        margin-left: 7rem !important;
        margin-right: 7rem !important
    }

    .m-y-7-desktop {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .p-right-7-desktop {
        padding-right: 7rem !important
    }

    .m-right-7-desktop {
        margin-right: 7rem !important
    }
}

.p-8 {
    padding: 8rem !important
}

.p-x-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important
}

.p-y-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important
}

.m-8 {
    margin: 8rem !important
}

.m-x-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important
}

.m-y-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important
}

.p-top-8 {
    padding-top: 8rem !important
}

.m-top-8 {
    margin-top: 8rem !important
}

@media screen and (max-width:768px) {
    .p-8-mobile {
        padding: 8rem !important
    }

    .p-x-8-mobile {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-mobile {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-mobile {
        margin: 8rem !important
    }

    .m-x-8-mobile {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-mobile {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-top-8-mobile {
        padding-top: 8rem !important
    }

    .m-top-8-mobile {
        margin-top: 8rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 8rem !important
    }

    .p-x-8-tablet {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-tablet {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-tablet {
        margin: 8rem !important
    }

    .m-x-8-tablet {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-tablet {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-top-8-tablet {
        padding-top: 8rem !important
    }

    .m-top-8-tablet {
        margin-top: 8rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 8rem !important
    }

    .p-x-8-touch {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-touch {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-touch {
        margin: 8rem !important
    }

    .m-x-8-touch {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-touch {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-top-8-touch {
        padding-top: 8rem !important
    }

    .m-top-8-touch {
        margin-top: 8rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-8-desktop {
        padding: 8rem !important
    }

    .p-x-8-desktop {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-desktop {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-desktop {
        margin: 8rem !important
    }

    .m-x-8-desktop {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-desktop {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-top-8-desktop {
        padding-top: 8rem !important
    }

    .m-top-8-desktop {
        margin-top: 8rem !important
    }
}

.p-left-8 {
    padding-left: 8rem !important
}

.m-left-8 {
    margin-left: 8rem !important
}

@media screen and (max-width:768px) {
    .p-8-mobile {
        padding: 8rem !important
    }

    .p-x-8-mobile {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-mobile {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-mobile {
        margin: 8rem !important
    }

    .m-x-8-mobile {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-mobile {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-left-8-mobile {
        padding-left: 8rem !important
    }

    .m-left-8-mobile {
        margin-left: 8rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 8rem !important
    }

    .p-x-8-tablet {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-tablet {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-tablet {
        margin: 8rem !important
    }

    .m-x-8-tablet {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-tablet {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-left-8-tablet {
        padding-left: 8rem !important
    }

    .m-left-8-tablet {
        margin-left: 8rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 8rem !important
    }

    .p-x-8-touch {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-touch {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-touch {
        margin: 8rem !important
    }

    .m-x-8-touch {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-touch {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-left-8-touch {
        padding-left: 8rem !important
    }

    .m-left-8-touch {
        margin-left: 8rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-8-desktop {
        padding: 8rem !important
    }

    .p-x-8-desktop {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-desktop {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-desktop {
        margin: 8rem !important
    }

    .m-x-8-desktop {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-desktop {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-left-8-desktop {
        padding-left: 8rem !important
    }

    .m-left-8-desktop {
        margin-left: 8rem !important
    }
}

.p-bottom-8 {
    padding-bottom: 8rem !important
}

.m-bottom-8 {
    margin-bottom: 8rem !important
}

@media screen and (max-width:768px) {
    .p-8-mobile {
        padding: 8rem !important
    }

    .p-x-8-mobile {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-mobile {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-mobile {
        margin: 8rem !important
    }

    .m-x-8-mobile {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-mobile {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-bottom-8-mobile {
        padding-bottom: 8rem !important
    }

    .m-bottom-8-mobile {
        margin-bottom: 8rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 8rem !important
    }

    .p-x-8-tablet {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-tablet {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-tablet {
        margin: 8rem !important
    }

    .m-x-8-tablet {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-tablet {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-bottom-8-tablet {
        padding-bottom: 8rem !important
    }

    .m-bottom-8-tablet {
        margin-bottom: 8rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 8rem !important
    }

    .p-x-8-touch {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-touch {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-touch {
        margin: 8rem !important
    }

    .m-x-8-touch {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-touch {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-bottom-8-touch {
        padding-bottom: 8rem !important
    }

    .m-bottom-8-touch {
        margin-bottom: 8rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-8-desktop {
        padding: 8rem !important
    }

    .p-x-8-desktop {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-desktop {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-desktop {
        margin: 8rem !important
    }

    .m-x-8-desktop {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-desktop {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-bottom-8-desktop {
        padding-bottom: 8rem !important
    }

    .m-bottom-8-desktop {
        margin-bottom: 8rem !important
    }
}

.p-right-8 {
    padding-right: 8rem !important
}

.m-right-8 {
    margin-right: 8rem !important
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 8rem !important
    }

    .p-x-8-tablet {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-tablet {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-tablet {
        margin: 8rem !important
    }

    .m-x-8-tablet {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-tablet {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 8rem !important
    }

    .p-x-8-touch {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-touch {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-touch {
        margin: 8rem !important
    }

    .m-x-8-touch {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-touch {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }
}

@media screen and (max-width:768px) {
    .p-8-mobile {
        padding: 8rem !important
    }

    .p-x-8-mobile {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-mobile {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-mobile {
        margin: 8rem !important
    }

    .m-x-8-mobile {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-mobile {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-right-8-mobile {
        padding-right: 8rem !important
    }

    .m-right-8-mobile {
        margin-right: 8rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-8-tablet {
        padding: 8rem !important
    }

    .p-x-8-tablet {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-tablet {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-tablet {
        margin: 8rem !important
    }

    .m-x-8-tablet {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-tablet {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-right-8-tablet {
        padding-right: 8rem !important
    }

    .m-right-8-tablet {
        margin-right: 8rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-8-touch {
        padding: 8rem !important
    }

    .p-x-8-touch {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-touch {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-touch {
        margin: 8rem !important
    }

    .m-x-8-touch {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-touch {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-right-8-touch {
        padding-right: 8rem !important
    }

    .m-right-8-touch {
        margin-right: 8rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-8-desktop {
        padding: 8rem !important
    }

    .p-x-8-desktop {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .p-y-8-desktop {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important
    }

    .m-8-desktop {
        margin: 8rem !important
    }

    .m-x-8-desktop {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .m-y-8-desktop {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important
    }

    .p-right-8-desktop {
        padding-right: 8rem !important
    }

    .m-right-8-desktop {
        margin-right: 8rem !important
    }
}

.p-9 {
    padding: 9rem !important
}

.p-x-9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important
}

.p-y-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important
}

.m-9 {
    margin: 9rem !important
}

.m-x-9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important
}

.m-y-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important
}

.p-top-9 {
    padding-top: 9rem !important
}

.m-top-9 {
    margin-top: 9rem !important
}

@media screen and (max-width:768px) {
    .p-9-mobile {
        padding: 9rem !important
    }

    .p-x-9-mobile {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-mobile {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-mobile {
        margin: 9rem !important
    }

    .m-x-9-mobile {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-mobile {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-top-9-mobile {
        padding-top: 9rem !important
    }

    .m-top-9-mobile {
        margin-top: 9rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 9rem !important
    }

    .p-x-9-tablet {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-tablet {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-tablet {
        margin: 9rem !important
    }

    .m-x-9-tablet {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-tablet {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-top-9-tablet {
        padding-top: 9rem !important
    }

    .m-top-9-tablet {
        margin-top: 9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 9rem !important
    }

    .p-x-9-touch {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-touch {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-touch {
        margin: 9rem !important
    }

    .m-x-9-touch {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-touch {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-top-9-touch {
        padding-top: 9rem !important
    }

    .m-top-9-touch {
        margin-top: 9rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-9-desktop {
        padding: 9rem !important
    }

    .p-x-9-desktop {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-desktop {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-desktop {
        margin: 9rem !important
    }

    .m-x-9-desktop {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-desktop {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-top-9-desktop {
        padding-top: 9rem !important
    }

    .m-top-9-desktop {
        margin-top: 9rem !important
    }
}

.p-left-9 {
    padding-left: 9rem !important
}

.m-left-9 {
    margin-left: 9rem !important
}

@media screen and (max-width:768px) {
    .p-9-mobile {
        padding: 9rem !important
    }

    .p-x-9-mobile {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-mobile {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-mobile {
        margin: 9rem !important
    }

    .m-x-9-mobile {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-mobile {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-left-9-mobile {
        padding-left: 9rem !important
    }

    .m-left-9-mobile {
        margin-left: 9rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 9rem !important
    }

    .p-x-9-tablet {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-tablet {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-tablet {
        margin: 9rem !important
    }

    .m-x-9-tablet {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-tablet {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-left-9-tablet {
        padding-left: 9rem !important
    }

    .m-left-9-tablet {
        margin-left: 9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 9rem !important
    }

    .p-x-9-touch {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-touch {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-touch {
        margin: 9rem !important
    }

    .m-x-9-touch {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-touch {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-left-9-touch {
        padding-left: 9rem !important
    }

    .m-left-9-touch {
        margin-left: 9rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-9-desktop {
        padding: 9rem !important
    }

    .p-x-9-desktop {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-desktop {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-desktop {
        margin: 9rem !important
    }

    .m-x-9-desktop {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-desktop {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-left-9-desktop {
        padding-left: 9rem !important
    }

    .m-left-9-desktop {
        margin-left: 9rem !important
    }
}

.p-bottom-9 {
    padding-bottom: 9rem !important
}

.m-bottom-9 {
    margin-bottom: 9rem !important
}

@media screen and (max-width:768px) {
    .p-9-mobile {
        padding: 9rem !important
    }

    .p-x-9-mobile {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-mobile {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-mobile {
        margin: 9rem !important
    }

    .m-x-9-mobile {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-mobile {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-bottom-9-mobile {
        padding-bottom: 9rem !important
    }

    .m-bottom-9-mobile {
        margin-bottom: 9rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 9rem !important
    }

    .p-x-9-tablet {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-tablet {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-tablet {
        margin: 9rem !important
    }

    .m-x-9-tablet {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-tablet {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-bottom-9-tablet {
        padding-bottom: 9rem !important
    }

    .m-bottom-9-tablet {
        margin-bottom: 9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 9rem !important
    }

    .p-x-9-touch {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-touch {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-touch {
        margin: 9rem !important
    }

    .m-x-9-touch {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-touch {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-bottom-9-touch {
        padding-bottom: 9rem !important
    }

    .m-bottom-9-touch {
        margin-bottom: 9rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-9-desktop {
        padding: 9rem !important
    }

    .p-x-9-desktop {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-desktop {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-desktop {
        margin: 9rem !important
    }

    .m-x-9-desktop {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-desktop {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-bottom-9-desktop {
        padding-bottom: 9rem !important
    }

    .m-bottom-9-desktop {
        margin-bottom: 9rem !important
    }
}

.p-right-9 {
    padding-right: 9rem !important
}

.m-right-9 {
    margin-right: 9rem !important
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 9rem !important
    }

    .p-x-9-tablet {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-tablet {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-tablet {
        margin: 9rem !important
    }

    .m-x-9-tablet {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-tablet {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 9rem !important
    }

    .p-x-9-touch {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-touch {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-touch {
        margin: 9rem !important
    }

    .m-x-9-touch {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-touch {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }
}

@media screen and (max-width:768px) {
    .p-9-mobile {
        padding: 9rem !important
    }

    .p-x-9-mobile {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-mobile {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-mobile {
        margin: 9rem !important
    }

    .m-x-9-mobile {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-mobile {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-right-9-mobile {
        padding-right: 9rem !important
    }

    .m-right-9-mobile {
        margin-right: 9rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-9-tablet {
        padding: 9rem !important
    }

    .p-x-9-tablet {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-tablet {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-tablet {
        margin: 9rem !important
    }

    .m-x-9-tablet {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-tablet {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-right-9-tablet {
        padding-right: 9rem !important
    }

    .m-right-9-tablet {
        margin-right: 9rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-9-touch {
        padding: 9rem !important
    }

    .p-x-9-touch {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-touch {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-touch {
        margin: 9rem !important
    }

    .m-x-9-touch {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-touch {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-right-9-touch {
        padding-right: 9rem !important
    }

    .m-right-9-touch {
        margin-right: 9rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-9-desktop {
        padding: 9rem !important
    }

    .p-x-9-desktop {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

    .p-y-9-desktop {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important
    }

    .m-9-desktop {
        margin: 9rem !important
    }

    .m-x-9-desktop {
        margin-left: 9rem !important;
        margin-right: 9rem !important
    }

    .m-y-9-desktop {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important
    }

    .p-right-9-desktop {
        padding-right: 9rem !important
    }

    .m-right-9-desktop {
        margin-right: 9rem !important
    }
}

.p-10 {
    padding: 10rem !important
}

.p-x-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important
}

.p-y-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important
}

.m-10 {
    margin: 10rem !important
}

.m-x-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important
}

.m-y-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important
}

.p-top-10 {
    padding-top: 10rem !important
}

.m-top-10 {
    margin-top: 10rem !important
}

@media screen and (max-width:768px) {
    .p-10-mobile {
        padding: 10rem !important
    }

    .p-x-10-mobile {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-mobile {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-mobile {
        margin: 10rem !important
    }

    .m-x-10-mobile {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-mobile {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-top-10-mobile {
        padding-top: 10rem !important
    }

    .m-top-10-mobile {
        margin-top: 10rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 10rem !important
    }

    .p-x-10-tablet {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-tablet {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-tablet {
        margin: 10rem !important
    }

    .m-x-10-tablet {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-tablet {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-top-10-tablet {
        padding-top: 10rem !important
    }

    .m-top-10-tablet {
        margin-top: 10rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 10rem !important
    }

    .p-x-10-touch {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-touch {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-touch {
        margin: 10rem !important
    }

    .m-x-10-touch {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-touch {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-top-10-touch {
        padding-top: 10rem !important
    }

    .m-top-10-touch {
        margin-top: 10rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-10-desktop {
        padding: 10rem !important
    }

    .p-x-10-desktop {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-desktop {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-desktop {
        margin: 10rem !important
    }

    .m-x-10-desktop {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-desktop {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-top-10-desktop {
        padding-top: 10rem !important
    }

    .m-top-10-desktop {
        margin-top: 10rem !important
    }
}

.p-left-10 {
    padding-left: 10rem !important
}

.m-left-10 {
    margin-left: 10rem !important
}

@media screen and (max-width:768px) {
    .p-10-mobile {
        padding: 10rem !important
    }

    .p-x-10-mobile {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-mobile {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-mobile {
        margin: 10rem !important
    }

    .m-x-10-mobile {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-mobile {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-left-10-mobile {
        padding-left: 10rem !important
    }

    .m-left-10-mobile {
        margin-left: 10rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 10rem !important
    }

    .p-x-10-tablet {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-tablet {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-tablet {
        margin: 10rem !important
    }

    .m-x-10-tablet {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-tablet {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-left-10-tablet {
        padding-left: 10rem !important
    }

    .m-left-10-tablet {
        margin-left: 10rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 10rem !important
    }

    .p-x-10-touch {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-touch {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-touch {
        margin: 10rem !important
    }

    .m-x-10-touch {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-touch {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-left-10-touch {
        padding-left: 10rem !important
    }

    .m-left-10-touch {
        margin-left: 10rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-10-desktop {
        padding: 10rem !important
    }

    .p-x-10-desktop {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-desktop {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-desktop {
        margin: 10rem !important
    }

    .m-x-10-desktop {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-desktop {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-left-10-desktop {
        padding-left: 10rem !important
    }

    .m-left-10-desktop {
        margin-left: 10rem !important
    }
}

.p-bottom-10 {
    padding-bottom: 10rem !important
}

.m-bottom-10 {
    margin-bottom: 10rem !important
}

@media screen and (max-width:768px) {
    .p-10-mobile {
        padding: 10rem !important
    }

    .p-x-10-mobile {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-mobile {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-mobile {
        margin: 10rem !important
    }

    .m-x-10-mobile {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-mobile {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-bottom-10-mobile {
        padding-bottom: 10rem !important
    }

    .m-bottom-10-mobile {
        margin-bottom: 10rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 10rem !important
    }

    .p-x-10-tablet {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-tablet {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-tablet {
        margin: 10rem !important
    }

    .m-x-10-tablet {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-tablet {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-bottom-10-tablet {
        padding-bottom: 10rem !important
    }

    .m-bottom-10-tablet {
        margin-bottom: 10rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 10rem !important
    }

    .p-x-10-touch {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-touch {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-touch {
        margin: 10rem !important
    }

    .m-x-10-touch {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-touch {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-bottom-10-touch {
        padding-bottom: 10rem !important
    }

    .m-bottom-10-touch {
        margin-bottom: 10rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-10-desktop {
        padding: 10rem !important
    }

    .p-x-10-desktop {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-desktop {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-desktop {
        margin: 10rem !important
    }

    .m-x-10-desktop {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-desktop {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-bottom-10-desktop {
        padding-bottom: 10rem !important
    }

    .m-bottom-10-desktop {
        margin-bottom: 10rem !important
    }
}

.p-right-10 {
    padding-right: 10rem !important
}

.m-right-10 {
    margin-right: 10rem !important
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 10rem !important
    }

    .p-x-10-tablet {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-tablet {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-tablet {
        margin: 10rem !important
    }

    .m-x-10-tablet {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-tablet {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 10rem !important
    }

    .p-x-10-touch {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-touch {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-touch {
        margin: 10rem !important
    }

    .m-x-10-touch {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-touch {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }
}

@media screen and (max-width:768px) {
    .p-10-mobile {
        padding: 10rem !important
    }

    .p-x-10-mobile {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-mobile {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-mobile {
        margin: 10rem !important
    }

    .m-x-10-mobile {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-mobile {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-right-10-mobile {
        padding-right: 10rem !important
    }

    .m-right-10-mobile {
        margin-right: 10rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-10-tablet {
        padding: 10rem !important
    }

    .p-x-10-tablet {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-tablet {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-tablet {
        margin: 10rem !important
    }

    .m-x-10-tablet {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-tablet {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-right-10-tablet {
        padding-right: 10rem !important
    }

    .m-right-10-tablet {
        margin-right: 10rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-10-touch {
        padding: 10rem !important
    }

    .p-x-10-touch {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-touch {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-touch {
        margin: 10rem !important
    }

    .m-x-10-touch {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-touch {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-right-10-touch {
        padding-right: 10rem !important
    }

    .m-right-10-touch {
        margin-right: 10rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-10-desktop {
        padding: 10rem !important
    }

    .p-x-10-desktop {
        padding-left: 10rem !important;
        padding-right: 10rem !important
    }

    .p-y-10-desktop {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important
    }

    .m-10-desktop {
        margin: 10rem !important
    }

    .m-x-10-desktop {
        margin-left: 10rem !important;
        margin-right: 10rem !important
    }

    .m-y-10-desktop {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important
    }

    .p-right-10-desktop {
        padding-right: 10rem !important
    }

    .m-right-10-desktop {
        margin-right: 10rem !important
    }
}

.p-12 {
    padding: 12rem !important
}

.p-x-12 {
    padding-left: 12rem !important;
    padding-right: 12rem !important
}

.p-y-12 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important
}

.m-12 {
    margin: 12rem !important
}

.m-x-12 {
    margin-left: 12rem !important;
    margin-right: 12rem !important
}

.m-y-12 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important
}

.p-top-12 {
    padding-top: 12rem !important
}

.m-top-12 {
    margin-top: 12rem !important
}

@media screen and (max-width:768px) {
    .p-12-mobile {
        padding: 12rem !important
    }

    .p-x-12-mobile {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-mobile {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-mobile {
        margin: 12rem !important
    }

    .m-x-12-mobile {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-mobile {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-top-12-mobile {
        padding-top: 12rem !important
    }

    .m-top-12-mobile {
        margin-top: 12rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 12rem !important
    }

    .p-x-12-tablet {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-tablet {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-tablet {
        margin: 12rem !important
    }

    .m-x-12-tablet {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-tablet {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-top-12-tablet {
        padding-top: 12rem !important
    }

    .m-top-12-tablet {
        margin-top: 12rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 12rem !important
    }

    .p-x-12-touch {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-touch {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-touch {
        margin: 12rem !important
    }

    .m-x-12-touch {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-touch {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-top-12-touch {
        padding-top: 12rem !important
    }

    .m-top-12-touch {
        margin-top: 12rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-12-desktop {
        padding: 12rem !important
    }

    .p-x-12-desktop {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-desktop {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-desktop {
        margin: 12rem !important
    }

    .m-x-12-desktop {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-desktop {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-top-12-desktop {
        padding-top: 12rem !important
    }

    .m-top-12-desktop {
        margin-top: 12rem !important
    }
}

.p-left-12 {
    padding-left: 12rem !important
}

.m-left-12 {
    margin-left: 12rem !important
}

@media screen and (max-width:768px) {
    .p-12-mobile {
        padding: 12rem !important
    }

    .p-x-12-mobile {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-mobile {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-mobile {
        margin: 12rem !important
    }

    .m-x-12-mobile {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-mobile {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-left-12-mobile {
        padding-left: 12rem !important
    }

    .m-left-12-mobile {
        margin-left: 12rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 12rem !important
    }

    .p-x-12-tablet {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-tablet {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-tablet {
        margin: 12rem !important
    }

    .m-x-12-tablet {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-tablet {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-left-12-tablet {
        padding-left: 12rem !important
    }

    .m-left-12-tablet {
        margin-left: 12rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 12rem !important
    }

    .p-x-12-touch {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-touch {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-touch {
        margin: 12rem !important
    }

    .m-x-12-touch {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-touch {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-left-12-touch {
        padding-left: 12rem !important
    }

    .m-left-12-touch {
        margin-left: 12rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-12-desktop {
        padding: 12rem !important
    }

    .p-x-12-desktop {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-desktop {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-desktop {
        margin: 12rem !important
    }

    .m-x-12-desktop {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-desktop {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-left-12-desktop {
        padding-left: 12rem !important
    }

    .m-left-12-desktop {
        margin-left: 12rem !important
    }
}

.p-bottom-12 {
    padding-bottom: 12rem !important
}

.m-bottom-12 {
    margin-bottom: 12rem !important
}

@media screen and (max-width:768px) {
    .p-12-mobile {
        padding: 12rem !important
    }

    .p-x-12-mobile {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-mobile {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-mobile {
        margin: 12rem !important
    }

    .m-x-12-mobile {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-mobile {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-bottom-12-mobile {
        padding-bottom: 12rem !important
    }

    .m-bottom-12-mobile {
        margin-bottom: 12rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 12rem !important
    }

    .p-x-12-tablet {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-tablet {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-tablet {
        margin: 12rem !important
    }

    .m-x-12-tablet {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-tablet {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-bottom-12-tablet {
        padding-bottom: 12rem !important
    }

    .m-bottom-12-tablet {
        margin-bottom: 12rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 12rem !important
    }

    .p-x-12-touch {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-touch {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-touch {
        margin: 12rem !important
    }

    .m-x-12-touch {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-touch {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-bottom-12-touch {
        padding-bottom: 12rem !important
    }

    .m-bottom-12-touch {
        margin-bottom: 12rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-12-desktop {
        padding: 12rem !important
    }

    .p-x-12-desktop {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-desktop {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-desktop {
        margin: 12rem !important
    }

    .m-x-12-desktop {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-desktop {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-bottom-12-desktop {
        padding-bottom: 12rem !important
    }

    .m-bottom-12-desktop {
        margin-bottom: 12rem !important
    }
}

.p-right-12 {
    padding-right: 12rem !important
}

.m-right-12 {
    margin-right: 12rem !important
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 12rem !important
    }

    .p-x-12-tablet {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-tablet {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-tablet {
        margin: 12rem !important
    }

    .m-x-12-tablet {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-tablet {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 12rem !important
    }

    .p-x-12-touch {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-touch {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-touch {
        margin: 12rem !important
    }

    .m-x-12-touch {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-touch {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }
}

@media screen and (max-width:768px) {
    .p-12-mobile {
        padding: 12rem !important
    }

    .p-x-12-mobile {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-mobile {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-mobile {
        margin: 12rem !important
    }

    .m-x-12-mobile {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-mobile {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-right-12-mobile {
        padding-right: 12rem !important
    }

    .m-right-12-mobile {
        margin-right: 12rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-12-tablet {
        padding: 12rem !important
    }

    .p-x-12-tablet {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-tablet {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-tablet {
        margin: 12rem !important
    }

    .m-x-12-tablet {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-tablet {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-right-12-tablet {
        padding-right: 12rem !important
    }

    .m-right-12-tablet {
        margin-right: 12rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-12-touch {
        padding: 12rem !important
    }

    .p-x-12-touch {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-touch {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-touch {
        margin: 12rem !important
    }

    .m-x-12-touch {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-touch {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-right-12-touch {
        padding-right: 12rem !important
    }

    .m-right-12-touch {
        margin-right: 12rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-12-desktop {
        padding: 12rem !important
    }

    .p-x-12-desktop {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }

    .p-y-12-desktop {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important
    }

    .m-12-desktop {
        margin: 12rem !important
    }

    .m-x-12-desktop {
        margin-left: 12rem !important;
        margin-right: 12rem !important
    }

    .m-y-12-desktop {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important
    }

    .p-right-12-desktop {
        padding-right: 12rem !important
    }

    .m-right-12-desktop {
        margin-right: 12rem !important
    }
}

.p-l {
    padding: 15rem !important
}

.p-x-l {
    padding-left: 15rem !important;
    padding-right: 15rem !important
}

.p-y-l {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important
}

.m-l {
    margin: 15rem !important
}

.m-x-l {
    margin-left: 15rem !important;
    margin-right: 15rem !important
}

.m-y-l {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important
}

.p-top-l {
    padding-top: 15rem !important
}

.m-top-l {
    margin-top: 15rem !important
}

@media screen and (max-width:768px) {
    .p-l-mobile {
        padding: 15rem !important
    }

    .p-x-l-mobile {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-mobile {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-mobile {
        margin: 15rem !important
    }

    .m-x-l-mobile {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-mobile {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-top-l-mobile {
        padding-top: 15rem !important
    }

    .m-top-l-mobile {
        margin-top: 15rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 15rem !important
    }

    .p-x-l-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-tablet {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-tablet {
        margin: 15rem !important
    }

    .m-x-l-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-tablet {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-top-l-tablet {
        padding-top: 15rem !important
    }

    .m-top-l-tablet {
        margin-top: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 15rem !important
    }

    .p-x-l-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-touch {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-touch {
        margin: 15rem !important
    }

    .m-x-l-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-touch {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-top-l-touch {
        padding-top: 15rem !important
    }

    .m-top-l-touch {
        margin-top: 15rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-l-desktop {
        padding: 15rem !important
    }

    .p-x-l-desktop {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-desktop {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-desktop {
        margin: 15rem !important
    }

    .m-x-l-desktop {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-desktop {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-top-l-desktop {
        padding-top: 15rem !important
    }

    .m-top-l-desktop {
        margin-top: 15rem !important
    }
}

.p-left-l {
    padding-left: 15rem !important
}

.m-left-l {
    margin-left: 15rem !important
}

@media screen and (max-width:768px) {
    .p-l-mobile {
        padding: 15rem !important
    }

    .p-x-l-mobile {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-mobile {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-mobile {
        margin: 15rem !important
    }

    .m-x-l-mobile {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-mobile {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-left-l-mobile {
        padding-left: 15rem !important
    }

    .m-left-l-mobile {
        margin-left: 15rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 15rem !important
    }

    .p-x-l-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-tablet {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-tablet {
        margin: 15rem !important
    }

    .m-x-l-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-tablet {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-left-l-tablet {
        padding-left: 15rem !important
    }

    .m-left-l-tablet {
        margin-left: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 15rem !important
    }

    .p-x-l-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-touch {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-touch {
        margin: 15rem !important
    }

    .m-x-l-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-touch {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-left-l-touch {
        padding-left: 15rem !important
    }

    .m-left-l-touch {
        margin-left: 15rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-l-desktop {
        padding: 15rem !important
    }

    .p-x-l-desktop {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-desktop {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-desktop {
        margin: 15rem !important
    }

    .m-x-l-desktop {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-desktop {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-left-l-desktop {
        padding-left: 15rem !important
    }

    .m-left-l-desktop {
        margin-left: 15rem !important
    }
}

.p-bottom-l {
    padding-bottom: 15rem !important
}

.m-bottom-l {
    margin-bottom: 15rem !important
}

@media screen and (max-width:768px) {
    .p-l-mobile {
        padding: 15rem !important
    }

    .p-x-l-mobile {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-mobile {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-mobile {
        margin: 15rem !important
    }

    .m-x-l-mobile {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-mobile {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-bottom-l-mobile {
        padding-bottom: 15rem !important
    }

    .m-bottom-l-mobile {
        margin-bottom: 15rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 15rem !important
    }

    .p-x-l-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-tablet {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-tablet {
        margin: 15rem !important
    }

    .m-x-l-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-tablet {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-bottom-l-tablet {
        padding-bottom: 15rem !important
    }

    .m-bottom-l-tablet {
        margin-bottom: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 15rem !important
    }

    .p-x-l-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-touch {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-touch {
        margin: 15rem !important
    }

    .m-x-l-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-touch {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-bottom-l-touch {
        padding-bottom: 15rem !important
    }

    .m-bottom-l-touch {
        margin-bottom: 15rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-l-desktop {
        padding: 15rem !important
    }

    .p-x-l-desktop {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-desktop {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-desktop {
        margin: 15rem !important
    }

    .m-x-l-desktop {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-desktop {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-bottom-l-desktop {
        padding-bottom: 15rem !important
    }

    .m-bottom-l-desktop {
        margin-bottom: 15rem !important
    }
}

.p-right-l {
    padding-right: 15rem !important
}

.m-right-l {
    margin-right: 15rem !important
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 15rem !important
    }

    .p-x-l-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-tablet {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-tablet {
        margin: 15rem !important
    }

    .m-x-l-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-tablet {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 15rem !important
    }

    .p-x-l-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-touch {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-touch {
        margin: 15rem !important
    }

    .m-x-l-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-touch {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }
}

@media screen and (max-width:768px) {
    .p-l-mobile {
        padding: 15rem !important
    }

    .p-x-l-mobile {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-mobile {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-mobile {
        margin: 15rem !important
    }

    .m-x-l-mobile {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-mobile {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-right-l-mobile {
        padding-right: 15rem !important
    }

    .m-right-l-mobile {
        margin-right: 15rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-l-tablet {
        padding: 15rem !important
    }

    .p-x-l-tablet {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-tablet {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-tablet {
        margin: 15rem !important
    }

    .m-x-l-tablet {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-tablet {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-right-l-tablet {
        padding-right: 15rem !important
    }

    .m-right-l-tablet {
        margin-right: 15rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-l-touch {
        padding: 15rem !important
    }

    .p-x-l-touch {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-touch {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-touch {
        margin: 15rem !important
    }

    .m-x-l-touch {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-touch {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-right-l-touch {
        padding-right: 15rem !important
    }

    .m-right-l-touch {
        margin-right: 15rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-l-desktop {
        padding: 15rem !important
    }

    .p-x-l-desktop {
        padding-left: 15rem !important;
        padding-right: 15rem !important
    }

    .p-y-l-desktop {
        padding-top: 15rem !important;
        padding-bottom: 15rem !important
    }

    .m-l-desktop {
        margin: 15rem !important
    }

    .m-x-l-desktop {
        margin-left: 15rem !important;
        margin-right: 15rem !important
    }

    .m-y-l-desktop {
        margin-top: 15rem !important;
        margin-bottom: 15rem !important
    }

    .p-right-l-desktop {
        padding-right: 15rem !important
    }

    .m-right-l-desktop {
        margin-right: 15rem !important
    }
}

.p-xl {
    padding: 30rem !important
}

.p-x-xl {
    padding-left: 30rem !important;
    padding-right: 30rem !important
}

.p-y-xl {
    padding-top: 30rem !important;
    padding-bottom: 30rem !important
}

.m-xl {
    margin: 30rem !important
}

.m-x-xl {
    margin-left: 30rem !important;
    margin-right: 30rem !important
}

.m-y-xl {
    margin-top: 30rem !important;
    margin-bottom: 30rem !important
}

.p-top-xl {
    padding-top: 30rem !important
}

.m-top-xl {
    margin-top: 30rem !important
}

@media screen and (max-width:768px) {
    .p-xl-mobile {
        padding: 30rem !important
    }

    .p-x-xl-mobile {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-mobile {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-mobile {
        margin: 30rem !important
    }

    .m-x-xl-mobile {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-mobile {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-top-xl-mobile {
        padding-top: 30rem !important
    }

    .m-top-xl-mobile {
        margin-top: 30rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 30rem !important
    }

    .p-x-xl-tablet {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-tablet {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-tablet {
        margin: 30rem !important
    }

    .m-x-xl-tablet {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-tablet {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-top-xl-tablet {
        padding-top: 30rem !important
    }

    .m-top-xl-tablet {
        margin-top: 30rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 30rem !important
    }

    .p-x-xl-touch {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-touch {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-touch {
        margin: 30rem !important
    }

    .m-x-xl-touch {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-touch {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-top-xl-touch {
        padding-top: 30rem !important
    }

    .m-top-xl-touch {
        margin-top: 30rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-xl-desktop {
        padding: 30rem !important
    }

    .p-x-xl-desktop {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-desktop {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-desktop {
        margin: 30rem !important
    }

    .m-x-xl-desktop {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-desktop {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-top-xl-desktop {
        padding-top: 30rem !important
    }

    .m-top-xl-desktop {
        margin-top: 30rem !important
    }
}

.p-left-xl {
    padding-left: 30rem !important
}

.m-left-xl {
    margin-left: 30rem !important
}

@media screen and (max-width:768px) {
    .p-xl-mobile {
        padding: 30rem !important
    }

    .p-x-xl-mobile {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-mobile {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-mobile {
        margin: 30rem !important
    }

    .m-x-xl-mobile {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-mobile {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-left-xl-mobile {
        padding-left: 30rem !important
    }

    .m-left-xl-mobile {
        margin-left: 30rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 30rem !important
    }

    .p-x-xl-tablet {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-tablet {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-tablet {
        margin: 30rem !important
    }

    .m-x-xl-tablet {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-tablet {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-left-xl-tablet {
        padding-left: 30rem !important
    }

    .m-left-xl-tablet {
        margin-left: 30rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 30rem !important
    }

    .p-x-xl-touch {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-touch {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-touch {
        margin: 30rem !important
    }

    .m-x-xl-touch {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-touch {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-left-xl-touch {
        padding-left: 30rem !important
    }

    .m-left-xl-touch {
        margin-left: 30rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-xl-desktop {
        padding: 30rem !important
    }

    .p-x-xl-desktop {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-desktop {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-desktop {
        margin: 30rem !important
    }

    .m-x-xl-desktop {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-desktop {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-left-xl-desktop {
        padding-left: 30rem !important
    }

    .m-left-xl-desktop {
        margin-left: 30rem !important
    }
}

.p-bottom-xl {
    padding-bottom: 30rem !important
}

.m-bottom-xl {
    margin-bottom: 30rem !important
}

@media screen and (max-width:768px) {
    .p-xl-mobile {
        padding: 30rem !important
    }

    .p-x-xl-mobile {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-mobile {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-mobile {
        margin: 30rem !important
    }

    .m-x-xl-mobile {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-mobile {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-bottom-xl-mobile {
        padding-bottom: 30rem !important
    }

    .m-bottom-xl-mobile {
        margin-bottom: 30rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 30rem !important
    }

    .p-x-xl-tablet {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-tablet {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-tablet {
        margin: 30rem !important
    }

    .m-x-xl-tablet {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-tablet {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-bottom-xl-tablet {
        padding-bottom: 30rem !important
    }

    .m-bottom-xl-tablet {
        margin-bottom: 30rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 30rem !important
    }

    .p-x-xl-touch {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-touch {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-touch {
        margin: 30rem !important
    }

    .m-x-xl-touch {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-touch {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-bottom-xl-touch {
        padding-bottom: 30rem !important
    }

    .m-bottom-xl-touch {
        margin-bottom: 30rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-xl-desktop {
        padding: 30rem !important
    }

    .p-x-xl-desktop {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-desktop {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-desktop {
        margin: 30rem !important
    }

    .m-x-xl-desktop {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-desktop {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-bottom-xl-desktop {
        padding-bottom: 30rem !important
    }

    .m-bottom-xl-desktop {
        margin-bottom: 30rem !important
    }
}

.p-right-xl {
    padding-right: 30rem !important
}

.m-right-xl {
    margin-right: 30rem !important
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 30rem !important
    }

    .p-x-xl-tablet {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-tablet {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-tablet {
        margin: 30rem !important
    }

    .m-x-xl-tablet {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-tablet {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 30rem !important
    }

    .p-x-xl-touch {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-touch {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-touch {
        margin: 30rem !important
    }

    .m-x-xl-touch {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-touch {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }
}

@media screen and (max-width:768px) {
    .p-xl-mobile {
        padding: 30rem !important
    }

    .p-x-xl-mobile {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-mobile {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-mobile {
        margin: 30rem !important
    }

    .m-x-xl-mobile {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-mobile {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-right-xl-mobile {
        padding-right: 30rem !important
    }

    .m-right-xl-mobile {
        margin-right: 30rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-xl-tablet {
        padding: 30rem !important
    }

    .p-x-xl-tablet {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-tablet {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-tablet {
        margin: 30rem !important
    }

    .m-x-xl-tablet {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-tablet {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-right-xl-tablet {
        padding-right: 30rem !important
    }

    .m-right-xl-tablet {
        margin-right: 30rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-xl-touch {
        padding: 30rem !important
    }

    .p-x-xl-touch {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-touch {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-touch {
        margin: 30rem !important
    }

    .m-x-xl-touch {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-touch {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-right-xl-touch {
        padding-right: 30rem !important
    }

    .m-right-xl-touch {
        margin-right: 30rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-xl-desktop {
        padding: 30rem !important
    }

    .p-x-xl-desktop {
        padding-left: 30rem !important;
        padding-right: 30rem !important
    }

    .p-y-xl-desktop {
        padding-top: 30rem !important;
        padding-bottom: 30rem !important
    }

    .m-xl-desktop {
        margin: 30rem !important
    }

    .m-x-xl-desktop {
        margin-left: 30rem !important;
        margin-right: 30rem !important
    }

    .m-y-xl-desktop {
        margin-top: 30rem !important;
        margin-bottom: 30rem !important
    }

    .p-right-xl-desktop {
        padding-right: 30rem !important
    }

    .m-right-xl-desktop {
        margin-right: 30rem !important
    }
}

.p-jumbo {
    padding: 60rem !important
}

.p-x-jumbo {
    padding-left: 60rem !important;
    padding-right: 60rem !important
}

.p-y-jumbo {
    padding-top: 60rem !important;
    padding-bottom: 60rem !important
}

.m-jumbo {
    margin: 60rem !important
}

.m-x-jumbo {
    margin-left: 60rem !important;
    margin-right: 60rem !important
}

.m-y-jumbo {
    margin-top: 60rem !important;
    margin-bottom: 60rem !important
}

.p-top-jumbo {
    padding-top: 60rem !important
}

.m-top-jumbo {
    margin-top: 60rem !important
}

@media screen and (max-width:768px) {
    .p-jumbo-mobile {
        padding: 60rem !important
    }

    .p-x-jumbo-mobile {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-mobile {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-mobile {
        margin: 60rem !important
    }

    .m-x-jumbo-mobile {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-mobile {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-top-jumbo-mobile {
        padding-top: 60rem !important
    }

    .m-top-jumbo-mobile {
        margin-top: 60rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 60rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-tablet {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-tablet {
        margin: 60rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-tablet {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-top-jumbo-tablet {
        padding-top: 60rem !important
    }

    .m-top-jumbo-tablet {
        margin-top: 60rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 60rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-touch {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-touch {
        margin: 60rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-touch {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-top-jumbo-touch {
        padding-top: 60rem !important
    }

    .m-top-jumbo-touch {
        margin-top: 60rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-jumbo-desktop {
        padding: 60rem !important
    }

    .p-x-jumbo-desktop {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-desktop {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-desktop {
        margin: 60rem !important
    }

    .m-x-jumbo-desktop {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-desktop {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-top-jumbo-desktop {
        padding-top: 60rem !important
    }

    .m-top-jumbo-desktop {
        margin-top: 60rem !important
    }
}

.p-left-jumbo {
    padding-left: 60rem !important
}

.m-left-jumbo {
    margin-left: 60rem !important
}

@media screen and (max-width:768px) {
    .p-jumbo-mobile {
        padding: 60rem !important
    }

    .p-x-jumbo-mobile {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-mobile {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-mobile {
        margin: 60rem !important
    }

    .m-x-jumbo-mobile {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-mobile {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-left-jumbo-mobile {
        padding-left: 60rem !important
    }

    .m-left-jumbo-mobile {
        margin-left: 60rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 60rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-tablet {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-tablet {
        margin: 60rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-tablet {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-left-jumbo-tablet {
        padding-left: 60rem !important
    }

    .m-left-jumbo-tablet {
        margin-left: 60rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 60rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-touch {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-touch {
        margin: 60rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-touch {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-left-jumbo-touch {
        padding-left: 60rem !important
    }

    .m-left-jumbo-touch {
        margin-left: 60rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-jumbo-desktop {
        padding: 60rem !important
    }

    .p-x-jumbo-desktop {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-desktop {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-desktop {
        margin: 60rem !important
    }

    .m-x-jumbo-desktop {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-desktop {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-left-jumbo-desktop {
        padding-left: 60rem !important
    }

    .m-left-jumbo-desktop {
        margin-left: 60rem !important
    }
}

.p-bottom-jumbo {
    padding-bottom: 60rem !important
}

.m-bottom-jumbo {
    margin-bottom: 60rem !important
}

@media screen and (max-width:768px) {
    .p-jumbo-mobile {
        padding: 60rem !important
    }

    .p-x-jumbo-mobile {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-mobile {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-mobile {
        margin: 60rem !important
    }

    .m-x-jumbo-mobile {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-mobile {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-bottom-jumbo-mobile {
        padding-bottom: 60rem !important
    }

    .m-bottom-jumbo-mobile {
        margin-bottom: 60rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 60rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-tablet {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-tablet {
        margin: 60rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-tablet {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-bottom-jumbo-tablet {
        padding-bottom: 60rem !important
    }

    .m-bottom-jumbo-tablet {
        margin-bottom: 60rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 60rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-touch {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-touch {
        margin: 60rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-touch {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-bottom-jumbo-touch {
        padding-bottom: 60rem !important
    }

    .m-bottom-jumbo-touch {
        margin-bottom: 60rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-jumbo-desktop {
        padding: 60rem !important
    }

    .p-x-jumbo-desktop {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-desktop {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-desktop {
        margin: 60rem !important
    }

    .m-x-jumbo-desktop {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-desktop {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-bottom-jumbo-desktop {
        padding-bottom: 60rem !important
    }

    .m-bottom-jumbo-desktop {
        margin-bottom: 60rem !important
    }
}

.p-right-jumbo {
    padding-right: 60rem !important
}

.m-right-jumbo {
    margin-right: 60rem !important
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 60rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-tablet {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-tablet {
        margin: 60rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-tablet {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 60rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-touch {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-touch {
        margin: 60rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-touch {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }
}

@media screen and (max-width:768px) {
    .p-jumbo-mobile {
        padding: 60rem !important
    }

    .p-x-jumbo-mobile {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-mobile {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-mobile {
        margin: 60rem !important
    }

    .m-x-jumbo-mobile {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-mobile {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-right-jumbo-mobile {
        padding-right: 60rem !important
    }

    .m-right-jumbo-mobile {
        margin-right: 60rem !important
    }
}

@media print,
screen and (min-width:769px) {
    .p-jumbo-tablet {
        padding: 60rem !important
    }

    .p-x-jumbo-tablet {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-tablet {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-tablet {
        margin: 60rem !important
    }

    .m-x-jumbo-tablet {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-tablet {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-right-jumbo-tablet {
        padding-right: 60rem !important
    }

    .m-right-jumbo-tablet {
        margin-right: 60rem !important
    }
}

@media screen and (max-width:1023px) {
    .p-jumbo-touch {
        padding: 60rem !important
    }

    .p-x-jumbo-touch {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-touch {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-touch {
        margin: 60rem !important
    }

    .m-x-jumbo-touch {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-touch {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-right-jumbo-touch {
        padding-right: 60rem !important
    }

    .m-right-jumbo-touch {
        margin-right: 60rem !important
    }
}

@media screen and (min-width:1024px) {
    .p-jumbo-desktop {
        padding: 60rem !important
    }

    .p-x-jumbo-desktop {
        padding-left: 60rem !important;
        padding-right: 60rem !important
    }

    .p-y-jumbo-desktop {
        padding-top: 60rem !important;
        padding-bottom: 60rem !important
    }

    .m-jumbo-desktop {
        margin: 60rem !important
    }

    .m-x-jumbo-desktop {
        margin-left: 60rem !important;
        margin-right: 60rem !important
    }

    .m-y-jumbo-desktop {
        margin-top: 60rem !important;
        margin-bottom: 60rem !important
    }

    .p-right-jumbo-desktop {
        padding-right: 60rem !important
    }

    .m-right-jumbo-desktop {
        margin-right: 60rem !important
    }
}

.base-text {
    font-size: 2.2rem
}

.base-text-small {
    font-size: 1.5rem
}

.break {
    display: block
}

.skip-link {
    position: absolute;
    top: -1000 rem;
    left: -1000rem;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden
}

.skip-link:active,
.skip-link:focus,
.skip-link:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible
}

.has-background-white {
    background-color: #fff !important
}

.has-text-white {
    color: #fff !important
}

.has-background-white-secondary {
    background-color: #fcfaf3 !important
}

.has-text-white-secondary {
    color: #fcfaf3 !important
}

.has-background-black {
    background-color: #01161e !important
}

.has-text-black {
    color: #01161e !important
}

.has-background-blue {
    background-color: #1362fb !important
}

.has-text-blue {
    color: #1362fb !important
}

.has-background-blue-light {
    background-color: #b3e5ff !important
}

.has-text-blue-light {
    color: #b3e5ff !important
}

.has-background-blue-shade-10 {
    background-color: #f8f9fc !important
}

.has-text-blue-shade-10 {
    color: #f8f9fc !important
}

.has-background-blue-shade-20 {
    background-color: #f0f5ff !important
}

.has-text-blue-shade-20 {
    color: #f0f5ff !important
}

.has-background-blue-shade-30 {
    background-color: #c1cee8 !important
}

.has-text-blue-shade-30 {
    color: #c1cee8 !important
}

.has-background-lime {
    background-color: #edf67d !important
}

.has-text-lime {
    color: #edf67d !important
}

.has-background-lila {
    background-color: #2c2a4a !important
}

.has-text-lila {
    color: #2c2a4a !important
}

.has-background-code {
    background-color: #002b36 !important
}

.has-text-code {
    color: #002b36 !important
}

.has-background-neutral-17 {
    background-color: #103949 !important
}

.has-text-neutral-17 {
    color: #103949 !important
}

.has-background-red {
    background-color: #ba324f !important
}

.has-text-red {
    color: #ba324f !important
}

.post-edit-link {
    position: fixed;
    top: 15rem;
    right: -2rem;
    z-index: 99999;
    transform: rotate(270deg);
    background: #01161e;
    color: #fff;
    display: block;
    padding: 0 .5rem;
    font-size: 1.4rem;
    text-decoration: none
}

.flow>*+* {
    margin-top: .8rem
}

.flow--1>*+* {
    margin-top: 1rem
}

.flow--15>*+* {
    margin-top: 1.5rem
}

.flow--2>*+* {
    margin-top: 2rem
}

.flow--32>*+* {
    margin-top: 3.2rem
}

.flow--4>*+* {
    margin-top: 4rem
}

.flow--5>*+* {
    margin-top: 5rem
}

.flow--156>*+* {
    margin-top: 15.6rem
}

@media screen and (max-width:1023px) {
    .flow--156>*+* {
        margin-top: 9.6rem
    }
}

.fluid-iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    margin-top: 3rem;
    margin-block-end: 3rem
}

.fluid-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.fluid-iframe[data-state=fixed-height] {
    padding-top: 28.125rem
}

.headline {
    font-family: Source Sans Pro, sans-serif;
    font-size: 2.7rem;
    font-weight: 600
}

.is-blank,
.is-clickable {
    cursor: pointer !important
}

.is-clipped {
    overflow: hidden
}

.is-relative {
    position: relative
}

.jumbo-numbers {
    display: block;
    font-size: 7rem;
    font-weight: 600;
    letter-spacing: -1px
}

.jumbo-numbers,
.jumbo-title {
    font-family: Poppins, sans-serif
}

.jumbo-title {
    font-size: 4rem;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .jumbo-title {
        font-size: 4.6rem
    }
}

.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
    }
}

.normal-list {
    list-style-position: outside
}

ul.normal-list {
    list-style-type: disc;
    padding-left: 3rem
}

ol.normal-list {
    list-style-type: decimal;
    padding-left: 2.5rem
}

.nowrap {
    white-space: nowrap
}

.pp-0 {
    padding: 0 !important
}

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

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

.pm-0 {
    margin: 0 !important
}

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

.pm-y-0 {
    margin-top: 0 !important;
    margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 0 !important;
        padding-bottom: 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-top: 0 !important;
        margin-bottom: 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-top: 5% !important;
    padding-bottom: 5% !important
}

.pm-5 {
    margin: 5% !important
}

.pm-x-5 {
    margin-left: 5% !important;
    margin-right: 5% !important
}

.pm-y-5 {
    margin-top: 5% !important;
    margin-bottom: 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-top: 5% !important;
        padding-bottom: 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-top: 5% !important;
        margin-bottom: 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-top: 5% !important;
        padding-bottom: 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-top: 5% !important;
        margin-bottom: 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-top: 5% !important;
        padding-bottom: 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-top: 5% !important;
        margin-bottom: 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-top: 5% !important;
        padding-bottom: 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-top: 5% !important;
        margin-bottom: 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-top: 6% !important;
    padding-bottom: 6% !important
}

.pm-6 {
    margin: 6% !important
}

.pm-x-6 {
    margin-left: 6% !important;
    margin-right: 6% !important
}

.pm-y-6 {
    margin-top: 6% !important;
    margin-bottom: 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-top: 6% !important;
        padding-bottom: 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-top: 6% !important;
        margin-bottom: 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-top: 6% !important;
        padding-bottom: 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-top: 6% !important;
        margin-bottom: 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-top: 6% !important;
        padding-bottom: 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-top: 6% !important;
        margin-bottom: 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-top: 6% !important;
        padding-bottom: 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-top: 6% !important;
        margin-bottom: 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-top: 7% !important;
    padding-bottom: 7% !important
}

.pm-7 {
    margin: 7% !important
}

.pm-x-7 {
    margin-left: 7% !important;
    margin-right: 7% !important
}

.pm-y-7 {
    margin-top: 7% !important;
    margin-bottom: 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-top: 7% !important;
        padding-bottom: 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-top: 7% !important;
        margin-bottom: 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-top: 7% !important;
        padding-bottom: 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-top: 7% !important;
        margin-bottom: 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-top: 7% !important;
        padding-bottom: 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-top: 7% !important;
        margin-bottom: 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-top: 7% !important;
        padding-bottom: 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-top: 7% !important;
        margin-bottom: 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-top: 8% !important;
    padding-bottom: 8% !important
}

.pm-8 {
    margin: 8% !important
}

.pm-x-8 {
    margin-left: 8% !important;
    margin-right: 8% !important
}

.pm-y-8 {
    margin-top: 8% !important;
    margin-bottom: 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-top: 8% !important;
        padding-bottom: 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-top: 8% !important;
        margin-bottom: 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-top: 8% !important;
        padding-bottom: 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-top: 8% !important;
        margin-bottom: 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-top: 8% !important;
        padding-bottom: 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-top: 8% !important;
        margin-bottom: 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-top: 8% !important;
        padding-bottom: 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-top: 8% !important;
        margin-bottom: 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-top: 9% !important;
    padding-bottom: 9% !important
}

.pm-9 {
    margin: 9% !important
}

.pm-x-9 {
    margin-left: 9% !important;
    margin-right: 9% !important
}

.pm-y-9 {
    margin-top: 9% !important;
    margin-bottom: 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-top: 9% !important;
        padding-bottom: 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-top: 9% !important;
        margin-bottom: 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-top: 9% !important;
        padding-bottom: 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-top: 9% !important;
        margin-bottom: 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-top: 9% !important;
        padding-bottom: 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-top: 9% !important;
        margin-bottom: 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-top: 9% !important;
        padding-bottom: 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-top: 9% !important;
        margin-bottom: 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-top: 10% !important;
    padding-bottom: 10% !important
}

.pm-10 {
    margin: 10% !important
}

.pm-x-10 {
    margin-left: 10% !important;
    margin-right: 10% !important
}

.pm-y-10 {
    margin-top: 10% !important;
    margin-bottom: 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-top: 10% !important;
        padding-bottom: 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-top: 10% !important;
        margin-bottom: 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-top: 10% !important;
        padding-bottom: 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-top: 10% !important;
        margin-bottom: 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-top: 10% !important;
        padding-bottom: 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-top: 10% !important;
        margin-bottom: 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-top: 10% !important;
        padding-bottom: 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-top: 10% !important;
        margin-bottom: 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-top: 15% !important;
    padding-bottom: 15% !important
}

.pm-15 {
    margin: 15% !important
}

.pm-x-15 {
    margin-left: 15% !important;
    margin-right: 15% !important
}

.pm-y-15 {
    margin-top: 15% !important;
    margin-bottom: 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-top: 15% !important;
        padding-bottom: 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-top: 15% !important;
        margin-bottom: 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-top: 15% !important;
        padding-bottom: 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-top: 15% !important;
        margin-bottom: 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-top: 15% !important;
        padding-bottom: 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-top: 15% !important;
        margin-bottom: 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-top: 15% !important;
        padding-bottom: 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-top: 15% !important;
        margin-bottom: 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-top: 20% !important;
    padding-bottom: 20% !important
}

.pm-20 {
    margin: 20% !important
}

.pm-x-20 {
    margin-left: 20% !important;
    margin-right: 20% !important
}

.pm-y-20 {
    margin-top: 20% !important;
    margin-bottom: 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-top: 20% !important;
        padding-bottom: 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-top: 20% !important;
        margin-bottom: 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-top: 20% !important;
        padding-bottom: 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-top: 20% !important;
        margin-bottom: 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-top: 20% !important;
        padding-bottom: 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-top: 20% !important;
        margin-bottom: 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-top: 20% !important;
        padding-bottom: 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-top: 20% !important;
        margin-bottom: 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-top: 25% !important;
    padding-bottom: 25% !important
}

.pm-25 {
    margin: 25% !important
}

.pm-x-25 {
    margin-left: 25% !important;
    margin-right: 25% !important
}

.pm-y-25 {
    margin-top: 25% !important;
    margin-bottom: 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-top: 25% !important;
        padding-bottom: 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-top: 25% !important;
        margin-bottom: 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-top: 25% !important;
        padding-bottom: 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-top: 25% !important;
        margin-bottom: 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-top: 25% !important;
        padding-bottom: 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-top: 25% !important;
        margin-bottom: 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-top: 25% !important;
        padding-bottom: 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-top: 25% !important;
        margin-bottom: 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-top: 30% !important;
    padding-bottom: 30% !important
}

.pm-30 {
    margin: 30% !important
}

.pm-x-30 {
    margin-left: 30% !important;
    margin-right: 30% !important
}

.pm-y-30 {
    margin-top: 30% !important;
    margin-bottom: 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-top: 30% !important;
        padding-bottom: 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-top: 30% !important;
        margin-bottom: 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-top: 30% !important;
        padding-bottom: 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-top: 30% !important;
        margin-bottom: 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-top: 30% !important;
        padding-bottom: 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-top: 30% !important;
        margin-bottom: 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-top: 30% !important;
        padding-bottom: 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-top: 30% !important;
        margin-bottom: 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-top: 35% !important;
    padding-bottom: 35% !important
}

.pm-35 {
    margin: 35% !important
}

.pm-x-35 {
    margin-left: 35% !important;
    margin-right: 35% !important
}

.pm-y-35 {
    margin-top: 35% !important;
    margin-bottom: 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-top: 35% !important;
        padding-bottom: 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-top: 35% !important;
        margin-bottom: 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-top: 35% !important;
        padding-bottom: 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-top: 35% !important;
        margin-bottom: 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-top: 35% !important;
        padding-bottom: 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-top: 35% !important;
        margin-bottom: 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-top: 35% !important;
        padding-bottom: 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-top: 35% !important;
        margin-bottom: 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-top: 40% !important;
    padding-bottom: 40% !important
}

.pm-40 {
    margin: 40% !important
}

.pm-x-40 {
    margin-left: 40% !important;
    margin-right: 40% !important
}

.pm-y-40 {
    margin-top: 40% !important;
    margin-bottom: 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-top: 40% !important;
        padding-bottom: 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-top: 40% !important;
        margin-bottom: 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-top: 40% !important;
        padding-bottom: 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-top: 40% !important;
        margin-bottom: 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-top: 40% !important;
        padding-bottom: 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-top: 40% !important;
        margin-bottom: 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-top: 40% !important;
        padding-bottom: 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-top: 40% !important;
        margin-bottom: 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-top: 45% !important;
    padding-bottom: 45% !important
}

.pm-45 {
    margin: 45% !important
}

.pm-x-45 {
    margin-left: 45% !important;
    margin-right: 45% !important
}

.pm-y-45 {
    margin-top: 45% !important;
    margin-bottom: 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-top: 45% !important;
        padding-bottom: 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-top: 45% !important;
        margin-bottom: 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-top: 45% !important;
        padding-bottom: 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-top: 45% !important;
        margin-bottom: 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-top: 45% !important;
        padding-bottom: 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-top: 45% !important;
        margin-bottom: 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-top: 45% !important;
        padding-bottom: 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-top: 45% !important;
        margin-bottom: 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-top: 50% !important;
    padding-bottom: 50% !important
}

.pm-50 {
    margin: 50% !important
}

.pm-x-50 {
    margin-left: 50% !important;
    margin-right: 50% !important
}

.pm-y-50 {
    margin-top: 50% !important;
    margin-bottom: 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-top: 50% !important;
        padding-bottom: 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-top: 50% !important;
        margin-bottom: 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-top: 50% !important;
        padding-bottom: 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-top: 50% !important;
        margin-bottom: 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-top: 50% !important;
        padding-bottom: 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-top: 50% !important;
        margin-bottom: 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-top: 50% !important;
        padding-bottom: 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-top: 50% !important;
        margin-bottom: 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 {
    position: absolute;
    left: -1000rem;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.skip:focus {
    position: static;
    width: auto;
    height: auto
}

.subtitle-big,
.subtitle-big>p,
.subtitle-medium,
.subtitle-medium>p {
    font-family: Source Sans Pro, sans-serif;
    font-size: 2.6rem;
    font-weight: 300
}

.subtitle-small,
.subtitle-small>p {
    font-family: Source Sans Pro, sans-serif;
    font-size: 2rem;
    font-weight: 300
}

.title-big,
.title-big>p {
    font-family: Poppins, sans-serif;
    font-size: 4rem;
    font-weight: 500
}

.title-medium,
.title-medium>p {
    font-family: Poppins, sans-serif;
    font-size: 3.2rem;
    font-weight: 500
}

.title-small,
.title-small>p {
    font-family: Poppins, sans-serif;
    font-size: 2.4rem;
    font-weight: 500
}

.title-smallest,
.title-smallest>p {
    font-family: Source Sans Pro, sans-serif;
    font-size: 1.5rem;
    font-weight: 400
}

.is-auto {
    max-width: auto !important
}

@media screen and (min-width:1024px) {
    .is-auto-desktop {
        width: auto !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-auto-tablet {
        width: auto !important
    }
}

@media screen and (max-width:1023px) {
    .is-auto-touch {
        width: auto !important
    }
}

@media screen and (max-width:768px) {
    .is-auto-mobile {
        width: auto !important
    }
}

.is-auto-all {
    width: auto !important
}

.is-100 {
    width: 100% !important
}

@media screen and (min-width:1024px) {
    .is-100-desktop {
        width: auto !important
    }
}

@media print,
screen and (min-width:769px) {
    .is-100-tablet {
        width: auto !important
    }
}

@media screen and (max-width:1023px) {
    .is-100-touch {
        width: auto !important
    }
}

@media screen and (max-width:768px) {
    .is-100-mobile {
        width: auto !important
    }
}

.is-100-all {
    width: auto !important
}

.wrapper {
    width: 95%;
    max-width: 134.4rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:768px) {
    .wrapper {
        width: 90%
    }
}

.wrapper--narrow {
    max-width: 81rem
}

.wrapper--narrowest {
    max-width: 56.5625rem
}

.error404 {
    background: #1362fb;
    color: #fff
}

.error404 h1 {
    font-size: 10rem;
    font-weight: 600;
    font-family: Poppins, sans-serif
}

.error404 .buttons {
    display: flex
}

.error404 .buttons .button {
    height: auto;
    min-height: 5rem
}

@media print,
screen and (min-width:769px) {
    .error404 h1 {
        font-size: 15rem
    }
}

@media screen and (min-width:1024px) {
    .error404 h1 {
        font-size: 20rem
    }
}

@media screen and (min-width:1216px) {
    .error404 h1 {
        font-size: 30rem
    }
}

@media print,
screen and (min-width:769px) {
    .are-steps .column:first-of-type {
        background: url(assets/img/step-down.png) no-repeat 100% 0
    }

    .are-steps .column:nth-of-type(2) {
        background: url(assets/img/step-up.png) no-repeat 100% 100%
    }
}

@media print,
screen and (min-width:769px) {
    .are-steps[data-target=ticketbai] .column:nth-of-type(2) {
        background: url(assets/img/step-up-2.png) no-repeat 100% 100%
    }
}

.acc-accordion__panel {
    display: block;
    overflow: hidden;
    opacity: 1;
    max-height: 100em;
    visibility: visible;
    transition-delay: 0s;
    margin: 0;
    padding: 0
}

.acc-accordion__panel[aria-hidden=true] {
    display: block;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0
}

[data-state=connected-apps] .acc-accordion__panel {
    margin: 0 0 3rem
}

[data-state=connected-apps] .acc-accordion__header {
    cursor: pointer;
    display: block;
    width: 100%;
    background-color: transparent;
    border: none;
    text-align: left;
    padding: 0;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    text-indent: -3.4rem
}

.acc-accordion__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.acc-accordion__header mark:hover,
.js-accordion__header[aria-expanded=true] mark {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 56%, #b3e5ff 0, #b3e5ff 100%, hsla(0, 0%, 100%, 0) 0)
}

.lime .acc-accordion__header mark:hover,
.lime .js-accordion__header[aria-expanded=true] mark {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 56%, #edf67d 0, #edf67d 100%, hsla(0, 0%, 100%, 0) 0)
}

.js-accordion__header mark {
    line-height: 3.6rem
}

[data-state=connected-apps] {
    transform: translateX(4.5rem);
    width: calc(100% - 4.5rem)
}

@media print,
screen and (min-width:769px) {
    [data-state=connected-apps] {
        width: 100%
    }
}

[data-state=faqs-alt] .acc-accordion__panel,
[data-state=faqs] .acc-accordion__panel {
    background: #edf67d;
    padding: 0 2.4rem
}

[data-state=faqs-alt] .acc-accordion__panel[aria-hidden=false],
[data-state=faqs] .acc-accordion__panel[aria-hidden=false] {
    padding: 0 8rem 3.2rem 2.4rem;
    margin: -.8rem 0 .8rem
}

[data-state=faqs-alt] .acc-accordion__header,
[data-state=faqs] .acc-accordion__header {
    cursor: pointer;
    display: block;
    width: 100%;
    background: #f0f5ff url(assets/img/down.png) no-repeat right 2.4rem center;
    border: none;
    text-align: left;
    padding: 2.4rem 6rem 2.4rem 2.4rem;
    margin-bottom: .8rem;
    font-family: Source Sans Pro, sans-serif;
    font-size: 2rem;
    font-weight: 600
}

[data-state=faqs-alt] .acc-accordion__header:hover,
[data-state=faqs] .acc-accordion__header:hover {
    background-color: #edf67d
}

[data-state=faqs-alt] .acc-accordion__header[aria-expanded=true],
[data-state=faqs] .acc-accordion__header[aria-expanded=true] {
    background-color: #edf67d;
    background-image: url(assets/img/up.png)
}

[data-state=faqs-alt] .acc-accordion__header {
    background: #fff url(assets/img/down.png) no-repeat right 2.4rem center
}

[data-state=faqs-alt] ul {
    list-style: disc;
    padding-left: 2.5rem
}

[data-state=faqs-alt] ol {
    list-style: decimal;
    padding-left: 2.5rem
}

.js-to_expand[aria-hidden=true],
.js-to_expand[data-hidden=true] {
    display: none
}

.expandmore__button {
    background: none;
    border: none;
    cursor: pointer
}

.expandmore__symbol:before {
    content: "+"
}

.expandmore__button[aria-expanded=true]>.expandmore__symbol:before,
.expandmore__button[data-expanded=true]>.expandmore__symbol:before {
    content: "-"
}

.js-expandmore[data-state=footer] .expandmore__button {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 2.5rem
}

.js-expandmore[data-state=footer] .expandmore__symbol:before {
    font-size: 20px
}

@media print,
screen and (min-width:769px) {
    .js-expandmore[data-state=footer] .expandmore__button {
        cursor: default
    }

    .js-expandmore[data-state=footer] .expandmore__symbol:before {
        display: none
    }
}

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

    .js-to_expand[data-state=footer][aria-hidden=true],
    .js-to_expand[data-state=footer][data-hidden=true] {
        display: block
    }
}

.js-expandmore[data-state=changelog] .expandmore__button .expandmore__symbol:before {
    left: 0;
    top: 0
}

dialog {
    display: block
}

.no-scroll {
    overflow: hidden
}

.adhoc-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9000;
    background: #1362fb;
    animation: overlay .5s ease 1 normal
}

.adhoc-modal {
    background: #1362fb;
    animation: apparition .3s ease 1 normal;
    border: none;
    position: absolute;
    top: 4rem;
    left: 0;
    width: calc(100% - 2rem);
    z-index: 9999;
    height: 95%;
    overflow: scroll
}

@media print,
screen and (min-width:769px) {
    .adhoc-modal {
        position: fixed;
        left: 50%;
        right: auto;
        top: 50%;
        width: 80%;
        height: auto;
        max-width: 100rem;
        z-index: 9999;
        transform: translate(-50%, -50%)
    }
}

.adhoc-modal--reverse {
    border: none;
    position: absolute;
    top: 4rem;
    left: 0;
    width: calc(100% - 2rem);
    z-index: 9999;
    height: 95%;
    overflow: scroll;
    animation: apparition .3s ease 1 reverse
}

@media print,
screen and (min-width:769px) {
    .adhoc-modal--reverse {
        position: fixed;
        left: 50%;
        right: auto;
        top: 50%;
        width: 80%;
        height: auto;
        max-width: 100rem;
        z-index: 9999;
        transform: translate(-50%, -50%)
    }
}

.adhoc-modal-close__text {
    display: none
}

.invisible {
    position: absolute;
    right: 2rem;
    top: 2rem;
    color: #fff;
    cursor: pointer
}

@keyframes apparition {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.5)
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes overlay {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.js-tablist {
    display: flex
}

.js-tablist__item {
    cursor: pointer
}

.js-tabcontent[aria-hidden=true] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

[data-state=delegacions] .js-tablist {
    display: flex
}

[data-state=delegacions] .js-tablist__item {
    font-size: 2.2rem;
    font-weight: 600
}

[data-state=delegacions] .js-tablist__item a {
    display: block;
    position: relative;
    opacity: .5;
    padding-bottom: 1.6rem;
    overflow: hidden
}

[data-state=delegacions] .js-tablist__item a:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 3.6rem;
    height: .3rem;
    background-color: #01161e;
    transform: translate(-50%, 1.8rem);
    transition: all .6s cubic-bezier(.175, .885, .32, 1.275)
}

[data-state=delegacions] .js-tablist__item a[aria-selected=true] {
    opacity: 1
}

[data-state=delegacions] .js-tablist__item a[aria-selected=true]:after {
    transform: translate(-50%)
}

[data-state=delegacions] .js-tablist__item+.js-tablist__item {
    padding-left: 5%
}

[data-state=delegacions] .js-tabcontent {
    padding-top: 6.4rem
}

@media screen and (min-width:1024px) {
    [data-state=delegacions] .js-tabcontent {
        padding-right: 10%
    }
}

@media screen and (min-width:1024px) {
    .api-solution>div {
        background: linear-gradient(90deg, #edf67d 0, #edf67d 50%, #002b36 0)
    }
}

@media screen and (max-width:1023px) {

    .api-solution .column,
    .api-solution .columns {
        display: block !important
    }

    .api-solution .column {
        flex-basis: 0 !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        width: 100% !important;
        padding: .75rem
    }

    .api-solution .column+.column {
        padding: 4rem 0 !important
    }
}

.api-solution[data-state=reverse] {
    padding-bottom: 8.2rem
}

@media screen and (min-width:1024px) {
    .api-solution[data-state=reverse]>div {
        background: linear-gradient(270deg, #fff 0, #fff 50%, #002b36 0)
    }
}

.api-solution[data-state=reverse] .columns {
    flex-direction: row-reverse
}

@media print,
screen and (min-width:769px) {
    .api-solution[data-state=reverse] {
        padding-bottom: 14.6rem
    }
}

@media screen and (min-width:1024px) {
    .api-solution.has-background-lime[data-state=reverse]>div {
        background: linear-gradient(270deg, #edf67d 0, #edf67d 50%, #002b36 0)
    }
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: transparent !important;
    overflow: hidden !important
}

.archive .blog-banner,
.blog .blog-banner,
.category .blog-banner {
    background-color: #edf67d;
    padding-bottom: 3.8rem
}

.archive .blog-banner .fil-ariadna,
.blog .blog-banner .fil-ariadna,
.category .blog-banner .fil-ariadna {
    margin-bottom: 2.6rem
}

.archive .last-post,
.blog .last-post,
.category .last-post {
    background: #fff;
    padding: 5rem 2rem;
    max-width: 124rem
}

.archive .last-post h2,
.blog .last-post h2,
.category .last-post h2 {
    margin-bottom: -1.2rem
}

.archive .last-post+img,
.blog .last-post+img,
.category .last-post+img {
    max-width: 50rem
}

@media screen and (max-width:1099px) {

    .archive .blog-banner .title-big,
    .blog .blog-banner .title-big,
    .category .blog-banner .title-big {
        font-size: 3rem
    }

    .archive .blog-banner .subtitle-medium,
    .blog .blog-banner .subtitle-medium,
    .category .blog-banner .subtitle-medium {
        font-size: 2.2rem
    }
}

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

    .archive .blog-banner,
    .blog .blog-banner,
    .category .blog-banner {
        padding: 6.8rem 0
    }

    .archive .blog-banner img,
    .blog .blog-banner img,
    .category .blog-banner img {
        width: auto;
        position: absolute;
        right: 0;
        top: 0
    }

    .archive .blog-banner .fil-ariadna,
    .blog .blog-banner .fil-ariadna,
    .category .blog-banner .fil-ariadna {
        margin-bottom: 6.1rem
    }

    .archive .wrapper,
    .blog .wrapper,
    .category .wrapper {
        position: relative
    }

    .archive .last-post,
    .blog .last-post,
    .category .last-post {
        padding-right: 55%;
        padding-left: 3.2rem
    }
}

@media screen and (min-width:1024px) {

    .archive .last-post,
    .blog .last-post,
    .category .last-post {
        padding-right: 56rem
    }
}

@media screen and (max-width:999px) {

    .archive .last-post,
    .blog .last-post,
    .category .last-post {
        padding-right: 58rem
    }
}

@media screen and (max-width:767px) {

    .archive .last-post,
    .blog .last-post,
    .category .last-post {
        padding-right: 2rem
    }

    .archive .last-post+img,
    .blog .last-post+img,
    .category .last-post+img {
        max-width: none
    }
}

@media screen and (min-width:1024px) {
    .post-type-archive-webinars .subtitle-big {
        max-width: 80rem
    }
}

.post-card {
    background: #fff
}

.post-card+.post-card {
    margin-top: 2rem
}

.post-card .columns {
    margin: 0
}

.post-card .column {
    padding: 0
}

.post-card .post-card-content {
    padding: 3.2rem 2rem 4.6rem
}

.post-card img {
    margin: 0;
    width: 100%
}

@media screen and (max-width:1099px) {
    .post-card .title-big {
        font-size: 3rem
    }

    .post-card .subtitle-medium {
        font-size: 2.2rem
    }
}

@media print,
screen and (min-width:769px) {
    .post-card .post-card-content {
        padding: 4.8rem 4.8rem 6rem
    }

    .post-card .column:last-child {
        overflow: hidden;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .post-card img {
        display: none
    }
}

@media screen and (min-width:769px)and (min-width:1024px) {
    .post-card .column {
        min-height: 58.5rem
    }
}

.blog-home .post-card:first-of-type {
    display: none
}

.blog-home .post-card:nth-of-type(2) {
    margin-top: 0
}

.blog-home #post-results {
    padding-top: 2rem
}

.blog-slider {
    cursor: grab
}

.blog-slider .slick-arrow {
    display: none !important
}

@media print,
screen and (min-width:769px) {
    .blog-slider .slick-arrow {
        display: block !important
    }
}

.blog-slider .slick-slide {
    max-width: 38.7rem;
    padding: 1.5rem
}

.blog-slider-contents {
    background-color: #fff;
    padding: 3rem 2rem 4.4rem;
    min-height: 36rem;
    position: relative
}

.blog-slider-contents .button {
    position: absolute !important;
    bottom: 4.4rem;
    left: 2rem
}

.blog-slider-contents .title-medium {
    padding-top: 1.6rem;
    max-height: 18rem;
    overflow: hidden
}

@media screen and (max-width:1023px) {
    .blog-slider-contents .title-medium {
        font-size: 2.5rem
    }
}

.blog-slider-left,
.blog-slider-right {
    cursor: pointer;
    border: none;
    background-color: transparent
}

.blog-slider-left .icon,
.blog-slider-right .icon {
    transition: all .3s ease-in-out
}

.blog-slider-left span,
.blog-slider-right span {
    position: absolute;
    left: -1000rem;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.button {
    display: inline-flex;
    height: 5rem;
    border-style: solid;
    border-width: .2rem;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    align-items: center;
    text-decoration-color: transparent;
    padding: .9rem 1.8rem;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.button+.button {
    margin-left: 1rem
}

.button.is-primary {
    background-color: #1362fb;
    border-color: #1362fb;
    color: #fff
}

.button.is-primary:hover {
    background-color: #2c2a4a;
    border-color: #2c2a4a;
    color: #fff
}

.button.is-secondary {
    background-color: transparent;
    border-color: #2c2a4a;
    color: #2c2a4a
}

.button.is-secondary:hover {
    background-color: #2c2a4a;
    color: #fff
}

.button.is-minimal {
    background-color: transparent;
    border-color: transparent;
    background-image: url(assets/img/minimal-button-bg.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: .7rem 1.12rem;
    padding: 1.1rem 1.8rem 1.3rem 0;
    position: relative;
    overflow: hidden;
    transition: color 0ms, padding .3s
}

.button.is-minimal:before {
    background-color: #01161e;
    opacity: .1
}

.button.is-minimal:after,
.button.is-minimal:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .2rem
}

.button.is-minimal:after {
    background-color: #1362fb;
    transition: all .3s ease-in-out;
    transform: translateX(-105%)
}

.button.is-minimal:hover {
    padding-right: 2.2rem
}

.button.is-minimal:hover:after {
    transform: translateX(0)
}

.globally .button.is-primary,
.has-background-blue .button.is-primary {
    background-color: #fff;
    border-color: #fff;
    color: #1362fb
}

.globally .button.is-primary:hover,
.has-background-blue .button.is-primary:hover {
    border-color: #2c2a4a;
    background-color: #2c2a4a;
    color: #fff
}

.globally .button.is-secondary,
.has-background-blue .button.is-secondary {
    border-color: #fff;
    color: #fff
}

.globally .button.is-secondary:hover,
.has-background-blue .button.is-secondary:hover {
    border-color: #2c2a4a;
    background-color: #2c2a4a
}

.globally .button.is-minimal,
.has-background-blue .button.is-minimal {
    background-image: url(assets/img/minimal-button-bg-alt.png);
    color: #fff
}

.globally .button.is-minimal:after,
.globally .button.is-minimal:before,
.has-background-blue .button.is-minimal:after,
.has-background-blue .button.is-minimal:before {
    background-color: #fff
}

.has-background-lila .button.is-primary {
    background-color: #1362fb;
    border-color: #1362fb;
    color: #fff
}

.has-background-lila .button.is-primary:hover {
    border-color: #fff;
    background-color: #fff;
    color: #1362fb
}

.has-background-lila .button.is-secondary {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.has-background-lila .button.is-secondary:hover {
    background-color: #fff;
    color: #2c2a4a
}

.blog .has-background-blue .button.is-primary,
.category-articles .has-background-blue .button.is-primary,
.single-post .has-background-blue .button.is-primary {
    background-color: #2c2a4a;
    border-color: #2c2a4a;
    color: #fff
}

.blog .has-background-blue .button.is-primary:hover,
.category-articles .has-background-blue .button.is-primary:hover,
.single-post .has-background-blue .button.is-primary:hover {
    border-color: #fff;
    background-color: #fff;
    color: #2c2a4a
}

.blog .has-background-blue .button.is-secondary,
.category-articles .has-background-blue .button.is-secondary,
.single-post .has-background-blue .button.is-secondary {
    background-color: transparent;
    border-color: #2c2a4a;
    color: #2c2a4a
}

.blog .has-background-blue .button.is-secondary:hover,
.category-articles .has-background-blue .button.is-secondary:hover,
.single-post .has-background-blue .button.is-secondary:hover {
    background-color: #fff;
    border-color: #fff;
    color: #2c2a4a
}

.is-icon {
    cursor: pointer
}

.capdamunt {
    display: none
}

@media print,
screen and (min-width:769px) {
    .capdamunt {
        font-size: 1.5rem;
        font-weight: 400;
        position: fixed;
        z-index: 800;
        bottom: 8.5rem;
        right: -7.5rem;
        transform: rotate(270deg) translateX(-4rem);
        display: flex;
        opacity: 0;
        justify-content: center;
        align-items: center;
        width: 20rem;
        height: 4rem;
        text-decoration-style: transparent;
        background: #1362fb;
        color: #fff;
        padding: .2rem 1rem;
        transition: all .6s ease-in-out;
        text-decoration: none
    }

    .capdamunt.mostrar {
        opacity: 1;
        transform: rotate(270deg) translateX(0)
    }

    .capdamunt.amagar {
        opacity: 0
    }

    .capdamunt:after {
        content: "→";
        display: inline-block;
        padding-left: .5rem;
        font-size: 2rem
    }
}

[data-state=changelog] .blog-banner {
    position: relative
}

[data-state=changelog] .blog-banner .banner-img {
    width: 10.4rem
}

.changelog--container .columns+.columns {
    margin-top: .3rem !important
}

.changelog--container .columns+.columns:last-of-type .column.is-10-tablet {
    border: .2rem dashed hsla(0, 0%, 100%, 0)
}

.changelog--container .column.is-10-tablet {
    border-left: .2rem dashed #c1cee8;
    padding: 0 0 2.4rem 2rem
}

.changelog--container .changelog--data-container {
    transform: translateY(-1.55rem)
}

.changelog--container .changelog--label {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    background-color: #4d6eb2;
    border-radius: .5rem;
    padding: .1rem .8rem;
    float: right
}

.changelog--container .changelog--label.is-active {
    background-color: #1362fb
}

@media screen and (max-width:499px) {
    .changelog--container .changelog--label {
        float: none
    }
}

.changelog--container .changelog--date {
    margin-top: .5rem;
    display: block;
    color: #4d6eb2;
    font-size: 1.3rem;
    float: left
}

@media screen and (max-width:499px) {
    .changelog--container .changelog--date {
        float: none
    }
}

.js-expandmore[data-state=changelog] .expandmore__button {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    color: #103949;
    background-color: #f8f9fc;
    position: relative;
    text-align: start;
    transform: translateY(-1.2rem)
}

.js-expandmore[data-state=changelog] .expandmore__button:hover {
    text-decoration: underline
}

.js-expandmore[data-state=changelog] .expandmore__button .expandmore__symbol:before {
    content: "";
    position: absolute;
    left: -2.4rem;
    top: 1rem;
    display: block;
    width: .6rem;
    height: .6rem;
    border-radius: 100px;
    background-color: #c1cee8;
    transition: all .3s ease-in-out
}

.js-expandmore[data-state=changelog] .expandmore__button[aria-expanded=true]>.expandmore__symbol:before,
.js-expandmore[data-state=changelog] .expandmore__button[data-expanded=true]>.expandmore__symbol:before {
    content: "";
    background-color: #1362fb
}

.js-to_expand[data-state=changelog] li,
.js-to_expand[data-state=changelog] p {
    font-size: 1.8rem;
    color: #365763
}

.js-to_expand[data-state=changelog] ul {
    list-style-type: disc;
    padding-left: 2rem
}

.js-to_expand[data-state=changelog] ol {
    list-style-type: decimal;
    padding-left: 1rem
}

.ceo .ceo-content>div:last-child {
    padding: 5rem 3rem;
    background: #f8f9fc
}

@media print,
screen and (min-width:769px) {
    .ceo .wrapper {
        margin: 0 auto 0 0;
        width: 100%;
        max-width: 157.5rem
    }

    .ceo .ceo-content {
        transform: translateY(-10%)
    }

    .ceo .ceo-content>div:first-child {
        transform: translateX(-10%)
    }
}

@media screen and (min-width:1024px) {
    .ceo .ceo-content>div:last-child {
        padding: 13rem 7rem;
        margin-right: 20%
    }
}

.connected-apps {
    padding: 7rem 0
}

@media screen and (min-width:1024px) {
    .connected-apps>div {
        background: linear-gradient(90deg, #f8f9fc 0, #f8f9fc 50%, #fff 0)
    }
}

@media print,
screen and (min-width:769px) {
    .connected-apps {
        padding: 15.7rem 0
    }
}

@media screen and (max-width:1023px) {
    .connected-apps .columns {
        display: block !important
    }

    .connected-apps .column {
        display: block !important;
        flex-basis: 0 !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        width: 100% !important;
        padding: .75rem
    }

    .connected-apps .column+.column {
        padding-top: 8rem !important
    }
}

.connected-apps-slider .slider-item {
    text-align: center
}

.connected-apps-slider .slick-arrow,
.connected-apps-slider .slick-autoplay-toggle-button {
    position: absolute;
    left: -1000rem;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.connected-apps-slider .slick-arrow:focus,
.connected-apps-slider .slick-autoplay-toggle-button:focus {
    position: static;
    width: auto;
    height: auto
}

[class^=cols-list-] {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: -.75rem;
    margin-right: -.75rem
}

[class^=cols-list-] li {
    flex: none;
    padding: .75rem;
    width: 100%
}

[class^=cols-list-] li .box {
    height: 100%;
    padding: .4rem
}

[class^=cols-list-] ::marker {
    content: "";
    font-size: 0
}

[class^=cols-list-][data-state=compact] li {
    padding-top: .5rem;
    padding-bottom: .5rem
}

[class^=cols-list-][data-state=large] li {
    padding: 4rem 2rem
}

@media print,
screen and (min-width:769px) {
    .cols-list-2 li {
        width: 50%
    }
}

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

    .cols-list-3 li,
    .cols-list-4 li {
        width: 33.333%
    }
}

@media screen and (min-width:1024px) {
    .cols-list-4 li {
        width: 25%
    }
}

@media screen and (min-width:1024px) {
    .cols-list-5 li {
        width: 20%
    }
}

[data-state=equip] .box {
    padding: 0 !important
}

[data-state=equip] .box img {
    padding-bottom: 3.2rem;
    border-bottom: .8rem solid #01161e;
    margin-bottom: 1.6rem
}

[data-state=equip] .box h3 {
    font-weight: 600;
    font-size: 2.2rem
}

[data-state=clients] img {
    max-width: 16rem;
    margin: 0 auto
}

body div[aria-label=cookieconsent] {
    background-color: #1362fb !important;
    border: .2rem solid #fff
}

body div[aria-label=cookieconsent] .cc-message {
    font-family: Source Sans Pro, sans-serif !important;
    color: #fff !important
}

body div[aria-label=cookieconsent] .cc-message .cc-link {
    color: #fff !important
}

body div[aria-label=cookieconsent] .cc-btn[role=button] {
    transition: all .3s ease-in-out;
    background-color: #fff !important;
    color: #1362fb !important;
    font-family: Source Sans Pro, sans-serif !important;
    font-size: 1.5rem !important
}

body div[aria-label=cookieconsent] .cc-btn[role=button]:hover {
    background-color: #2c2a4a !important;
    color: #fff !important
}

.country {
    background: #fff;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .3s ease-in-out
}

.country img {
    width: 5.4rem;
    height: 5.4rem;
    margin-bottom: 1rem
}

.country a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #103949;
    font-size: 2rem;
    font-weight: 600;
    transition: all .3s ease-in-out
}

.country:hover {
    background: #1362fb
}

.country:hover a {
    color: #fff
}

.data {
    padding: 4.6rem 0
}

.data .jumbo-numbers {
    border-bottom: .8rem solid #01161e;
    padding-bottom: .8rem;
    margin-bottom: 2rem
}

@media only screen and (min-width:768px)and (max-width:1200px) {
    .data .jumbo-numbers {
        font-size: 5rem;
        font-size: 5.8vw
    }
}

@media print,
screen and (min-width:769px) {
    .data {
        padding-bottom: 11rem
    }
}

.data[data-state=lime-bg] {
    background: #edf67d
}

@media screen and (min-width:1024px) {
    .data[data-state=lime-bg] {
        background: linear-gradient(90deg, #edf67d 0, #edf67d 85%, hsla(0, 0%, 100%, 0) 0)
    }
}

.data-container {
    height: 100vh;
    background-image: url(assets/img/oficina-01.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100% 0;
    position: relative
}

.data-container .data {
    position: absolute;
    width: 60%;
    top: 40%;
    transform: translateY(-50%)
}

@media print,
screen and (min-width:769px) {
    .data-container .data {
        width: 90%;
        top: 25%
    }
}

@media screen and (min-width:1024px) {
    .data-container .data {
        top: 5rem;
        transform: translateY(0);
        width: 100%;
        max-width: 148.4rem
    }
}

.developers-graph {
    display: none
}

@media print,
screen and (min-width:769px) {
    .developers-graph {
        display: block
    }
}

.developers-graph[data-state=rwd] {
    display: block
}

@media print,
screen and (min-width:769px) {
    .developers-graph[data-state=rwd] {
        display: none
    }
}

.connected-apps-slider {
    padding: 16rem 0;
    cursor: grab
}

.erp-slider,
.payment-slider {
    margin: 0 -1.6rem
}

.erp-slider-item .content,
.payment-slider-item .content {
    background: #fff;
    width: 29.4rem;
    height: 36.2rem;
    margin: 0 1.6rem;
    position: relative
}

.erp-slider-item .content p,
.payment-slider-item .content p {
    position: absolute;
    left: 3.2rem;
    top: 21.4rem;
    width: calc(100% - 6.4rem)
}

.erp-slider-item .content .button,
.payment-slider-item .content .button {
    position: absolute;
    left: 3.2rem;
    bottom: 3.2rem
}

.erp-slider [class^=logo--],
.payment-slider [class^=logo--] {
    position: absolute;
    opacity: .1;
    left: 3.2rem
}

.erp-slider .logo--sage,
.payment-slider .logo--sage {
    top: 8rem;
    width: 15.783rem;
    height: 6rem
}

.erp-slider .logo--md,
.payment-slider .logo--md {
    top: 4.2rem;
    width: 8.281rem;
    height: 13.5rem
}

.erp-slider .logo--sap,
.payment-slider .logo--sap {
    top: 7.9rem;
    width: 11.6rem;
    height: 5.2rem
}

.erp-slider .logo--a3erp,
.payment-slider .logo--a3erp {
    top: 7.9rem;
    width: 18rem;
    height: 4.9354rem
}

.erp-slider .logo--stripe,
.payment-slider .logo--stripe {
    top: 5rem;
    width: 22rem;
    height: auto
}

@media screen and (max-width:759px) {

    .erp-slider .slick-slide,
    .payment-slider .slick-slide {
        display: block !important;
        width: 100% !important
    }

    .erp-slider .slick-slide .content,
    .payment-slider .slick-slide .content {
        margin: 1rem auto
    }
}

.mySwiper2 {
    padding-top: 3rem !important
}

@media screen and (min-width:1024px) {
    .mySwiper2 {
        padding-top: 3.9rem !important
    }
}

.swiper-tags {
    padding: 8rem 0 3rem
}

.swiper-tags .swiper {
    position: relative
}

.swiper-tags .swiper-slide {
    display: inline-flex;
    color: #01161e;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    padding: 1.2rem 1.8rem;
    border-radius: .7rem;
    width: auto;
    cursor: pointer
}

.swiper-tags .swiper-slide.swiper-slide-thumb-active {
    background: #1362fb;
    color: #fff
}

.swiper-tags .next,
.swiper-tags .prev {
    position: absolute;
    z-index: 100;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.swiper-tags .next svg,
.swiper-tags .prev svg {
    fill: #1362fb
}

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

    .swiper-tags .next,
    .swiper-tags .prev {
        display: block
    }
}

@media screen and (min-width:1600px) {

    .swiper-tags .next,
    .swiper-tags .prev {
        display: none
    }
}

.swiper-tags .next {
    right: -1rem
}

.swiper-tags .prev {
    left: -1rem
}

.f-card {
    max-width: 134.4rem;
    background: #fff;
    padding: 6rem 3rem;
    width: 90% !important
}

@media print,
screen and (min-width:769px) {
    .f-card {
        width: 80% !important;
        padding: 6rem
    }
}

@media screen and (min-width:1024px) {
    .f-card {
        width: 80% !important;
        padding: 9.6rem 10.4rem 14.6rem
    }
}

@media screen and (min-width:1600px) {
    .f-card {
        width: 90% !important
    }
}

.f-card.swiper-slide-next,
.f-card.swiper-slide-prev {
    opacity: .3
}

.custom-swiper-button-next,
.custom-swiper-button-prev {
    position: absolute;
    top: 40%;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    z-index: 100;
    display: none
}

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

    .custom-swiper-button-next,
    .custom-swiper-button-prev {
        width: 4.9rem;
        height: 4.9rem;
        display: block
    }
}

.custom-swiper-button-next {
    right: 1%
}

@media print,
screen and (min-width:769px) {
    .custom-swiper-button-next {
        right: 2%
    }
}

@media screen and (min-width:1024px) {
    .custom-swiper-button-next {
        right: 5%
    }
}

.custom-swiper-button-prev {
    left: 5%
}

@media print,
screen and (min-width:769px) {
    .custom-swiper-button-prev {
        left: 2%
    }
}

@media screen and (min-width:1024px) {
    .custom-swiper-button-prev {
        left: 5%
    }
}

.swiper-button-disabled {
    opacity: .5
}

.swiper-tags .swiper-button-disabled {
    visibility: hidden
}

.swiper-pagination {
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: auto !important;
    left: auto !important;
    right: 3.2rem !important;
    width: auto !important;
    height: auto !important;
    font-size: 1.5rem;
    color: #1362fb;
    font-weight: 600;
    font-family: Poppins, sans-serif
}

@media print,
screen and (min-width:769px) {
    .swiper-pagination {
        right: 10% !important
    }
}

@media screen and (min-width:1024px) {
    .swiper-pagination {
        right: 10% !important
    }
}

@media screen and (min-width:1600px) {
    .swiper-pagination {
        right: auto !important;
        left: 50% !important;
        transform: translateX(-50%)
    }
}

.globally {
    background: #1362fb;
    background: linear-gradient(48deg, #1362fb, #8713fb);
    background-size: 800% 100%;
    animation: gradient 20s cubic-bezier(.88, .01, .53, .98) infinite
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 80% 50%
    }

    to {
        background-position: 0 50%
    }
}

.globally .slick-autoplay-toggle-button {
    position: absolute;
    height: 1px;
    width: 1px;
    left: -9999rem
}

.globally .slick-autoplay-toggle-button:focus {
    position: static;
    height: auto;
    width: auto
}

.globally .data {
    padding: 0
}

.globally .data .jumbo-numbers {
    border-color: #fff
}

.grouped-headings-big-big :nth-child(2) {
    margin-top: 4.8rem !important
}

.grouped-headings-big-big-secondary :nth-child(2) {
    margin-top: 3.2rem !important
}

.grouped-headings-big-medium :nth-child(2) {
    margin-top: 4.8rem !important
}

.grouped-headings-big-medium-secondary :nth-child(2),
.grouped-headings-medium-small :nth-child(2),
.grouped-headings-small-big :nth-child(2),
.grouped-headings-small-medium :nth-child(2) {
    margin-top: 1.6rem !important
}

.grouped-headings-small-small :nth-child(2) {
    margin-top: 2.4rem !important
}

.fil-ariadna {
    display: flex;
    padding-bottom: 2rem
}

.fil-ariadna li {
    list-style: none !important;
    margin: 0 !important;
    font-size: 1.5rem;
    font-family: Poppins, sans-serif;
    font-weight: 600
}

.fil-ariadna li a {
    color: #01161e;
    text-decoration: none
}

.fil-ariadna li a:hover {
    text-decoration: underline
}

.fil-ariadna li+li:before {
    content: "/";
    padding: 0 .5rem
}

.functionality-table {
    position: relative;
    font-size: 1.5rem;
    width: 100%;
    border-collapse: collapse
}

.functionality-table+.functionality-table {
    margin-top: 3.2rem
}

.functionality-table caption {
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    color: #fff;
    font-weight: 600
}

.functionality-table thead {
    background-color: #1362fb;
    color: #fff;
    font-weight: 600
}

.functionality-table tbody {
    background-color: #fff
}

.functionality-table tbody td {
    border-bottom: 2px solid #f8f9fc
}

.functionality-table td {
    padding: 1.6rem
}

.functionality-table td:first-child {
    font-weight: 600;
    width: 40%
}

.functionality-table .no {
    fill: #c1cee8
}

.functionality-table .si {
    fill: #1362fb
}

@media screen and (max-width:750px) {
    .functionality-table+.functionality-table {
        margin-top: 6.4rem
    }

    .functionality-table caption {
        color: #01161e;
        top: -3.2rem;
        left: 0;
        font-size: 1.8rem
    }

    .functionality-table thead {
        position: absolute;
        left: -9999rem
    }

    .functionality-table tbody,
    .functionality-table td,
    .functionality-table tr {
        display: block
    }

    .functionality-table td {
        width: 100%;
        padding-left: 40%;
        position: relative;
        text-align: center
    }

    .functionality-table td:first-child {
        width: 100%;
        background: #1362fb;
        color: #fff
    }

    .functionality-table td:before {
        position: absolute;
        left: 1.6rem;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        font-weight: 600
    }

    .functionality-table td:first-of-type:before {
        content: ""
    }

    .functionality-table td:nth-of-type(2):before {
        content: "Basic"
    }

    .functionality-table td:nth-of-type(3):before {
        content: "Professional"
    }

    .functionality-table td:nth-of-type(4):before {
        content: "Business"
    }

    .functionality-table td:nth-of-type(5):before {
        content: "Enterprise"
    }
}

@media screen and (min-width:751px) {
    .functionality-table td {
        width: 17.5%;
        vertical-align: middle
    }

    .functionality-table td:first-of-type {
        width: 30%
    }
}

@media screen and (min-width:751px) {
    .functionality-table[data-state=kit-digital] td:first-child {
        width: 15%
    }
}

@media screen and (max-width:750px) {
    .functionality-table[data-state=kit-digital] td {
        text-align: left
    }

    .functionality-table[data-state=kit-digital] td:nth-of-type(2):before {
        content: "Beneficiarios"
    }

    .functionality-table[data-state=kit-digital] td:nth-of-type(3):before {
        content: "Importe Bono Digital"
    }
}

.has-block-image .cols-list-2 li {
    position: relative;
    padding-left: 3rem
}

.has-block-image .cols-list-2 li .icon {
    position: absolute;
    left: 0;
    top: 2.8rem
}

@media print,
screen and (min-width:769px) {
    .has-block-image .wrapper {
        margin-left: 0;
        max-width: 163.2rem;
        width: 95%
    }
}

.home-highlights {
    margin-top: -8.2rem;
    margin-bottom: 8.2rem;
    padding: 15rem 0
}

@media print,
screen and (min-width:769px) {
    .home-highlights {
        margin-top: -20rem;
        margin-bottom: 15rem
    }
}

.hamburger {
    position: relative;
    z-index: 9901
}

@media screen and (min-width:1280px) {
    .hamburger {
        display: none
    }
}

.blog .hamburger .inner .bar,
.category-articles .hamburger .inner .bar,
.single-post .hamburger .inner .bar {
    background-color: #2c2a4a
}

body.single.single-use-case .hamburger .inner .bar,
body.single.single-webinars .hamburger .inner .bar {
    background-color: #fff
}

.icon {
    fill: currentColor;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    overflow: hidden
}

.icon.is-small {
    width: 16px !important;
    height: 16px !important
}

.icon.is-medium {
    width: 26px !important;
    height: 26px !important
}

.icon.is-large {
    width: 64px !important;
    height: 64px !important
}

.icon.is-jumbo {
    width: 195px !important;
    height: auto !important
}

.pin {
    display: inline-block;
    height: auto
}

.pin,
.pin svg {
    position: relative
}

.pin svg {
    z-index: 10
}

.pin span {
    position: absolute;
    z-index: 1;
    left: .3rem;
    top: 1.2rem;
    display: block;
    width: 108%;
    height: 2rem
}

.pin.is-lime span {
    background-color: #edf67d
}

.pin.is-blue-light span {
    background-color: #b3e5ff
}

.arrow {
    display: inline-block;
    position: relative;
    height: auto
}

.arrow svg {
    position: relative;
    z-index: 10
}

.arrow span {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -20%;
    display: block;
    width: 150%;
    height: 75%
}

.arrow.is-lime span {
    background-color: #edf67d
}

.arrow.is-blue-light span {
    background-color: #b3e5ff
}

.pointer {
    display: inline-block;
    position: relative;
    height: auto
}

.pointer svg {
    position: relative;
    z-index: 10
}

.pointer span {
    position: absolute;
    z-index: 1;
    left: .5rem;
    bottom: -27%;
    display: block;
    width: 110%;
    height: 72%
}

.pointer.is-lime span {
    background-color: #edf67d
}

.pointer.is-blue-light span {
    background-color: #b3e5ff
}

.pointer.is-blue span {
    background-color: #1362fb
}

.calendar {
    display: inline-block;
    position: relative;
    height: auto
}

.calendar svg {
    position: relative;
    z-index: 10
}

.calendar span {
    position: absolute;
    z-index: 1;
    left: .5rem;
    bottom: -11%;
    display: block;
    width: 88%;
    height: 55%
}

.calendar.is-lime span {
    background-color: #edf67d
}

.calendar.is-blue-light span {
    background-color: #b3e5ff
}

.calendar.is-blue span {
    background-color: #1362fb
}

.logos-kit-digital {
    text-align: center
}

.logos-kit-digital img {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto
}

.country-selector .country-name {
    padding: 0 .5rem;
    font-weight: 600
}

.lang-selector .icon {
    position: relative;
    top: .3rem
}

.lang-selector .wpml-ls-legacy-list-horizontal {
    padding: 0;
    border: 0 solid transparent
}

.lang-selector .wpml-ls-legacy-list-horizontal li {
    margin-left: 1rem
}

.lang-selector .wpml-ls-legacy-list-horizontal a {
    padding: 0;
    font-size: 1.6rem;
    text-decoration: underline
}

.lang-selector .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a {
    cursor: default;
    font-weight: 600;
    text-decoration: none
}

@media print,
screen and (min-width:769px) {
    .lang-selector {
        padding-left: 3rem
    }
}

[data-state=legal] {
    padding-bottom: 10rem
}

@media print,
screen and (min-width:769px) {
    [data-state=legal] .wrapper {
        width: 73.3rem;
        padding-bottom: 10rem
    }
}

[data-state=legal] h2 {
    font-weight: 600;
    font-size: 2.7rem;
    padding: 2rem 0 0
}

[data-state=legal] h3 {
    font-weight: 600;
    font-size: 2.2rem;
    padding-top: 1.6rem
}

[data-state=legal] h4 {
    font-weight: 600;
    font-size: 2rem;
    padding-top: 1rem
}

[data-state=legal] ul {
    padding: .4rem 1.6rem 1.6rem
}

[data-state=legal] ul li {
    background: url(assets/img/minimal-button-bg.png) no-repeat left 1.8rem;
    padding-left: 1.2rem;
    padding-top: .8rem
}

[data-state=legal] ol {
    padding: 1rem 1.6rem 1.6rem 4rem
}

[data-state=legal] ol li {
    list-style-type: decimal-leading-zero;
    padding-left: .4rem;
    padding-top: .8rem
}

[data-state=legal] blockquote {
    margin: 3.2rem 0;
    background: #edf67d;
    padding: 4.8rem 6rem;
    font-weight: 600;
    font-size: 2rem
}

[data-state=legal] table td {
    border: 1px solid #ddd;
    padding: 1rem;
    font-size: 1.3rem
}

.logo {
    display: block;
    overflow: hidden;
    width: 2.8rem
}

@media screen and (min-width:890px) {
    .logo {
        width: 15.3rem
    }
}

.logo svg {
    width: 15.3rem;
    height: 2.8rem
}

.connected-apps-slider .slick-active .logo--a3erp:hover,
.connected-apps-slider .slick-active .logo--md,
.connected-apps-slider .slick-active .logo--sage,
.connected-apps-slider .slick-active .logo--sap,
.connected-apps-slider .slick-active .logo--stripe,
.erp-slider .erp-slider-item .content:hover .logo--a3erp,
.erp-slider .erp-slider-item .content:hover .logo--md,
.erp-slider .erp-slider-item .content:hover .logo--sage,
.erp-slider .erp-slider-item .content:hover .logo--sap,
.logo--a3erp:hover,
.logo--md:hover,
.logo--sage:hover,
.logo--sap:hover,
.logo--stripe:hover,
.payment-slider .erp-slider-item .content:hover .logo--stripe {
    opacity: 1
}

[class*=logo--] {
    opacity: .3;
    transition: all .4s ease-in-out
}

.connected-apps-slider .slick-active .logo--stripe,
.logo--stripe:hover,
.payment-slider .erp-slider-item .content:hover .logo--stripe {
    fill: #635bff
}

.connected-apps-slider .slick-active .logo--sage,
.erp-slider .erp-slider-item .content:hover .logo--sage,
.logo--sage:hover {
    fill: #00dc06
}

.connected-apps-slider .slick-active .logo--md,
.erp-slider .erp-slider-item .content:hover .logo--md,
.logo--md:hover {
    fill: #00255b
}

.connected-apps-slider .slick-active .logo--sap,
.erp-slider .erp-slider-item .content:hover .logo--sap,
.logo--sap:hover {
    fill: #ffb200
}

.connected-apps-slider .slick-active .logo--a3erp:hover,
.erp-slider .erp-slider-item .content:hover .logo--a3erp,
.logo--a3erp:hover {
    fill: #dc0658
}

.logo-certifications .column {
    padding-top: 8rem;
    padding-bottom: 4rem;
    position: relative
}

.logo-certifications .column img {
    width: 90% !important;
    max-width: 20rem !important;
    position: absolute;
    top: 0
}

.logo-certifications .column p {
    font-size: 1.5rem;
    max-width: 25rem
}

@media print,
screen and (min-width:769px) {
    .logo-certifications .column {
        padding-top: 10.8rem
    }
}

[data-state=certificates] ul {
    padding: 1.6rem 0
}

[data-state=certificates] ul li {
    background: url(assets/img/minimal-button-bg.png) no-repeat left 1.2rem;
    padding-left: 1.2rem;
    line-height: 3.4rem
}

[data-state=certificates] .column:last-child img {
    max-width: 24.3rem
}

.main-banner {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem
}

.main-banner .jumbo-title {
    margin-bottom: 3.2rem;
    max-width: 110rem
}

.main-banner .subtitle-big {
    margin-bottom: 6.4rem;
    max-width: 90rem
}

.main-banner img {
    margin-top: -50%;
    transform: translateY(30%)
}

@media screen and (max-width:1023px) {
    .main-banner img {
        display: none !important
    }
}

@media print,
screen and (min-width:769px) {
    .main-banner {
        padding: 0
    }

    .main-banner .wrapper {
        padding: 5rem 0;
        min-height: 55.2rem;
        display: flex;
        align-items: center
    }
}

.main-banner[data-state=home] {
    position: relative
}

@media screen and (min-width:1024px) {
    .main-banner[data-state=home] .wrapper {
        padding: 0;
        height: calc(100vh - 8.6rem)
    }

    .main-banner[data-state=home] .wrapper .jumbo-title {
        max-width: 87.6rem
    }

    .main-banner[data-state=home] .wrapper .subtitle-big {
        margin-bottom: 4.6rem;
        max-width: 70rem
    }
}

@media print,
screen and (min-width:769px) {
    [data-state=number-list-2] li:nth-of-type(odd)>div {
        padding-right: 20%
    }
}

@media print,
screen and (min-width:769px) {
    [data-state=number-list-2] li:nth-of-type(2n)>div {
        padding-right: 20%;
        padding-top: 12rem
    }
}

@media print,
screen and (min-width:769px) {
    .office .wrapper {
        margin-left: 0
    }
}

.ordened-list--prices {
    list-style: decimal;
    padding-left: 1.5rem
}

.ordened-list--prices li {
    font-size: 1.5rem;
    font-weight: 600
}

.ordened-list--prices li+li {
    margin-top: .5rem
}

.ordened-list--prices li ul {
    padding: 1rem 0
}

.ordened-list--prices li ul li {
    background: url(assets/img/minimal-button-bg.png) no-repeat left top .7rem;
    padding-left: 1.1rem
}

.pagination .page-numbers:not(.dots) {
    display: inline-flex;
    height: 5rem;
    border: .2rem solid #2c2a4a;
    color: #2c2a4a;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    align-items: center;
    text-decoration-color: transparent;
    padding: .9rem 1.8rem;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.pagination .page-numbers:not(.dots)+.page-numbers {
    margin: .5rem
}

.pagination .page-numbers:not(.dots):hover {
    background: #2c2a4a;
    color: #fff
}

.pagination .page-numbers:not(.dots).current {
    border-color: #1362fb;
    background-color: #1362fb;
    color: #fff;
    cursor: default
}

.pagination .dots {
    position: relative;
    top: 1.7rem;
    margin: .5rem 1rem .5rem .5rem !important
}

.parterns-slider {
    cursor: grab
}

@media print,
screen and (min-width:769px) {
    .parterns-slider {
        padding: 6rem 12rem
    }
}

.parterns-slider .slider-item {
    text-align: center
}

.parterns-slider .slider-item img {
    margin: 0 auto;
    filter: grayscale(100%);
    opacity: .2;
    transition: all .3s ease-in-out
}

.parterns-slider .slick-current .slider-item img {
    filter: grayscale(0);
    opacity: 1
}

.parterns-slider .slick-arrow,
.parterns-slider .slick-autoplay-toggle-button {
    position: absolute;
    left: -1000rem;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.parterns-slider .slick-arrow:focus,
.parterns-slider .slick-autoplay-toggle-button:focus {
    position: static;
    width: auto;
    height: auto
}

.partners-slider-container {
    padding: 7rem 0
}

@media screen and (min-width:1024px) {
    .partners-slider-container>div {
        background: linear-gradient(90deg, #fff 0, #fff 50%, #f8f9fc 0)
    }
}

@media print,
screen and (min-width:769px) {
    .partners-slider-container {
        padding: 15.7rem 0
    }
}

@media screen and (max-width:1023px) {
    .partners-slider-container .columns {
        display: block !important
    }

    .partners-slider-container .column {
        display: block !important;
        flex-basis: 0 !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        width: 100% !important;
        padding: .75rem
    }
}

.partners-slider-container[data-state=reverse] .columns {
    flex-direction: row-reverse
}

@media screen and (min-width:1024px) {
    .partners-slider-container[data-state=reverse]>div {
        background: linear-gradient(270deg, #f0f5ff 0, #f0f5ff 50%, #fff 0)
    }
}

@media print,
screen and (min-width:769px) {
    .post-contents {
        padding: 9.6rem .75rem 0 0
    }

    .post-contents .fil-ariadna {
        transform: translateY(-17rem)
    }

    .post-contents .columns {
        flex-direction: row-reverse;
        align-items: flex-start
    }

    .post-contents .columns .column:first-child {
        padding: 0;
        max-width: 58rem;
        transform: translateY(-32%)
    }

    .post-contents .columns .column:last-child {
        padding: 0 3.2rem 0 0;
        max-width: 76rem
    }
}

@media screen and (min-width:1024px) {
    .post-contents .columns .column:first-child {
        transform: translateY(-22%)
    }
}

.post-content h1+p {
    font-size: 2.8rem;
    font-weight: 300;
    padding-bottom: 8rem;
    padding-top: 1.8rem;
    line-height: 3.4rem
}

.post-content ul {
    padding-left: .6rem;
    padding-bottom: 1.6rem;
    padding-top: 1.6rem
}

.post-content ul li {
    background: url(assets/img/minimal-button-bg.png) no-repeat left .9rem;
    padding-left: 1.2rem
}

.post-content li+li {
    margin-top: 1rem
}

.post-content ol {
    padding: .6rem 1.6rem 1.6rem 3rem
}

.post-content ol li {
    list-style-type: decimal-leading-zero;
    background: none;
    padding-left: .4rem;
    padding-top: .8rem
}

.post-content li {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.3
}

.post-content a {
    color: #1362fb;
    font-weight: 600
}

.post-content a:visited {
    color: #01161e
}

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    font-weight: 600;
    font-size: 2.6rem;
    padding-top: 2rem
}

.post-content h2 {
    font-size: 3.2rem
}

.post-content p {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.3
}

.post-content img {
    width: 100%;
    padding: 2.6rem 0
}

.post-content img.size-medium {
    max-width: 70rem
}

@media print,
screen and (min-width:769px) {
    .post-content img.size-medium {
        width: 50%
    }

    .post-content img.size-medium.alignleft {
        float: left;
        margin: 0 3% 3% 0
    }

    .post-content img.size-medium.aligright {
        float: right;
        margin: 0 0 3% 3%
    }
}

.post-content table {
    margin: 3rem 0;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc
}

.post-content table td,
.post-content table th {
    border: 1px solid #ccc;
    padding: 1.4rem
}

.post-content .enlighter-v-standard {
    margin-top: 2rem !important
}

.post-content .enlighter-v-standard .enlighter-toolbar {
    display: block !important
}

.post-content .enlighter-t-wpcustom .enlighter-text {
    color: #fff !important
}

.post-content .enlighter-t-wpcustom.enlighter-v-inline {
    background-color: #1362fb !important
}

.post-content .content-table {
    margin-top: 4rem;
    background: #edf67d;
    padding: 2rem
}

.post-content .content-table>p:first-child {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 1.5rem
}

.post-content .content-table ul {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.post-content .content-table li {
    font-size: 1.2rem;
    background: hsla(0, 0%, 100%, 0)
}

.post-content .content-table li+:li {
    margin-top: .5rem
}

.post-content .content-table li a {
    color: #01161e
}

.post-content a.button:visited {
    color: #fff !important
}

.prev-next .columns {
    margin: 0;
    max-width: 102.4rem
}

.prev-next .column {
    display: flex;
    flex-direction: column;
    padding: 2rem 3rem
}

.prev-next .column:hover {
    background: #2c2a4a;
    color: #fff
}

.prev-next .column:hover svg {
    fill: #fff
}

.prev-next .column>div {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 2.9rem
}

.prev-next .column>span {
    display: flex;
    text-decoration: none;
    text-align: right;
    align-items: center
}

.prev-next .column>span a {
    display: block;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 2.4rem;
    max-width: 37.5rem;
    flex-shrink: 1;
    flex-grow: 1
}

.prev-next .column>span svg {
    display: none
}

@media print,
screen and (min-width:769px) {
    .prev-next .column>span svg {
        display: block;
        min-width: 2.6rem !important
    }
}

.prev-next .column:first-child {
    justify-content: right
}

.prev-next .column:first-child>span {
    justify-content: flex-end
}

.prev-next .column:last-child {
    border-top: 1px solid #2c2a4a;
    justify-content: left
}

@media print,
screen and (min-width:769px) {
    .prev-next .column:last-child {
        border-top: none;
        border-left: 1px solid #2c2a4a
    }
}

.prev-next .column:last-child>span {
    justify-content: flex-start
}

.prev-next .column:last-child>span a {
    text-align: left
}

.price-card {
    background-color: #fff;
    padding: 38rem 2rem 4.2rem;
    position: relative
}

.price-card .grouped-headings-big-medium-secondary {
    position: absolute;
    top: 4.2rem;
    width: calc(100% - 4rem)
}

.price-card .button {
    height: 8.2rem;
    justify-content: center;
    text-align: center;
    width: 100%
}

@media print,
screen and (min-width:769px) {
    .price-card {
        padding: 38rem 4.2rem 16.6rem
    }

    .price-card .button,
    .price-card .grouped-headings-big-medium-secondary {
        width: calc(100% - 8.4rem)
    }

    .price-card .button {
        position: absolute;
        left: auto;
        bottom: 4.2rem
    }
}

.price {
    position: absolute;
    top: 19rem;
    font-family: Poppins, sans-serif;
    font-weight: 600
}

.price span {
    margin-right: .2rem
}

.price span:first-of-type {
    font-size: 7rem
}

.price span:nth-of-type(2) {
    font-size: 3rem;
    text-transform: uppercase
}

.price span:nth-of-type(3) {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #93a7d0;
    white-space: nowrap
}

.price p {
    font-family: Poppins, sans-serif;
    font-size: 1.5rem;
    font-weight: 600
}

@media only screen and (min-width:768px)and (max-width:1320px) {
    .price span:first-of-type {
        display: block;
        position: relative;
        top: 1.5rem
    }
}

@media screen and (min-width:769px)and (max-width:1023px) {
    .price-card {
        padding-top: 30rem;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .price-card .title-big {
        font-size: 3.5rem !important
    }

    .price-card .subtitle-medium {
        font-size: 2rem !important;
        line-height: 1
    }

    .price-card .button {
        width: calc(100% - 2rem)
    }

    .price {
        top: 12rem
    }

    .price span:first-of-type {
        font-size: 4rem;
        line-height: 2
    }

    .price span:nth-of-type(2) {
        font-size: 2rem
    }
}

.price-card[data-state=kit-digital] h4 {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    margin-bottom: 1.9rem
}

.price-group {
    position: relative
}

@media screen and (min-width:1024px) {
    .price-group {
        padding-left: 5%
    }

    .price-group>.title-medium {
        position: absolute;
        transform-origin: left top;
        transform: rotate(270deg) translateX(-102%);
        z-index: 10;
        left: 1%
    }
}

.grecaptcha-badge {
    visibility: hidden !important
}

.rich-list li {
    position: relative;
    padding: 0 0 1rem 3rem
}

.rich-list li .icon {
    position: absolute;
    left: 0;
    top: .3rem;
    color: #1362fb
}

.searchandfilter {
    padding: 3rem 0;
    position: relative
}

.searchandfilter h4 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 2rem;
    font-weight: 600
}

.searchandfilter select {
    font-family: Source Sans Pro, sans-serif;
    font-size: 1.7rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(assets/img/select-bg.png) no-repeat right 1rem center;
    border: .2rem solid #2c2a4a;
    padding: 1.4rem 1.3rem;
    line-height: 2rem
}

.searchandfilter .sf-input-text {
    font-family: Source Sans Pro, sans-serif;
    font-size: 1.7rem;
    padding: .9rem 0;
    color: #01161e;
    background: url(assets/img/glass.png) no-repeat 100%;
    border-bottom: 2px solid rgba(1, 22, 30, .4)
}

.searchandfilter a.search-filter-reset {
    display: inline-flex;
    height: 5rem;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    align-items: center;
    text-decoration-color: transparent;
    padding: .9rem 1.8rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background-color: transparent;
    border: .2rem solid #2c2a4a;
    color: #2c2a4a
}

.searchandfilter a.search-filter-reset:hover {
    background-color: #2c2a4a;
    border-color: #2c2a4a;
    color: #fff
}

.searchandfilter ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap
}

.searchandfilter ul li {
    flex-grow: 1;
    padding-right: 2rem
}

.searchandfilter ul li label,
.searchandfilter ul li label input,
.searchandfilter ul li label select {
    width: 100%
}

.searchandfilter ul li.sf-field-search {
    flex-grow: 3;
    padding-right: 0
}

@media print,
screen and (min-width:769px) {
    .searchandfilter {
        padding: 7rem 0 8.6rem
    }
}

.single-testimonial {
    background-color: #edf67d;
    width: 95%;
    margin-right: 0;
    margin-left: auto
}

.single-testimonial .wrapper {
    padding: 6rem 1.8rem 6rem 2.8rem
}

.single-testimonial .title-big {
    margin-bottom: 2rem
}

.single-testimonial blockquote {
    font-size: 2.4rem;
    margin: 3.1rem 0 3.9rem
}

.single-testimonial blockquote:before {
    content: "“"
}

.single-testimonial blockquote:after {
    content: "”"
}

.single-testimonial dt {
    margin-bottom: .7rem
}

@media print,
screen and (min-width:769px) {
    .single-testimonial {
        background: linear-gradient(270deg, #edf67d 0, #edf67d 50%, transparent 0);
        width: 100%;
        margin: auto
    }

    .single-testimonial blockquote {
        font-size: 3.2rem
    }

    .single-testimonial .wrapper {
        padding: 8rem 15rem;
        position: relative
    }

    .single-testimonial .wrapper:after {
        content: "";
        display: block;
        width: 10.7rem;
        height: 9.1rem;
        background: url(/assets/img/quote.png);
        position: absolute;
        right: 0;
        top: -3rem
    }
}

.site-footer {
    background-color: #1362fb;
    color: #fff
}

.site-footer-menus {
    padding-bottom: 8rem
}

.site-footer-menus .level {
    padding-bottom: 8.7rem
}

@media screen and (max-width:768px) {
    .site-footer-menus .level {
        padding-bottom: 4.4rem
    }

    .site-footer-menus .level .level-item {
        justify-content: flex-start
    }
}

.site-footer-menus .js-to_expand ul {
    padding-bottom: 1rem
}

.site-footer-menus .js-to_expand li {
    font-size: 1.5rem
}

.site-footer-menus .js-to_expand li a {
    text-decoration-color: transparent
}

.site-footer-menus .js-to_expand li a:hover {
    text-decoration-color: inherit
}

@media print,
screen and (min-width:769px) {
    .two-cols {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }
}

.logo-footer {
    padding-top: 5.3rem;
    width: 19.8rem
}

.logo-footer svg {
    width: 19.8rem;
    height: 3.6rem;
    fill: #fff
}

.logo-footer+p {
    font-size: 1.5rem;
    max-width: 23.5rem;
    padding-bottom: 3.2rem
}

.social-media a {
    text-decoration-color: transparent;
    margin-right: 1rem
}

.social-media a:nth-of-type(3) {
    margin-left: -.4rem
}

.social-media a:last-child {
    margin-left: -.5rem
}

.site-footer-colophon {
    padding: 4rem 0;
    background-color: #01161e;
    color: #fff;
    font-size: 1.5rem
}

.site-footer-colophon p {
    font-size: 1.5rem
}

.site-footer-colophon p+p {
    padding-top: 1.9rem
}

.site-footer-colophon p+p a {
    text-decoration-color: transparent
}

.site-footer-colophon p+p a+a:before {
    content: "— "
}

.site-footer-colophon .columns {
    display: flex;
    flex-direction: column-reverse
}

@media screen and (min-width:1024px) {
    .site-footer-colophon .columns {
        flex-direction: row
    }
}

.site-footer-colophon .column:first-of-type {
    max-width: 46.5rem
}

.site-footer-colophon .column:nth-of-type(2) {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap
}

.site-footer-colophon .column:nth-of-type(2) img {
    width: 11.3rem;
    display: inline-flex;
    margin: .5rem
}

.site-footer-colophon .column:nth-of-type(2) img:last-child {
    width: 15.4rem
}

.site-footer-colophon .column:nth-of-type(2) img.star-logo {
    width: 7rem
}

.site-footer-colophon .column:nth-of-type(2) img.NZ-provider {
    width: 8rem
}

@media screen and (min-width:1024px) {
    .site-footer-colophon .column:nth-of-type(2) {
        justify-content: flex-end
    }

    .site-footer-colophon .column:nth-of-type(2) img {
        margin: 0 0 0 3.2rem
    }
}

.site-header {
    background-color: #1362fb;
    color: #fff;
    height: 8.6rem;
    transition: all .3s ease-in-out;
    position: fixed;
    top: -8.6rem;
    left: 0;
    right: 0;
    z-index: 9000
}

.site-header.visible {
    top: .1rem
}

.site-header .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 8.6rem
}

.site-header .wrapper .logo {
    width: 19.8rem
}

.site-header .wrapper .logo svg {
    width: 19.8rem;
    height: 3.6rem;
    fill: #fff
}

.without-nav .site-header {
    position: absolute;
    top: 0 !important
}

.without-nav .site-header.visible {
    top: 0 !important
}

.blog .site-header,
.category-articles .site-header,
.single-post .site-header {
    background-color: #edf67d;
    color: #01161e
}

.blog .site-header .logo svg,
.category-articles .site-header .logo svg,
.single-post .site-header .logo svg {
    fill: #01161e !important
}

@media screen and (min-width:1280px) {
    .nav-container {
        display: flex
    }

    .nav-container .main-nav {
        padding-right: 5.4rem;
        display: flex;
        align-items: center
    }

    .nav-container .main-nav ul {
        display: flex;
        margin-top: -5px
    }

    .nav-container .main-nav ul li {
        font-size: 1.7rem;
        position: relative
    }

    .nav-container .main-nav ul li .sub-menu {
        display: block;
        position: absolute;
        top: 4.6rem;
        background: #1362fb;
        border: .2rem solid #fff;
        width: 30rem;
        overflow: hidden;
        transition: opacity .3s;
        display: none
    }

    .nav-container .main-nav ul li .sub-menu li {
        margin: 0 !important
    }

    .nav-container .main-nav ul li .sub-menu li.current-menu-item a {
        cursor: default;
        background-color: #fff;
        color: #1362fb
    }

    .nav-container .main-nav ul li .sub-menu li.current-menu-item a:before {
        display: none
    }

    .nav-container .main-nav ul li .sub-menu li a {
        transition: all .3s ease-in-out;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .nav-container .main-nav ul li .sub-menu li a:hover {
        background-color: #fff;
        color: #1362fb
    }

    .nav-container .main-nav ul li .sub-menu li a:before {
        display: none
    }

    .nav-container .main-nav ul li+li {
        margin-left: 3.2rem
    }

    .nav-container .main-nav ul li a {
        display: block;
        padding: 1rem 0;
        text-decoration-color: transparent;
        position: relative;
        overflow: hidden
    }

    .nav-container .main-nav ul li a>.icon {
        transform: rotate(90deg)
    }

    .nav-container .main-nav ul li a:before {
        content: "";
        position: absolute;
        background-color: #fff;
        height: .2rem;
        width: 100%;
        left: 0;
        bottom: 0;
        transform: translateX(-101%);
        transition: all .6s cubic-bezier(.175, .885, .32, 1.275)
    }

    .nav-container .main-nav ul li a:hover:before {
        transform: translateX(0)
    }

    .nav-container .main-nav ul li a[aria-current=page] {
        cursor: default
    }

    .nav-container .main-nav ul li a[aria-current=page]:before {
        transform: translateX(0);
        opacity: 1
    }

    .nav-container .main-nav ul li.current-menu-item a,
    .nav-container .main-nav ul li.current-page-ancestor a {
        cursor: default
    }

    .nav-container .main-nav ul li.current-menu-item a:before,
    .nav-container .main-nav ul li.current-page-ancestor a:before {
        transform: translateX(0);
        opacity: 1
    }
}

@media screen and (max-width:1279px) {
    .nav-container .main-nav {
        transition: transform .6s cubic-bezier(.075, .82, .165, 1);
        position: fixed;
        z-index: 9900;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #1362fb;
        color: #fff;
        transform: translateX(-100%);
        opacity: 0
    }

    .nav-container .main-nav.is-active {
        opacity: 1;
        transform: translateX(0)
    }

    .nav-container .main-nav.is-mobile {
        transition: all .6s cubic-bezier(.075, .82, .165, 1)
    }

    .nav-container .main-nav ul {
        position: absolute;
        left: 10%;
        top: 50%;
        transform: translateY(-50%)
    }

    .nav-container .main-nav ul a .icon {
        transform: rotate(90deg)
    }

    .nav-container .main-nav ul ul {
        position: static;
        display: none;
        transform: translate(1rem);
        border-left: .2rem solid #fff
    }

    .nav-container .main-nav ul ul li {
        padding-left: 1rem
    }

    .nav-container .main-nav ul ul li a {
        font-size: 2.2rem
    }

    .nav-container .main-nav ul li {
        line-height: 2
    }

    .nav-container .main-nav ul li a {
        font-size: 3.2rem;
        text-decoration: none
    }
}

.nav-container .register-menu {
    display: flex;
    background: transparent !important
}

.nav-container .register-menu .button {
    height: 3.8rem
}

@media screen and (max-width:1279px) {
    .nav-container .register-menu {
        position: fixed;
        bottom: 5%;
        left: 10%;
        right: 0;
        z-index: 9902;
        justify-content: flex-start;
        visibility: hidden
    }

    .nav-container .register-menu.is-active {
        visibility: visible
    }
}

.nav-container .register-menu li+li {
    margin-left: 1rem
}

.blog .nav-container .main-nav ul li a:before,
.category-articles .nav-container .main-nav ul li a:before,
.single-post .nav-container .main-nav ul li a:before {
    background-color: #01161e
}

@media screen and (max-width:1279px) {

    .blog .nav-container .main-nav,
    .category-articles .nav-container .main-nav,
    .single-post .nav-container .main-nav {
        background-color: #edf67d;
        color: #2c2a4a
    }
}

.blog .nav-container .main-nav .sub-menu {
    background: #edf67d;
    border: .2rem solid #01161e
}

.blog .nav-container .main-nav .sub-menu a:hover {
    color: #01161e
}

.site-main {
    padding-top: 5rem
}

@media print,
screen and (min-width:769px) {
    .site-main {
        padding-top: 14.8rem
    }
}

@media print,
screen and (min-width:769px) {
    .site-main[data-state=home] {
        padding-top: 20rem
    }
}

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

    .site-main[data-state=blog-post],
    .site-main[data-state=use-case] {
        padding-top: 0;
        margin-top: -27rem;
        background: linear-gradient(90deg, #fff 0, #fff 50%, transparent 0)
    }
}

.site-main[data-state=blog] {
    padding-top: 0 !important;
    background: #f0f5ff
}

.site-main[data-state=changelog] {
    padding-top: 0 !important;
    background: #f8f9fc
}

.site-main[data-state=funcionalitats],
.site-main[data-state=legal],
.site-main[data-state=us] {
    padding-top: 0 !important
}

[class*=-slider-left],
[class*=-slider-right] {
    cursor: pointer;
    border: none;
    background-color: transparent
}

[class*=-slider-left] .icon,
[class*=-slider-right] .icon {
    transition: all .3s ease-in-out
}

[class*=-slider-left] span,
[class*=-slider-right] span {
    position: absolute;
    left: -1000rem;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

[class*=-slider-left]:hover svg,
[class*=-slider-right]:hover svg {
    fill: #1362fb
}

.testimonial-slider-left svg,
.testimonial-slider-right svg {
    fill: #fff
}

body,
body #js-modal-page {
    display: flex;
    flex-direction: column
}

body #js-modal-page {
    height: 100%
}

body .all-content {
    flex: 1 0 auto
}

body .site-footer {
    flex-shrink: 0
}

@media print,
screen and (min-width:769px) {
    [data-state=use-case] .wrapper {
        max-width: 103.7rem
    }

    [data-state=use-case] .wrapper>.grouped-headings-small-medium {
        padding-top: 9.3rem;
        padding-right: 18.4rem;
        padding-left: 15rem
    }

    [data-state=use-case] mark {
        top: 8rem
    }
}

.use-case-content {
    padding: 5.6rem 0 5.6rem 3.7rem;
    position: relative
}

.use-case-content mark {
    position: absolute;
    left: -.5rem;
    transform-origin: left top;
    transform: rotate(270deg) translateX(-100%)
}

.use-case-content h1,
.use-case-content h2,
.use-case-content h3,
.use-case-content h4,
.use-case-content h5 {
    font-size: 2.2rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 600
}

.use-case-content p+h1,
.use-case-content p+h2,
.use-case-content p+h3,
.use-case-content p+h4,
.use-case-content p+h5,
.use-case-content p+h6,
.use-case-content ul+h1,
.use-case-content ul+h2,
.use-case-content ul+h3,
.use-case-content ul+h4,
.use-case-content ul+h5,
.use-case-content ul+h6 {
    padding-top: 2rem
}

.use-case-content mark+h1,
.use-case-content mark+h2,
.use-case-content mark+h3,
.use-case-content mark+h4,
.use-case-content mark+h5,
.use-case-content mark+h6,
.use-case-content mark+p {
    margin-top: -.5rem
}

@media print,
screen and (min-width:769px) {
    .use-case-content {
        padding: 8rem 15rem
    }
}

.use-case-card {
    background: #fff;
    padding: 4.8rem 3.2rem 6rem;
    transition: all .3s ease-in-out;
    margin-bottom: 1.5rem
}

.use-case-card:hover {
    background: #edf67d
}

@media print,
screen and (min-width:769px) {
    .use-case-card {
        padding: 4.8rem 6rem 6rem 4.8rem
    }
}

.use-case-card:not([data-state]) .is-minimal:after {
    background-color: #01161e
}

.use-case-card[data-state=home] {
    background: #f0f5ff
}

.use-case-card[data-state=home]:hover {
    background: #1362fb
}

.use-case-card[data-state=carousel]:hover {
    background-color: #2c2a4a
}

.use-case-card[data-state=carousel]:hover,
.use-case-card[data-state=home]:hover {
    color: #fff
}

.use-case-card[data-state=carousel]:hover .is-minimal,
.use-case-card[data-state=home]:hover .is-minimal {
    background-image: url(assets/img/minimal-button-bg-alt.png)
}

.use-case-card[data-state=carousel]:hover .is-minimal:after,
.use-case-card[data-state=carousel]:hover .is-minimal:before,
.use-case-card[data-state=home]:hover .is-minimal:after,
.use-case-card[data-state=home]:hover .is-minimal:before {
    background-color: #fff
}

.use-case-card[data-state=carousel] {
    width: 65.6rem !important;
    height: 100%
}

@media screen and (max-width:699px) {
    .use-case-card[data-state=carousel] {
        width: 30rem !important
    }
}

@media screen and (max-width:699px) {
    .use-case-slider .slick-track {
        height: 53rem
    }

    .use-case-slider .slick-track .slick-slide,
    .use-case-slider .slick-track .slick-slide>div,
    .use-case-slider .slick-track .slick-slide>div>div {
        height: 100%
    }
}

.testimonial-slider-container {
    background-color: #2c2a4a;
    color: #fff;
    padding: 9rem 0
}

.testimonial-slider-container .title-big {
    margin-bottom: 2rem
}

.testimonial-slider-container blockquote {
    margin: 3.1rem 0 3.9rem
}

.testimonial-slider-container blockquote:before {
    content: "“"
}

.testimonial-slider-container blockquote:after {
    content: "”"
}

.testimonial-slider-container dl {
    margin-bottom: 6.1rem
}

.testimonial-slider-container dl dt {
    margin-bottom: .7rem
}

.testimonial-slider-container .testimonial-slider {
    cursor: grab
}

.testimonial-slider-container .slick-dots {
    display: flex
}

.testimonial-slider-container .slick-dots li+li {
    margin-left: 1rem
}

.testimonial-slider-container .slick-dots button {
    width: 3.3rem;
    height: .4rem;
    background: #fff;
    border: none
}

.testimonial-slider-container .slick-dots button .slick-dot-icon,
.testimonial-slider-container .slick-dots button .slick-sr-only {
    position: absolute;
    left: -1000rem;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.testimonial-slider-container .slick-dots .slick-active button {
    background: #1362fb
}

@media print,
screen and (min-width:769px) {
    .testimonial-slider-container {
        padding: 11rem 0
    }

    .testimonial-slider-container .wrapper {
        display: flex;
        position: relative
    }

    .testimonial-slider-container .wrapper>div:first-child {
        width: 50%
    }

    .testimonial-slider-container .wrapper .title-big {
        max-width: 30rem
    }

    .testimonial-slider-container .wrapper .testimonial-slider {
        width: 50%
    }
}

.video-banner {
    position: relative;
    height: calc(100vh - 8.6rem);
    overflow: hidden
}

.video-banner video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0
}

.video-banner .jumbo-title {
    position: absolute;
    bottom: 10%;
    left: 15%;
    color: #fff;
    width: 80%;
    max-width: 100rem;
    text-shadow: 0 0 4rem rgba(0, 0, 0, .7)
}

@media screen and (max-width:949px) {
    .video-banner .jumbo-title {
        font-size: 4rem !important;
        left: 5%
    }
}

.vision .wrapper {
    position: relative
}

.vision .title-big {
    position: absolute;
    font-size: 5.5vw;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%
}

.vision img {
    max-width: 163.1rem
}

@media print,
screen and (min-width:769px) {
    .vision .wrapper {
        margin-left: 0
    }

    .vision .title-big {
        width: 90%;
        max-width: 67.5rem;
        z-index: 10;
        left: auto;
        bottom: auto;
        transform: translateX(0);
        top: 3.9rem;
        right: 5.6rem;
        font-size: 4rem
    }
}

.animation {
    display: none
}

@media print,
screen and (min-width:769px) {
    .animation {
        display: block;
        opacity: .2;
        position: absolute;
        right: 0;
        bottom: -.5rem;
        min-width: 40.5rem;
        min-height: 38.5rem
    }

    .animation svg {
        stroke-width: 8
    }
}

@media screen and (min-width:1024px) {
    .animation {
        opacity: 1;
        min-width: 50rem;
        min-height: 47.5rem
    }

    .animation svg {
        stroke-width: 5
    }
}

@media screen and (min-width:1216px) {
    .animation {
        width: 60rem;
        height: 57rem
    }

    .animation svg {
        stroke-width: 4
    }
}

@media screen and (min-width:1900px) {
    .animation {
        width: 81rem;
        height: 77rem;
    }
}

.webinar-list li {
    background: none !important;
    padding-left: 0 !important;
}

.webinar-list li b {
    font-size: 1.5rem;
    position: relative;
    top: .1rem;
    left: .7rem;
}

.post-type-archive-webinars div.post-card-content .title-big.p-bottom-3-desktop {
    padding-bottom: 0 !important;
    padding-right: 0;
}

.tpl-functionalities .level-item {
    max-width: 50rem;
}

@media screen and (max-width:1023px) {
    html[lang=de-DE] .main-banner .jumbo-title {
        font-size: 8vw;
    }
}