@charset "UTF-8";

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: .35em .75em .625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

@keyframes hovering {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(0, -3px);
    }

    75% {
        transform: translate(0, 3px);
    }

    100% {
        transform: translate(0, -4px);
    }
}

@keyframes hovering2 {
    0% {
        transform: translate(0, 0) rotate(0);
    }

    25% {
        transform: translate(0, -3px) rotate(-2deg);
    }

    75% {
        transform: translate(0, 3px) rotate(0);
    }

    100% {
        transform: translate(0, -3px) rotate(2deg);
    }
}

@keyframes right-to-left {
    0% {
        transform: translate(200px, 0);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flying {
    0% {
        opacity: 0;
        transform: translate(25px, 0) scale(.75);
    }

    25% {
        opacity: 1;
        transform: translate(-25px, 0) scale(1);
    }

    75% {
        opacity: 1;
        transform: translate(-75px, 0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-125px, 0) scale(.75);
    }
}

@keyframes falling1 {
    0% {
        transform: translate(0px, 0) rotate(0);
        opacity: 0;
    }

    25% {
        transform: translate(-30px, 0) rotate(-25deg);
        opacity: 0;
    }

    80% {
        transform: translate(-40px, 50px) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: translate(-50px, 100px) rotate(0);
        opacity: 0;
    }
}

@keyframes falling2 {
    0% {
        transform: translate(-60px, 0) rotate(0);
        opacity: 0;
    }

    40% {
        transform: translate(-70px, 0) rotate(25deg);
        opacity: 0;
    }

    80% {
        transform: translate(-80px, 40px) rotate(-25deg);
        opacity: 1;
    }

    100% {
        transform: translate(-90px, 60px) rotate(0);
        opacity: 0;
    }
}

@keyframes falling3 {
    0% {
        transform: translate(-100px, 0) rotate(0);
        opacity: 0;
    }

    55% {
        transform: translate(-110px, 0) rotate(0);
        opacity: 0;
    }

    80% {
        transform: translate(-120px, 30px) rotate(10deg);
        opacity: 1;
    }

    100% {
        transform: translate(-130px, 40px) rotate(-25deg);
        opacity: 0;
    }
}

@keyframes fade-in-up {
    0% {
        transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.ready-to-animate-opacity {
    opacity: 0;
}

.animating.svg-plane-wrap {
    position: absolute;
    top: -25px;
    left: auto;
    right: 0;
    animation: 3s linear infinite forwards flying;
}

.animating.svg-candy-wrap {
    position: absolute;
    top: 20px;
    left: auto;
    right: 0;
    animation: 3s linear infinite forwards falling1;
}

.animating.svg-candy-wrap.candy-para-2 {
    animation: 3s linear infinite forwards falling2;
}

.animating.svg-candy-wrap.candy-para-3 {
    animation: 3s linear infinite forwards falling3;
}

.animating.hovering {
    animation: 2s linear 0s infinite alternate hovering;
}

.animating.hovering2 {
    animation: 3s linear 0s infinite alternate hovering2;
}

.animating.right-to-left {
    animation: 2s ease-in-out 0s forwards right-to-left;
}

.animating.fade-in-up-1 {
    animation: 1s ease-in-out 0s forwards fade-in-up;
}

.animating.fade-in-up-2 {
    animation: 1s ease-in-out .2s forwards fade-in-up;
}

.animating.fade-in-up-3 {
    animation: 1s ease-in-out .4s forwards fade-in-up;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

html {
    box-sizing: border-box;
    font-size: 50%
}

@media(min-width:601px) {
    html {
        font-size: 100%
    }
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

button,
input,
optgroup,
select,
textarea {
    font-family: roboto, sans-serif;
}

ul:not(.browser-default),
ol:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}

ul:not(.browser-default)>li,
ol:not(.browser-default)>li {
    list-style-type: none;
}

a {
    color: #0133a3;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

p a:hover {
    text-decoration: underline;
}

.font-secondary,
.single-box .type-box .single-box-header .past-box-explore,
.past-boxes-list .past-box-item .past-box-item-heading span {
    font-family: fredoka one, sans-serif;
}

.valign-wrapper {
    display: flex;
    align-items: center;
}

.clearfix {
    clear: both;
}

.z-depth-0,
.collapsible,
.btn:hover,
.btn-same-width:hover,
.btn-small:hover,
.btn-tiny:hover,
.btn-large:hover,
.gform_button:hover,
.btn,
.login .button,
.register .button,
.lost_reset_password .button,
.btn-same-width,
.btn-small,
.btn-tiny,
.pagination.prev-next a,
.btn-large,
.gform_button,
.card.card-basic {
    box-shadow: none !important;
}

.z-depth-1,
.sidenav,
.dropdown-content,
.btn-floating,
.card,
.card-panel,
nav.nav-dashboard {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14);
}

.z-depth-1-half,
.btn-floating:hover {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
}

.z-depth-2,
.modal,
nav.nav-home {
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .14);
}

.z-depth-3 {
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}

.z-depth-4 {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
}

.z-depth-5 {
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2);
}

.hoverable {
    transition: box-shadow .25s;
}

.hoverable:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
}

.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
}

.divider.alt {
    background-color: #9e9e9e;
}

blockquote {
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: 5px solid #0133a3;
}

i {
    line-height: inherit;
}

i.left {
    float: left;
    margin-right: 15px;
}

i.right {
    float: right;
    margin-left: 15px;
}

i.tiny {
    font-size: 1rem;
}

i.small {
    font-size: 2rem;
}

i.medium {
    font-size: 4rem;
}

i.large {
    font-size: 6rem;
}

img,
video {
    max-width: 100%;
    height: auto;
}

.pagination {
    display: flex;
    justify-content: center;
}

.pagination .current {
    color: lightgrey;
}

.pagination .page-numbers {
    line-height: 1.5 !important;
    padding: 8px;
    display: flex;
    justify-content: center;
}

.pagination .page-numbers i {
    margin: 0 !important;
}

.pagination .page-numbers:hover {
    text-decoration: underline;
}

.pagination .page-numbers:hover i {
    text-decoration: none;
}

.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover {
    text-decoration: none;
}

.pagination .page-numbers.prev:hover span,
.pagination .page-numbers.next:hover span {
    text-decoration: underline;
}

.pagination.prev-next {
    background-color: #eee;
    align-content: center;
    justify-content: center;
    margin-top: 4rem;
}

.pagination.prev-next a {
    margin: 0 1rem;
}

@media(max-width:991px) {
    .pagination {
        width: 100%
    }
}

.breadcrumb {
    font-size: 18px;
    color: rgba(255, 255, 255, .7);
}

.breadcrumb i,
.breadcrumb [class^=mdi-],
.breadcrumb [class*=mdi-],
.breadcrumb i.material-icons {
    display: inline-block;
    float: left;
    font-size: 24px;
}

.breadcrumb:before {
    content: "\e5cc";
    color: rgba(255, 255, 255, .7);
    vertical-align: top;
    display: inline-block;
    font-family: material icons;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    margin: 0 10px 0 8px;
    -webkit-font-smoothing: antialiased;
}

.breadcrumb:first-child:before {
    display: none;
}

.breadcrumb:last-child {
    color: #fff;
}

.parallax-container {
    position: relative;
    overflow: hidden;
    height: 500px;
}

.parallax-container .parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.parallax-container .parallax img {
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    transform: translate3d(0, 0, 0);
    transform: translateX(-50%);
}

.pin-top,
.pin-bottom {
    position: relative;
}

.pinned {
    position: fixed !important;
}

ul.staggered-list li {
    opacity: 0;
}

.fade-in {
    opacity: 0;
    transform-origin: 0 50%
}

@media(max-width:767px) {

    .hide-on-small-only,
    .hide-on-small-and-down {
        display: none !important;
    }
}

@media(max-width:599px) {
    .hide-on-extra-small {
        display: none !important;
    }
}

@media(min-width:601px) {
    .hide-on-small-and-up {
        display: none !important;
    }
}

@media(max-width:991px) {
    .hide-on-med-and-down {
        display: none !important;
    }
}

@media(min-width:601px) {
    .hide-on-med-and-up {
        display: none !important;
    }
}

@media(min-width:993px) {
    .hide-on-large-and-up {
        display: none !important;
    }
}

@media(min-width:600px) and (max-width:992px) {
    .hide-on-med-only {
        display: none !important;
    }
}

@media(min-width:993px) {
    .hide-on-large-only {
        display: none !important;
    }
}

@media(min-width:1201px) {
    .hide-on-extra-large-only {
        display: none !important;
    }
}

@media(min-width:1201px) {
    .show-on-extra-large {
        display: block !important;
    }
}

@media(min-width:993px) {
    .show-on-large {
        display: block !important;
    }
}

@media(min-width:600px) and (max-width:992px) {
    .show-on-medium {
        display: block !important;
    }
}

@media(max-width:599px) {
    .show-on-small {
        display: block !important;
    }
}

@media(min-width:601px) {
    .show-on-medium-and-up {
        display: block !important;
    }
}

@media(max-width:991px) {
    .show-on-medium-and-down {
        display: block !important;
    }
}

@media(max-width:767px) {
    .center-on-small-only {
        text-align: center;
    }
}

.page-footer {
    padding-top: 20px;
    color: #fff;
    background-color: #0133a3;
}

.page-footer .footer-copyright {
    overflow: hidden;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    color: rgba(255, 255, 255, .8);
    background-color: rgba(51, 51, 51, .08);
}

table,
th,
td {
    border: none;
}

table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

table tr {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

table td,
table th {
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px;
}

table.dense td,
table.dense th {
    padding: 5px;
}

table.striped tr {
    border-bottom: none;
}

table.striped>tbody>tr:nth-child(odd) {
    background-color: rgba(242, 242, 242, .5);
}

table.striped>tbody>tr>td {
    border-radius: 0;
}

table.highlight>tbody>tr {
    transition: background-color .25s ease;
}

table.highlight>tbody>tr:hover {
    background-color: rgba(242, 242, 242, .5);
}

table.centered thead tr th,
table.centered tbody tr td {
    text-align: center;
}

@media(max-width:991px) {
    table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
    }

    table.responsive-table td:empty:before {
        content: " "
    }

    table.responsive-table th,
    table.responsive-table td {
        margin: 0;
        vertical-align: top;
    }

    table.responsive-table th {
        text-align: left;
    }

    table.responsive-table thead {
        display: block;
        float: left;
    }

    table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0;
    }

    table.responsive-table thead tr th::before {
        content: " "
    }

    table.responsive-table tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    table.responsive-table th {
        display: block;
        text-align: right;
    }

    table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }

    table.responsive-table tr {
        border-bottom: none;
        padding: 0 10px;
    }

    table.responsive-table thead {
        border: 0;
        border-right: 1px solid rgba(0, 0, 0, .12);
    }
}

.collection {
    margin: 24px 0;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.collection .collection-item {
    background-color: #fff;
    line-height: 1.5rem;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
}

.collection .collection-item.avatar {
    min-height: 84px;
    padding-left: 72px;
    position: relative;
}

.collection .collection-item.avatar:not(.circle-clipper)>.circle,
.collection .collection-item.avatar :not(.circle-clipper)>.circle {
    position: absolute;
    width: 42px;
    height: 42px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle;
}

.collection .collection-item.avatar i.circle {
    font-size: 18px;
    line-height: 42px;
    color: #fff;
    background-color: #999;
    text-align: center;
}

.collection .collection-item.avatar .title {
    font-size: 16px;
}

.collection .collection-item.avatar p {
    margin: 0;
}

.collection .collection-item.avatar .secondary-content {
    position: absolute;
    top: 16px;
    right: 16px;
}

.collection .collection-item:last-child {
    border-bottom: none;
}

.collection .collection-item.active {
    background-color: #0133a3;
    color: #bed2ff;
}

.collection .collection-item.active .secondary-content {
    color: #fff;
}

.collection a.collection-item {
    display: block;
    transition: .25s;
    color: #0133a3;
}

.collection a.collection-item:not(.active):hover {
    background-color: #ddd;
}

.collection.with-header .collection-header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px;
}

.collection.with-header .collection-item {
    padding-left: 30px;
}

.collection.with-header .collection-item.avatar {
    padding-left: 72px;
}

.secondary-content {
    float: right;
    color: #0133a3;
}

.collapsible .collection {
    margin: 0;
    border: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #729dfe;
    border-radius: 2px;
    margin: 24px 0;
    overflow: hidden;
}

.progress .determinate {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #0133a3;
    transition: width .3s linear;
}

.progress .indeterminate {
    background-color: #0133a3;
}

.progress .indeterminate:before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
}

.progress .indeterminate:after {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    animation-delay: 1.15s;
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    100% {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    100% {
        left: 107%;
        right: -8%
    }
}

.hide {
    display: none !important;
}

.visible {
    display: block !important;
}

.left-align {
    text-align: left;
}

.right-align {
    text-align: right;
}

.center,
.faux-link,
.center-align {
    text-align: center;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.no-select,
input[type=range],
input[type=range]+.thumb {
    user-select: none;
}

.circle {
    border-radius: 50%
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.block {
    display: block;
}

.align-center {
    align-items: center;
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pointer,
.slick-dots button,
.slick-arrow,
.slick-list.dragging,
ul.select-options,
.selected-sort-filter,
.products-list-header .product-filter-open,
.mobile-header svg,
.uy-change-sample,
.first-box-choices-container.only-slider .first-box-choices .slick-arrow,
.first-box-choices-container .first-box-choices .slick-arrow,
.sidenav.cart-drawer .cart-close-icon,
.sidenav.cart-drawer .cart-drawer-form .product-quantity button,
.single-product-img-wrapper .slider-nav .slick-slide,
.ingredients-wrapper .title,
.uy-product-quantity-container .button-wrap button,
.faux-link,
.dashboard-referrals .copy-link-text,
.get-rewarded .copy-link-text,
#first_month_select_field label.radio,
#uy-choose-first-box-wrapper .choose-first-box-container .choose-first-box,
.saved-payment-methods .card-panel,
#payment .payment-chooser-wrapper .choose,
body.woocommerce-checkout div.woocommerce #payment .braintree-save-checkbox,
.timepicker-tick,
.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div,
.datepicker-day-button,
.month-prev,
.month-next,
.carousel .indicators .indicator-item,
.slider .indicators .indicator-item,
.sidenav .menu-close-icon,
input[type=range],
input[type=range]+.thumb,
.file-field input[type=file],
.file-field span,
.select-wrapper input.select-dropdown,
.switch label,
[type=checkbox]+span:not(.lever),
[type=radio]:not(:checked)+span,
[type=radio]:checked+span,
.input-field input[type=search]~.mdi-navigation-close,
.input-field input[type=search]~.material-icons,
.chip .close,
.collapsible-header,
.modal .modal-close,
.waves-effect,
.dropdown-trigger,
.dropdown-content li,
.btn-flat,
.btn-floating,
.btn,
.login .button,
.register .button,
.lost_reset_password .button,
.btn-same-width,
.btn-small,
.btn-tiny,
.pagination.prev-next a,
.btn-large,
.gform_button,
.card .card-reveal .card-title,
.card.card-select,
.card.card-dashboard-order .card-content .card-action-icon,
.card.card-dashboard-referrals .card-content .card-action-icon,
.card.card-dashboard-sub .card-content .card-action-icon,
.card.card-dashboard .card-content .card-action-icon,
.card.card-dashboard-addon .card-content .card-action-icon,
.card .card-title.activator,
nav ul a {
    cursor: pointer;
}

.capital {
    text-transform: capitalize;
}

.inline {
    display: inline;
}

.is-hidden {
    display: none;
}

.underline {
    text-decoration: underline;
}

span.overflow-visible,
.overflow-visible {
    overflow: visible;
}

.border-bottom-black {
    border-bottom: 2px solid #000;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.absolute-fit-parent {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.top-1 {
    top: var(--space-unit);
}

.rd {
    border-radius: 100%
}

.border-0 {
    border: 0;
}

.border-1 {
    border-width: 1px;
}

.border-2 {
    border-width: 2px;
}

.border-top-1 {
    border-top-width: 1px;
}

.border-bottom-1 {
    border-bottom-width: 1px;
}

.border-solid {
    border-style: solid;
}

.border-top-solid {
    border-top-style: solid;
}

.border-bottom-solid {
    border-bottom-style: solid;
}

.uy-pencil-icon {
    position: relative;
}

.uy-pencil-icon:before {
    background: url(images/pencil.svg);
    content: "";
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -30px;
    top: 0;
}

.grid,
.related.products .products,
[class*=grid-auto-] {
    display: grid;
    grid-gap: var(--grid-gap, 0);
}

.grid .child,
.related.products .products .child,
[class*=grid-auto-] .child {
    height: 4rem;
}

.grid,
.related.products .products {
    --grid-cols: 12;
    grid-template-columns: repeat(var(--grid-cols), 1fr);
}

.grid>*,
.related.products .products>* {
    grid-column: span var(--span, 12)/span var(--span, 12);
    max-width: 100%
}

.grid-auto-xs,
.grid-auto-sm,
.grid-auto-md,
.grid-auto-lg,
.grid-auto-xl {
    grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width), 1fr));
}

.grid-auto-xs {
    --col-min-width: 8rem;
}

.grid-auto-sm {
    --col-min-width: 10rem;
}

.grid-auto-md {
    --col-min-width: 15rem;
}

.grid-auto-lg {
    --col-min-width: 20rem;
}

.grid-auto-xl {
    --col-min-width: 25rem;
}

.grid-auto-cols {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.grid-gap-xxxxs {
    --grid-gap: var(--space-xxxxs, 0.125rem);
}

.grid-gap-xxxs {
    --grid-gap: var(--space-xxxs, 0.25rem);
}

.grid-gap-xxs {
    --grid-gap: var(--space-xxs, 0.375rem);
}

.grid-gap-xs {
    --grid-gap: var(--space-xs, 0.5rem);
}

.grid-gap-sm {
    --grid-gap: var(--space-sm, 0.75rem);
}

.grid-gap-md {
    --grid-gap: var(--space-md, 1.25rem);
}

.grid-gap-lg {
    --grid-gap: var(--space-lg, 2rem);
}

.grid-gap-xl {
    --grid-gap: var(--space-xl, 3.25rem);
}

.grid-gap-xxl {
    --grid-gap: var(--space-xxl, 5.25rem);
}

.grid-gap-xxxl {
    --grid-gap: var(--space-xxxl, 8.5rem);
}

.grid-gap-xxxxl {
    --grid-gap: var(--space-xxxxl, 13.75rem);
}

.col-1 {
    --span: 1;
}

.col-start-1 {
    grid-column-start: 1;
}

.col-end-2 {
    grid-column-end: 2;
}

.row-1 {
    grid-row: 1;
}

.row-start-1 {
    grid-row-start: 1;
}

.row-end-2 {
    grid-row-end: 2;
}

.col-2 {
    --span: 2;
}

.col-start-2 {
    grid-column-start: 2;
}

.col-end-3 {
    grid-column-end: 3;
}

.row-2 {
    grid-row: 2;
}

.row-start-2 {
    grid-row-start: 2;
}

.row-end-3 {
    grid-row-end: 3;
}

.col-3 {
    --span: 3;
}

.col-start-3 {
    grid-column-start: 3;
}

.col-end-4 {
    grid-column-end: 4;
}

.row-3 {
    grid-row: 3;
}

.row-start-3 {
    grid-row-start: 3;
}

.row-end-4 {
    grid-row-end: 4;
}

.col-4 {
    --span: 4;
}

.col-start-4 {
    grid-column-start: 4;
}

.col-end-5 {
    grid-column-end: 5;
}

.row-4 {
    grid-row: 4;
}

.row-start-4 {
    grid-row-start: 4;
}

.row-end-5 {
    grid-row-end: 5;
}

.col-5 {
    --span: 5;
}

.col-start-5 {
    grid-column-start: 5;
}

.col-end-6 {
    grid-column-end: 6;
}

.row-5 {
    grid-row: 5;
}

.row-start-5 {
    grid-row-start: 5;
}

.row-end-6 {
    grid-row-end: 6;
}

.col-6 {
    --span: 6;
}

.col-start-6 {
    grid-column-start: 6;
}

.col-end-7 {
    grid-column-end: 7;
}

.row-6 {
    grid-row: 6;
}

.row-start-6 {
    grid-row-start: 6;
}

.row-end-7 {
    grid-row-end: 7;
}

.col-7 {
    --span: 7;
}

.col-start-7 {
    grid-column-start: 7;
}

.col-end-8 {
    grid-column-end: 8;
}

.row-7 {
    grid-row: 7;
}

.row-start-7 {
    grid-row-start: 7;
}

.row-end-8 {
    grid-row-end: 8;
}

.col-8 {
    --span: 8;
}

.col-start-8 {
    grid-column-start: 8;
}

.col-end-9 {
    grid-column-end: 9;
}

.row-8 {
    grid-row: 8;
}

.row-start-8 {
    grid-row-start: 8;
}

.row-end-9 {
    grid-row-end: 9;
}

.col-9 {
    --span: 9;
}

.col-start-9 {
    grid-column-start: 9;
}

.col-end-10 {
    grid-column-end: 10;
}

.row-9 {
    grid-row: 9;
}

.row-start-9 {
    grid-row-start: 9;
}

.row-end-10 {
    grid-row-end: 10;
}

.col-10 {
    --span: 10;
}

.col-start-10 {
    grid-column-start: 10;
}

.col-end-11 {
    grid-column-end: 11;
}

.row-10 {
    grid-row: 10;
}

.row-start-10 {
    grid-row-start: 10;
}

.row-end-11 {
    grid-row-end: 11;
}

.col-11 {
    --span: 11;
}

.col-start-11 {
    grid-column-start: 11;
}

.col-end-12 {
    grid-column-end: 12;
}

.row-11 {
    grid-row: 11;
}

.row-start-11 {
    grid-row-start: 11;
}

.row-end-12 {
    grid-row-end: 12;
}

.col-12 {
    --span: 12;
}

.col-start-12 {
    grid-column-start: 12;
}

.col-end-13 {
    grid-column-end: 13;
}

.row-12 {
    grid-row: 12;
}

.row-start-12 {
    grid-row-start: 12;
}

.row-end-13 {
    grid-row-end: 13;
}

.col-start {
    grid-column-start: 1;
}

.col-end {
    grid-column-end: -1;
}

@media(min-width:480px) {
    .grid-auto-xs\@m-sm {
        --col-min-width: 8rem;
    }

    .grid-auto-sm\@m-sm {
        --col-min-width: 10rem;
    }

    .grid-auto-md\@m-sm {
        --col-min-width: 15rem;
    }

    .grid-auto-lg\@m-sm {
        --col-min-width: 20rem;
    }

    .grid-auto-xl\@m-sm {
        --col-min-width: 25rem;
    }

    .grid-auto-cols\@m-sm {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

    .col-1\@m-sm {
        --span: 1;
    }

    .col-start-1\@m-sm {
        grid-column-start: 1;
    }

    .col-end-2\@m-sm {
        grid-column-end: 2;
    }

    .row-1\@m-sm {
        grid-row: 1;
    }

    .row-start-1\@m-sm {
        grid-row-start: 1;
    }

    .row-end-2\@m-sm {
        grid-row-end: 2;
    }

    .col-2\@m-sm {
        --span: 2;
    }

    .col-start-2\@m-sm {
        grid-column-start: 2;
    }

    .col-end-3\@m-sm {
        grid-column-end: 3;
    }

    .row-2\@m-sm {
        grid-row: 2;
    }

    .row-start-2\@m-sm {
        grid-row-start: 2;
    }

    .row-end-3\@m-sm {
        grid-row-end: 3;
    }

    .col-3\@m-sm {
        --span: 3;
    }

    .col-start-3\@m-sm {
        grid-column-start: 3;
    }

    .col-end-4\@m-sm {
        grid-column-end: 4;
    }

    .row-3\@m-sm {
        grid-row: 3;
    }

    .row-start-3\@m-sm {
        grid-row-start: 3;
    }

    .row-end-4\@m-sm {
        grid-row-end: 4;
    }

    .col-4\@m-sm {
        --span: 4;
    }

    .col-start-4\@m-sm {
        grid-column-start: 4;
    }

    .col-end-5\@m-sm {
        grid-column-end: 5;
    }

    .row-4\@m-sm {
        grid-row: 4;
    }

    .row-start-4\@m-sm {
        grid-row-start: 4;
    }

    .row-end-5\@m-sm {
        grid-row-end: 5;
    }

    .col-5\@m-sm {
        --span: 5;
    }

    .col-start-5\@m-sm {
        grid-column-start: 5;
    }

    .col-end-6\@m-sm {
        grid-column-end: 6;
    }

    .row-5\@m-sm {
        grid-row: 5;
    }

    .row-start-5\@m-sm {
        grid-row-start: 5;
    }

    .row-end-6\@m-sm {
        grid-row-end: 6;
    }

    .col-6\@m-sm {
        --span: 6;
    }

    .col-start-6\@m-sm {
        grid-column-start: 6;
    }

    .col-end-7\@m-sm {
        grid-column-end: 7;
    }

    .row-6\@m-sm {
        grid-row: 6;
    }

    .row-start-6\@m-sm {
        grid-row-start: 6;
    }

    .row-end-7\@m-sm {
        grid-row-end: 7;
    }

    .col-7\@m-sm {
        --span: 7;
    }

    .col-start-7\@m-sm {
        grid-column-start: 7;
    }

    .col-end-8\@m-sm {
        grid-column-end: 8;
    }

    .row-7\@m-sm {
        grid-row: 7;
    }

    .row-start-7\@m-sm {
        grid-row-start: 7;
    }

    .row-end-8\@m-sm {
        grid-row-end: 8;
    }

    .col-8\@m-sm {
        --span: 8;
    }

    .col-start-8\@m-sm {
        grid-column-start: 8;
    }

    .col-end-9\@m-sm {
        grid-column-end: 9;
    }

    .row-8\@m-sm {
        grid-row: 8;
    }

    .row-start-8\@m-sm {
        grid-row-start: 8;
    }

    .row-end-9\@m-sm {
        grid-row-end: 9;
    }

    .col-9\@m-sm {
        --span: 9;
    }

    .col-start-9\@m-sm {
        grid-column-start: 9;
    }

    .col-end-10\@m-sm {
        grid-column-end: 10;
    }

    .row-9\@m-sm {
        grid-row: 9;
    }

    .row-start-9\@m-sm {
        grid-row-start: 9;
    }

    .row-end-10\@m-sm {
        grid-row-end: 10;
    }

    .col-10\@m-sm {
        --span: 10;
    }

    .col-start-10\@m-sm {
        grid-column-start: 10;
    }

    .col-end-11\@m-sm {
        grid-column-end: 11;
    }

    .row-10\@m-sm {
        grid-row: 10;
    }

    .row-start-10\@m-sm {
        grid-row-start: 10;
    }

    .row-end-11\@m-sm {
        grid-row-end: 11;
    }

    .col-11\@m-sm {
        --span: 11;
    }

    .col-start-11\@m-sm {
        grid-column-start: 11;
    }

    .col-end-12\@m-sm {
        grid-column-end: 12;
    }

    .row-11\@m-sm {
        grid-row: 11;
    }

    .row-start-11\@m-sm {
        grid-row-start: 11;
    }

    .row-end-12\@m-sm {
        grid-row-end: 12;
    }

    .col-12\@m-sm {
        --span: 12;
    }

    .col-start-12\@m-sm {
        grid-column-start: 12;
    }

    .col-end-13\@m-sm {
        grid-column-end: 13;
    }

    .row-12\@m-sm {
        grid-row: 12;
    }

    .row-start-12\@m-sm {
        grid-row-start: 12;
    }

    .row-end-13\@m-sm {
        grid-row-end: 13;
    }

    .col-start\@m-sm {
        grid-column-start: 1;
    }

    .col-end\@m-sm {
        grid-column-end: -1;
    }

    .col-start-auto\@m-sm {
        grid-column-start: auto;
    }

    .col-end-auto\@m-sm {
        grid-column-end: auto;
    }
}

@media(min-width:600px) {
    .grid-auto-xs\@m-lg {
        --col-min-width: 8rem;
    }

    .grid-auto-sm\@m-lg {
        --col-min-width: 10rem;
    }

    .grid-auto-md\@m-lg {
        --col-min-width: 15rem;
    }

    .grid-auto-lg\@m-lg {
        --col-min-width: 20rem;
    }

    .grid-auto-xl\@m-lg {
        --col-min-width: 25rem;
    }

    .grid-auto-cols\@m-lg {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

    .col-1\@m-lg {
        --span: 1;
    }

    .col-start-1\@m-lg {
        grid-column-start: 1;
    }

    .col-end-2\@m-lg {
        grid-column-end: 2;
    }

    .row-1\@m-lg {
        grid-row: 1;
    }

    .row-start-1\@m-lg {
        grid-row-start: 1;
    }

    .row-end-2\@m-lg {
        grid-row-end: 2;
    }

    .col-2\@m-lg {
        --span: 2;
    }

    .col-start-2\@m-lg {
        grid-column-start: 2;
    }

    .col-end-3\@m-lg {
        grid-column-end: 3;
    }

    .row-2\@m-lg {
        grid-row: 2;
    }

    .row-start-2\@m-lg {
        grid-row-start: 2;
    }

    .row-end-3\@m-lg {
        grid-row-end: 3;
    }

    .col-3\@m-lg {
        --span: 3;
    }

    .col-start-3\@m-lg {
        grid-column-start: 3;
    }

    .col-end-4\@m-lg {
        grid-column-end: 4;
    }

    .row-3\@m-lg {
        grid-row: 3;
    }

    .row-start-3\@m-lg {
        grid-row-start: 3;
    }

    .row-end-4\@m-lg {
        grid-row-end: 4;
    }

    .col-4\@m-lg {
        --span: 4;
    }

    .col-start-4\@m-lg {
        grid-column-start: 4;
    }

    .col-end-5\@m-lg {
        grid-column-end: 5;
    }

    .row-4\@m-lg {
        grid-row: 4;
    }

    .row-start-4\@m-lg {
        grid-row-start: 4;
    }

    .row-end-5\@m-lg {
        grid-row-end: 5;
    }

    .col-5\@m-lg {
        --span: 5;
    }

    .col-start-5\@m-lg {
        grid-column-start: 5;
    }

    .col-end-6\@m-lg {
        grid-column-end: 6;
    }

    .row-5\@m-lg {
        grid-row: 5;
    }

    .row-start-5\@m-lg {
        grid-row-start: 5;
    }

    .row-end-6\@m-lg {
        grid-row-end: 6;
    }

    .col-6\@m-lg {
        --span: 6;
    }

    .col-start-6\@m-lg {
        grid-column-start: 6;
    }

    .col-end-7\@m-lg {
        grid-column-end: 7;
    }

    .row-6\@m-lg {
        grid-row: 6;
    }

    .row-start-6\@m-lg {
        grid-row-start: 6;
    }

    .row-end-7\@m-lg {
        grid-row-end: 7;
    }

    .col-7\@m-lg {
        --span: 7;
    }

    .col-start-7\@m-lg {
        grid-column-start: 7;
    }

    .col-end-8\@m-lg {
        grid-column-end: 8;
    }

    .row-7\@m-lg {
        grid-row: 7;
    }

    .row-start-7\@m-lg {
        grid-row-start: 7;
    }

    .row-end-8\@m-lg {
        grid-row-end: 8;
    }

    .col-8\@m-lg {
        --span: 8;
    }

    .col-start-8\@m-lg {
        grid-column-start: 8;
    }

    .col-end-9\@m-lg {
        grid-column-end: 9;
    }

    .row-8\@m-lg {
        grid-row: 8;
    }

    .row-start-8\@m-lg {
        grid-row-start: 8;
    }

    .row-end-9\@m-lg {
        grid-row-end: 9;
    }

    .col-9\@m-lg {
        --span: 9;
    }

    .col-start-9\@m-lg {
        grid-column-start: 9;
    }

    .col-end-10\@m-lg {
        grid-column-end: 10;
    }

    .row-9\@m-lg {
        grid-row: 9;
    }

    .row-start-9\@m-lg {
        grid-row-start: 9;
    }

    .row-end-10\@m-lg {
        grid-row-end: 10;
    }

    .col-10\@m-lg {
        --span: 10;
    }

    .col-start-10\@m-lg {
        grid-column-start: 10;
    }

    .col-end-11\@m-lg {
        grid-column-end: 11;
    }

    .row-10\@m-lg {
        grid-row: 10;
    }

    .row-start-10\@m-lg {
        grid-row-start: 10;
    }

    .row-end-11\@m-lg {
        grid-row-end: 11;
    }

    .col-11\@m-lg {
        --span: 11;
    }

    .col-start-11\@m-lg {
        grid-column-start: 11;
    }

    .col-end-12\@m-lg {
        grid-column-end: 12;
    }

    .row-11\@m-lg {
        grid-row: 11;
    }

    .row-start-11\@m-lg {
        grid-row-start: 11;
    }

    .row-end-12\@m-lg {
        grid-row-end: 12;
    }

    .col-12\@m-lg {
        --span: 12;
    }

    .col-start-12\@m-lg {
        grid-column-start: 12;
    }

    .col-end-13\@m-lg {
        grid-column-end: 13;
    }

    .row-12\@m-lg {
        grid-row: 12;
    }

    .row-start-12\@m-lg {
        grid-row-start: 12;
    }

    .row-end-13\@m-lg {
        grid-row-end: 13;
    }

    .col-start\@m-lg {
        grid-column-start: 1;
    }

    .col-end\@m-lg {
        grid-column-end: -1;
    }

    .col-start-auto\@m-lg {
        grid-column-start: auto;
    }

    .col-end-auto\@m-lg {
        grid-column-end: auto;
    }
}

@media(min-width:992px) {
    .grid-auto-xs\@t-lg {
        --col-min-width: 8rem;
    }

    .grid-auto-sm\@t-lg {
        --col-min-width: 10rem;
    }

    .grid-auto-md\@t-lg {
        --col-min-width: 15rem;
    }

    .grid-auto-lg\@t-lg {
        --col-min-width: 20rem;
    }

    .grid-auto-xl\@t-lg {
        --col-min-width: 25rem;
    }

    .grid-auto-cols\@t-lg {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

    .col-1\@t-lg {
        --span: 1;
    }

    .col-start-1\@t-lg {
        grid-column-start: 1;
    }

    .col-end-2\@t-lg {
        grid-column-end: 2;
    }

    .row-1\@t-lg {
        grid-row: 1;
    }

    .row-start-1\@t-lg {
        grid-row-start: 1;
    }

    .row-end-2\@t-lg {
        grid-row-end: 2;
    }

    .col-2\@t-lg {
        --span: 2;
    }

    .col-start-2\@t-lg {
        grid-column-start: 2;
    }

    .col-end-3\@t-lg {
        grid-column-end: 3;
    }

    .row-2\@t-lg {
        grid-row: 2;
    }

    .row-start-2\@t-lg {
        grid-row-start: 2;
    }

    .row-end-3\@t-lg {
        grid-row-end: 3;
    }

    .col-3\@t-lg {
        --span: 3;
    }

    .col-start-3\@t-lg {
        grid-column-start: 3;
    }

    .col-end-4\@t-lg {
        grid-column-end: 4;
    }

    .row-3\@t-lg {
        grid-row: 3;
    }

    .row-start-3\@t-lg {
        grid-row-start: 3;
    }

    .row-end-4\@t-lg {
        grid-row-end: 4;
    }

    .col-4\@t-lg {
        --span: 4;
    }

    .col-start-4\@t-lg {
        grid-column-start: 4;
    }

    .col-end-5\@t-lg {
        grid-column-end: 5;
    }

    .row-4\@t-lg {
        grid-row: 4;
    }

    .row-start-4\@t-lg {
        grid-row-start: 4;
    }

    .row-end-5\@t-lg {
        grid-row-end: 5;
    }

    .col-5\@t-lg {
        --span: 5;
    }

    .col-start-5\@t-lg {
        grid-column-start: 5;
    }

    .col-end-6\@t-lg {
        grid-column-end: 6;
    }

    .row-5\@t-lg {
        grid-row: 5;
    }

    .row-start-5\@t-lg {
        grid-row-start: 5;
    }

    .row-end-6\@t-lg {
        grid-row-end: 6;
    }

    .col-6\@t-lg {
        --span: 6;
    }

    .col-start-6\@t-lg {
        grid-column-start: 6;
    }

    .col-end-7\@t-lg {
        grid-column-end: 7;
    }

    .row-6\@t-lg {
        grid-row: 6;
    }

    .row-start-6\@t-lg {
        grid-row-start: 6;
    }

    .row-end-7\@t-lg {
        grid-row-end: 7;
    }

    .col-7\@t-lg {
        --span: 7;
    }

    .col-start-7\@t-lg {
        grid-column-start: 7;
    }

    .col-end-8\@t-lg {
        grid-column-end: 8;
    }

    .row-7\@t-lg {
        grid-row: 7;
    }

    .row-start-7\@t-lg {
        grid-row-start: 7;
    }

    .row-end-8\@t-lg {
        grid-row-end: 8;
    }

    .col-8\@t-lg {
        --span: 8;
    }

    .col-start-8\@t-lg {
        grid-column-start: 8;
    }

    .col-end-9\@t-lg {
        grid-column-end: 9;
    }

    .row-8\@t-lg {
        grid-row: 8;
    }

    .row-start-8\@t-lg {
        grid-row-start: 8;
    }

    .row-end-9\@t-lg {
        grid-row-end: 9;
    }

    .col-9\@t-lg {
        --span: 9;
    }

    .col-start-9\@t-lg {
        grid-column-start: 9;
    }

    .col-end-10\@t-lg {
        grid-column-end: 10;
    }

    .row-9\@t-lg {
        grid-row: 9;
    }

    .row-start-9\@t-lg {
        grid-row-start: 9;
    }

    .row-end-10\@t-lg {
        grid-row-end: 10;
    }

    .col-10\@t-lg {
        --span: 10;
    }

    .col-start-10\@t-lg {
        grid-column-start: 10;
    }

    .col-end-11\@t-lg {
        grid-column-end: 11;
    }

    .row-10\@t-lg {
        grid-row: 10;
    }

    .row-start-10\@t-lg {
        grid-row-start: 10;
    }

    .row-end-11\@t-lg {
        grid-row-end: 11;
    }

    .col-11\@t-lg {
        --span: 11;
    }

    .col-start-11\@t-lg {
        grid-column-start: 11;
    }

    .col-end-12\@t-lg {
        grid-column-end: 12;
    }

    .row-11\@t-lg {
        grid-row: 11;
    }

    .row-start-11\@t-lg {
        grid-row-start: 11;
    }

    .row-end-12\@t-lg {
        grid-row-end: 12;
    }

    .col-12\@t-lg {
        --span: 12;
    }

    .col-start-12\@t-lg {
        grid-column-start: 12;
    }

    .col-end-13\@t-lg {
        grid-column-end: 13;
    }

    .row-12\@t-lg {
        grid-row: 12;
    }

    .row-start-12\@t-lg {
        grid-row-start: 12;
    }

    .row-end-13\@t-lg {
        grid-row-end: 13;
    }

    .col-start\@t-lg {
        grid-column-start: 1;
    }

    .col-end\@t-lg {
        grid-column-end: -1;
    }

    .col-start-auto\@t-lg {
        grid-column-start: auto;
    }

    .col-end-auto\@t-lg {
        grid-column-end: auto;
    }
}

@media(min-width:1200px) {
    .grid-auto-xs\@d-sm {
        --col-min-width: 8rem;
    }

    .grid-auto-sm\@d-sm {
        --col-min-width: 10rem;
    }

    .grid-auto-md\@d-sm {
        --col-min-width: 15rem;
    }

    .grid-auto-lg\@d-sm {
        --col-min-width: 20rem;
    }

    .grid-auto-xl\@d-sm {
        --col-min-width: 25rem;
    }

    .grid-auto-cols\@d-sm {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

    .col-1\@d-sm {
        --span: 1;
    }

    .col-start-1\@d-sm {
        grid-column-start: 1;
    }

    .col-end-2\@d-sm {
        grid-column-end: 2;
    }

    .row-1\@d-sm {
        grid-row: 1;
    }

    .row-start-1\@d-sm {
        grid-row-start: 1;
    }

    .row-end-2\@d-sm {
        grid-row-end: 2;
    }

    .col-2\@d-sm {
        --span: 2;
    }

    .col-start-2\@d-sm {
        grid-column-start: 2;
    }

    .col-end-3\@d-sm {
        grid-column-end: 3;
    }

    .row-2\@d-sm {
        grid-row: 2;
    }

    .row-start-2\@d-sm {
        grid-row-start: 2;
    }

    .row-end-3\@d-sm {
        grid-row-end: 3;
    }

    .col-3\@d-sm {
        --span: 3;
    }

    .col-start-3\@d-sm {
        grid-column-start: 3;
    }

    .col-end-4\@d-sm {
        grid-column-end: 4;
    }

    .row-3\@d-sm {
        grid-row: 3;
    }

    .row-start-3\@d-sm {
        grid-row-start: 3;
    }

    .row-end-4\@d-sm {
        grid-row-end: 4;
    }

    .col-4\@d-sm {
        --span: 4;
    }

    .col-start-4\@d-sm {
        grid-column-start: 4;
    }

    .col-end-5\@d-sm {
        grid-column-end: 5;
    }

    .row-4\@d-sm {
        grid-row: 4;
    }

    .row-start-4\@d-sm {
        grid-row-start: 4;
    }

    .row-end-5\@d-sm {
        grid-row-end: 5;
    }

    .col-5\@d-sm {
        --span: 5;
    }

    .col-start-5\@d-sm {
        grid-column-start: 5;
    }

    .col-end-6\@d-sm {
        grid-column-end: 6;
    }

    .row-5\@d-sm {
        grid-row: 5;
    }

    .row-start-5\@d-sm {
        grid-row-start: 5;
    }

    .row-end-6\@d-sm {
        grid-row-end: 6;
    }

    .col-6\@d-sm {
        --span: 6;
    }

    .col-start-6\@d-sm {
        grid-column-start: 6;
    }

    .col-end-7\@d-sm {
        grid-column-end: 7;
    }

    .row-6\@d-sm {
        grid-row: 6;
    }

    .row-start-6\@d-sm {
        grid-row-start: 6;
    }

    .row-end-7\@d-sm {
        grid-row-end: 7;
    }

    .col-7\@d-sm {
        --span: 7;
    }

    .col-start-7\@d-sm {
        grid-column-start: 7;
    }

    .col-end-8\@d-sm {
        grid-column-end: 8;
    }

    .row-7\@d-sm {
        grid-row: 7;
    }

    .row-start-7\@d-sm {
        grid-row-start: 7;
    }

    .row-end-8\@d-sm {
        grid-row-end: 8;
    }

    .col-8\@d-sm {
        --span: 8;
    }

    .col-start-8\@d-sm {
        grid-column-start: 8;
    }

    .col-end-9\@d-sm {
        grid-column-end: 9;
    }

    .row-8\@d-sm {
        grid-row: 8;
    }

    .row-start-8\@d-sm {
        grid-row-start: 8;
    }

    .row-end-9\@d-sm {
        grid-row-end: 9;
    }

    .col-9\@d-sm {
        --span: 9;
    }

    .col-start-9\@d-sm {
        grid-column-start: 9;
    }

    .col-end-10\@d-sm {
        grid-column-end: 10;
    }

    .row-9\@d-sm {
        grid-row: 9;
    }

    .row-start-9\@d-sm {
        grid-row-start: 9;
    }

    .row-end-10\@d-sm {
        grid-row-end: 10;
    }

    .col-10\@d-sm {
        --span: 10;
    }

    .col-start-10\@d-sm {
        grid-column-start: 10;
    }

    .col-end-11\@d-sm {
        grid-column-end: 11;
    }

    .row-10\@d-sm {
        grid-row: 10;
    }

    .row-start-10\@d-sm {
        grid-row-start: 10;
    }

    .row-end-11\@d-sm {
        grid-row-end: 11;
    }

    .col-11\@d-sm {
        --span: 11;
    }

    .col-start-11\@d-sm {
        grid-column-start: 11;
    }

    .col-end-12\@d-sm {
        grid-column-end: 12;
    }

    .row-11\@d-sm {
        grid-row: 11;
    }

    .row-start-11\@d-sm {
        grid-row-start: 11;
    }

    .row-end-12\@d-sm {
        grid-row-end: 12;
    }

    .col-12\@d-sm {
        --span: 12;
    }

    .col-start-12\@d-sm {
        grid-column-start: 12;
    }

    .col-end-13\@d-sm {
        grid-column-end: 13;
    }

    .row-12\@d-sm {
        grid-row: 12;
    }

    .row-start-12\@d-sm {
        grid-row-start: 12;
    }

    .row-end-13\@d-sm {
        grid-row-end: 13;
    }

    .col-start\@d-sm {
        grid-column-start: 1;
    }

    .col-end\@d-sm {
        grid-column-end: -1;
    }

    .col-start-auto\@d-sm {
        grid-column-start: auto;
    }

    .col-end-auto\@d-sm {
        grid-column-end: auto;
    }
}

@media(min-width:1400px) {
    .grid-auto-xs\@d-lg {
        --col-min-width: 8rem;
    }

    .grid-auto-sm\@d-lg {
        --col-min-width: 10rem;
    }

    .grid-auto-md\@d-lg {
        --col-min-width: 15rem;
    }

    .grid-auto-lg\@d-lg {
        --col-min-width: 20rem;
    }

    .grid-auto-xl\@d-lg {
        --col-min-width: 25rem;
    }

    .grid-auto-cols\@d-lg {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }

    .col-1\@d-lg {
        --span: 1;
    }

    .col-start-1\@d-lg {
        grid-column-start: 1;
    }

    .col-end-2\@d-lg {
        grid-column-end: 2;
    }

    .row-1\@d-lg {
        grid-row: 1;
    }

    .row-start-1\@d-lg {
        grid-row-start: 1;
    }

    .row-end-2\@d-lg {
        grid-row-end: 2;
    }

    .col-2\@d-lg {
        --span: 2;
    }

    .col-start-2\@d-lg {
        grid-column-start: 2;
    }

    .col-end-3\@d-lg {
        grid-column-end: 3;
    }

    .row-2\@d-lg {
        grid-row: 2;
    }

    .row-start-2\@d-lg {
        grid-row-start: 2;
    }

    .row-end-3\@d-lg {
        grid-row-end: 3;
    }

    .col-3\@d-lg {
        --span: 3;
    }

    .col-start-3\@d-lg {
        grid-column-start: 3;
    }

    .col-end-4\@d-lg {
        grid-column-end: 4;
    }

    .row-3\@d-lg {
        grid-row: 3;
    }

    .row-start-3\@d-lg {
        grid-row-start: 3;
    }

    .row-end-4\@d-lg {
        grid-row-end: 4;
    }

    .col-4\@d-lg {
        --span: 4;
    }

    .col-start-4\@d-lg {
        grid-column-start: 4;
    }

    .col-end-5\@d-lg {
        grid-column-end: 5;
    }

    .row-4\@d-lg {
        grid-row: 4;
    }

    .row-start-4\@d-lg {
        grid-row-start: 4;
    }

    .row-end-5\@d-lg {
        grid-row-end: 5;
    }

    .col-5\@d-lg {
        --span: 5;
    }

    .col-start-5\@d-lg {
        grid-column-start: 5;
    }

    .col-end-6\@d-lg {
        grid-column-end: 6;
    }

    .row-5\@d-lg {
        grid-row: 5;
    }

    .row-start-5\@d-lg {
        grid-row-start: 5;
    }

    .row-end-6\@d-lg {
        grid-row-end: 6;
    }

    .col-6\@d-lg {
        --span: 6;
    }

    .col-start-6\@d-lg {
        grid-column-start: 6;
    }

    .col-end-7\@d-lg {
        grid-column-end: 7;
    }

    .row-6\@d-lg {
        grid-row: 6;
    }

    .row-start-6\@d-lg {
        grid-row-start: 6;
    }

    .row-end-7\@d-lg {
        grid-row-end: 7;
    }

    .col-7\@d-lg {
        --span: 7;
    }

    .col-start-7\@d-lg {
        grid-column-start: 7;
    }

    .col-end-8\@d-lg {
        grid-column-end: 8;
    }

    .row-7\@d-lg {
        grid-row: 7;
    }

    .row-start-7\@d-lg {
        grid-row-start: 7;
    }

    .row-end-8\@d-lg {
        grid-row-end: 8;
    }

    .col-8\@d-lg {
        --span: 8;
    }

    .col-start-8\@d-lg {
        grid-column-start: 8;
    }

    .col-end-9\@d-lg {
        grid-column-end: 9;
    }

    .row-8\@d-lg {
        grid-row: 8;
    }

    .row-start-8\@d-lg {
        grid-row-start: 8;
    }

    .row-end-9\@d-lg {
        grid-row-end: 9;
    }

    .col-9\@d-lg {
        --span: 9;
    }

    .col-start-9\@d-lg {
        grid-column-start: 9;
    }

    .col-end-10\@d-lg {
        grid-column-end: 10;
    }

    .row-9\@d-lg {
        grid-row: 9;
    }

    .row-start-9\@d-lg {
        grid-row-start: 9;
    }

    .row-end-10\@d-lg {
        grid-row-end: 10;
    }

    .col-10\@d-lg {
        --span: 10;
    }

    .col-start-10\@d-lg {
        grid-column-start: 10;
    }

    .col-end-11\@d-lg {
        grid-column-end: 11;
    }

    .row-10\@d-lg {
        grid-row: 10;
    }

    .row-start-10\@d-lg {
        grid-row-start: 10;
    }

    .row-end-11\@d-lg {
        grid-row-end: 11;
    }

    .col-11\@d-lg {
        --span: 11;
    }

    .col-start-11\@d-lg {
        grid-column-start: 11;
    }

    .col-end-12\@d-lg {
        grid-column-end: 12;
    }

    .row-11\@d-lg {
        grid-row: 11;
    }

    .row-start-11\@d-lg {
        grid-row-start: 11;
    }

    .row-end-12\@d-lg {
        grid-row-end: 12;
    }

    .col-12\@d-lg {
        --span: 12;
    }

    .col-start-12\@d-lg {
        grid-column-start: 12;
    }

    .col-end-13\@d-lg {
        grid-column-end: 13;
    }

    .row-12\@d-lg {
        grid-row: 12;
    }

    .row-start-12\@d-lg {
        grid-row-start: 12;
    }

    .row-end-13\@d-lg {
        grid-row-end: 13;
    }

    .col-start\@d-lg {
        grid-column-start: 1;
    }

    .col-end\@d-lg {
        grid-column-end: -1;
    }

    .col-start-auto\@d-lg {
        grid-column-start: auto;
    }

    .col-end-auto\@d-lg {
        grid-column-end: auto;
    }
}

.site-footer {
    background-color: #0133a3;
}

.site-footer ul {
    margin-top: 15px;
}

.site-footer li {
    margin-bottom: 3px;
}

.site-footer a {
    color: #fff;
    font-size: 14px;
    line-height: 1.428571429;
}

.site-footer a:hover {
    text-decoration: underline;
}

.site-footer h2 {
    font-size: 24px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.footer-logo a {
    position: relative;
    display: block;
    width: 120px;
    height: 41.48px;
    margin: 0 auto;
}

@media(min-width:601px) {
    .footer-logo a {
        width: 160px;
        height: 55.31px;
        margin: 0 auto;
    }
}

.colophon {
    border-top: 1px solid #fff;
    padding-top: 25px;
    font-size: 12px;
    text-align: center;
}

@media(min-width:601px) {
    .colophon {
        display: flex;
        justify-content: space-between;
    }
}

.colophon .terms {
    color: #fff;
    padding-bottom: 10px;
}

@media(min-width:601px) {
    .colophon .terms {
        padding-bottom: 0;
    }
}

.colophon .terms span {
    margin-right: 12px;
}

.colophon .terms span a {
    color: #fff;
    font-size: 12px;
}

.colophon .social ul {
    margin: 0;
}

.colophon .social li {
    display: inline-block;
    margin-right: 10px;
}

.colophon .social li:last-of-type {
    margin-right: 0;
}

span.badge {
    min-width: 3rem;
    padding: 0 6px;
    margin-left: 14px;
    text-align: center;
    font-size: 1rem;
    line-height: 22px;
    height: 22px;
    color: gray;
    float: right;
    box-sizing: border-box;
}

span.badge.new {
    font-weight: 300;
    font-size: .8rem;
    color: #fff;
    background-color: #0133a3;
    border-radius: 2px;
}

span.badge.new:after {
    content: " new"
}

span.badge[data-badge-caption]::after {
    content: " " attr(data-badge-caption);
}

nav ul a span.badge {
    display: inline-block;
    float: none;
    margin-left: 4px;
    line-height: 22px;
    height: 22px;
    -webkit-font-smoothing: auto;
}

.collection-item span.badge {
    margin-top: calc((1.5rem/2) - (22px/2));
}

.collapsible span.badge {
    margin-left: auto;
}

.sidenav span.badge {
    margin-top: calc((48px * 0.5) - (22px/2));
}

table span.badge {
    display: inline-block;
    float: none;
    margin-left: auto;
}

.material-icons {
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga"
}

.flex,
.page-template-page-about-us .site-main .about-company h3,
.get-rewarded .aw-referrals-share-buttons,
.title-order-wrap .title-order-number:before,
.title-order-wrap,
.modal-content .payment-chooser-wrapper,
.login .form-ending,
.register .form-ending,
.lost_reset_password .form-ending,
.card.card-dashboard-order .card-content .card-action-icon,
.card.card-dashboard-referrals .card-content .card-action-icon,
.card.card-dashboard-sub .card-content .card-action-icon,
.card.card-dashboard .card-content .card-action-icon,
.card.card-dashboard-addon .card-content .card-action-icon {
    display: flex;
}

.space-between,
.get-rewarded .aw-referrals-share-buttons {
    justify-content: space-between;
}

.space-evenly {
    justify-content: space-evenly;
}

.justify-center,
.title-order-wrap .title-order-number:before {
    justify-content: center;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: end;
}

.flex-space-between,
.login .form-ending,
.register .form-ending,
.lost_reset_password .form-ending {
    justify-content: space-between;
}

.flex-center {
    justify-content: center;
}

.flex-end {
    justify-content: end;
}

.flex-align-center,
.page-template-page-about-us .site-main .about-company h3,
.title-order-wrap .title-order-number:before,
.title-order-wrap,
.login .form-ending,
.register .form-ending,
.lost_reset_password .form-ending {
    align-items: center;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-align-baseline {
    align-items: baseline;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-no-shrink {
    flex-shrink: 0;
}

nav {
    color: #0133a3;
    background-color: #fff;
    width: 100%;
    height: 56px;
    line-height: 56px;
}

nav.nav-extended {
    height: auto;
}

nav.nav-extended .nav-wrapper {
    min-height: 56px;
    height: auto;
}

nav.nav-extended .nav-content {
    position: relative;
    line-height: normal;
}

nav.pagination {
    box-shadow: none;
}

nav.nav-home {
    position: relative;
    z-index: 998;
}

@media(min-width:993px) {
    nav.nav-home {
        min-height: 103px;
    }
}

nav.nav-home .nav-wrapper {
    padding-top: 0;
    display: flex;
    align-items: center;
}

@media(min-width:601px) {
    nav.nav-home .nav-wrapper {
        padding-top: 15px;
    }
}

@media(min-width:993px) {
    nav.nav-home .nav-wrapper {
        padding-top: 0;
        max-width: 1170px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        align-items: center;
    }
}

nav .shop-header-icons {
    position: absolute;
    display: flex;
    align-items: center;
    right: 15px;
    top: calc(50% - 20px);
    gap: 20px;
}

@media(min-width:601px) {
    nav .shop-header-icons {
        top: calc(50% - 24px);
    }
}

nav .shop-header-icons .cart-icon {
    width: 40px;
    height: 40px;
    position: relative;
}

nav .shop-header-icons .cart-icon span {
    font-size: 0;
    position: absolute;
}

nav .shop-header-icons .cart-icon.empty-cart {
    cursor: default;
    pointer-events: none;
}

nav .shop-header-icons .cart-icon .menu-cart-count {
    position: absolute;
    color: #fff;
    font-size: 13px;
    font-family: fredoka one, sans-serif;
    background: #0133a3;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: -3px;
    right: -8px;
}

nav .shop-header-icons .cart-icon .menu-cart-count.menu-cart-empty {
    display: none;
}

nav .shop-header-icons .cart-icon svg {
    width: 40px;
    fill: #0133a3;
}

nav .shop-header-icons .account-icon {
    display: none;
    width: 48px;
    height: 48px;
}

nav .shop-header-icons .account-icon span {
    font-size: 0;
    position: absolute;
}

nav .shop-header-icons .account-icon svg {
    width: 48px;
    fill: #0133a3;
}

@media(min-width:601px) {
    nav .shop-header-icons .account-icon {
        display: block;
    }
}

nav.nav-dashboard {
    background: #fff;
}

nav.nav-dashboard .container,
nav.nav-dashboard body.woocommerce-cart article .woocommerce-notices-wrapper,
body.woocommerce-cart article nav.nav-dashboard .woocommerce-notices-wrapper,
nav.nav-dashboard .pagination {
    padding: 0;
}

@media(min-width:601px) {

    nav.nav-dashboard .container,
    nav.nav-dashboard body.woocommerce-cart article .woocommerce-notices-wrapper,
    body.woocommerce-cart article nav.nav-dashboard .woocommerce-notices-wrapper,
    nav.nav-dashboard .pagination {
        padding: 0 15px;
    }
}

nav.nav-dashboard ul {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    height: 56px;
}

@media(min-width:601px) {
    nav.nav-dashboard ul {
        height: 64px;
    }
}

nav.nav-dashboard ul li a {
    transition: .2s color ease-in-out;
    height: 56px;
    font-size: 13px;
    font-family: fredoka one, sans-serif;
    text-align: center;
    text-decoration: none;
}

nav.nav-dashboard ul li a span {
    position: relative;
}

nav.nav-dashboard ul li a span:after {
    content: "";
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #0133a3;
}

nav.nav-dashboard ul li a.active {
    color: #0133a3;
}

nav.nav-dashboard ul li a.active span:after {
    animation: .3s cubic-bezier(0, .01, .19, .99) forwards widthExpand;
}

@media(min-width:601px) {
    nav.nav-dashboard ul li a {
        height: 64px;
        font-size: 20px;
    }
}

nav.nav-dashboard ul li:last-of-type a {
    border-right: none;
}

nav a {
    color: #0133a3;
}

nav i,
nav [class^=mdi-],
nav [class*=mdi-],
nav i.material-icons {
    display: block;
    font-size: 40px;
    height: 56px;
    line-height: 56px;
}

nav .nav-wrapper {
    position: relative;
    height: 100%
}

@media(min-width:993px) {
    nav a.sidenav-trigger {
        display: none;
    }
}

nav .sidenav-trigger {
    float: left;
    position: relative;
    z-index: 1;
    height: 56px;
    margin: -10px 0 0;
}

@media(min-width:601px) {
    nav .sidenav-trigger {
        margin-top: -15px;
    }
}

nav .sidenav-trigger i {
    height: 56px;
    line-height: 56px;
}

nav .brand-logo {
    position: absolute;
    display: inline-block;
    width: 103px;
    height: 36px;
    background-image: url(../image/logo.svg);
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-size: contain;
}

@media(min-width:993px) {
    nav .brand-logo {
        padding: 15px 0;
        width: 210px;
        height: 55px;
    }
}

nav .brand-logo.center,
nav .brand-logo.faux-link {
    left: 50%;
    transform: translateX(-50%);
}

@media(max-width:991px) {
    nav .brand-logo {
        left: 50%;
        transform: translateX(-50%);
    }

    nav .brand-logo.left,
    nav .brand-logo.right {
        padding: 0;
        transform: none;
    }

    nav .brand-logo.left {
        left: .5rem;
    }

    nav .brand-logo.right {
        right: .5rem;
        left: auto;
    }
}

nav .brand-logo.right {
    right: .5rem;
    padding: 0;
}

nav .brand-logo i,
nav .brand-logo [class^=mdi-],
nav .brand-logo [class*=mdi-],
nav .brand-logo i.material-icons {
    float: left;
    margin-right: 15px;
}

nav .nav-title {
    display: inline-block;
    font-size: 32px;
    padding: 28px 0;
}

nav ul {
    margin: 0;
    padding-top: 16px;
}

nav ul li {
    transition: background-color .3s;
    float: left;
    padding: 0;
}

nav ul li.active {
    background-color: rgba(0, 0, 0, .1);
}

nav ul a {
    transition: background-color .3s;
    font-size: 1rem;
    color: #0133a3;
    display: block;
    padding: 0 15px;
    font-weight: 700;
    letter-spacing: .25px;
}

nav ul a.btn,
nav ul .login a.button,
.login nav ul a.button,
nav ul .register a.button,
.register nav ul a.button,
nav ul .lost_reset_password a.button,
.lost_reset_password nav ul a.button,
nav ul a.btn-same-width,
nav ul a.btn-small,
nav ul a.btn-tiny,
nav ul .pagination.prev-next a,
.pagination.prev-next nav ul a,
nav ul a.btn-large,
nav ul a.btn-flat,
nav ul a.btn-floating {
    margin-top: -2px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0 32px;
    font-weight: 400;
}

nav ul a.btn>.material-icons,
nav ul .login a.button>.material-icons,
.login nav ul a.button>.material-icons,
nav ul .register a.button>.material-icons,
.register nav ul a.button>.material-icons,
nav ul .lost_reset_password a.button>.material-icons,
.lost_reset_password nav ul a.button>.material-icons,
nav ul a.btn-same-width>.material-icons,
nav ul a.btn-small>.material-icons,
nav ul a.btn-tiny>.material-icons,
nav ul .pagination.prev-next a>.material-icons,
.pagination.prev-next nav ul a>.material-icons,
nav ul a.btn-large>.material-icons,
nav ul a.btn-flat>.material-icons,
nav ul a.btn-floating>.material-icons {
    height: inherit;
    line-height: inherit;
}

nav ul a:hover {
    text-decoration: underline;
}

nav ul .product-name {
    transition: background-color .3s;
    font-size: 1.15rem;
    color: #0133a3;
    display: block;
    font-weight: 700;
    letter-spacing: .25px;
}

nav ul.left {
    float: left;
}

nav .login {
    position: absolute;
    right: 15px;
    top: -2px;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-family: fredoka one, sans-serif;
    font-weight: 400;
}

nav .login .account-icon {
    width: 40px;
    margin-right: 0;
    margin-top: 8px;
    fill: #0133a3;
}

@media(min-width:993px) {
    nav .login .account-icon {
        margin-top: 0;
    }
}

nav .login span {
    display: none;
}

nav .login:hover {
    text-decoration: none;
}

@media(min-width:993px) {
    nav .login {
        right: 20px;
    }

    nav .login .account-icon {
        width: 18px;
        margin-right: 3px;
    }

    nav .login .loginout-wrapper a {
        display: flex;
        align-items: center;
    }

    nav .login .loginout-wrapper a span {
        display: inline-block;
    }

    nav .login .power-off-icon {
        display: inline-block;
        width: 13px;
        margin-right: 4px;
        top: 0;
        position: relative;
        margin-left: 15px;
    }

    nav .login span {
        display: block;
    }

    nav .login a:hover span {
        text-decoration: underline;
    }
}

nav form {
    height: 100%
}

nav .input-field {
    margin: 0;
    height: 100%
}

nav .input-field input {
    height: 100%;
    font-size: 1.2rem;
    border: none;
    padding-left: 2rem;
}

nav .input-field input:focus,
nav .input-field input[type=text]:valid,
nav .input-field input[type=password]:valid,
nav .input-field input[type=email]:valid,
nav .input-field input[type=url]:valid,
nav .input-field input[type=date]:valid {
    border: none;
    box-shadow: none;
}

nav .input-field label {
    top: 0;
    left: 0;
}

nav .input-field label i {
    color: rgba(255, 255, 255, .7);
    transition: color .3s;
}

nav .input-field label.active i {
    color: #0133a3;
}

@media(min-width:601px) {
    nav.nav-extended .nav-wrapper {
        min-height: 64px;
    }

    nav,
    nav .nav-wrapper i,
    nav a.sidenav-trigger,
    nav a.sidenav-trigger i {
        height: 64px;
        line-height: 64px;
    }

    .navbar-fixed {
        height: 64px;
    }
}

.dashboard-secondary-nav span {
    transition: .2s color ease-in-out;
    font-family: fredoka one, sans-serif;
    position: relative;
    display: inline-block;
}

.dashboard-secondary-nav span:after {
    content: "";
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #0133a3;
}

.dashboard-secondary-nav span.active {
    color: #0133a3;
}

.dashboard-secondary-nav span.active:after {
    animation: .3s cubic-bezier(0, .01, .19, .99) forwards widthExpand;
}

.shop-cta-buttons,
nav a.sidenav-trigger span {
    display: none;
}

body.unified-header .navbar-sticky {
    position: sticky;
    top: 0;
    z-index: 1000;
}

@media(min-width:993px) {
    body.unified-header nav.nav-home {
        min-height: 100px;
    }

    body.unified-header nav .nav-wrapper {
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body.unified-header nav .nav-wrapper a.sidenav-trigger {
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body.unified-header nav .nav-wrapper a.sidenav-trigger span {
        display: inline-block;
        text-transform: uppercase;
        font-family: fredoka one, sans-serif;
        padding-left: var(--space-2);
    }

    body.unified-header nav .nav-wrapper .brand-logo {
        left: 50%;
        transform: translateX(-50%);
    }

    body.unified-header nav .nav-wrapper>ul {
        height: auto;
        padding-top: 0;
    }

    body.unified-header nav .nav-wrapper>ul li:first-of-type,
    body.unified-header nav .nav-wrapper>ul li:nth-of-type(2) {
        display: none;
    }

    body.unified-header nav .nav-wrapper .login {
        display: none;
    }

    body.unified-header nav .shop-cta-buttons {
        padding-top: 0;
        display: block;
    }

    body.unified-header nav .shop-header-icons {
        top: auto;
    }

    body.unified-header nav .shop-header-icons .account-icon {
        display: none;
    }
}

a {
    text-decoration: none;
}

html {
    line-height: 1.5;
    font-size: 80%;
    font-family: roboto, sans-serif;
    font-weight: 400;
    color: rgba(0, 0, 0, .87);
}

@media(min-width:601px) {
    html {
        font-size: 100%
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: fredoka one, sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #0133a3;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}

h1,
.alpha {
    font-size: 4.2rem;
    margin-top: calc(4.2rem/1.5);
    margin-bottom: calc(4.2rem/2.5);
}

h2,
.beta {
    font-size: 3.56rem;
    margin: 0;
    margin-top: calc(3.56rem/1.5);
    margin-bottom: calc(3.56rem/2.5);
}

h3,
.gamma {
    font-size: 2.92rem;
    margin: 0;
    margin-top: calc(2.92rem/1.5);
    margin-bottom: calc(2.92rem/2.5);
}

h4,
.delta,
.title-order-wrap {
    font-size: 2.28rem;
    margin: 0;
    margin-top: calc(2.28rem/1.5);
    margin-bottom: calc(2.28rem/2.5);
}

h5,
.epsilon,
.page-template-page-about-us .site-main .about-company h2,
.related.products .products .woocommerce-loop-product__title,
.card.card-dashboard-order .card-content .card-title,
.card.card-dashboard-referrals .card-content .card-title,
.card.card-dashboard-sub .card-content .card-title,
.card.card-dashboard .card-content .card-title,
.card.card-dashboard-addon .card-content .card-title,
.pagination .page-numbers i {
    font-size: 1.64rem;
    margin: 0;
    margin-top: calc(1.64rem/1.5);
    margin-bottom: calc(1.64rem/2.5);
}

h6,
.zeta,
.single-box .type-box .single-box-header .single-box-header-content p,
body.woocommerce-cart .uy-shop-table-container tr th,
.page-template-page-about-us .site-main .about-company h3,
.page-template-page-about-us .site-main .about-company p,
.quick-question .form-header,
.card.card-dashboard-order .card-content>ul>li,
.card.card-dashboard-referrals .card-content>ul>li,
.card.card-dashboard-sub .card-content>ul>li,
.card.card-dashboard .card-content>ul>li,
.card.card-dashboard-addon .card-content>ul>li,
.card.card-dashboard-notification .card-content .card-title,
.wc-block-grid__product-title,
.wc-block-grid__product-price,
.pagination .page-numbers {
    font-size: 1.15rem;
    margin: 0;
    margin-top: calc(1.15rem/1.5);
    margin-bottom: calc(1.15rem/2.5);
}

.wc-social-login.form-row-wide .button-social-login {
    font-size: 11px;
}

.login .password-forgot a,
.register .password-forgot a,
.lost_reset_password .password-forgot a,
small {
    font-size: 12px;
}

.sidenav.cart-drawer .uy-cart-notice p,
.sidenav.cart-drawer .cart-drawer-footer .uy-shop-table-container tr td,
.sidenav.cart-drawer .cart-drawer-footer .uy-shop-table-container tr th,
.card.card-dashboard-order .card-content .card-action-icon,
.card.card-dashboard-referrals .card-content .card-action-icon,
.card.card-dashboard-sub .card-content .card-action-icon,
.card.card-dashboard .card-content .card-action-icon,
.card.card-dashboard-addon .card-content .card-action-icon,
.base-text {
    font-size: 15px;
}

em {
    font-style: italic;
}

strong {
    font-weight: 700;
}

.light {
    font-weight: 300;
}

.thin {
    font-weight: 200;
}

.bold {
    font-weight: 700;
}

.style-normal {
    font-style: normal;
}

.page-title {
    font-size: 25px;
    margin: 10px 0;
}

@media(min-width:600px) {
    .page-title {
        font-size: 40px;
        margin: 30px 0;
    }
}

.alt-page-title {
    font-size: 25px;
}

@media(min-width:600px) {
    .alt-page-title {
        font-size: 50px;
    }
}

.wc-block-grid__product-title,
.wc-block-grid__product-price {
    font-family: fredoka one, sans-serif;
}

.text-uppercase {
    text-transform: uppercase;
}

.small-body-text {
    font-size: .8rem;
}

.body-text {
    font-family: roboto, sans-serif;
}

.large-body-text {
    font-size: 1.25rem;
    line-height: 1.625rem;
}

.small-title {
    font-size: 1.1rem;
    font-weight: 700;
}

@media(min-width:601px) {
    .small-title {
        font-size: 1rem;
    }
}

.extra-large-body-text {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.line-height-base {
    line-height: 1.5em;
}

.line-height-1 {
    line-height: 1em;
}

address {
    font-style: normal;
}

.scale-transition {
    transition: transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
}

.scale-transition.scale-out {
    transform: scale(0);
    transition: transform .2s !important;
}

.scale-transition.scale-in {
    transform: scale(1);
}

.card-panel {
    transition: box-shadow .25s;
    padding: 24px;
    margin: 24px 0;
    border-radius: 2px;
    background-color: #fff;
}

.card {
    position: relative;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 5px;
    border: none;
    margin-top: var(--space-6);
    margin-bottom: var(--space-1);
}

.card.card-stretch-width-mobile {
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0;
}

@media(min-width:600px) {
    .card.card-stretch-width-mobile {
        margin-left: auto;
        margin-right: auto;
        border-radius: 5px;
    }
}

.card .card-title {
    font-size: 24px;
    font-weight: 300;
}

.card.card-basic {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: calc(24px/2);
}

.card.card-basic header h3 {
    font-size: 15px;
    font-family: roboto, sans-serif;
    font-weight: 600;
}

@media(min-width:600px) {
    .card.card-basic header h3 {
        font-size: 20px;
    }
}

.card.card-basic header i {
    font-size: 30px;
}

@media(min-width:600px) {
    .card.card-basic header i {
        font-size: 40px;
    }
}

.card.card-basic .card-content {
    padding: 0;
}

.card.small,
.card.medium,
.card.large {
    position: relative;
}

.card.small .card-image,
.card.medium .card-image,
.card.large .card-image {
    max-height: 60%;
    overflow: hidden;
}

.card.small .card-image+.card-content,
.card.medium .card-image+.card-content,
.card.large .card-image+.card-content {
    max-height: 40%
}

.card.small .card-content,
.card.medium .card-content,
.card.large .card-content {
    max-height: 100%;
    overflow: hidden;
}

.card.small .card-action,
.card.medium .card-action,
.card.large .card-action {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.card.small {
    height: 300px;
}

.card.medium {
    height: 400px;
}

.card.large {
    height: 500px;
}

.card.card-delinquent [data-icon=bell] {
    max-width: 30px;
}

.card.card-delinquent .alert-text {
    width: 100%
}

.card.card-delinquent .alert-text p {
    font-size: .9rem;
}

@media(min-width:371px) {
    .card.card-delinquent .alert-text p {
        font-size: 1.2rem;
    }
}

.card.card-delinquent button {
    background-color: #66b94a;
    margin-bottom: 0;
}

@media(min-width:600px) {
    .card.card-dashboard-addon .card-content-inner {
        padding: 0;
    }
}

@media(min-width:992px) {
    .card.card-dashboard-addon h5 {
        font-size: 2.2rem;
    }
}

.card.card-dashboard-addon p {
    width: 100%
}

.card.card-dashboard-addon p span.red-text {
    font-family: fredoka one, sans-serif;
}

.card.card-dashboard-addon .image-wrapper {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:600px) {
    .card.card-dashboard-addon .image-wrapper {
        width: 300px;
    }
}

.card.card-dashboard-addon .price-label {
    width: 60px;
    height: 60px;
    color: #fff;
    background-color: #0133a3;
    top: 0;
    right: 30px;
    font-size: 1.625rem;
    font-family: fredoka one, sans-serif;
}

@media(min-width:600px) {
    .card.card-dashboard-addon .price-label {
        width: 75px;
        height: 75px;
    }
}

@media(min-width:992px) {
    .card.card-dashboard-addon .price-label {
        width: 105px;
        height: 105px;
        font-size: 2.25rem;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-addon .addon-details {
        align-items: start;
    }

    .card.card-dashboard-addon .addon-details .btn,
    .card.card-dashboard-addon .addon-details .login .button,
    .login .card.card-dashboard-addon .addon-details .button,
    .card.card-dashboard-addon .addon-details .register .button,
    .register .card.card-dashboard-addon .addon-details .button,
    .card.card-dashboard-addon .addon-details .lost_reset_password .button,
    .lost_reset_password .card.card-dashboard-addon .addon-details .button,
    .card.card-dashboard-addon .addon-details .btn-same-width,
    .card.card-dashboard-addon .addon-details .btn-small,
    .card.card-dashboard-addon .addon-details .btn-tiny,
    .card.card-dashboard-addon .addon-details .pagination.prev-next a,
    .pagination.prev-next .card.card-dashboard-addon .addon-details a,
    .card.card-dashboard-addon .addon-details .btn-large {
        min-width: 50%
    }
}

.card.card-dashboard-addon .addon-select-msg svg {
    position: relative;
    margin-bottom: -5px;
}

.card.card-dashboard-addon .small-print {
    font-size: 1.15rem;
}

@media(min-width:600px) {
    .card.card-dashboard-addon .small-print {
        font-size: 1rem;
    }
}

.card.card-dashboard-addon .description {
    text-align: center;
    font-size: 1.15rem;
}

@media(min-width:600px) {
    .card.card-dashboard-addon .description {
        text-align: left;
        font-size: 1rem;
    }
}

.card.card-dashboard-notification .card-content .material-icons {
    font-size: 36px;
    color: #0133a3;
}

.card.card-dashboard-notification .card-content .card-title {
    line-height: 1.2;
}

@media(min-width:600px) {
    .card.card-dashboard-notification {
        display: inline-block;
    }
}

.card.card-dashboard-order .card-content,
.card.card-dashboard-referrals .card-content,
.card.card-dashboard-sub .card-content,
.card.card-dashboard .card-content,
.card.card-dashboard-addon .card-content {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
    padding-left: var(--space-6);
    padding-right: var(--space-6);
}

.card.card-dashboard-order .card-content .card-title,
.card.card-dashboard-referrals .card-content .card-title,
.card.card-dashboard-sub .card-content .card-title,
.card.card-dashboard .card-content .card-title,
.card.card-dashboard-addon .card-content .card-title {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
    text-align: center;
    margin-top: var(--space-0);
}

@media(min-width:600px) {

    .card.card-dashboard-order .card-content .card-title,
    .card.card-dashboard-referrals .card-content .card-title,
    .card.card-dashboard-sub .card-content .card-title,
    .card.card-dashboard .card-content .card-title,
    .card.card-dashboard-addon .card-content .card-title {
        text-align: left;
    }
}

.card.card-dashboard-order .card-content address,
.card.card-dashboard-referrals .card-content address,
.card.card-dashboard-sub .card-content address,
.card.card-dashboard .card-content address,
.card.card-dashboard-addon .card-content address {
    font-style: normal;
    line-height: 1.3;
}

.card.card-dashboard-order .card-content .card-type,
.card.card-dashboard-referrals .card-content .card-type,
.card.card-dashboard-sub .card-content .card-type,
.card.card-dashboard .card-content .card-type,
.card.card-dashboard-addon .card-content .card-type {
    font-family: fredoka one, sans-serif;
    background: #0133a3;
    font-size: 10px;
    border-radius: 5px;
    padding: 5px 6px;
    color: #fff;
    text-transform: uppercase;
    min-width: 40px;
    text-align: center;
}

.card.card-dashboard-order .card-content .card-number,
.card.card-dashboard-referrals .card-content .card-number,
.card.card-dashboard-sub .card-content .card-number,
.card.card-dashboard .card-content .card-number,
.card.card-dashboard-addon .card-content .card-number {
    color: #0133a3;
    letter-spacing: 3px;
    font-weight: 900;
}

.card.card-dashboard-order .card-content .card-action-icon,
.card.card-dashboard-referrals .card-content .card-action-icon,
.card.card-dashboard-sub .card-content .card-action-icon,
.card.card-dashboard .card-content .card-action-icon,
.card.card-dashboard-addon .card-content .card-action-icon {
    color: #0133a3;
    align-items: flex-end;
    line-height: 1;
    width: 70px;
}

.card.card-dashboard-order .card-content .card-action-icon.action-edit,
.card.card-dashboard-referrals .card-content .card-action-icon.action-edit,
.card.card-dashboard-sub .card-content .card-action-icon.action-edit,
.card.card-dashboard .card-content .card-action-icon.action-edit,
.card.card-dashboard-addon .card-content .card-action-icon.action-edit {
    width: 50px;
}

.card.card-dashboard-order .card-content .card-action-icon.action-skip,
.card.card-dashboard-referrals .card-content .card-action-icon.action-skip,
.card.card-dashboard-sub .card-content .card-action-icon.action-skip,
.card.card-dashboard .card-content .card-action-icon.action-skip,
.card.card-dashboard-addon .card-content .card-action-icon.action-skip {
    width: auto;
}

.card.card-dashboard-order .card-content>ul>li,
.card.card-dashboard-referrals .card-content>ul>li,
.card.card-dashboard-sub .card-content>ul>li,
.card.card-dashboard .card-content>ul>li,
.card.card-dashboard-addon .card-content>ul>li {
    border-bottom: 1px solid #e0e0e0;
}

.card.card-dashboard-order .card-content>ul>li:last-of-type,
.card.card-dashboard-referrals .card-content>ul>li:last-of-type,
.card.card-dashboard-sub .card-content>ul>li:last-of-type,
.card.card-dashboard .card-content>ul>li:last-of-type,
.card.card-dashboard-addon .card-content>ul>li:last-of-type {
    border: none;
}

.card.card-dashboard-order .card-content>ul>li strong,
.card.card-dashboard-referrals .card-content>ul>li strong,
.card.card-dashboard-sub .card-content>ul>li strong,
.card.card-dashboard .card-content>ul>li strong,
.card.card-dashboard-addon .card-content>ul>li strong {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
}

.card.card-dashboard-order .card-content .sub-status,
.card.card-dashboard-order .card-content .order-status,
.card.card-dashboard-referrals .card-content .sub-status,
.card.card-dashboard-referrals .card-content .order-status,
.card.card-dashboard-sub .card-content .sub-status,
.card.card-dashboard-sub .card-content .order-status,
.card.card-dashboard .card-content .sub-status,
.card.card-dashboard .card-content .order-status,
.card.card-dashboard-addon .card-content .sub-status,
.card.card-dashboard-addon .card-content .order-status {
    font-family: fredoka one, sans-serif;
}

.card.card-dashboard-order .card-content .sub-status:not(.pending-cancel),
.card.card-dashboard-order .card-content .order-status:not(.pending-cancel),
.card.card-dashboard-referrals .card-content .sub-status:not(.pending-cancel),
.card.card-dashboard-referrals .card-content .order-status:not(.pending-cancel),
.card.card-dashboard-sub .card-content .sub-status:not(.pending-cancel),
.card.card-dashboard-sub .card-content .order-status:not(.pending-cancel),
.card.card-dashboard .card-content .sub-status:not(.pending-cancel),
.card.card-dashboard .card-content .order-status:not(.pending-cancel),
.card.card-dashboard-addon .card-content .sub-status:not(.pending-cancel),
.card.card-dashboard-addon .card-content .order-status:not(.pending-cancel) {
    text-transform: capitalize;
}

.card.card-dashboard-order .card-content .sub-status.failed,
.card.card-dashboard-order .card-content .order-status.failed,
.card.card-dashboard-referrals .card-content .sub-status.failed,
.card.card-dashboard-referrals .card-content .order-status.failed,
.card.card-dashboard-sub .card-content .sub-status.failed,
.card.card-dashboard-sub .card-content .order-status.failed,
.card.card-dashboard .card-content .sub-status.failed,
.card.card-dashboard .card-content .order-status.failed,
.card.card-dashboard-addon .card-content .sub-status.failed,
.card.card-dashboard-addon .card-content .order-status.failed {
    color: #f44336;
}

.card.card-dashboard-order .card-content .sub-status.processing,
.card.card-dashboard-order .card-content .order-status.processing,
.card.card-dashboard-referrals .card-content .sub-status.processing,
.card.card-dashboard-referrals .card-content .order-status.processing,
.card.card-dashboard-sub .card-content .sub-status.processing,
.card.card-dashboard-sub .card-content .order-status.processing,
.card.card-dashboard .card-content .sub-status.processing,
.card.card-dashboard .card-content .order-status.processing,
.card.card-dashboard-addon .card-content .sub-status.processing,
.card.card-dashboard-addon .card-content .order-status.processing {
    color: gray;
}

.card.card-dashboard-order .card-content .card-dashboard-quantity,
.card.card-dashboard-referrals .card-content .card-dashboard-quantity,
.card.card-dashboard-sub .card-content .card-dashboard-quantity,
.card.card-dashboard .card-content .card-dashboard-quantity,
.card.card-dashboard-addon .card-content .card-dashboard-quantity {
    flex: 0 0 25px;
    text-align: right;
}

@media(min-width:600px) {

    .card.card-dashboard-order .card-content .card-dashboard-quantity,
    .card.card-dashboard-referrals .card-content .card-dashboard-quantity,
    .card.card-dashboard-sub .card-content .card-dashboard-quantity,
    .card.card-dashboard .card-content .card-dashboard-quantity,
    .card.card-dashboard-addon .card-content .card-dashboard-quantity {
        flex: 0 0 40px;
    }
}

.card.card-dashboard-order .card-content .card-field-label,
.card.card-dashboard-referrals .card-content .card-field-label,
.card.card-dashboard-sub .card-content .card-field-label,
.card.card-dashboard .card-content .card-field-label,
.card.card-dashboard-addon .card-content .card-field-label {
    display: flex;
    align-items: center;
    margin-bottom: var(--space-5);
}

.card.card-dashboard-order .card-content .card-field-label .material-icons,
.card.card-dashboard-referrals .card-content .card-field-label .material-icons,
.card.card-dashboard-sub .card-content .card-field-label .material-icons,
.card.card-dashboard .card-content .card-field-label .material-icons,
.card.card-dashboard-addon .card-content .card-field-label .material-icons {
    margin-right: var(--space-4);
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content {
        padding-left: 0;
        padding-right: 0;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:first-of-type {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
        display: flex;
        align-items: baseline;
        gap: var(--space-3);
    }
}

.card.card-dashboard-sub .card-content ul li:first-of-type .btn-tiny {
    margin-top: -5px;
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:not(:first-of-type) {
        padding-top: 0;
        padding-bottom: var(--space-6);
        padding-right: var(--space-6);
        padding-left: var(--space-6);
        margin-top: var(--space-6);
        border-bottom: none;
        border-right: 1px solid #e0e0e0;
    }
}

@media(min-width:992px) {
    .card.card-dashboard-sub .card-content ul li:not(:first-of-type) {
        border-bottom: none;
        padding-bottom: 0;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:not(:first-of-type) strong {
        display: block;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:not(:first-of-type) address {
        padding-top: var(--space-4);
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(2) strong {
        display: block;
        line-height: 1.1;
    }
}

.card.card-dashboard-sub .card-content ul li:nth-of-type(2)>div:first-of-type {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: var(--space-5);
    margin-bottom: var(--space-5);
}

@media(min-width:992px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(2)>div:first-of-type {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

.card.card-dashboard-sub .card-content ul li:nth-of-type(2)>div span {
    display: block;
    line-height: 1.1;
    margin-top: var(--space-2);
    margin-bottom: var(--space-4);
}

.card.card-dashboard-sub .card-content ul li:nth-of-type(2) small {
    color: #0133a3;
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(2) small {
        display: none;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(3) {
        border-right: none;
    }
}

@media(min-width:992px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(3) {
        border-right: 1px solid #e0e0e0;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(4) {
        margin-top: 0;
        padding-bottom: 0;
    }
}

@media(min-width:992px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(4) {
        margin-top: var(--space-6);
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(4)>div:first-of-type {
        border-top: 1px solid #e0e0e0;
        padding-top: var(--space-5);
    }
}

@media(min-width:992px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(4)>div:first-of-type {
        border-top: none;
        padding-top: 0;
    }
}

@media(min-width:992px) {
    .card.card-dashboard-sub .card-content ul li:nth-of-type(4) {
        margin-top: var(--space-6);
    }
}

.card.card-dashboard-sub .card-content ul li:last-of-type {
    border: none;
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:last-of-type {
        margin-top: 0;
        padding-bottom: 0;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content ul li:last-of-type>div:first-of-type {
        border-top: 1px solid #e0e0e0;
        padding-top: var(--space-5);
    }
}

@media(min-width:992px) {
    .card.card-dashboard-sub .card-content ul li:last-of-type>div:first-of-type {
        border-top: none;
        padding-top: 0;
    }
}

@media(min-width:992px) {
    .card.card-dashboard-sub .card-content ul li:last-of-type {
        margin-top: var(--space-6);
    }
}

.card.card-dashboard-sub .card-content .subscription-addon {
    border-top: 1px solid #e0e0e0;
}

@media(min-width:600px) {

    .card.card-dashboard-sub .card-content .subscription-addon .btn,
    .card.card-dashboard-sub .card-content .subscription-addon .login .button,
    .login .card.card-dashboard-sub .card-content .subscription-addon .button,
    .card.card-dashboard-sub .card-content .subscription-addon .register .button,
    .register .card.card-dashboard-sub .card-content .subscription-addon .button,
    .card.card-dashboard-sub .card-content .subscription-addon .lost_reset_password .button,
    .lost_reset_password .card.card-dashboard-sub .card-content .subscription-addon .button,
    .card.card-dashboard-sub .card-content .subscription-addon .btn-same-width,
    .card.card-dashboard-sub .card-content .subscription-addon .btn-small,
    .card.card-dashboard-sub .card-content .subscription-addon .btn-tiny,
    .card.card-dashboard-sub .card-content .subscription-addon .pagination.prev-next a,
    .pagination.prev-next .card.card-dashboard-sub .card-content .subscription-addon a,
    .card.card-dashboard-sub .card-content .subscription-addon .btn-large {
        float: right;
    }
}

.card.card-dashboard-sub .card-content .subscription-addon strong {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
}

.card.card-dashboard-sub .card-content .subscription-addon .title {
    font-size: 1.15rem;
}

.card.card-dashboard-sub .card-content .addon-button-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: var(--space-6);
    gap: var(--space-3);
    flex-direction: column;
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content .addon-button-container {
        flex-direction: row;
    }
}

@media(min-width:1200px) {
    .card.card-dashboard-sub .card-content .addon-button-container {
        position: absolute;
        right: 0;
        top: 50px;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-sub .card-content .cancel-button {
        border-top: 1px solid #e0e0e0;
        padding-right: var(--space-6);
        padding-top: var(--space-6);
        margin-top: var(--space-6);
        text-align: right;
    }
}

@media(min-width:600px) {

    .card.card-dashboard-sub .card-content>p .btn,
    .card.card-dashboard-sub .card-content>p .login .button,
    .login .card.card-dashboard-sub .card-content>p .button,
    .card.card-dashboard-sub .card-content>p .register .button,
    .register .card.card-dashboard-sub .card-content>p .button,
    .card.card-dashboard-sub .card-content>p .lost_reset_password .button,
    .lost_reset_password .card.card-dashboard-sub .card-content>p .button,
    .card.card-dashboard-sub .card-content>p .btn-same-width,
    .card.card-dashboard-sub .card-content>p .btn-small,
    .card.card-dashboard-sub .card-content>p .btn-tiny,
    .card.card-dashboard-sub .card-content>p .pagination.prev-next a,
    .pagination.prev-next .card.card-dashboard-sub .card-content>p a,
    .card.card-dashboard-sub .card-content>p .btn-large {
        margin-top: var(--space-6);
    }
}

@media(min-width:992px) {

    .card.card-dashboard-sub .card-content>p .btn,
    .card.card-dashboard-sub .card-content>p .login .button,
    .login .card.card-dashboard-sub .card-content>p .button,
    .card.card-dashboard-sub .card-content>p .register .button,
    .register .card.card-dashboard-sub .card-content>p .button,
    .card.card-dashboard-sub .card-content>p .lost_reset_password .button,
    .lost_reset_password .card.card-dashboard-sub .card-content>p .button,
    .card.card-dashboard-sub .card-content>p .btn-same-width,
    .card.card-dashboard-sub .card-content>p .btn-small,
    .card.card-dashboard-sub .card-content>p .btn-tiny,
    .card.card-dashboard-sub .card-content>p .pagination.prev-next a,
    .pagination.prev-next .card.card-dashboard-sub .card-content>p a,
    .card.card-dashboard-sub .card-content>p .btn-large {
        position: absolute;
        margin-top: var(--space-0);
        top: var(--space-6);
        right: var(--space-6);
    }
}

.card.card-dashboard-sub .card-content>p .btn.upgrade-btn,
.card.card-dashboard-sub .card-content>p .login .upgrade-btn.button,
.login .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
.card.card-dashboard-sub .card-content>p .register .upgrade-btn.button,
.register .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
.card.card-dashboard-sub .card-content>p .lost_reset_password .upgrade-btn.button,
.lost_reset_password .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
.card.card-dashboard-sub .card-content>p .upgrade-btn.btn-same-width,
.card.card-dashboard-sub .card-content>p .upgrade-btn.btn-small,
.card.card-dashboard-sub .card-content>p .upgrade-btn.btn-tiny,
.card.card-dashboard-sub .card-content>p .pagination.prev-next a.upgrade-btn,
.pagination.prev-next .card.card-dashboard-sub .card-content>p a.upgrade-btn,
.card.card-dashboard-sub .card-content>p .upgrade-btn.btn-large,
.card.card-dashboard-sub .card-content>p .btn.pay-btn,
.card.card-dashboard-sub .card-content>p .login .pay-btn.button,
.login .card.card-dashboard-sub .card-content>p .pay-btn.button,
.card.card-dashboard-sub .card-content>p .register .pay-btn.button,
.register .card.card-dashboard-sub .card-content>p .pay-btn.button,
.card.card-dashboard-sub .card-content>p .lost_reset_password .pay-btn.button,
.lost_reset_password .card.card-dashboard-sub .card-content>p .pay-btn.button,
.card.card-dashboard-sub .card-content>p .pay-btn.btn-same-width,
.card.card-dashboard-sub .card-content>p .pay-btn.btn-small,
.card.card-dashboard-sub .card-content>p .pay-btn.btn-tiny,
.card.card-dashboard-sub .card-content>p .pagination.prev-next a.pay-btn,
.pagination.prev-next .card.card-dashboard-sub .card-content>p a.pay-btn,
.card.card-dashboard-sub .card-content>p .pay-btn.btn-large {
    display: none;
}

@media(min-width:600px) {

    .card.card-dashboard-sub .card-content>p .btn.upgrade-btn,
    .card.card-dashboard-sub .card-content>p .login .upgrade-btn.button,
    .login .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
    .card.card-dashboard-sub .card-content>p .register .upgrade-btn.button,
    .register .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
    .card.card-dashboard-sub .card-content>p .lost_reset_password .upgrade-btn.button,
    .lost_reset_password .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
    .card.card-dashboard-sub .card-content>p .upgrade-btn.btn-same-width,
    .card.card-dashboard-sub .card-content>p .upgrade-btn.btn-small,
    .card.card-dashboard-sub .card-content>p .upgrade-btn.btn-tiny,
    .card.card-dashboard-sub .card-content>p .pagination.prev-next a.upgrade-btn,
    .pagination.prev-next .card.card-dashboard-sub .card-content>p a.upgrade-btn,
    .card.card-dashboard-sub .card-content>p .upgrade-btn.btn-large,
    .card.card-dashboard-sub .card-content>p .btn.pay-btn,
    .card.card-dashboard-sub .card-content>p .login .pay-btn.button,
    .login .card.card-dashboard-sub .card-content>p .pay-btn.button,
    .card.card-dashboard-sub .card-content>p .register .pay-btn.button,
    .register .card.card-dashboard-sub .card-content>p .pay-btn.button,
    .card.card-dashboard-sub .card-content>p .lost_reset_password .pay-btn.button,
    .lost_reset_password .card.card-dashboard-sub .card-content>p .pay-btn.button,
    .card.card-dashboard-sub .card-content>p .pay-btn.btn-same-width,
    .card.card-dashboard-sub .card-content>p .pay-btn.btn-small,
    .card.card-dashboard-sub .card-content>p .pay-btn.btn-tiny,
    .card.card-dashboard-sub .card-content>p .pagination.prev-next a.pay-btn,
    .pagination.prev-next .card.card-dashboard-sub .card-content>p a.pay-btn,
    .card.card-dashboard-sub .card-content>p .pay-btn.btn-large {
        display: block;
        position: absolute;
        margin-top: var(--space-0);
        top: var(--space-6);
        right: var(--space-6);
    }
}

@media(min-width:992px) {

    .card.card-dashboard-sub .card-content>p .btn.upgrade-btn,
    .card.card-dashboard-sub .card-content>p .login .upgrade-btn.button,
    .login .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
    .card.card-dashboard-sub .card-content>p .register .upgrade-btn.button,
    .register .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
    .card.card-dashboard-sub .card-content>p .lost_reset_password .upgrade-btn.button,
    .lost_reset_password .card.card-dashboard-sub .card-content>p .upgrade-btn.button,
    .card.card-dashboard-sub .card-content>p .upgrade-btn.btn-same-width,
    .card.card-dashboard-sub .card-content>p .upgrade-btn.btn-small,
    .card.card-dashboard-sub .card-content>p .upgrade-btn.btn-tiny,
    .card.card-dashboard-sub .card-content>p .pagination.prev-next a.upgrade-btn,
    .pagination.prev-next .card.card-dashboard-sub .card-content>p a.upgrade-btn,
    .card.card-dashboard-sub .card-content>p .upgrade-btn.btn-large,
    .card.card-dashboard-sub .card-content>p .btn.pay-btn,
    .card.card-dashboard-sub .card-content>p .login .pay-btn.button,
    .login .card.card-dashboard-sub .card-content>p .pay-btn.button,
    .card.card-dashboard-sub .card-content>p .register .pay-btn.button,
    .register .card.card-dashboard-sub .card-content>p .pay-btn.button,
    .card.card-dashboard-sub .card-content>p .lost_reset_password .pay-btn.button,
    .lost_reset_password .card.card-dashboard-sub .card-content>p .pay-btn.button,
    .card.card-dashboard-sub .card-content>p .pay-btn.btn-same-width,
    .card.card-dashboard-sub .card-content>p .pay-btn.btn-small,
    .card.card-dashboard-sub .card-content>p .pay-btn.btn-tiny,
    .card.card-dashboard-sub .card-content>p .pagination.prev-next a.pay-btn,
    .pagination.prev-next .card.card-dashboard-sub .card-content>p a.pay-btn,
    .card.card-dashboard-sub .card-content>p .pay-btn.btn-large {
        right: calc(220px + var(--space-6));
    }
}

@media(min-width:600px) {

    .card.card-dashboard-sub .card-content>p .btn.extend-btn,
    .card.card-dashboard-sub .card-content>p .login .extend-btn.button,
    .login .card.card-dashboard-sub .card-content>p .extend-btn.button,
    .card.card-dashboard-sub .card-content>p .register .extend-btn.button,
    .register .card.card-dashboard-sub .card-content>p .extend-btn.button,
    .card.card-dashboard-sub .card-content>p .lost_reset_password .extend-btn.button,
    .lost_reset_password .card.card-dashboard-sub .card-content>p .extend-btn.button,
    .card.card-dashboard-sub .card-content>p .extend-btn.btn-same-width,
    .card.card-dashboard-sub .card-content>p .extend-btn.btn-small,
    .card.card-dashboard-sub .card-content>p .extend-btn.btn-tiny,
    .card.card-dashboard-sub .card-content>p .pagination.prev-next a.extend-btn,
    .pagination.prev-next .card.card-dashboard-sub .card-content>p a.extend-btn,
    .card.card-dashboard-sub .card-content>p .extend-btn.btn-large {
        display: block;
        position: absolute;
        margin-top: var(--space-0);
        top: var(--space-6);
        right: var(--space-6);
    }
}

@media(min-width:600px) {
    .card.card-dashboard-order .card-content .card-title {
        padding-left: var(--space-6);
    }
}

@media(min-width:600px) {
    .card.card-dashboard-order .card-content {
        padding-left: 0;
        padding-right: 0;
    }
}

@media(min-width:600px) {
    .card.card-dashboard-order .card-content>ul>li:first-of-type {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: var(--space-3);
    }
}

@media(min-width:600px) {

    .card.card-dashboard-order .card-content>ul>li:nth-of-type(2),
    .card.card-dashboard-order .card-content>ul>li:last-of-type {
        padding-top: 0;
        padding-bottom: var(--space-6);
        padding-right: var(--space-6);
        padding-left: var(--space-6);
        margin-top: var(--space-6);
        border-bottom: none;
        border-right: 1px solid #e0e0e0;
    }
}

@media(min-width:992px) {

    .card.card-dashboard-order .card-content>ul>li:nth-of-type(2),
    .card.card-dashboard-order .card-content>ul>li:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
    }
}

@media(min-width:600px) {

    .card.card-dashboard-order .card-content>ul>li:nth-of-type(2) address,
    .card.card-dashboard-order .card-content>ul>li:last-of-type address {
        padding-top: 0;
    }
}

.card.card-dashboard-order .card-content>ul>li:last-of-type {
    border-right: none;
}

.card.card-dashboard-order .card-content>ul>li:nth-of-type(2) ul {
    padding-top: var(--space-4);
}

.card.card-dashboard-order .card-content>ul>li:nth-of-type(2) ul li {
    position: relative;
}

.card.card-dashboard-order .card-content>ul>li:nth-of-type(2) ul li span {
    position: relative;
    background: #fff;
    z-index: 2;
}

.card.card-dashboard-order .card-content>ul>li:nth-of-type(2) ul li span:first-of-type {
    padding-right: var(--space-2);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card.card-dashboard-order .card-content>ul>li .pricing-card {
    border: none;
    border-top: 1px solid #e0e0e0;
    border-radius: 0;
}

.card.card-dashboard-order .card-content>ul>li .pricing-card ul li:after {
    display: none;
}

.card.card-dashboard-order .card-content>ul>li .pricing-card ul li strong {
    font-family: roboto, sans-serif;
    color: #000;
}

.card.card-dashboard-order .card-content .order-addon {
    border-top: 1px solid #e0e0e0;
}

.card.card-dashboard-order .card-content .order-addon strong {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
}

.card.horizontal {
    display: flex;
}

.card.horizontal.small .card-image,
.card.horizontal.medium .card-image,
.card.horizontal.large .card-image {
    height: 100%;
    max-height: none;
    overflow: visible;
}

.card.horizontal.small .card-image img,
.card.horizontal.medium .card-image img,
.card.horizontal.large .card-image img {
    height: 100%
}

.card.horizontal .card-image {
    max-width: 50%
}

.card.horizontal .card-image img {
    border-radius: 2px 0 0 2px;
    max-width: 100%;
    width: auto;
}

.card.horizontal .card-stacked {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}

.card.horizontal .card-stacked .card-content {
    flex-grow: 1;
}

.card.sticky-action .card-action {
    z-index: 2;
}

.card.sticky-action .card-reveal {
    z-index: 1;
    padding-bottom: 64px;
}

.card.card-select {
    border-radius: 5px;
    border: 1px solid #a5a5a5;
    background: #fff;
}

.card .card-image {
    position: relative;
}

.card .card-image img {
    display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.card .card-image .card-title {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    padding: 24px;
}

.card .card-content {
    padding: 24px;
    border-radius: 0 0 2px 2px;
}

.card .card-content p {
    margin: 0;
}

.card .card-content .card-title {
    display: block;
    line-height: 32px;
    margin-bottom: 8px;
}

.card .card-content .card-title i {
    line-height: 32px;
}

.card .card-action {
    background-color: inherit;
    border-top: 1px solid rgba(160, 160, 160, .2);
    position: relative;
    padding: 16px 24px;
}

.card .card-action:last-child {
    border-radius: 0 0 2px 2px;
}

.card .card-action a:not(.btn):not(.btn-same-width):not(.btn-small):not(.btn-tiny):not(.btn-large):not(.btn-large):not(.btn-floating) {
    color: #ffab40;
    margin-right: 24px;
    transition: color .3s ease;
    text-transform: uppercase;
}

.card .card-action a:not(.btn):not(.btn-same-width):not(.btn-small):not(.btn-tiny):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
    color: #ffd8a6;
}

.card .card-reveal {
    padding: 24px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow-y: auto;
    left: 0;
    top: 100%;
    height: 100%;
    z-index: 3;
    display: none;
}

.card .card-reveal .card-title {
    display: block;
}

.pricing-card {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}

.pricing-card .pricing-card-total {
    border-top: 1px solid #e0e0e0;
}

.pricing-card li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.paypal-email {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 75px);
    font-size: .8rem;
    letter-spacing: 0;
    color: #0133a3;
    font-weight: 900;
}

.step-counter {
    width: 37px;
    height: 37px;
    line-height: 37px;
    position: relative;
    background-color: #0133a3;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
}

@media(min-width:601px) {
    .step-counter {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
}

.tabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
}

.tabs.tabs-transparent {
    background-color: transparent;
}

.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
    color: rgba(255, 255, 255, .7);
}

.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
    color: #fff;
}

.tabs.tabs-transparent .indicator {
    background-color: #fff;
}

.tabs.tabs-fixed-width {
    display: flex;
}

.tabs.tabs-fixed-width .tab {
    flex-grow: 1;
}

.tabs .tab {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

.tabs .tab a {
    color: rgba(1, 51, 163, .7);
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease, background-color .28s ease;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
    background-color: rgba(1, 75, 239, .2);
    outline: none;
}

.tabs .tab a:hover,
.tabs .tab a.active {
    background-color: transparent;
    color: #0133a3;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
    color: rgba(1, 51, 163, .4);
    cursor: default;
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #014bef;
    will-change: left, right;
}

@media(max-width:991px) {
    .tabs {
        display: flex;
    }

    .tabs .tab {
        flex-grow: 1;
    }

    .tabs .tab a {
        padding: 0 12px;
    }
}

.material-tooltip {
    padding: 10px 8px;
    font-size: 1rem;
    z-index: 2000;
    background-color: transparent;
    border-radius: 2px;
    color: #fff;
    min-height: 36px;
    line-height: 120%;
    opacity: 0;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: #323232;
}

.backdrop {
    position: absolute;
    opacity: 0;
    height: 7px;
    width: 14px;
    border-radius: 0 0 50% 50%;
    background-color: #323232;
    z-index: -1;
    transform-origin: 50% 0%;
    visibility: hidden;
}

.btn.btn-loader.btn-loading,
.login .btn-loader.btn-loading.button,
.register .btn-loader.btn-loading.button,
.lost_reset_password .btn-loader.btn-loading.button,
.btn-loader.btn-loading.btn-large,
.btn-loader.btn-loading.btn-small,
.pagination.prev-next a.btn-loader.btn-loading,
.btn-loader.btn-loading.btn-tiny,
.btn-loader.btn-loading.btn-same-width {
    pointer-events: none !important;
    cursor: default !important;
}

.btn.btn-loader.btn-loading:hover,
.login .btn-loader.btn-loading.button:hover,
.register .btn-loader.btn-loading.button:hover,
.lost_reset_password .btn-loader.btn-loading.button:hover,
.btn-loader.btn-loading.btn-large:hover,
.btn-loader.btn-loading.btn-small:hover,
.pagination.prev-next a.btn-loader.btn-loading:hover,
.btn-loader.btn-loading.btn-tiny:hover,
.btn-loader.btn-loading.btn-same-width:hover {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

.btn,
.login .button,
.register .button,
.lost_reset_password .button,
.btn-same-width,
.btn-small,
.btn-tiny,
.pagination.prev-next a,
.btn-large,
.btn-flat,
.gform_button,
.wp-block-button .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link {
    border: none;
    border-radius: 50px;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    vertical-align: middle;
    margin-bottom: 5px;
    -webkit-tap-highlight-color: transparent;
}

.btn:not(.flex):not(.title-order-wrap),
.login .button:not(.flex):not(.title-order-wrap),
.register .button:not(.flex):not(.title-order-wrap),
.lost_reset_password .button:not(.flex):not(.title-order-wrap),
.btn-same-width:not(.flex):not(.title-order-wrap),
.btn-small:not(.flex):not(.title-order-wrap),
.btn-tiny:not(.flex):not(.title-order-wrap),
.pagination.prev-next a:not(.flex):not(.title-order-wrap),
.btn-large:not(.flex):not(.title-order-wrap),
.btn-flat:not(.flex):not(.title-order-wrap),
.gform_button:not(.flex):not(.title-order-wrap),
.wp-block-button .wp-block-button__link:not(.flex):not(.title-order-wrap),
.wp-block-button.is-style-outline .wp-block-button__link:not(.flex):not(.title-order-wrap),
.wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link:not(.flex):not(.title-order-wrap) {
    display: inline-block;
}

.btn:not(.body-text),
.login .button:not(.body-text),
.register .button:not(.body-text),
.lost_reset_password .button:not(.body-text),
.btn-same-width:not(.body-text),
.btn-small:not(.body-text),
.btn-tiny:not(.body-text),
.pagination.prev-next a:not(.body-text),
.btn-large:not(.body-text),
.btn-flat:not(.body-text),
.gform_button:not(.body-text),
.wp-block-button .wp-block-button__link:not(.body-text),
.wp-block-button.is-style-outline .wp-block-button__link:not(.body-text),
.wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link:not(.body-text) {
    font-family: fredoka one, sans-serif;
}

.btn.disabled,
.login .disabled.button,
.register .disabled.button,
.lost_reset_password .disabled.button,
.disabled.btn-same-width,
.pagination.prev-next a.disabled,
.btn-floating.disabled,
.btn-large.disabled,
.btn-small.disabled,
.disabled.btn-tiny,
.btn-flat.disabled,
.btn:disabled,
.login .button:disabled,
.register .button:disabled,
.lost_reset_password .button:disabled,
.btn-same-width:disabled,
.pagination.prev-next a:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-tiny:disabled,
.btn-flat:disabled,
.btn[disabled],
.login [disabled].button,
.register [disabled].button,
.lost_reset_password [disabled].button,
[disabled].btn-same-width,
.pagination.prev-next a[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-small[disabled],
[disabled].btn-tiny,
.btn-flat[disabled] {
    pointer-events: none;
    background-color: #dfdfdf !important;
    box-shadow: none;
    color: #9f9f9f !important;
    cursor: default;
}

.btn.disabled:hover,
.login .disabled.button:hover,
.register .disabled.button:hover,
.lost_reset_password .disabled.button:hover,
.disabled.btn-same-width:hover,
.pagination.prev-next a.disabled:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-small.disabled:hover,
.disabled.btn-tiny:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.login .button:disabled:hover,
.register .button:disabled:hover,
.lost_reset_password .button:disabled:hover,
.btn-same-width:disabled:hover,
.pagination.prev-next a:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-tiny:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
.login [disabled].button:hover,
.register [disabled].button:hover,
.lost_reset_password [disabled].button:hover,
[disabled].btn-same-width:hover,
.pagination.prev-next a[disabled]:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
[disabled].btn-tiny:hover,
.btn-flat[disabled]:hover {
    background-color: #dfdfdf !important;
    color: #9f9f9f !important;
}

.btn,
.login .button,
.register .button,
.lost_reset_password .button,
.btn-same-width,
.pagination.prev-next a,
.btn-floating,
.btn-large,
.btn-small,
.btn-tiny,
.btn-flat,
.wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link {
    font-size: 18px;
    outline: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.btn i,
.login .button i,
.register .button i,
.lost_reset_password .button i,
.btn-same-width i,
.pagination.prev-next a i,
.btn-floating i,
.btn-large i,
.btn-small i,
.btn-tiny i,
.btn-flat i,
.wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link i {
    font-size: 1.4rem;
    line-height: inherit;
}

.btn,
.login .button,
.register .button,
.lost_reset_password .button,
.btn-same-width,
.btn-small,
.btn-tiny,
.pagination.prev-next a,
.btn-large,
.gform_button {
    text-decoration: none;
    color: #fff;
    background-color: #0133a3;
    text-align: center;
    letter-spacing: .75px;
    transition: background-color .2s ease-out;
}

@media(min-width:600px) {

    .btn,
    .login .button,
    .register .button,
    .lost_reset_password .button,
    .btn-same-width,
    .btn-small,
    .btn-tiny,
    .pagination.prev-next a,
    .btn-large,
    .gform_button {
        letter-spacing: 1px;
    }
}

.btn:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.login .button:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.register .button:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.lost_reset_password .button:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.btn-same-width:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.btn-small:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.btn-tiny:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.pagination.prev-next a:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.btn-large:hover:not(.no-hover-background, .neutral, .alt, .alt-outline),
.gform_button:hover:not(.no-hover-background, .neutral, .alt, .alt-outline) {
    background-color: #013bbc;
}

.btn:hover:not(.no-hover-underline),
.login .button:hover:not(.no-hover-underline),
.register .button:hover:not(.no-hover-underline),
.lost_reset_password .button:hover:not(.no-hover-underline),
.btn-same-width:hover:not(.no-hover-underline),
.btn-small:hover:not(.no-hover-underline),
.btn-tiny:hover:not(.no-hover-underline),
.pagination.prev-next a:hover:not(.no-hover-underline),
.btn-large:hover:not(.no-hover-underline),
.gform_button:hover:not(.no-hover-underline) {
    text-decoration: underline;
}

.btn.alt,
.login .alt.button,
.register .alt.button,
.lost_reset_password .alt.button,
.alt.btn-same-width,
.alt.btn-small,
.alt.btn-tiny,
.pagination.prev-next a.alt,
.alt.btn-large,
.gform_button.alt {
    background-color: #ef4344;
}

.btn.alt-outline,
.login .alt-outline.button,
.register .alt-outline.button,
.lost_reset_password .alt-outline.button,
.alt-outline.btn-same-width,
.alt-outline.btn-small,
.alt-outline.btn-tiny,
.pagination.prev-next a.alt-outline,
.alt-outline.btn-large,
.gform_button.alt-outline {
    border: 2px solid #ef4344;
    color: #ef4344;
    background-color: #fff;
    line-height: 1.75;
    text-shadow: none;
}

@media(min-width:600px) {

    .btn.alt-outline,
    .login .alt-outline.button,
    .register .alt-outline.button,
    .lost_reset_password .alt-outline.button,
    .alt-outline.btn-same-width,
    .alt-outline.btn-small,
    .alt-outline.btn-tiny,
    .pagination.prev-next a.alt-outline,
    .alt-outline.btn-large,
    .gform_button.alt-outline {
        line-height: 1.98;
    }
}

.btn.black-outline,
.login .black-outline.button,
.register .black-outline.button,
.lost_reset_password .black-outline.button,
.black-outline.btn-same-width,
.black-outline.btn-small,
.black-outline.btn-tiny,
.pagination.prev-next a.black-outline,
.black-outline.btn-large,
.gform_button.black-outline {
    border: 2px solid #000;
    color: #000;
    background-color: #fff;
    text-shadow: none;
    line-height: 1.75;
}

.btn.black-outline:hover,
.login .black-outline.button:hover,
.register .black-outline.button:hover,
.lost_reset_password .black-outline.button:hover,
.black-outline.btn-same-width:hover,
.black-outline.btn-small:hover,
.black-outline.btn-tiny:hover,
.pagination.prev-next a.black-outline:hover,
.black-outline.btn-large:hover,
.gform_button.black-outline:hover {
    background-color: #0133a3;
    color: #fff;
}

.btn.full-width,
.login .full-width.button,
.register .full-width.button,
.lost_reset_password .full-width.button,
.full-width.btn-same-width,
.full-width.btn-small,
.full-width.btn-tiny,
.pagination.prev-next a.full-width,
.full-width.btn-large,
.gform_button.full-width {
    width: 100%
}

.btn.w-border,
.login .w-border.button,
.register .w-border.button,
.lost_reset_password .w-border.button,
.w-border.btn-same-width,
.w-border.btn-small,
.w-border.btn-tiny,
.pagination.prev-next a.w-border,
.w-border.btn-large,
.gform_button.w-border {
    border: 3px solid #fff;
    line-height: 40px;
    height: 46px;
}

.btn.w-border.primary-blue-border,
.login .w-border.primary-blue-border.button,
.register .w-border.primary-blue-border.button,
.lost_reset_password .w-border.primary-blue-border.button,
.w-border.primary-blue-border.btn-same-width,
.w-border.primary-blue-border.btn-small,
.w-border.primary-blue-border.btn-tiny,
.pagination.prev-next a.w-border.primary-blue-border,
.w-border.primary-blue-border.btn-large,
.gform_button.w-border.primary-blue-border {
    border: 3px solid #0133a3;
}

.btn.w-border.primary-blue-border.white:hover,
.login .w-border.primary-blue-border.white.button:hover,
.register .w-border.primary-blue-border.white.button:hover,
.lost_reset_password .w-border.primary-blue-border.white.button:hover,
.w-border.primary-blue-border.white.btn-same-width:hover,
.w-border.primary-blue-border.white.btn-small:hover,
.w-border.primary-blue-border.white.btn-tiny:hover,
.pagination.prev-next a.w-border.primary-blue-border.white:hover,
.w-border.primary-blue-border.white.btn-large:hover,
.gform_button.w-border.primary-blue-border.white:hover {
    background-color: #fff;
}

@media(min-width:600px) {

    .btn.w-border.btn-large,
    .pagination.prev-next a.w-border.btn-large,
    .w-border.btn-large,
    .gform_button.w-border.btn-large {
        height: 55px;
        line-height: 50px;
    }
}

.btn.neutral,
.login .neutral.button,
.register .neutral.button,
.lost_reset_password .neutral.button,
.neutral.btn-same-width,
.neutral.btn-small,
.neutral.btn-tiny,
.pagination.prev-next a.neutral,
.neutral.btn-large,
.gform_button.neutral {
    background-color: #fff;
    text-shadow: none;
    color: #0133a3;
}

.btn.neutral.w-border,
.login .neutral.w-border.button,
.register .neutral.w-border.button,
.lost_reset_password .neutral.w-border.button,
.neutral.w-border.btn-same-width,
.neutral.w-border.btn-small,
.neutral.w-border.btn-tiny,
.pagination.prev-next a.neutral.w-border,
.neutral.w-border.btn-large,
.gform_button.neutral.w-border {
    border-color: #0133a3;
}

.btn.blue-border,
.login .blue-border.button,
.register .blue-border.button,
.lost_reset_password .blue-border.button,
.blue-border.btn-same-width,
.blue-border.btn-small,
.blue-border.btn-tiny,
.pagination.prev-next a.blue-border,
.blue-border.btn-large,
.gform_button.blue-border {
    border: 1px solid #0133a3;
}

.btn.loading,
.login .loading.button,
.register .loading.button,
.lost_reset_password .loading.button,
.loading.btn-same-width,
.loading.btn-small,
.loading.btn-tiny,
.pagination.prev-next a.loading,
.loading.btn-large,
.gform_button.loading {
    opacity: .75;
    cursor: progress;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    text-decoration: underline;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid;
    line-height: 36px;
}

.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #0133a3;
    border-radius: 50%;
    transition: background-color .3s;
    vertical-align: middle;
}

.btn-floating:hover {
    background-color: #0133a3;
}

.btn-floating:before {
    border-radius: 0;
}

.btn-floating.btn-large {
    width: 56px;
    height: 56px;
    padding: 0;
}

.btn-floating.btn-large.halfway-fab {
    bottom: calc(-56px/2);
}

.btn-floating.btn-large i {
    line-height: 56px;
}

.btn-floating.btn-small,
.btn-floating.btn-tiny,
.pagination.prev-next a.btn-floating {
    width: 36px;
    height: 36px;
}

.btn-floating.btn-small.halfway-fab,
.btn-floating.halfway-fab.btn-tiny,
.pagination.prev-next a.btn-floating.halfway-fab {
    bottom: calc(-36px/2);
}

.btn-floating.btn-small i,
.btn-floating.btn-tiny i,
.pagination.prev-next a.btn-floating i {
    line-height: 36px;
}

.btn-floating.halfway-fab {
    position: absolute;
    right: 24px;
    bottom: calc(-40px/2);
}

.btn-floating.halfway-fab.left {
    right: auto;
    left: 24px;
}

.btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 40px;
}

button.btn-floating {
    border: none;
}

.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
}

.fixed-action-btn.active ul {
    visibility: visible;
}

.fixed-action-btn.direction-left,
.fixed-action-btn.direction-right {
    padding: 0 0 0 15px;
}

.fixed-action-btn.direction-left ul,
.fixed-action-btn.direction-right ul {
    text-align: right;
    right: 64px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    left: auto;
    width: 500px;
}

.fixed-action-btn.direction-left ul li,
.fixed-action-btn.direction-right ul li {
    display: inline-block;
    margin: 7.5px 15px 0 0;
}

.fixed-action-btn.direction-right {
    padding: 0 15px 0 0;
}

.fixed-action-btn.direction-right ul {
    text-align: left;
    direction: rtl;
    left: 64px;
    right: auto;
}

.fixed-action-btn.direction-right ul li {
    margin: 7.5px 0 0 15px;
}

.fixed-action-btn.direction-bottom {
    padding: 0 0 15px;
}

.fixed-action-btn.direction-bottom ul {
    top: 64px;
    bottom: auto;
    display: flex;
    flex-direction: column-reverse;
}

.fixed-action-btn.direction-bottom ul li {
    margin: 15px 0 0;
}

.fixed-action-btn.toolbar {
    padding: 0;
    height: 56px;
}

.fixed-action-btn.toolbar.active>a i {
    opacity: 0;
}

.fixed-action-btn.toolbar ul {
    display: flex;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.fixed-action-btn.toolbar ul li {
    flex: 1;
    display: inline-block;
    margin: 0;
    height: 100%;
    transition: none;
}

.fixed-action-btn.toolbar ul li a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    line-height: 56px;
    z-index: 1;
}

.fixed-action-btn.toolbar ul li a i {
    line-height: inherit;
}

.fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden;
}

.fixed-action-btn ul li {
    margin-bottom: 15px;
}

.fixed-action-btn ul a.btn-floating {
    opacity: 0;
}

.fixed-action-btn .fab-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 40px;
    height: 40px;
    background-color: #0133a3;
    border-radius: 50%;
    transform: scale(0);
}

.btn-flat {
    box-shadow: none;
    background-color: transparent;
    color: #fff;
    transition: color, background-color .2s;
}

.btn-flat:focus,
.btn-flat:hover {
    box-shadow: none;
}

.btn-flat:focus {
    background-color: rgba(0, 0, 0, .1);
}

.btn-flat.disabled,
.btn-flat.btn-flat[disabled] {
    background-color: transparent !important;
    color: #b3b3b3 !important;
    cursor: default;
}

.btn-large {
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    padding: 0 28px;
}

@media(min-width:600px) {
    .btn-large {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
    }
}

.btn-large i {
    font-size: 1.6rem;
}

.btn.addon-button,
.login .addon-button.button,
.register .addon-button.button,
.lost_reset_password .addon-button.button,
.addon-button.btn-same-width,
.addon-button.btn-small,
.addon-button.btn-tiny,
.pagination.prev-next a.addon-button,
.addon-button.btn-large {
    line-height: 1.2;
    padding: 8px 20px;
    height: auto;
}

.btn-small,
.btn-tiny,
.pagination.prev-next a {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.btn-small i,
.btn-tiny i,
.pagination.prev-next a i {
    font-size: 1.3rem;
}

.btn-tiny {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    padding: 0 20px;
    letter-spacing: .5px;
}

.btn-tiny.w-border {
    height: 36px;
    line-height: 30px;
}

@media(min-width:600px) {
    .btn-tiny {
        font-size: 14px;
        height: 36px;
        font-size: 16px;
        line-height: 36px;
        padding: 0 24px;
    }
}

.btn-same-width {
    width: 192px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    overflow: visible;
}

@media(min-width:600px) {
    .btn-same-width {
        font-size: 20px;
        width: 230px;
        height: 35px;
        line-height: 35px;
    }
}

.btn-empty {
    border: 1px solid #0133a3;
    background-color: transparent;
    color: #0133a3;
}

.btn-empty:hover {
    color: #fff;
}

.btn-block {
    display: block !important;
}

@media(min-width:600px) {
    .btn-contain {
        width: 226px;
    }
}

.btn-half {
    width: 50%
}

@media(max-width:370px) {
    .btn-full-mobile {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.btn.btn-loader,
.login .btn-loader.button,
.register .btn-loader.button,
.lost_reset_password .btn-loader.button,
.btn-loader.btn-large,
.btn-loader.btn-small,
.pagination.prev-next a.btn-loader,
.btn-loader.btn-tiny,
.btn-loader.btn-same-width {
    transition: all .3s ease-in-out;
    position: relative;
}

.btn.btn-loader span,
.login .btn-loader.button span,
.register .btn-loader.button span,
.lost_reset_password .btn-loader.button span,
.btn-loader.btn-large span,
.btn-loader.btn-small span,
.pagination.prev-next a.btn-loader span,
.btn-loader.btn-tiny span,
.btn-loader.btn-same-width span {
    position: relative;
    transition: all .3s ease-in-out;
    left: 0;
    pointer-events: none;
    opacity: 1;
}

.btn.btn-loader .preloader-wrapper,
.login .btn-loader.button .preloader-wrapper,
.register .btn-loader.button .preloader-wrapper,
.lost_reset_password .btn-loader.button .preloader-wrapper,
.btn-loader.btn-large .preloader-wrapper,
.btn-loader.btn-small .preloader-wrapper,
.pagination.prev-next a.btn-loader .preloader-wrapper,
.btn-loader.btn-tiny .preloader-wrapper,
.btn-loader.btn-same-width .preloader-wrapper {
    display: none;
    transition: all .3s ease-in-out;
    position: absolute;
    opacity: 0;
    top: calc(50% - 8px);
    left: 0;
}

.btn.btn-loader.btn-loading .preloader-wrapper,
.login .btn-loader.btn-loading.button .preloader-wrapper,
.register .btn-loader.btn-loading.button .preloader-wrapper,
.lost_reset_password .btn-loader.btn-loading.button .preloader-wrapper,
.btn-loader.btn-loading.btn-large .preloader-wrapper,
.btn-loader.btn-loading.btn-small .preloader-wrapper,
.pagination.prev-next a.btn-loader.btn-loading .preloader-wrapper,
.btn-loader.btn-loading.btn-tiny .preloader-wrapper,
.btn-loader.btn-loading.btn-same-width .preloader-wrapper {
    display: inline-block;
    opacity: 1;
    left: 15px;
}

.btn-loader-center .btn.btn-loader.btn-loading .preloader-wrapper,
.btn-loader-center .login .btn-loader.btn-loading.button .preloader-wrapper,
.login .btn-loader-center .btn-loader.btn-loading.button .preloader-wrapper,
.btn-loader-center .register .btn-loader.btn-loading.button .preloader-wrapper,
.register .btn-loader-center .btn-loader.btn-loading.button .preloader-wrapper,
.btn-loader-center .lost_reset_password .btn-loader.btn-loading.button .preloader-wrapper,
.lost_reset_password .btn-loader-center .btn-loader.btn-loading.button .preloader-wrapper,
.btn-loader-center .btn-loader.btn-loading.btn-large .preloader-wrapper,
.btn-loader-center .btn-loader.btn-loading.btn-small .preloader-wrapper,
.btn-loader-center .pagination.prev-next a.btn-loader.btn-loading .preloader-wrapper,
.pagination.prev-next .btn-loader-center a.btn-loader.btn-loading .preloader-wrapper,
.btn-loader-center .btn-loader.btn-loading.btn-tiny .preloader-wrapper,
.btn-loader-center .btn-loader.btn-loading.btn-same-width .preloader-wrapper {
    left: calc(50% - 8px);
}

.btn.btn-loader.btn-loading span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.login .btn-loader.btn-loading.button span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.register .btn-loader.btn-loading.button span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.lost_reset_password .btn-loader.btn-loading.button span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.btn-loader.btn-loading.btn-large span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.btn-loader.btn-loading.btn-small span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.pagination.prev-next a.btn-loader.btn-loading span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.btn-loader.btn-loading.btn-tiny span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.btn-loader.btn-loading.btn-same-width span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol) {
    left: 10px;
}

.btn-loader-center .btn.btn-loader.btn-loading span,
.btn-loader-center .login .btn-loader.btn-loading.button span,
.login .btn-loader-center .btn-loader.btn-loading.button span,
.btn-loader-center .register .btn-loader.btn-loading.button span,
.register .btn-loader-center .btn-loader.btn-loading.button span,
.btn-loader-center .lost_reset_password .btn-loader.btn-loading.button span,
.lost_reset_password .btn-loader-center .btn-loader.btn-loading.button span,
.btn-loader-center .btn-loader.btn-loading.btn-large span,
.btn-loader-center .btn-loader.btn-loading.btn-small span,
.btn-loader-center .pagination.prev-next a.btn-loader.btn-loading span,
.pagination.prev-next .btn-loader-center a.btn-loader.btn-loading span,
.btn-loader-center .btn-loader.btn-loading.btn-tiny span,
.btn-loader-center .btn-loader.btn-loading.btn-same-width span {
    opacity: 0;
}

.btn.btn-loader.btn-loader-center .preloader-wrapper,
.login .btn-loader.btn-loader-center.button .preloader-wrapper,
.register .btn-loader.btn-loader-center.button .preloader-wrapper,
.lost_reset_password .btn-loader.btn-loader-center.button .preloader-wrapper,
.btn-loader.btn-loader-center.btn-large .preloader-wrapper,
.btn-loader.btn-loader-center.btn-small .preloader-wrapper,
.pagination.prev-next a.btn-loader.btn-loader-center .preloader-wrapper,
.btn-loader.btn-loader-center.btn-tiny .preloader-wrapper,
.btn-loader.btn-loader-center.btn-same-width .preloader-wrapper {
    left: calc(50% - 8px);
}

.btn.btn-loader.btn-loader-center.btn-loading .preloader-wrapper,
.login .btn-loader.btn-loader-center.btn-loading.button .preloader-wrapper,
.register .btn-loader.btn-loader-center.btn-loading.button .preloader-wrapper,
.lost_reset_password .btn-loader.btn-loader-center.btn-loading.button .preloader-wrapper,
.btn-loader.btn-loader-center.btn-loading.btn-large .preloader-wrapper,
.btn-loader.btn-loader-center.btn-loading.btn-small .preloader-wrapper,
.pagination.prev-next a.btn-loader.btn-loader-center.btn-loading .preloader-wrapper,
.btn-loader.btn-loader-center.btn-loading.btn-tiny .preloader-wrapper,
.btn-loader.btn-loader-center.btn-loading.btn-same-width .preloader-wrapper {
    left: calc(50% - 8px);
}

.btn.btn-loader.btn-loader-center.btn-loading span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.login .btn-loader.btn-loader-center.btn-loading.button span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.register .btn-loader.btn-loader-center.btn-loading.button span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.lost_reset_password .btn-loader.btn-loader-center.btn-loading.button span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.btn-loader.btn-loader-center.btn-loading.btn-large span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.btn-loader.btn-loader-center.btn-loading.btn-small span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.pagination.prev-next a.btn-loader.btn-loader-center.btn-loading span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.btn-loader.btn-loader-center.btn-loading.btn-tiny span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol),
.btn-loader.btn-loader-center.btn-loading.btn-same-width span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol) {
    opacity: 0;
    left: auto;
}

.btn.btn-loader.btn-tiny.btn-loading .preloader-wrapper,
.btn-loader.btn-tiny.btn-loading .preloader-wrapper {
    left: 12px;
}

.wc-social-login.form-row-wide {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.wc-social-login.form-row-wide .button-social-login {
    font-weight: 400;
    letter-spacing: .2px;
}

#payment .payment-chooser-wrapper .btn-large.btn-empty:not(:hover) {
    color: #0133a3;
    text-shadow: none;
}

.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    transform-origin: 0 0;
}

.dropdown-content:focus {
    outline: 0;
}

.dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, .87);
    min-height: 50px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
}

.dropdown-content li:hover,
.dropdown-content li.active {
    background-color: #eee;
}

.dropdown-content li:focus {
    outline: none;
}

.dropdown-content li.divider {
    min-height: 0;
    height: 1px;
}

.dropdown-content li>a,
.dropdown-content li>span {
    font-size: 16px;
    color: #0133a3;
    display: block;
    line-height: 22px;
    padding: calc((50px - 22)/2) 16px;
}

.dropdown-content li>span>label {
    top: 1px;
    left: 0;
    height: 18px;
}

.dropdown-content li>a>i {
    height: inherit;
    line-height: inherit;
    float: left;
    margin: 0 24px 0 0;
    width: 24px;
}

body.keyboard-focused .dropdown-content li:focus {
    background-color: #dadada;
}

.input-field.col .dropdown-content [type=checkbox]+label {
    top: 1px;
    left: 0;
    height: 18px;
    transform: none;
}

/*!* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE*/
.waves-effect {
    position: relative;
    display: inline-block;
    overflow: hidden;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    transition: .3s ease-out;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    transition: all .7s ease-out;
    transition-property: transform, opacity;
    transform: scale(0);
    pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, .45);
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, .7);
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, .7);
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, .7);
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, .7);
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, .7);
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, .7);
}

.waves-effect input[type=button],
.waves-effect input[type=reset],
.waves-effect input[type=submit] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: 0 0;
}

.waves-effect img {
    position: relative;
    z-index: -1;
}

.waves-notransition {
    transition: none !important;
}

.waves-circle {
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none;
}

.waves-block {
    display: block;
}

.waves-effect .waves-ripple {
    z-index: -1;
}

.modal {
    transform: scale(0);
    opacity: 0;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 0;
    max-height: 80%;
    width: 91%;
    margin: auto;
    overflow-y: auto;
    border-radius: 10px;
    will-change: top, opacity;
    padding-bottom: 30px;
}

.modal:focus {
    outline: none;
}

.modal.open {
    animation: .3s cubic-bezier(0, .01, .19, .99) forwards scaleAndFadeIn;
    display: block;
    top: calc(50% - 250px);
    z-index: 1003;
}

@media(min-width:992px) {
    .modal {
        width: 50%;
        max-width: 700px;
        max-height: 90%;
        padding: 0 30px 30px;
    }

    .modal.open {
        top: calc(50% - 300px);
    }
}

.modal.full-screen-modal {
    top: 0 !important;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    max-height: 100%;
    transform: scale(1);
}

.modal.full-screen-modal.open {
    animation: none;
}

.admin-bar .modal.full-screen-modal {
    top: 46px !important;
    max-height: calc(100% - 46px);
}

@media screen and (min-width:783px) {
    .admin-bar .modal.full-screen-modal {
        top: 32px !important;
        max-height: calc(100% - 32px);
    }
}

.modal.modal-dashboard {
    height: auto;
    max-height: 80%;
    width: 90%
}

.modal.modal-dashboard.open {
    top: 10%
}

@media(min-width:992px) and (min-height:830px) {
    .modal.modal-dashboard {
        width: 60%;
        max-width: 1000px;
        height: auto;
    }
}

.modal.modal-dashboard.modal-edit-plan {
    width: 90%;
    max-width: 365px;
}

@media(min-width:600px) {
    .modal.modal-dashboard.modal-edit-plan.modal-step-2 {
        max-width: 600px;
    }
}

@media(min-width:992px) {
    .modal.modal-dashboard.modal-edit-plan {
        width: 80%;
        max-width: 830px;
    }
}

.modal.modal-dashboard.modal-cancel-plan {
    max-width: 830px;
}

.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
}

@media(min-width:420px) {
    .modal.modal-dashboard.modal-cancel-plan .buttons-wrapper {
        flex-direction: row;
    }
}

.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .btn,
.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .login .button,
.login .modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .button,
.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .register .button,
.register .modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .button,
.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .lost_reset_password .button,
.lost_reset_password .modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .button,
.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .btn-large,
.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .btn-small,
.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .pagination.prev-next a,
.pagination.prev-next .modal.modal-dashboard.modal-cancel-plan .buttons-wrapper a,
.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .btn-tiny,
.modal.modal-dashboard.modal-cancel-plan .buttons-wrapper .btn-same-width {
    min-width: 200px;
}

.modal.modal-dashboard.modal-cancel-plan .modal-content p:last-child {
    margin-bottom: 0;
}

.modal.modal-dashboard.modal-cancel-plan .modal-footer {
    height: auto;
}

.modal.modal-edit-size {
    width: 90%;
    max-width: 365px;
}

@media(min-width:992px) {
    .modal.modal-edit-size {
        width: 80%;
        max-width: 944px;
    }
}

.modal.modal-add-addon,
.modal.modal-remove-addon {
    padding-top: 30px;
    padding-bottom: 0;
}

.modal.modal-review {
    padding-bottom: 0;
}

.modal.modal-review.open {
    max-height: 80%;
    top: 10%
}

.modal.modal-review .modal-close {
    padding: 0;
    border: none;
    background: 0 0;
    right: 20px;
    top: 20px;
}

@media(min-width:600px) {
    .modal.modal-review .modal-close {
        top: 25px;
    }
}

@media(min-width:992px) {
    .modal.modal-review .modal-close {
        top: 30px;
        right: 50px;
    }
}

.modal.modal-review p.stars {
    margin-bottom: 0;
    margin-top: var(--space-2);
}

.modal.modal-review p.stars a {
    width: 30px;
    height: 30px;
    font-size: 30px;
}

.modal.modal-review p.stars:hover a::before {
    color: #fbbb3d;
}

.modal.modal-review p.stars a:hover~a::before {
    color: #424242;
}

.modal.modal-review p.stars.selected a:not(.active)::before,
.modal.modal-review p.stars.selected a.active::before,
.modal.modal-review p.stars.selected a:hover::before {
    color: #fbbb3d;
}

.modal.modal-review p.stars.selected a.active~a::before {
    color: #424242;
}

.modal.modal-review .review-text {
    position: relative;
}

.modal.modal-review .review-text textarea {
    height: auto;
    resize: none;
}

.modal.modal-review .review-text .char-count {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #0133a3;
    font-size: 13px;
    font-weight: 700;
}

.modal.modal-review .review-text .char-count.is-error {
    color: #ef4344;
}

@media(max-width:318px) {
    .modal.modal-review .btn-large {
        font-size: 6vw;
    }
}

@media(max-width:360px) {
    .modal.modal-review .btn-large {
        font-size: 4vw;
    }
}

.modal .modal-heading {
    font-size: 1.5rem;
}

@media(min-width:992px) {
    .modal .modal-heading {
        font-size: 2rem;
    }
}

.modal address {
    font-style: normal;
    font-weight: 900;
}

@media(min-width:992px) {
    .modal .modal-content.extend-subscription {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}

.modal .modal-content p {
    font-size: 1.1rem;
}

.modal .modal-close {
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 10px;
}

.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fff;
    padding: 4px 6px;
    height: 56px;
    width: 100%;
    text-align: right;
}

@media(min-width:600px) {
    .modal h5.large-modal-title {
        font-size: 2rem;
    }
}

.modal-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
    will-change: opacity;
}

.modal-overlay.open {
    animation: .2s cubic-bezier(0, .01, .19, .99) forwards fadeInHalfOpacity;
    display: block;
    top: 0;
    z-index: 1002;
}

.modal.modal-fixed-footer {
    padding: 0;
    height: 630px;
    max-height: 80%
}

@media(min-width:600px) {
    .modal.modal-fixed-footer {
        height: 700px;
    }
}

.modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    padding-top: var(--space-9);
}

@media(min-width:992px) and (min-height:830px) {
    .modal.modal-fixed-footer .modal-content {
        height: auto;
        position: relative;
        padding-top: var(--space-5);
        padding-bottom: var(--space-0);
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.modal.modal-fixed-footer .modal-header {
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: var(--space-6);
}

.modal.modal-fixed-footer .modal-header .modal-heading {
    margin-top: var(--space-6);
    margin-bottom: var(--space-0);
}

@media(min-width:992px) and (min-height:830px) {
    .modal.modal-fixed-footer .modal-header {
        position: relative;
        border-bottom: none;
        padding-bottom: var(--space-1);
    }
}

.modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    bottom: 0;
}

@media(min-width:992px) and (min-height:830px) {
    .modal.modal-fixed-footer .modal-footer {
        position: relative;
        border-top: none;
        bottom: auto;
        margin-bottom: var(--space-6);
    }
}

.modal.bottom-sheet {
    top: auto;
    bottom: -100%;
    margin: 0;
    width: 100%;
    max-height: 45%;
    border-radius: 0;
    will-change: bottom, opacity;
}

.modal-actions {
    display: flex;
    justify-content: center;
}

.modal-actions .btn-small.alt-outline,
.modal-actions .pagination.prev-next a.alt-outline,
.pagination.prev-next .modal-actions a.alt-outline,
.modal-actions .alt-outline.btn-tiny {
    line-height: 32px;
}

.collapsible {
    border-bottom: 1px solid #a5a5a5;
    margin: 24px 0;
}

.collapsible-header {
    display: flex;
    justify-content: space-between;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: .75rem 0;
    background-color: #fff;
    border-top: 1px solid #a5a5a5;
    font-family: fredoka one, sans-serif;
    color: #0133a3;
}

.collapsible-header:focus {
    outline: 0;
}

.collapsible-header i {
    transition: transform .3s ease-in-out;
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 0;
}

.active .collapsible-header i {
    transform: rotate(-180deg);
}

.keyboard-focused .collapsible-header:focus {
    background-color: #eee;
}

.collapsible-body {
    display: none;
    box-sizing: border-box;
    padding: .75rem 0;
}

.sidenav .collapsible,
.sidenav.fixed .collapsible {
    border: none;
    box-shadow: none;
}

.sidenav .collapsible li,
.sidenav.fixed .collapsible li {
    padding: 0;
}

.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
    background-color: transparent;
    border: none;
    line-height: inherit;
    height: inherit;
    padding: 0 16px;
}

.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover {
    background-color: rgba(0, 0, 0, .05);
}

.sidenav .collapsible-header i,
.sidenav.fixed .collapsible-header i {
    line-height: inherit;
}

.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
    border: 0;
    background-color: #fff;
}

.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
    padding: 0 23.5px 0 31px;
}

.collapsible.popout {
    border: none;
    box-shadow: none;
}

.collapsible.popout>li {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin: 0 24px;
    transition: margin .35s cubic-bezier(.25, .46, .45, .94);
}

.collapsible.popout>li.active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    margin: 16px 0;
}

.chip {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, .6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px;
}

.chip:focus {
    outline: none;
    background-color: #26a69a;
    color: #fff;
}

.chip>img {
    float: left;
    margin: 0 8px 0 -12px;
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.chip .close {
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
}

.chips {
    border: none;
    border-bottom: 1px solid #9e9e9e;
    box-shadow: none;
    margin: 0;
    min-height: 45px;
    outline: none;
    transition: all .3s;
}

.chips.focus {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
}

.chips:hover {
    cursor: text;
}

.chips .input {
    background: 0 0;
    border: 0;
    color: rgba(0, 0, 0, .6);
    display: inline-block;
    font-size: 16px;
    height: 2.5rem;
    line-height: 32px;
    outline: 0;
    margin: 0;
    padding: 0 !important;
    width: 120px !important;
}

.chips .input:focus {
    border: 0 !important;
    box-shadow: none !important;
}

.chips .autocomplete-content {
    margin-top: 0;
    margin-bottom: 0;
}

.prefix~.chips {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}

.chips:empty~label {
    font-size: .8rem;
    transform: translateY(-140%);
}

.materialboxed {
    display: block;
    cursor: zoom-in;
    position: relative;
    transition: opacity .4s;
    -webkit-backface-visibility: hidden;
}

.materialboxed:hover:not(.active) {
    opacity: .8;
}

.materialboxed.active {
    cursor: zoom-out;
}

#materialbox-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #292929;
    z-index: 1000;
    will-change: opacity;
}

.materialbox-caption {
    position: fixed;
    display: none;
    color: #fff;
    line-height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0% 15%;
    height: 50px;
    z-index: 1000;
    -webkit-font-smoothing: antialiased;
}

select:focus {
    outline: 1px solid #95b6fe;
}

button:focus {
    outline: none;
}

label {
    font-size: 1rem;
    color: #000;
}

#payment fieldset label,
form.woocommerce-checkout .forms-inputs label,
.gform_legacy_markup_wrapper .top_label .gfield_label,
.gform_legacy_markup_wrapper legend.gfield_label,
.login label,
.register label,
.lost_reset_password label {
    font-weight: 500;
    color: #000;
    font-size: .9rem;
    display: block;
    margin-bottom: 5px;
}

.gform_legacy_markup_wrapper .top_label .gfield_label,
.gform_legacy_markup_wrapper legend.gfield_label {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
    font-size: 20px;
}

@media(min-width:600px) {

    .gform_legacy_markup_wrapper .top_label .gfield_label,
    .gform_legacy_markup_wrapper legend.gfield_label {
        font-size: 25px;
    }
}

.gform_legacy_markup_wrapper .top_label .gfield_label .gfield_required_asterisk,
.gform_legacy_markup_wrapper legend.gfield_label .gfield_required_asterisk {
    font-size: 14px;
}

::placeholder {
    color: #a5a5a5;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    outline: none;
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0 1rem;
    box-shadow: none;
    box-sizing: border-box;
    transition: box-shadow .3s, border .3s;
    line-height: 2.5rem;
}

input:not([type]):disabled,
input:not([type])[readonly=readonly],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly=readonly],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly=readonly],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly=readonly],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly=readonly],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly=readonly],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly=readonly],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly=readonly],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly=readonly],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly=readonly],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly=readonly],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly=readonly],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly=readonly] {
    color: rgba(0, 0, 0, .42);
    border: 1px dotted rgba(0, 0, 0, .42);
}

input:not([type]):disabled+label,
input:not([type])[readonly=readonly]+label,
input[type=text]:not(.browser-default):disabled+label,
input[type=text]:not(.browser-default)[readonly=readonly]+label,
input[type=password]:not(.browser-default):disabled+label,
input[type=password]:not(.browser-default)[readonly=readonly]+label,
input[type=email]:not(.browser-default):disabled+label,
input[type=email]:not(.browser-default)[readonly=readonly]+label,
input[type=url]:not(.browser-default):disabled+label,
input[type=url]:not(.browser-default)[readonly=readonly]+label,
input[type=time]:not(.browser-default):disabled+label,
input[type=time]:not(.browser-default)[readonly=readonly]+label,
input[type=date]:not(.browser-default):disabled+label,
input[type=date]:not(.browser-default)[readonly=readonly]+label,
input[type=datetime]:not(.browser-default):disabled+label,
input[type=datetime]:not(.browser-default)[readonly=readonly]+label,
input[type=datetime-local]:not(.browser-default):disabled+label,
input[type=datetime-local]:not(.browser-default)[readonly=readonly]+label,
input[type=tel]:not(.browser-default):disabled+label,
input[type=tel]:not(.browser-default)[readonly=readonly]+label,
input[type=number]:not(.browser-default):disabled+label,
input[type=number]:not(.browser-default)[readonly=readonly]+label,
input[type=search]:not(.browser-default):disabled+label,
input[type=search]:not(.browser-default)[readonly=readonly]+label,
textarea.materialize-textarea:disabled+label,
textarea.materialize-textarea[readonly=readonly]+label {
    color: rgba(0, 0, 0, .42);
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #0133a3;
}

input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #0133a3;
}

input:not([type]):focus.valid~label,
input[type=text]:not(.browser-default):focus.valid~label,
input[type=password]:not(.browser-default):focus.valid~label,
input[type=email]:not(.browser-default):focus.valid~label,
input[type=url]:not(.browser-default):focus.valid~label,
input[type=time]:not(.browser-default):focus.valid~label,
input[type=date]:not(.browser-default):focus.valid~label,
input[type=datetime]:not(.browser-default):focus.valid~label,
input[type=datetime-local]:not(.browser-default):focus.valid~label,
input[type=tel]:not(.browser-default):focus.valid~label,
input[type=number]:not(.browser-default):focus.valid~label,
input[type=search]:not(.browser-default):focus.valid~label,
textarea.materialize-textarea:focus.valid~label {
    color: #4caf50;
}

input:not([type]):focus.invalid~label,
input[type=text]:not(.browser-default):focus.invalid~label,
input[type=password]:not(.browser-default):focus.invalid~label,
input[type=email]:not(.browser-default):focus.invalid~label,
input[type=url]:not(.browser-default):focus.invalid~label,
input[type=time]:not(.browser-default):focus.invalid~label,
input[type=date]:not(.browser-default):focus.invalid~label,
input[type=datetime]:not(.browser-default):focus.invalid~label,
input[type=datetime-local]:not(.browser-default):focus.invalid~label,
input[type=tel]:not(.browser-default):focus.invalid~label,
input[type=number]:not(.browser-default):focus.invalid~label,
input[type=search]:not(.browser-default):focus.invalid~label,
textarea.materialize-textarea:focus.invalid~label {
    color: #f44336;
}

input:not([type]).validate+label,
input[type=text]:not(.browser-default).validate+label,
input[type=password]:not(.browser-default).validate+label,
input[type=email]:not(.browser-default).validate+label,
input[type=url]:not(.browser-default).validate+label,
input[type=time]:not(.browser-default).validate+label,
input[type=date]:not(.browser-default).validate+label,
input[type=datetime]:not(.browser-default).validate+label,
input[type=datetime-local]:not(.browser-default).validate+label,
input[type=tel]:not(.browser-default).validate+label,
input[type=number]:not(.browser-default).validate+label,
input[type=search]:not(.browser-default).validate+label,
textarea.materialize-textarea.validate+label {
    width: 100%
}

.select-wrapper.valid>input.select-dropdown,
input:not([type]).valid,
input:not([type]):focus.valid,
input[type=text]:not(.browser-default).valid,
input[type=text]:not(.browser-default):focus.valid,
input[type=password]:not(.browser-default).valid,
input[type=password]:not(.browser-default):focus.valid,
input[type=email]:not(.browser-default).valid,
input[type=email]:not(.browser-default):focus.valid,
input[type=url]:not(.browser-default).valid,
input[type=url]:not(.browser-default):focus.valid,
input[type=time]:not(.browser-default).valid,
input[type=time]:not(.browser-default):focus.valid,
input[type=date]:not(.browser-default).valid,
input[type=date]:not(.browser-default):focus.valid,
input[type=datetime]:not(.browser-default).valid,
input[type=datetime]:not(.browser-default):focus.valid,
input[type=datetime-local]:not(.browser-default).valid,
input[type=datetime-local]:not(.browser-default):focus.valid,
input[type=tel]:not(.browser-default).valid,
input[type=tel]:not(.browser-default):focus.valid,
input[type=number]:not(.browser-default).valid,
input[type=number]:not(.browser-default):focus.valid,
input[type=search]:not(.browser-default).valid,
input[type=search]:not(.browser-default):focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #4caf50;
    box-shadow: 0 1px 0 0 #4caf50;
}

.select-wrapper.invalid>input.select-dropdown,
.select-wrapper.invalid>input.select-dropdown:focus,
input:not([type]).invalid,
input:not([type]):focus.invalid,
input[type=text]:not(.browser-default).invalid,
input[type=text]:not(.browser-default):focus.invalid,
input[type=password]:not(.browser-default).invalid,
input[type=password]:not(.browser-default):focus.invalid,
input[type=email]:not(.browser-default).invalid,
input[type=email]:not(.browser-default):focus.invalid,
input[type=url]:not(.browser-default).invalid,
input[type=url]:not(.browser-default):focus.invalid,
input[type=time]:not(.browser-default).invalid,
input[type=time]:not(.browser-default):focus.invalid,
input[type=date]:not(.browser-default).invalid,
input[type=date]:not(.browser-default):focus.invalid,
input[type=datetime]:not(.browser-default).invalid,
input[type=datetime]:not(.browser-default):focus.invalid,
input[type=datetime-local]:not(.browser-default).invalid,
input[type=datetime-local]:not(.browser-default):focus.invalid,
input[type=tel]:not(.browser-default).invalid,
input[type=tel]:not(.browser-default):focus.invalid,
input[type=number]:not(.browser-default).invalid,
input[type=number]:not(.browser-default):focus.invalid,
input[type=search]:not(.browser-default).invalid,
input[type=search]:not(.browser-default):focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #f44336;
    box-shadow: 0 1px 0 0 #f44336;
}

.select-wrapper.valid .helper-text[data-success],
.select-wrapper.invalid~.helper-text[data-error],
input:not([type]).valid~.helper-text[data-success],
input:not([type]):focus.valid~.helper-text[data-success],
input:not([type]).invalid~.helper-text[data-error],
input:not([type]):focus.invalid~.helper-text[data-error],
input[type=text]:not(.browser-default).valid~.helper-text[data-success],
input[type=text]:not(.browser-default).invalid~.helper-text[data-error],
input[type=password]:not(.browser-default).valid~.helper-text[data-success],
input[type=password]:not(.browser-default).invalid~.helper-text[data-error],
input[type=email]:not(.browser-default).valid~.helper-text[data-success],
input[type=email]:not(.browser-default).invalid~.helper-text[data-error],
input[type=url]:not(.browser-default).valid~.helper-text[data-success],
input[type=url]:not(.browser-default).invalid~.helper-text[data-error],
input[type=time]:not(.browser-default).valid~.helper-text[data-success],
input[type=time]:not(.browser-default).invalid~.helper-text[data-error],
input[type=date]:not(.browser-default).valid~.helper-text[data-success],
input[type=date]:not(.browser-default).invalid~.helper-text[data-error],
input[type=datetime]:not(.browser-default).valid~.helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid~.helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid~.helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid~.helper-text[data-error],
input[type=tel]:not(.browser-default).valid~.helper-text[data-success],
input[type=tel]:not(.browser-default).invalid~.helper-text[data-error],
input[type=number]:not(.browser-default).valid~.helper-text[data-success],
input[type=number]:not(.browser-default).invalid~.helper-text[data-error],
input[type=search]:not(.browser-default).valid~.helper-text[data-success],
input[type=search]:not(.browser-default).invalid~.helper-text[data-error],
textarea.materialize-textarea.valid~.helper-text[data-success],
textarea.materialize-textarea:focus.valid~.helper-text[data-success],
textarea.materialize-textarea.invalid~.helper-text[data-error],
textarea.materialize-textarea:focus.invalid~.helper-text[data-error] {
    color: transparent;
    user-select: none;
    pointer-events: none;
}

.select-wrapper.valid~.helper-text:after,
input:not([type]).valid~.helper-text:after,
input:not([type]):focus.valid~.helper-text:after,
input[type=text]:not(.browser-default).valid~.helper-text:after,
input[type=text]:not(.browser-default):focus.valid~.helper-text:after,
input[type=password]:not(.browser-default).valid~.helper-text:after,
input[type=password]:not(.browser-default):focus.valid~.helper-text:after,
input[type=email]:not(.browser-default).valid~.helper-text:after,
input[type=email]:not(.browser-default):focus.valid~.helper-text:after,
input[type=url]:not(.browser-default).valid~.helper-text:after,
input[type=url]:not(.browser-default):focus.valid~.helper-text:after,
input[type=time]:not(.browser-default).valid~.helper-text:after,
input[type=time]:not(.browser-default):focus.valid~.helper-text:after,
input[type=date]:not(.browser-default).valid~.helper-text:after,
input[type=date]:not(.browser-default):focus.valid~.helper-text:after,
input[type=datetime]:not(.browser-default).valid~.helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid~.helper-text:after,
input[type=datetime-local]:not(.browser-default).valid~.helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid~.helper-text:after,
input[type=tel]:not(.browser-default).valid~.helper-text:after,
input[type=tel]:not(.browser-default):focus.valid~.helper-text:after,
input[type=number]:not(.browser-default).valid~.helper-text:after,
input[type=number]:not(.browser-default):focus.valid~.helper-text:after,
input[type=search]:not(.browser-default).valid~.helper-text:after,
input[type=search]:not(.browser-default):focus.valid~.helper-text:after,
textarea.materialize-textarea.valid~.helper-text:after,
textarea.materialize-textarea:focus.valid~.helper-text:after {
    content: attr(data-success);
    color: #4caf50;
}

.select-wrapper.invalid~.helper-text:after,
input:not([type]).invalid~.helper-text:after,
input:not([type]):focus.invalid~.helper-text:after,
input[type=text]:not(.browser-default).invalid~.helper-text:after,
input[type=text]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=password]:not(.browser-default).invalid~.helper-text:after,
input[type=password]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=email]:not(.browser-default).invalid~.helper-text:after,
input[type=email]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=url]:not(.browser-default).invalid~.helper-text:after,
input[type=url]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=time]:not(.browser-default).invalid~.helper-text:after,
input[type=time]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=date]:not(.browser-default).invalid~.helper-text:after,
input[type=date]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=datetime]:not(.browser-default).invalid~.helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid~.helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=tel]:not(.browser-default).invalid~.helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=number]:not(.browser-default).invalid~.helper-text:after,
input[type=number]:not(.browser-default):focus.invalid~.helper-text:after,
input[type=search]:not(.browser-default).invalid~.helper-text:after,
input[type=search]:not(.browser-default):focus.invalid~.helper-text:after,
textarea.materialize-textarea.invalid~.helper-text:after,
textarea.materialize-textarea:focus.invalid~.helper-text:after {
    content: attr(data-error);
    color: #f44336;
}

.select-wrapper+label:after,
input:not([type])+label:after,
input[type=text]:not(.browser-default)+label:after,
input[type=password]:not(.browser-default)+label:after,
input[type=email]:not(.browser-default)+label:after,
input[type=url]:not(.browser-default)+label:after,
input[type=time]:not(.browser-default)+label:after,
input[type=date]:not(.browser-default)+label:after,
input[type=datetime]:not(.browser-default)+label:after,
input[type=datetime-local]:not(.browser-default)+label:after,
input[type=tel]:not(.browser-default)+label:after,
input[type=number]:not(.browser-default)+label:after,
input[type=search]:not(.browser-default)+label:after,
textarea.materialize-textarea+label:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out;
}

.input-field {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.input-field.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.input-field.inline input,
.input-field.inline .select-dropdown {
    margin-bottom: 1rem;
}

.input-field.col label {
    left: 15px;
}

.input-field.col .prefix~label,
.input-field.col .prefix~.validate~label {
    width: calc(100% - 3rem - 30px);
}

.input-field>label {
    color: #a5a5a5;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    cursor: text;
    transition: transform .2s ease-out, color .2s ease-out;
    transform-origin: 0% 100%;
    text-align: initial;
    transform: translateY(12px);
}

.input-field>label:not(.label-icon).active {
    transform: translateY(-14px) scale(.8);
    transform-origin: 0 0;
}

.input-field>input[type]:-webkit-autofill:not(.browser-default)+label,
.input-field>input[type=date]:not(.browser-default)+label,
.input-field>input[type=time]:not(.browser-default)+label {
    transform: translateY(-14px) scale(.8);
    transform-origin: 0 0;
}

.input-field .helper-text {
    position: relative;
    min-height: 18px;
    display: block;
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
}

.input-field .helper-text::after {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.input-field .prefix {
    position: absolute;
    width: 2.5rem;
    font-size: 2rem;
    transition: color .2s;
    top: calc(2.5rem/2);
}

.input-field .prefix.active {
    color: #0133a3;
}

.input-field .prefix~input,
.input-field .prefix~textarea,
.input-field .prefix~label,
.input-field .prefix~.validate~label,
.input-field .prefix~.helper-text,
.input-field .prefix~.autocomplete-content {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}

.input-field .prefix~label {
    margin-left: 3rem;
}

@media(max-width:991px) {
    .input-field .prefix~input {
        width: 86%;
        width: calc(100% - 3rem);
    }
}

@media(max-width:767px) {
    .input-field .prefix~input {
        width: 80%;
        width: calc(100% - 3rem);
    }
}

.input-field input[type=search] {
    display: block;
    line-height: inherit;
    transition: .3s background-color;
}

.nav-wrapper .input-field input[type=search] {
    height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem);
    border: 0;
    box-shadow: none;
}

.input-field input[type=search]:focus:not(.browser-default) {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    color: #444;
}

.input-field input[type=search]:focus:not(.browser-default)+label i,
.input-field input[type=search]:focus:not(.browser-default)~.mdi-navigation-close,
.input-field input[type=search]:focus:not(.browser-default)~.material-icons {
    color: #444;
}

.input-field input[type=search]+.label-icon {
    transform: none;
    left: 1rem;
}

.input-field input[type=search]~.mdi-navigation-close,
.input-field input[type=search]~.material-icons {
    position: absolute;
    top: 0;
    right: 1rem;
    color: transparent;
    font-size: 2rem;
    transition: .3s color;
}

textarea {
    width: 100%;
    height: 2.5rem;
    background-color: transparent;
    font-size: 16px;
    min-height: 120px;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #a5a5a5;
}

textarea.materialize-textarea {
    line-height: normal;
    overflow-y: hidden;
    padding: .8rem 0;
    resize: none;
    min-height: 2.5rem;
    box-sizing: border-box;
}

.hiddendiv {
    visibility: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 1.2rem;
    position: absolute;
    top: 0;
    z-index: -1;
}

.autocomplete-content li .highlight {
    color: #444;
}

.autocomplete-content li img {
    height: 40px;
    width: 40px;
    margin: 5px 15px;
}

.character-counter {
    min-height: 18px;
}

.modal-content input:not([type]),
.modal-content input[type=text]:not(.browser-default),
.modal-content input[type=password]:not(.browser-default),
.modal-content input[type=email]:not(.browser-default),
.modal-content input[type=url]:not(.browser-default),
.modal-content input[type=time]:not(.browser-default),
.modal-content input[type=date]:not(.browser-default),
.modal-content input[type=datetime]:not(.browser-default),
.modal-content input[type=datetime-local]:not(.browser-default),
.modal-content input[type=tel]:not(.browser-default),
.modal-content input[type=number]:not(.browser-default),
.modal-content input[type=search]:not(.browser-default),
.modal-content textarea.materialize-textarea {
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 15px;
    box-sizing: border-box;
    border-width: 1px;
    border-radius: 5px;
    margin: 0 0 6px;
    transform: scale(1);
}

.modal-content input:not([type]):focus:not([readonly]),
.modal-content input[type=text]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=password]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=email]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=url]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=time]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=date]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=datetime]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=tel]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=number]:not(.browser-default):focus:not([readonly]),
.modal-content input[type=search]:not(.browser-default):focus:not([readonly]),
.modal-content textarea.materialize-textarea:focus:not([readonly]) {
    border-width: 1px;
}

#_billing_phone_field {
    display: none;
}

.gform_legacy_markup_wrapper .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    line-height: 1.6;
    margin-left: 0;
    width: 100%;
    border: 1px solid #a5a5a5;
    padding: 5px 12px;
}

.gform_body [type=radio]:not(:checked),
.gform_body [type=radio]:checked {
    opacity: 1;
}

.gform_legacy_markup_wrapper .gfield_radio li.gchoice label {
    margin: 0;
    padding-left: 20px;
}

.gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li.gchoice input[type=radio],
.gform_legacy_markup_wrapper .gfield_radio li.gchoice input[type=radio] {
    margin-top: 2px;
}

@media(min-width:600px) {

    .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li.gchoice input[type=radio],
    .gform_legacy_markup_wrapper .gfield_radio li.gchoice input[type=radio] {
        margin-top: 4px;
    }
}

.gform_wrapper input[type=text] {
    line-height: 1.5;
}

[type=radio]:not(:checked),
[type=radio]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[type=radio]:not(:checked)+span,
[type=radio]:checked+span {
    position: relative;
    padding-left: 35px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    transition: .28s ease;
    user-select: none;
}

[type=radio]+span:before,
[type=radio]+span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    transition: .28s ease;
}

[type=radio]:not(:checked)+span:before,
[type=radio]:not(:checked)+span:after,
[type=radio]:checked+span:before,
[type=radio]:checked+span:after,
[type=radio].with-gap:checked+span:before,
[type=radio].with-gap:checked+span:after {
    border-radius: 50%
}

[type=radio]:not(:checked)+span:before,
[type=radio]:not(:checked)+span:after {
    border: 2px solid #5a5a5a;
}

[type=radio]:not(:checked)+span:after {
    transform: scale(0);
}

[type=radio]:checked+span:before {
    border: 2px solid transparent;
}

[type=radio]:checked+span:after,
[type=radio].with-gap:checked+span:before,
[type=radio].with-gap:checked+span:after {
    border: 2px solid #0133a3;
}

[type=radio]:checked+span:after,
[type=radio].with-gap:checked+span:after {
    background-color: #0133a3;
}

[type=radio]:checked+span:after {
    transform: scale(1.02);
}

[type=radio].with-gap:checked+span:after {
    transform: scale(.5);
}

[type=radio].tabbed:focus+span:before {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
}

[type=radio].with-gap:disabled:checked+span:before {
    border: 2px solid rgba(0, 0, 0, .42);
}

[type=radio].with-gap:disabled:checked+span:after {
    border: none;
    background-color: rgba(0, 0, 0, .42);
}

[type=radio]:disabled:not(:checked)+span:before,
[type=radio]:disabled:checked+span:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .42);
}

[type=radio]:disabled+span {
    color: rgba(0, 0, 0, .42);
}

[type=radio]:disabled:not(:checked)+span:before {
    border-color: rgba(0, 0, 0, .42);
}

[type=radio]:disabled:checked+span:after {
    background-color: rgba(0, 0, 0, .42);
    border-color: #949494;
}

.gform-basic .gform_legacy_markup_wrapper ul.gfield_radio label {
    margin-top: 4px;
    margin-left: 6px;
}

.gform-basic .gform_legacy_markup_wrapper ul.gfield_radio .gchoice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gform-basic .gform_legacy_markup_wrapper ul.gfield_radio [type=radio]:not(:checked),
.gform-basic .gform_legacy_markup_wrapper ul.gfield_radio [type=radio]:checked {
    position: relative;
    opacity: 1;
}

.gform_fields .ginput_container_radio label,
.gform_fields .ginput_container_checkbox label {
    margin-top: 4px;
    margin-left: 6px;
}

.gform_fields .ginput_container_radio .gchoice,
.gform_fields .ginput_container_checkbox .gchoice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gform_fields .ginput_container_radio [type=radio]:not(:checked),
.gform_fields .ginput_container_radio [type=radio]:checked,
.gform_fields .ginput_container_checkbox [type=radio]:not(:checked),
.gform_fields .ginput_container_checkbox [type=radio]:checked {
    position: relative;
    opacity: 1;
    pointer-events: all;
}

.gform_fields .ginput_container_radio [type=checkbox]:not(:checked),
.gform_fields .ginput_container_radio [type=checkbox]:checked,
.gform_fields .ginput_container_checkbox [type=checkbox]:not(:checked),
.gform_fields .ginput_container_checkbox [type=checkbox]:checked {
    position: relative;
    opacity: 1;
    pointer-events: all;
}

[type=checkbox]:not(:checked),
[type=checkbox]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[type=checkbox] {}

[type=checkbox]+span:not(.lever) {
    position: relative;
    padding-left: 35px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    user-select: none;
}

[type=checkbox]+span:not(.lever):before,
[type=checkbox]:not(.filled-in)+span:not(.lever):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    transition: .2s;
}

[type=checkbox]:not(.filled-in)+span:not(.lever):after {
    border: 0;
    transform: scale(0);
}

[type=checkbox]:not(:checked):disabled+span:not(.lever):before {
    border: none;
    background-color: rgba(0, 0, 0, .42);
}

[type=checkbox].tabbed:focus+span:not(.lever):after {
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1);
}

[type=checkbox]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #0133a3;
    border-bottom: 2px solid #0133a3;
    transform: rotate(40deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%
}

[type=checkbox]:checked:disabled+span:before {
    border-right: 2px solid rgba(0, 0, 0, .42);
    border-bottom: 2px solid rgba(0, 0, 0, .42);
}

[type=checkbox]:indeterminate+span:not(.lever):before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #0133a3;
    border-bottom: none;
    transform: rotate(90deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%
}

[type=checkbox]:indeterminate:disabled+span:not(.lever):before {
    border-right: 2px solid rgba(0, 0, 0, .42);
    background-color: transparent;
}

[type=checkbox].filled-in+span:not(.lever):after {
    border-radius: 2px;
}

[type=checkbox].filled-in+span:not(.lever):before,
[type=checkbox].filled-in+span:not(.lever):after {
    content: "";
    left: 0;
    position: absolute;
    z-index: 1;
}

[type=checkbox].filled-in:not(:checked)+span:not(.lever):before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%
}

[type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 2px;
    z-index: 0;
}

[type=checkbox].filled-in:checked+span:not(.lever):before {
    top: 2px;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%
}

[type=checkbox].filled-in:checked+span:not(.lever):after {
    top: 2px;
    width: 20px;
    height: 20px;
    border: 2px solid #0133a3;
    background-color: #0133a3;
    z-index: 0;
}

[type=checkbox].filled-in.tabbed:focus+span:not(.lever):after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, .1);
}

[type=checkbox].filled-in.tabbed:checked:focus+span:not(.lever):after {
    border-radius: 2px;
    background-color: #0133a3;
    border-color: #0133a3;
}

[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):before {
    background-color: transparent;
    border: 2px solid transparent;
}

[type=checkbox].filled-in:disabled:not(:checked)+span:not(.lever):after {
    border-color: transparent;
    background-color: #949494;
}

[type=checkbox].filled-in:disabled:checked+span:not(.lever):before {
    background-color: transparent;
}

[type=checkbox].filled-in:disabled:checked+span:not(.lever):after {
    background-color: #949494;
    border-color: #949494;
}

.gform-basic .gform_legacy_markup_wrapper ul.gfield_checkbox label {
    margin-top: 4px;
    margin-left: 6px;
}

.gform-basic .gform_legacy_markup_wrapper ul.gfield_checkbox .gchoice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gform-basic .gform_legacy_markup_wrapper ul.gfield_checkbox [type=checkbox]:not(:checked),
.gform-basic .gform_legacy_markup_wrapper ul.gfield_checkbox [type=checkbox]:checked {
    position: relative;
    opacity: 1;
}

.switch,
.switch * {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #4173e2;
}

.switch label input[type=checkbox]:checked+.lever:before,
.switch label input[type=checkbox]:checked+.lever:after {
    left: 18px;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #0133a3;
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 36px;
    height: 14px;
    background-color: rgba(0, 0, 0, .38);
    border-radius: 15px;
    margin-right: 10px;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 16px;
}

.switch label .lever:before,
.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    top: -3px;
    transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease;
}

.switch label .lever:before {
    background-color: rgba(1, 51, 163, .15);
}

.switch label .lever:after {
    background-color: #f1f1f1;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

input[type=checkbox]:checked:not(:disabled)~.lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::before {
    transform: scale(2.4);
    background-color: rgba(1, 51, 163, .15);
}

input[type=checkbox]:not(:disabled)~.lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus~.lever::before {
    transform: scale(2.4);
    background-color: rgba(0, 0, 0, .08);
}

.switch input[type=checkbox][disabled]+.lever {
    cursor: default;
    background-color: rgba(0, 0, 0, .12);
}

.switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #949494;
}

select {
    background-color: transparent;
    width: 100%;
    padding: 0 1rem;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    height: 2.63rem;
    border: 1px solid #a5a5a5;
    font-size: 16px;
}

.select-label {
    position: absolute;
}

.select-wrapper {
    position: relative;
}

.select-wrapper.valid+label,
.select-wrapper.invalid+label {
    width: 100%;
    pointer-events: none;
}

.select-wrapper input.select-dropdown {
    position: relative;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #a5a5a5;
    outline: none;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0;
    display: block;
    user-select: none;
    z-index: 1;
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #0133a3;
}

.select-wrapper .caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    fill: rgba(0, 0, 0, .87);
}

.select-wrapper+label {
    position: absolute;
    top: -26px;
    font-size: .8rem;
}

select:disabled {
    color: rgba(0, 0, 0, .42);
}

.select-wrapper.disabled+label {
    color: rgba(0, 0, 0, .42);
}

.select-wrapper.disabled .caret {
    fill: rgba(0, 0, 0, .42);
}

.select-wrapper input.select-dropdown:disabled {
    color: rgba(0, 0, 0, .42);
    cursor: default;
    user-select: none;
}

.select-wrapper i {
    color: rgba(0, 0, 0, .3);
}

.select-dropdown li.disabled,
.select-dropdown li.disabled>span,
.select-dropdown li.optgroup {
    color: rgba(0, 0, 0, .3);
    background-color: transparent;
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
    background-color: rgba(0, 0, 0, .08);
}

.select-dropdown.dropdown-content li:hover {
    background-color: rgba(0, 0, 0, .08);
}

.select-dropdown.dropdown-content li.selected {
    background-color: rgba(0, 0, 0, .03);
}

.prefix~.select-wrapper {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}

.prefix~label {
    margin-left: 3rem;
}

.select-dropdown li img {
    height: 40px;
    width: 40px;
    margin: 5px 15px;
    float: right;
}

.select-dropdown li.optgroup {
    border-top: 1px solid #eee;
}

.select-dropdown li.optgroup.selected>span {
    color: rgba(0, 0, 0, .7);
}

.select-dropdown li.optgroup>span {
    color: rgba(0, 0, 0, .4);
}

.select-dropdown li.optgroup~li.optgroup-option {
    padding-left: 1rem;
}

.modal-content .select-wrapper {
    position: relative;
}

.modal-content .select-wrapper .select-arrow {
    position: absolute;
    top: 8px;
    right: 10px;
}

.modal-content select.browser-default {
    border: 1px solid #a5a5a5;
    border-width: 1px;
    border-radius: 5px;
    outline: none;
    font-size: 16px;
    margin: 0;
    padding: 0 1rem;
    -webkit-appearance: none;
    line-height: 2.5rem;
}

.gform_legacy_markup_wrapper ul.gform_fields li.gfield select,
.woocommerce-input-wrapper select {
    -webkit-appearance: none;
    appearance: none;
}

.woocommerce-input-wrapper select {
    line-height: 1;
}

.gform_legacy_markup_wrapper ul.gform_fields li.gfield select {
    padding: 5px 8px;
}

.gform_legacy_markup_wrapper ul.gform_fields li.gfield .ginput_container_select:not(.hidden-arrow) .woocommerce-input-wrapper,
#shipping_country_field:not(.hidden-arrow) .woocommerce-input-wrapper,
#billing_country_field:not(.hidden-arrow) .woocommerce-input-wrapper,
#shipping_state_field:not(.hidden-arrow) .woocommerce-input-wrapper,
#billing_state_field:not(.hidden-arrow) .woocommerce-input-wrapper {
    position: relative;
}

.gform_legacy_markup_wrapper ul.gform_fields li.gfield .ginput_container_select:not(.hidden-arrow) .woocommerce-input-wrapper:not(.hidden-arrow):after,
#shipping_country_field:not(.hidden-arrow) .woocommerce-input-wrapper:not(.hidden-arrow):after,
#billing_country_field:not(.hidden-arrow) .woocommerce-input-wrapper:not(.hidden-arrow):after,
#shipping_state_field:not(.hidden-arrow) .woocommerce-input-wrapper:not(.hidden-arrow):after,
#billing_state_field:not(.hidden-arrow) .woocommerce-input-wrapper:not(.hidden-arrow):after {
    content: "";
    top: calc(50% - 4px);
    right: 10px;
    width: 15px;
    height: 10px;
    background: url(images/select-arrow.svg) no-repeat;
    position: absolute;
}

.file-field {
    position: relative;
}

.file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px;
}

.file-field input.file-path {
    width: 100%
}

.file-field .btn,
.file-field .btn-large,
.file-field .btn-small,
.file-field .pagination.prev-next a,
.pagination.prev-next .file-field a,
.file-field .btn-tiny,
.file-field .btn-same-width,
.file-field .login .button,
.login .file-field .button,
.file-field .register .button,
.register .file-field .button,
.file-field .lost_reset_password .button,
.lost_reset_password .file-field .button {
    float: left;
    height: 2.5rem;
    line-height: 2.5rem;
}

.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-field input[type=file]::-webkit-file-upload-button {
    display: none;
}

.range-field {
    position: relative;
}

input[type=range] {
    position: relative;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    margin: 15px 0;
    padding: 0;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]+.thumb {
    position: absolute;
    top: 10px;
    left: 0;
    border: none;
    height: 0;
    width: 0;
    border-radius: 50%;
    background-color: #0133a3;
    margin-left: 7px;
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
}

input[type=range]+.thumb .value {
    display: block;
    width: 30px;
    text-align: center;
    color: #0133a3;
    font-size: 0;
    transform: rotate(45deg);
}

input[type=range]+.thumb.active {
    border-radius: 50% 50% 50% 0;
}

input[type=range]+.thumb.active .value {
    color: #fff;
    margin-left: -1px;
    margin-top: 8px;
    font-size: 10px;
}

input[type=range] {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 3px;
    background: #c2c0c2;
    border: none;
}

input[type=range]::-webkit-slider-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #0133a3;
    transition: box-shadow .3s;
    -webkit-appearance: none;
    background-color: #0133a3;
    transform-origin: 50% 50%;
    margin: -5px 0 0;
}

.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(1, 51, 163, .26);
}

input[type=range] {
    border: 1px solid #fff;
}

input[type=range]::-moz-range-track {
    height: 3px;
    background: #c2c0c2;
    border: none;
}

input[type=range]::-moz-focus-inner {
    border: 0;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #0133a3;
    transition: box-shadow .3s;
    margin-top: -5px;
}

input[type=range]:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px;
}

.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(1, 51, 163, .26);
}

input[type=range]::-ms-track {
    height: 3px;
    background: 0 0;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #777;
}

input[type=range]::-ms-fill-upper {
    background: #ddd;
}

input[type=range]::-ms-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #0133a3;
    transition: box-shadow .3s;
}

.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
    box-shadow: 0 0 0 10px rgba(1, 51, 163, .26);
}

.modal-content .woocommerce-error {
    background: 0 0;
    color: #f44336;
}

.modal-content .payment-chooser-wrapper {
    color: #a5a5a5;
    font-family: fredoka one, sans-serif;
}

.modal-content .payment-chooser-wrapper .choose {
    margin-right: var(--space-7);
    border-bottom: 2px solid transparent;
}

.modal-content .payment-chooser-wrapper .choose.active {
    color: #0133a3;
    border-bottom-color: #0133a3;
}

.modal-content .wc-braintree-hosted-field-parent label {
    font-size: 1rem;
}

.modal-content.woocommerce #payment div.payment_method_braintree_credit_card .wc-braintree-hosted-field-card-number:not([class*=card-type-]) {
    background-image: none;
}

.modal-content .wc-braintree-hosted-field {
    height: 40px;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    padding: .5rem 1rem;
}

.modal-content .wc-braintree-hosted-field.braintree-hosted-fields-invalid {
    border-color: #f44336;
}

.modal-content #wc-braintree-credit-card-credit-card-form .form-row {
    margin: 0;
}

.table-of-contents.fixed {
    position: fixed;
}

.table-of-contents li {
    padding: 2px 0;
}

.table-of-contents a {
    display: inline-block;
    font-weight: 300;
    color: #757575;
    padding-left: 16px;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: .4;
    display: inline-block;
}

.table-of-contents a:hover {
    color: #a8a8a8;
    padding-left: 15px;
    border-left: 1px solid #0133a3;
}

.table-of-contents a.active {
    font-weight: 500;
    padding-left: 14px;
    border-left: 2px solid #0133a3;
}

.sidenav {
    position: fixed;
    width: 340px;
    max-width: 340px;
    left: 0;
    top: 0;
    margin: 0;
    transform: translateX(-100%);
    height: 100%;
    height: calc(100% + 60px);
    height: -moz-calc(100%);
    padding-bottom: 60px;
    background-color: #fff;
    z-index: 999;
    overflow-y: auto;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateX(-105%);
    padding-top: 0;
}

.sidenav.right-aligned {
    right: 0;
    transform: translateX(105%);
    left: auto;
    transform: translateX(100%);
}

body.admin-bar .sidenav.user-logged-in {
    padding-top: 46px;
}

.sidenav .collapsible {
    margin: 0;
}

.sidenav .menu-close-icon {
    position: absolute;
    right: 13px;
    top: calc(50% - 10px);
    width: 24px;
    height: 24px;
    z-index: 2;
}

.sidenav .menu-close-icon svg {
    display: block;
    width: 24px;
    height: 24px;
}

.sidenav li {
    float: none;
    line-height: 48px;
}

.sidenav li.active {
    background-color: rgba(0, 0, 0, .05);
}

.sidenav li>a {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 5px 22px;
}

.sidenav li>a:hover {
    text-decoration: none;
}

.sidenav li>a.btn,
.sidenav li>a.btn-small,
.sidenav .pagination.prev-next li>a,
.pagination.prev-next .sidenav li>a,
.sidenav li>a.btn-tiny,
.sidenav li>a.btn-same-width,
.sidenav .login li>a.button,
.login .sidenav li>a.button,
.sidenav .register li>a.button,
.register .sidenav li>a.button,
.sidenav .lost_reset_password li>a.button,
.lost_reset_password .sidenav li>a.button,
.sidenav li>a.btn-large,
.sidenav li>a.btn-flat,
.sidenav li>a.btn-floating {
    margin: 10px 15px;
}

.sidenav li>a.btn,
.sidenav li>a.btn-small,
.sidenav .pagination.prev-next li>a,
.pagination.prev-next .sidenav li>a,
.sidenav li>a.btn-tiny,
.sidenav li>a.btn-same-width,
.sidenav .login li>a.button,
.login .sidenav li>a.button,
.sidenav .register li>a.button,
.register .sidenav li>a.button,
.sidenav .lost_reset_password li>a.button,
.lost_reset_password .sidenav li>a.button,
.sidenav li>a.btn-large,
.sidenav li>a.btn-floating {
    color: #fff;
}

.sidenav li>a.btn-flat {
    color: #fff;
}

.sidenav li>a.btn:hover,
.sidenav li>a.btn-small:hover,
.sidenav .pagination.prev-next li>a:hover,
.pagination.prev-next .sidenav li>a:hover,
.sidenav li>a.btn-tiny:hover,
.sidenav li>a.btn-same-width:hover,
.sidenav .login li>a.button:hover,
.login .sidenav li>a.button:hover,
.sidenav .register li>a.button:hover,
.register .sidenav li>a.button:hover,
.sidenav .lost_reset_password li>a.button:hover,
.lost_reset_password .sidenav li>a.button:hover,
.sidenav li>a.btn-large:hover {
    background-color: #013bbc;
}

.sidenav li>a.btn-floating:hover {
    background-color: #0133a3;
}

.sidenav li>a>i,
.sidenav li>a>[class^=mdi-],
.sidenav li>a li>a>[class*=mdi-],
.sidenav li>a>i.material-icons {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 calc(16px * 2) 0 0;
    width: calc(48px/2);
    color: rgba(0, 0, 0, .54);
}

.sidenav li>a.brand-logo {
    position: relative;
    display: block;
    width: 100%;
    height: 68px;
    background-image: url(./images/logo.svg);
    background-repeat: no-repeat;
    background-size: 120px 42px;
    background-position: 20px 15px;
    text-indent: -9999px;
    padding: 15px 20px;
}

.sidenav li>a.brand-logo:hover {
    background-color: transparent;
}

.sidenav li>a:hover {
    text-decoration: none;
}

.sidenav .divider {
    margin: 3px 0 11px;
}

.sidenav .subheader {
    cursor: initial;
    pointer-events: none;
    color: rgba(0, 0, 0, .54);
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
}

.sidenav .subheader:hover {
    background-color: transparent;
}

.sidenav .user-view {
    position: relative;
    padding: calc(16px * 2) calc(16px * 2) 0;
    margin-bottom: calc(16px/2);
}

.sidenav .user-view>a {
    height: auto;
    padding: 0;
}

.sidenav .user-view>a:hover {
    background-color: transparent;
}

.sidenav .user-view .background {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.sidenav .user-view .circle,
.sidenav .user-view .name,
.sidenav .user-view .email {
    display: block;
}

.sidenav .user-view .circle {
    height: 64px;
    width: 64px;
}

.sidenav .user-view .name,
.sidenav .user-view .email {
    font-size: 15px;
    line-height: calc(48px/2);
}

.sidenav .user-view .name {
    margin-top: 16px;
    font-weight: 500;
}

.sidenav .user-view .email {
    padding-bottom: 16px;
    font-weight: 400;
}

.drag-target {
    height: 100%;
    width: 10px;
    position: fixed;
    top: 0;
    z-index: 998;
}

.drag-target.right-aligned {
    right: 0;
}

.sidenav.sidenav-fixed {
    left: 0;
    transform: translateX(0);
    position: fixed;
}

.sidenav.sidenav-fixed.right-aligned {
    right: 0;
    left: auto;
}

@media(max-width:991px) {
    .sidenav.sidenav-fixed {
        transform: translateX(-105%);
    }

    .sidenav.sidenav-fixed.right-aligned {
        transform: translateX(105%);
    }

    .sidenav>a {
        padding: 0 16px;
    }

    .sidenav .user-view {
        padding: 16px 16px 0;
    }
}

.sidenav .collapsible {
    padding-top: 0;
}

.sidenav .collapsible-header {
    font-size: 15px;
    padding-left: 22px;
    height: 48px;
    line-height: 48px;
}

.sidenav .collapsible-header i {
    font-size: 24px;
    height: auto;
}

.sidenav .collapsible-body>ul:not(.collapsible)>li.active,
.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active {
    background-color: #0133a3;
}

.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,
.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a {
    color: #fff;
}

.sidenav .collapsible-body {
    padding: 0 16px;
}

.sidenav .collapsible-body li {
    display: inline-block;
    border: 1px solid #a5a5a5;
    border-radius: 20px;
    height: auto;
    margin: 0 6px 6px;
}

.sidenav .collapsible-body li a {
    height: auto;
    font-size: 13px;
    padding: 10px 20px;
    font-family: roboto, sans-serif;
    font-weight: 300;
    color: #000;
    line-height: 1.2;
}

.sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    height: 120vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 997;
    display: none;
}

#slide-out ul {
    padding-top: 0;
}

.preloader-wrapper {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
}

.preloader-wrapper.tiny {
    width: 15px;
    height: 15px;
}

.preloader-wrapper.small {
    width: 36px;
    height: 36px;
}

.preloader-wrapper.big {
    width: 64px;
    height: 64px;
}

.preloader-wrapper.active {
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes container-rotate {
    to {
        transform: rotate(360deg);
    }
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color: #0133a3;
}

.spinner-white,
.spinner-white-only {
    border-color: #fff;
}

.spinner-black,
.spinner-black-only {
    border-color: #000;
}

.spinner-blue,
.spinner-blue-only {
    border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
    border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
    border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
    border-color: #0f9d58;
}

.active .spinner-layer.spinner-white {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, white-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, white-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer.spinner-blue {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-white-only,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
    }

    to {
        -webkit-transform: rotate(1080deg);
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg);
    }

    25% {
        transform: rotate(270deg);
    }

    37.5% {
        transform: rotate(405deg);
    }

    50% {
        transform: rotate(540deg);
    }

    62.5% {
        transform: rotate(675deg);
    }

    75% {
        transform: rotate(810deg);
    }

    87.5% {
        transform: rotate(945deg);
    }

    to {
        transform: rotate(1080deg);
    }
}

@-webkit-keyframes blue-fade-in-out {
    from {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blue-fade-in-out {
    from {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes red-fade-in-out {
    from {
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    51% {
        opacity: 0;
    }
}

@keyframes red-fade-in-out {
    from {
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    51% {
        opacity: 0;
    }
}

@-webkit-keyframes yellow-fade-in-out {
    from {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    76% {
        opacity: 0;
    }
}

@keyframes yellow-fade-in-out {
    from {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    76% {
        opacity: 0;
    }
}

@-webkit-keyframes green-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes green-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.gap-patch .circle {
    width: 1000%;
    left: -450%
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg);
}

.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
    -webkit-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

.active .circle-clipper.right .circle {
    -webkit-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
    }
}

@keyframes left-spin {
    from {
        transform: rotate(130deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    to {
        transform: rotate(130deg);
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
    }
}

@keyframes right-spin {
    from {
        transform: rotate(-130deg);
    }

    50% {
        transform: rotate(5deg);
    }

    to {
        transform: rotate(-130deg);
    }
}

#spinnerContainer.cooldown {
    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(.4, 0, .2, 1);
    animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(.4, 0, .2, 1);
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.slider {
    position: relative;
    height: auto;
    width: 100%
}

.slider.fullscreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.slider.fullscreen ul.slides {
    height: 100%
}

.slider.fullscreen ul.indicators {
    z-index: 2;
    bottom: 30px;
}

.slider .slides {
    background-color: #9e9e9e;
    margin: 0;
    height: 400px;
}

.slider .slides li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: inherit;
    overflow: hidden;
}

.slider .slides li img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.slider .slides li .caption {
    color: #fff;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 70%;
    opacity: 0;
}

.slider .slides li .caption p {
    color: #e0e0e0;
}

.slider .slides li.active {
    z-index: 2;
}

.slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.slider .indicators .indicator-item {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    margin: 0 12px;
    background-color: #e0e0e0;
    transition: background-color .3s;
    border-radius: 50%
}

.slider .indicators .indicator-item.active {
    background-color: #4caf50;
}

.slider-wrap {
    max-width: 84%;
    margin: 0 auto;
}

.slider-wrap .slick-slide h3,
.slider-wrap .slick-slide p {
    text-align: center;
}

@media(min-width:600px) {

    .slider-wrap .slick-slide h3,
    .slider-wrap .slick-slide p {
        text-align: left;
    }
}

.slider-wrap .slick-slider .slick-arrow {
    transform: translate(20px, 0);
}

.slider-wrap .slick-slider .slick-arrow.slick-next {
    transform: translate(-20px, 0);
}

.slider-wrap .slick-slider .slick-arrow svg {
    width: 28px;
    height: 28px;
}

@media(min-width:600px) {
    .slider-wrap .slick-slider .slick-arrow svg {
        width: 48px;
        height: 48px;
    }
}

.carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 400px;
    perspective: 500px;
    transform-style: preserve-3d;
    transform-origin: 0% 50%
}

.carousel.carousel-slider {
    top: 0;
    left: 0;
}

.carousel.carousel-slider .carousel-fixed-item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 1;
}

.carousel.carousel-slider .carousel-fixed-item.with-indicators {
    bottom: 68px;
}

.carousel.carousel-slider .carousel-item {
    width: 100%;
    height: 100%;
    min-height: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

.carousel.carousel-slider .carousel-item h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.carousel.carousel-slider .carousel-item p {
    font-size: 15px;
}

.carousel .carousel-item {
    visibility: hidden;
    width: calc(400px/2);
    height: calc(400px/2);
    position: absolute;
    top: 0;
    left: 0;
}

.carousel .carousel-item>img {
    width: 100%
}

.carousel .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.carousel .indicators .indicator-item {
    display: inline-block;
    position: relative;
    height: 8px;
    width: 8px;
    margin: 24px 4px;
    background-color: rgba(255, 255, 255, .5);
    transition: background-color .3s;
    border-radius: 50%
}

.carousel .indicators .indicator-item.active {
    background-color: #fff;
}

.carousel.scrolling .carousel-item .materialboxed,
.carousel .carousel-item:not(.active) .materialboxed {
    pointer-events: none;
}

.tap-target-wrapper {
    width: 800px;
    height: 800px;
    position: fixed;
    z-index: 1000;
    visibility: hidden;
    transition: visibility 0s .3s;
}

.tap-target-wrapper.open {
    visibility: visible;
    transition: visibility 0s;
}

.tap-target-wrapper.open .tap-target {
    transform: scale(1);
    opacity: .95;
    transition: transform .3s cubic-bezier(.42, 0, .58, 1), opacity .3s cubic-bezier(.42, 0, .58, 1);
}

.tap-target-wrapper.open .tap-target-wave::before {
    transform: scale(1);
}

.tap-target-wrapper.open .tap-target-wave::after {
    visibility: visible;
    animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    transition: opacity .3s, transform .3s, visibility 0s 1s;
}

.tap-target {
    position: absolute;
    font-size: 1rem;
    border-radius: 50%;
    background-color: #0133a3;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .14), 0 10px 50px 0 rgba(0, 0, 0, .12), 0 30px 10px -20px rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    transition: transform .3s cubic-bezier(.42, 0, .58, 1), opacity .3s cubic-bezier(.42, 0, .58, 1);
}

.tap-target-content {
    position: relative;
    display: table-cell;
}

.tap-target-wave {
    position: absolute;
    border-radius: 50%;
    z-index: 10001;
}

.tap-target-wave::before,
.tap-target-wave::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
}

.tap-target-wave::before {
    transform: scale(0);
    transition: transform .3s;
}

.tap-target-wave::after {
    visibility: hidden;
    transition: opacity .3s, transform .3s, visibility 0s;
    z-index: -1;
}

.tap-target-origin {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10002;
    position: absolute !important;
}

.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):not(.btn-tiny):not(.btn-same-width),
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):not(.btn-tiny):not(.btn-same-width):hover {
    background: 0 0;
}

@media(max-width:600px) {

    .tap-target,
    .tap-target-wrapper {
        width: 600px;
        height: 600px;
    }
}

.pulse {
    overflow: visible;
    position: relative;
}

.pulse::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    transition: opacity .3s, transform .3s;
    animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
    z-index: -1;
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

.datepicker-modal {
    max-width: 325px;
    min-width: 300px;
    max-height: none;
}

.datepicker-container.modal-content {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.datepicker-controls {
    display: flex;
    justify-content: space-between;
    width: 280px;
    margin: 0 auto;
}

.datepicker-controls .selects-container {
    display: flex;
}

.datepicker-controls .select-wrapper input {
    border-bottom: none;
    text-align: center;
    margin: 0;
}

.datepicker-controls .select-wrapper input:focus {
    border-bottom: none;
}

.datepicker-controls .select-wrapper .caret {
    display: none;
}

.datepicker-controls .select-year input {
    width: 50px;
}

.datepicker-controls .select-month input {
    width: 70px;
}

.month-prev,
.month-next {
    margin-top: 4px;
    background-color: transparent;
    border: none;
}

.datepicker-date-display {
    flex: 1 auto;
    background-color: #0133a3;
    color: #fff;
    padding: 20px 22px;
    font-weight: 500;
}

.datepicker-date-display .year-text {
    display: block;
    font-size: 1.5rem;
    line-height: 25px;
    color: rgba(255, 255, 255, .7);
}

.datepicker-date-display .date-text {
    display: block;
    font-size: 2.8rem;
    line-height: 47px;
    font-weight: 500;
}

.datepicker-calendar-container {
    flex: 2.5 auto;
}

.datepicker-table {
    width: 280px;
    font-size: 1rem;
    margin: 0 auto;
}

.datepicker-table thead {
    border-bottom: none;
}

.datepicker-table th {
    padding: 10px 5px;
    text-align: center;
}

.datepicker-table tr {
    border: none;
}

.datepicker-table abbr {
    text-decoration: none;
    color: #999;
}

.datepicker-table td {
    border-radius: 50%;
    padding: 0;
}

.datepicker-table td.is-today {
    color: #0133a3;
}

.datepicker-table td.is-selected {
    background-color: #0133a3;
    color: #fff;
}

.datepicker-table td.is-outside-current-month,
.datepicker-table td.is-disabled {
    color: rgba(0, 0, 0, .3);
    pointer-events: none;
}

.datepicker-day-button {
    background-color: transparent;
    border: none;
    line-height: 38px;
    display: block;
    width: 100%;
    border-radius: 50%;
    padding: 0 5px;
    color: inherit;
}

.datepicker-day-button:focus {
    background-color: rgba(5, 53, 159, .25);
}

.datepicker-footer {
    width: 280px;
    margin: 0 auto;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
    color: #0133a3;
    padding: 0 1rem;
}

.datepicker-clear {
    color: #f44336;
}

@media(min-width:601px) {
    .datepicker-modal {
        max-width: 625px;
    }

    .datepicker-container.modal-content {
        flex-direction: row;
    }

    .datepicker-date-display {
        flex: 0 1 270px;
    }

    .datepicker-controls,
    .datepicker-table,
    .datepicker-footer {
        width: 320px;
    }

    .datepicker-day-button {
        line-height: 44px;
    }
}

.timepicker-modal {
    max-width: 325px;
    max-height: none;
}

.timepicker-container.modal-content {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.text-primary {
    color: #fff;
}

.timepicker-digital-display {
    flex: 1 auto;
    background-color: #0133a3;
    padding: 10px;
    font-weight: 300;
}

.timepicker-text-container {
    font-size: 4rem;
    font-weight: 700;
    text-align: center;
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    position: relative;
    user-select: none;
}

.timepicker-span-hours {
    margin-right: 3px;
}

.timepicker-span-minutes {
    margin-left: 3px;
}

.timepicker-display-am-pm {
    font-size: 1.3rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    font-weight: 400;
}

.timepicker-analog-display {
    flex: 2.5 auto;
}

.timepicker-plate {
    background-color: #eee;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    overflow: visible;
    position: relative;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 5px;
    user-select: none;
}

.timepicker-canvas,
.timepicker-dial {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.timepicker-minutes {
    visibility: hidden;
}

.timepicker-tick {
    border-radius: 50%;
    color: rgba(0, 0, 0, .87);
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    position: absolute;
    font-size: 15px;
}

.timepicker-tick.active,
.timepicker-tick:hover {
    background-color: rgba(1, 51, 163, .25);
}

.timepicker-dial {
    transition: transform 350ms, opacity 350ms;
}

.timepicker-dial-out {
    opacity: 0;
}

.timepicker-dial-out.timepicker-hours {
    transform: scale(1.1, 1.1);
}

.timepicker-dial-out.timepicker-minutes {
    transform: scale(.8, .8);
}

.timepicker-canvas {
    transition: opacity 175ms;
}

.timepicker-canvas line {
    stroke: #0133a3;
    stroke-width: 4;
    stroke-linecap: round;
}

.timepicker-canvas-out {
    opacity: .25;
}

.timepicker-canvas-bearing {
    stroke: none;
    fill: #0133a3;
}

.timepicker-canvas-bg {
    stroke: none;
    fill: #0133a3;
}

.timepicker-footer {
    margin: 0 auto;
    padding: 5px 1rem;
    display: flex;
    justify-content: space-between;
}

.timepicker-clear {
    color: #f44336;
}

.timepicker-close {
    color: #0133a3;
}

.timepicker-clear,
.timepicker-close {
    padding: 0 20px;
}

@media(min-width:601px) {
    .timepicker-modal {
        max-width: 600px;
    }

    .timepicker-container.modal-content {
        flex-direction: row;
    }

    .timepicker-text-container {
        top: 32%
    }

    .timepicker-display-am-pm {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
        margin-top: 1.2rem;
    }
}

.review-item {
    margin-bottom: 60px;
}

.review-item .review-item-author-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.review-item .review-item-author-wrap .review-item-avatar {
    margin-right: 12px;
}

.review-item .review-item-author-wrap .review-item-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.review-item .review-item-author-wrap .review-item-author-info {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
}

.review-item .review-item-author-wrap .review-item-author-info .review-item-author-name {
    font-size: 24px;
    line-height: 1.1;
}

.review-item .review-item-author-wrap .review-item-author-info .review-item-author-location {
    font-size: 18px;
    line-height: 1;
}

.review-item .review-item-rating {
    margin-bottom: 12px;
}

.review-item .review-item-description {
    font-size: 14px;
}

@media(min-width:600px) {
    .review-item .review-item-description {
        font-size: 16px;
    }
}

.uy-review-rating {
    position: relative;
    display: flex;
    width: 115px;
    height: 20px;
}

.uy-review-rating .uy-star-rating {
    fill: lightgrey;
}

.uy-review-rating .uy-review-rating-value .uy-star-rating {
    fill: gold;
}

.uy-review-rating-value {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

@keyframes scaleAndFadeIn {
    from {
        transform: scale(.75);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes fadeInHalfOpacity {
    from {
        opacity: 0;
    }

    to {
        opacity: .5;
    }
}

@keyframes widthExpand {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes widthContract {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

.uy-box-module {
    color: #fff;
    display: block;
    flex: 0 1 calc(50% - 15px);
    font-family: fredoka one, sans-serif;
    font-size: 15px;
    padding: 15px;
    text-align: center;
    min-height: 160px;
    background-position-x: center;
    background-position-y: -90%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.uy-box-module img {
    width: 100%;
    max-width: 350px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.uy-box-module:nth-of-type(1) {
    background-position-y: bottom;
    background-position-x: center;
    background-size: 140%
}

.uy-box-module:nth-of-type(2) {
    background-position-y: 15px;
}

@media(min-width:500px) {
    .uy-box-module {
        min-height: 180px;
    }

    .uy-box-module:nth-of-type(1) {
        background-size: 120%
    }
}

@media(min-width:600px) {
    .uy-box-module {
        font-size: 30px;
        padding: 30px;
        min-height: 240px;
    }

    .uy-box-module:nth-of-type(1) {
        background-size: 110%
    }

    .uy-box-module:nth-of-type(2) {
        background-size: cover;
    }
}

@media(min-width:880px) {
    .uy-box-module:nth-of-type(1) {
        background-position-y: 30px;
        background-size: 100%
    }
}

@media(min-width:1000px) {
    .uy-box-module {
        font-size: 45px;
        min-height: 290px;
    }
}

.shop-cta-module {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 60%;
    color: #fff;
    margin: 0 auto;
    font-family: fredoka one, sans-serif;
}

.shop-cta-module:first-child {
    margin-top: 0;
}

.shop-cta-module .shop-cta-module-title {
    font-size: 35px;
    margin: 0 0 15px;
}

@media(min-width:600px) {
    .shop-cta-module .shop-cta-module-title {
        font-size: 50px;
        margin-bottom: 30px;
        max-width: 100%
    }
}

@media(min-width:1000px) {
    .shop-cta-module .shop-cta-module-title {
        font-size: 70px;
    }
}

.shop-cta-module .shop-cta-module-description {
    font-family: roboto, sans-serif;
    font-size: 15px;
}

@media(min-width:600px) {
    .shop-cta-module .shop-cta-module-description {
        font-size: 20px;
        max-width: 100%;
        font-family: fredoka one, sans-serif;
    }
}

@media(min-width:1000px) {
    .shop-cta-module .shop-cta-module-description {
        font-size: 25px;
    }
}

.shop-cta-module .btn,
.shop-cta-module .btn-large,
.shop-cta-module .btn-small,
.shop-cta-module .pagination.prev-next a,
.pagination.prev-next .shop-cta-module a,
.shop-cta-module .btn-tiny,
.shop-cta-module .btn-same-width,
.shop-cta-module .login .button,
.login .shop-cta-module .button,
.shop-cta-module .register .button,
.register .shop-cta-module .button,
.shop-cta-module .lost_reset_password .button,
.lost_reset_password .shop-cta-module .button {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    text-decoration: none;
}

@media(min-width:600px) {

    .shop-cta-module .btn,
    .shop-cta-module .btn-large,
    .shop-cta-module .btn-small,
    .shop-cta-module .pagination.prev-next a,
    .pagination.prev-next .shop-cta-module a,
    .shop-cta-module .btn-tiny,
    .shop-cta-module .btn-same-width,
    .shop-cta-module .login .button,
    .login .shop-cta-module .button,
    .shop-cta-module .register .button,
    .register .shop-cta-module .button,
    .shop-cta-module .lost_reset_password .button,
    .lost_reset_password .shop-cta-module .button {
        font-size: 17px;
    }
}

@media(min-width:993px) {

    .shop-cta-module .btn,
    .shop-cta-module .btn-large,
    .shop-cta-module .btn-small,
    .shop-cta-module .pagination.prev-next a,
    .pagination.prev-next .shop-cta-module a,
    .shop-cta-module .btn-tiny,
    .shop-cta-module .btn-same-width,
    .shop-cta-module .login .button,
    .login .shop-cta-module .button,
    .shop-cta-module .register .button,
    .register .shop-cta-module .button,
    .shop-cta-module .lost_reset_password .button,
    .lost_reset_password .shop-cta-module .button {
        font-size: 25px;
    }
}

.shop-cta-module.start-exploring {
    margin-bottom: 0;
    background-position-y: top;
    background-position-x: 130%;
    background-size: 70%
}

.shop-cta-module.start-exploring .module__inner_text {
    max-width: 200px;
}

@media(min-width:500px) {
    .shop-cta-module.start-exploring {
        background-size: 60%;
        background-position-x: right;
    }
}

@media(min-width:600px) {
    .shop-cta-module.start-exploring .module__inner_text {
        max-width: 280px;
    }
}

@media(min-width:880px) {
    .shop-cta-module.start-exploring .module__inner_text {
        max-width: 100%
    }
}

@media(min-width:1000px) {
    .shop-cta-module.start-exploring {
        background-size: 55%
    }
}

.shop-cta-module.on-sale {
    background-size: 100%
}

@media(min-width:600px) {
    .shop-cta-module.on-sale .module__inner_text {
        width: 50%
    }
}

.shop-cta-module.on-sale .shop-cta-module-description {
    max-width: 185px;
}

@media(min-width:600px) {
    .shop-cta-module.on-sale {
        background-size: 80%
    }

    .shop-cta-module.on-sale .shop-cta-module-description {
        max-width: 80%
    }
}

.shop-cta-module.take-trip {
    padding: 30px 30px 70px;
    background-size: 180%;
    background-position-x: 45%
}

@media(min-width:500px) {
    .shop-cta-module.take-trip {
        background-size: 140%;
        background-position-x: 54%;
        background-position-y: bottom;
    }
}

@media(min-width:600px) {
    .shop-cta-module.take-trip {
        background-size: 100%;
        background-position-x: right;
    }
}

.shop-cta-module.take-trip .shop-cta-module-title {
    max-width: 300px;
}

.shop-cta-module.take-trip .shop-cta-module-description {
    max-width: 180px;
}

@media(min-width:600px) {
    .shop-cta-module.take-trip .shop-cta-module-title {
        max-width: 500px;
    }

    .shop-cta-module.take-trip .shop-cta-module-description {
        max-width: 275px;
    }
}

@media(min-width:880px) {
    .shop-cta-module.take-trip {
        padding: 80px 40px;
    }

    .shop-cta-module.take-trip .shop-cta-module-title {
        max-width: 630px;
    }

    .shop-cta-module.take-trip .shop-cta-module-description {
        max-width: 100%
    }
}

@media(min-width:1000px) {
    .shop-cta-module.take-trip .shop-cta-module-title {
        font-size: 60px;
        max-width: 560px;
    }
}

.checkout-select-box {
    border: 1px solid #a5a5a5;
    background: #fff;
}

.arrow-right {
    position: relative;
}

.arrow-right:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 9;
    left: calc(50% - 20px);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    bottom: -20px;
}

@media(min-width:993px) {
    .arrow-right:after {
        left: auto;
        top: calc(50% - 20px);
        right: -20px;
        bottom: auto;
        border-bottom: 20px solid transparent;
        border-right: none;
    }
}

.arrow-right.red:after {
    border-top: 20px solid #f44336;
}

@media(min-width:993px) {
    .arrow-right.red:after {
        border-top: 20px solid transparent;
        border-left: 20px solid #f44336;
    }
}

.arrow-right.primary-blue:after {
    border-top: 20px solid #0133a3;
}

@media(min-width:993px) {
    .arrow-right.primary-blue:after {
        border-top: 20px solid transparent;
        border-left: 20px solid #0133a3;
    }
}

.woocommerce-breadcrumb {
    height: auto;
    line-height: 1.5;
}

.country-choice-box {
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.wp-block-media-text.is-stacked-on-mobile {
    padding: 0;
}

@media(min-width:600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        padding-top: var(--space-4);
        padding-bottom: var(--space-8);
        padding-right: var(--space-4);
        padding-left: var(--space-4);
    }
}

.wp-block-column h1,
.wp-block-column h2 {
    font-size: 8vw;
}

@media(min-width:600px) {

    .wp-block-column h1,
    .wp-block-column h2 {
        font-size: 6vw;
    }
}

@media(min-width:1200px) {

    .wp-block-column h1,
    .wp-block-column h2 {
        font-size: 3.56rem;
    }
}

.wp-block-column p,
.wp-block-column ul li,
.wp-block-column ol li {
    font-size: 15px;
}

@media(min-width:600px) {

    .wp-block-column p,
    .wp-block-column ul li,
    .wp-block-column ol li {
        font-size: inherit;
    }
}

.container,
body.woocommerce-cart article .woocommerce-notices-wrapper,
.pagination {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 15px;
}

.container.narrow,
body.woocommerce-cart article .narrow.woocommerce-notices-wrapper,
.narrow.pagination,
body.single-product .container,
body.single-product body.woocommerce-cart article .woocommerce-notices-wrapper,
body.woocommerce-cart article body.single-product .woocommerce-notices-wrapper,
body.single-product .pagination {
    max-width: 1000px;
}

@media(min-width:600px) {

    .container,
    body.woocommerce-cart article .woocommerce-notices-wrapper,
    .pagination {
        padding: 0 25px;
    }
}

.section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grid-item-end {
    align-self: end;
}

.grid-item-start {
    align-self: start;
}

.grid-item-center {
    align-self: center;
}

.grid-col-item-center {
    justify-self: center;
}

.grid-self-center {
    place-self: center;
}

.grid-self-center-end {
    place-self: center self-end;
}

.grid-self-center-start {
    place-self: center self-start;
}

:root {
    --space-unit: 1rem;
}

:root,
* {
    --space-1: calc(0.125 * var(--space-unit));
    --space-2: calc(0.25 * var(--space-unit));
    --space-3: calc(0.375 * var(--space-unit));
    --space-4: calc(0.5 * var(--space-unit));
    --space-5: var(--space-unit);
    --space-6: calc(1.25 * var(--space-unit));
    --space-7: calc(2 * var(--space-unit));
    --space-8: calc(3 * var(--space-unit));
    --space-9: calc(4.5 * var(--space-unit));
    --space-10: calc(6 * var(--space-unit));
}

.mt-0 {
    margin-top: 0;
}

.pt-0 {
    padding-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.ml-0 {
    margin-left: 0;
}

.pl-0 {
    padding-left: 0;
}

.mr-0 {
    margin-right: 0;
}

.pr-0 {
    padding-right: 0;
}

.mt-1 {
    margin-top: var(--space-1);
}

.pt-1 {
    padding-top: var(--space-1);
}

.mb-1 {
    margin-bottom: var(--space-1);
}

.pb-1 {
    padding-bottom: var(--space-1);
}

.ml-1 {
    margin-left: var(--space-1);
}

.pl-1 {
    padding-left: var(--space-1);
}

.mr-1 {
    margin-right: var(--space-1);
}

.pr-1 {
    padding-right: var(--space-1);
}

.mt-2 {
    margin-top: var(--space-2);
}

.pt-2 {
    padding-top: var(--space-2);
}

.mb-2 {
    margin-bottom: var(--space-2);
}

.pb-2 {
    padding-bottom: var(--space-2);
}

.ml-2 {
    margin-left: var(--space-2);
}

.pl-2 {
    padding-left: var(--space-2);
}

.mr-2 {
    margin-right: var(--space-2);
}

.pr-2 {
    padding-right: var(--space-2);
}

.mt-3 {
    margin-top: var(--space-3);
}

.pt-3 {
    padding-top: var(--space-3);
}

.mb-3 {
    margin-bottom: var(--space-3);
}

.pb-3 {
    padding-bottom: var(--space-3);
}

.ml-3 {
    margin-left: var(--space-3);
}

.pl-3 {
    padding-left: var(--space-3);
}

.mr-3 {
    margin-right: var(--space-3);
}

.pr-3 {
    padding-right: var(--space-3);
}

.mt-4 {
    margin-top: var(--space-4);
}

.pt-4 {
    padding-top: var(--space-4);
}

.mb-4 {
    margin-bottom: var(--space-4);
}

.pb-4,
.login .input-group,
.register .input-group,
.lost_reset_password .input-group {
    padding-bottom: var(--space-4);
}

.ml-4 {
    margin-left: var(--space-4);
}

.pl-4 {
    padding-left: var(--space-4);
}

.mr-4,
.card.card-dashboard-order .card-content .card-action-icon svg,
.card.card-dashboard-referrals .card-content .card-action-icon svg,
.card.card-dashboard-sub .card-content .card-action-icon svg,
.card.card-dashboard .card-content .card-action-icon svg,
.card.card-dashboard-addon .card-content .card-action-icon svg {
    margin-right: var(--space-4);
}

.pr-4 {
    padding-right: var(--space-4);
}

.mt-5 {
    margin-top: var(--space-5);
}

.pt-5 {
    padding-top: var(--space-5);
}

.mb-5 {
    margin-bottom: var(--space-5);
}

.pb-5 {
    padding-bottom: var(--space-5);
}

.ml-5,
.card.card-dashboard-notification .card-content .card-title {
    margin-left: var(--space-5);
}

.pl-5 {
    padding-left: var(--space-5);
}

.mr-5 {
    margin-right: var(--space-5);
}

.pr-5 {
    padding-right: var(--space-5);
}

.mt-6 {
    margin-top: var(--space-6);
}

.pt-6 {
    padding-top: var(--space-6);
}

.mb-6 {
    margin-bottom: var(--space-6);
}

.pb-6,
.modal .modal-content {
    padding-bottom: var(--space-6);
}

.ml-6 {
    margin-left: var(--space-6);
}

.pl-6 {
    padding-left: var(--space-6);
}

.mr-6 {
    margin-right: var(--space-6);
}

.pr-6 {
    padding-right: var(--space-6);
}

.mt-7 {
    margin-top: var(--space-7);
}

.pt-7 {
    padding-top: var(--space-7);
}

.mb-7 {
    margin-bottom: var(--space-7);
}

.pb-7 {
    padding-bottom: var(--space-7);
}

.ml-7 {
    margin-left: var(--space-7);
}

.pl-7 {
    padding-left: var(--space-7);
}

.mr-7 {
    margin-right: var(--space-7);
}

.pr-7 {
    padding-right: var(--space-7);
}

.mt-8 {
    margin-top: var(--space-8);
}

.pt-8 {
    padding-top: var(--space-8);
}

.mb-8 {
    margin-bottom: var(--space-8);
}

.pb-8 {
    padding-bottom: var(--space-8);
}

.ml-8 {
    margin-left: var(--space-8);
}

.pl-8 {
    padding-left: var(--space-8);
}

.mr-8 {
    margin-right: var(--space-8);
}

.pr-8 {
    padding-right: var(--space-8);
}

.mt-9 {
    margin-top: var(--space-9);
}

.pt-9 {
    padding-top: var(--space-9);
}

.mb-9 {
    margin-bottom: var(--space-9);
}

.pb-9 {
    padding-bottom: var(--space-9);
}

.ml-9 {
    margin-left: var(--space-9);
}

.pl-9 {
    padding-left: var(--space-9);
}

.mr-9 {
    margin-right: var(--space-9);
}

.pr-9 {
    padding-right: var(--space-9);
}

.mt-10 {
    margin-top: var(--space-10);
}

.pt-10 {
    padding-top: var(--space-10);
}

.mb-10 {
    margin-bottom: var(--space-10);
}

.pb-10 {
    padding-bottom: var(--space-10);
}

.ml-10 {
    margin-left: var(--space-10);
}

.pl-10 {
    padding-left: var(--space-10);
}

.mr-10 {
    margin-right: var(--space-10);
}

.pr-10 {
    padding-right: var(--space-10);
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.my-0,
.card.card-dashboard-notification .card-content .card-title,
.card.card-dashboard-order .card-content>ul>li,
.card.card-dashboard-referrals .card-content>ul>li,
.card.card-dashboard-sub .card-content>ul>li,
.card.card-dashboard .card-content>ul>li,
.card.card-dashboard-addon .card-content>ul>li {
    margin-top: 0;
    margin-bottom: 0;
}

.py-0,
.quick-question .gform_wrapper ul.gform_fields li.gfield select {
    padding-top: 0;
    padding-bottom: 0;
}

.border-radius-0 {
    border-radius: 0;
}

.mx-1 {
    margin-left: var(--space-1);
    margin-right: var(--space-1);
}

.px-1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
}

.my-1 {
    margin-top: var(--space-1);
    margin-bottom: var(--space-1);
}

.py-1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
}

.border-radius-1 {
    border-radius: var(--space-1);
}

.mx-2 {
    margin-left: var(--space-2);
    margin-right: var(--space-2);
}

.px-2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
}

.my-2 {
    margin-top: var(--space-2);
    margin-bottom: var(--space-2);
}

.py-2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
}

.border-radius-2 {
    border-radius: var(--space-2);
}

.mx-3 {
    margin-left: var(--space-3);
    margin-right: var(--space-3);
}

.px-3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
}

.my-3 {
    margin-top: var(--space-3);
    margin-bottom: var(--space-3);
}

.py-3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
}

.border-radius-3 {
    border-radius: var(--space-3);
}

.mx-4 {
    margin-left: var(--space-4);
    margin-right: var(--space-4);
}

.px-4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

.my-4,
.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-small,
.modal .modal-footer .pagination.prev-next a,
.pagination.prev-next .modal .modal-footer a,
.modal .modal-footer .btn-tiny,
.modal .modal-footer .btn-same-width,
.modal .modal-footer .btn-flat,
.modal .modal-footer .login .button,
.login .modal .modal-footer .button,
.modal .modal-footer .register .button,
.register .modal .modal-footer .button,
.modal .modal-footer .lost_reset_password .button,
.lost_reset_password .modal .modal-footer .button {
    margin-top: var(--space-4);
    margin-bottom: var(--space-4);
}

.py-4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
}

.border-radius-4 {
    border-radius: var(--space-4);
}

.mx-5 {
    margin-left: var(--space-5);
    margin-right: var(--space-5);
}

.px-5 {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
}

.my-5 {
    margin-top: var(--space-5);
    margin-bottom: var(--space-5);
}

.py-5,
.card.card-dashboard-notification .card-content,
.card.card-dashboard-order .card-content>ul>li,
.card.card-dashboard-referrals .card-content>ul>li,
.card.card-dashboard-sub .card-content>ul>li,
.card.card-dashboard .card-content>ul>li,
.card.card-dashboard-addon .card-content>ul>li {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
}

.border-radius-5 {
    border-radius: var(--space-5);
}

.mx-6 {
    margin-left: var(--space-6);
    margin-right: var(--space-6);
}

.px-6,
.card.card-dashboard-notification .card-content,
.modal .modal-content {
    padding-left: var(--space-6);
    padding-right: var(--space-6);
}

.my-6 {
    margin-top: var(--space-6);
    margin-bottom: var(--space-6);
}

.py-6 {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
}

.border-radius-6 {
    border-radius: var(--space-6);
}

.mx-7 {
    margin-left: var(--space-7);
    margin-right: var(--space-7);
}

.px-7 {
    padding-left: var(--space-7);
    padding-right: var(--space-7);
}

.my-7 {
    margin-top: var(--space-7);
    margin-bottom: var(--space-7);
}

.py-7 {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
}

.border-radius-7 {
    border-radius: var(--space-7);
}

.mx-8 {
    margin-left: var(--space-8);
    margin-right: var(--space-8);
}

.px-8 {
    padding-left: var(--space-8);
    padding-right: var(--space-8);
}

.my-8 {
    margin-top: var(--space-8);
    margin-bottom: var(--space-8);
}

.py-8 {
    padding-top: var(--space-8);
    padding-bottom: var(--space-8);
}

.border-radius-8 {
    border-radius: var(--space-8);
}

.mx-9 {
    margin-left: var(--space-9);
    margin-right: var(--space-9);
}

.px-9 {
    padding-left: var(--space-9);
    padding-right: var(--space-9);
}

.my-9 {
    margin-top: var(--space-9);
    margin-bottom: var(--space-9);
}

.py-9 {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
}

.border-radius-9 {
    border-radius: var(--space-9);
}

.mx-10 {
    margin-left: var(--space-10);
    margin-right: var(--space-10);
}

.px-10 {
    padding-left: var(--space-10);
    padding-right: var(--space-10);
}

.my-10 {
    margin-top: var(--space-10);
    margin-bottom: var(--space-10);
}

.py-10 {
    padding-top: var(--space-10);
    padding-bottom: var(--space-10);
}

.border-radius-10 {
    border-radius: var(--space-10);
}

@media(min-width:480px) {
    .mt-0\@m-sm {
        margin-top: 0;
    }

    .pt-0\@m-sm {
        padding-top: 0;
    }

    .mb-0\@m-sm {
        margin-bottom: 0;
    }

    .pb-0\@m-sm {
        padding-bottom: 0;
    }

    .ml-0\@m-sm {
        margin-left: 0;
    }

    .pl-0\@m-sm {
        padding-left: 0;
    }

    .mr-0\@m-sm {
        margin-right: 0;
    }

    .pr-0\@m-sm {
        padding-right: 0;
    }

    .mt-1\@m-sm {
        margin-top: var(--space-1);
    }

    .pt-1\@m-sm {
        padding-top: var(--space-1);
    }

    .mb-1\@m-sm {
        margin-bottom: var(--space-1);
    }

    .pb-1\@m-sm {
        padding-bottom: var(--space-1);
    }

    .ml-1\@m-sm {
        margin-left: var(--space-1);
    }

    .pl-1\@m-sm {
        padding-left: var(--space-1);
    }

    .mr-1\@m-sm {
        margin-right: var(--space-1);
    }

    .pr-1\@m-sm {
        padding-right: var(--space-1);
    }

    .mt-2\@m-sm {
        margin-top: var(--space-2);
    }

    .pt-2\@m-sm {
        padding-top: var(--space-2);
    }

    .mb-2\@m-sm {
        margin-bottom: var(--space-2);
    }

    .pb-2\@m-sm {
        padding-bottom: var(--space-2);
    }

    .ml-2\@m-sm {
        margin-left: var(--space-2);
    }

    .pl-2\@m-sm {
        padding-left: var(--space-2);
    }

    .mr-2\@m-sm {
        margin-right: var(--space-2);
    }

    .pr-2\@m-sm {
        padding-right: var(--space-2);
    }

    .mt-3\@m-sm {
        margin-top: var(--space-3);
    }

    .pt-3\@m-sm {
        padding-top: var(--space-3);
    }

    .mb-3\@m-sm {
        margin-bottom: var(--space-3);
    }

    .pb-3\@m-sm {
        padding-bottom: var(--space-3);
    }

    .ml-3\@m-sm {
        margin-left: var(--space-3);
    }

    .pl-3\@m-sm {
        padding-left: var(--space-3);
    }

    .mr-3\@m-sm {
        margin-right: var(--space-3);
    }

    .pr-3\@m-sm {
        padding-right: var(--space-3);
    }

    .mt-4\@m-sm {
        margin-top: var(--space-4);
    }

    .pt-4\@m-sm {
        padding-top: var(--space-4);
    }

    .mb-4\@m-sm {
        margin-bottom: var(--space-4);
    }

    .pb-4\@m-sm {
        padding-bottom: var(--space-4);
    }

    .ml-4\@m-sm {
        margin-left: var(--space-4);
    }

    .pl-4\@m-sm {
        padding-left: var(--space-4);
    }

    .mr-4\@m-sm {
        margin-right: var(--space-4);
    }

    .pr-4\@m-sm {
        padding-right: var(--space-4);
    }

    .mt-5\@m-sm {
        margin-top: var(--space-5);
    }

    .pt-5\@m-sm {
        padding-top: var(--space-5);
    }

    .mb-5\@m-sm {
        margin-bottom: var(--space-5);
    }

    .pb-5\@m-sm {
        padding-bottom: var(--space-5);
    }

    .ml-5\@m-sm {
        margin-left: var(--space-5);
    }

    .pl-5\@m-sm {
        padding-left: var(--space-5);
    }

    .mr-5\@m-sm {
        margin-right: var(--space-5);
    }

    .pr-5\@m-sm {
        padding-right: var(--space-5);
    }

    .mt-6\@m-sm {
        margin-top: var(--space-6);
    }

    .pt-6\@m-sm {
        padding-top: var(--space-6);
    }

    .mb-6\@m-sm {
        margin-bottom: var(--space-6);
    }

    .pb-6\@m-sm {
        padding-bottom: var(--space-6);
    }

    .ml-6\@m-sm {
        margin-left: var(--space-6);
    }

    .pl-6\@m-sm {
        padding-left: var(--space-6);
    }

    .mr-6\@m-sm {
        margin-right: var(--space-6);
    }

    .pr-6\@m-sm {
        padding-right: var(--space-6);
    }

    .mt-7\@m-sm {
        margin-top: var(--space-7);
    }

    .pt-7\@m-sm {
        padding-top: var(--space-7);
    }

    .mb-7\@m-sm {
        margin-bottom: var(--space-7);
    }

    .pb-7\@m-sm {
        padding-bottom: var(--space-7);
    }

    .ml-7\@m-sm {
        margin-left: var(--space-7);
    }

    .pl-7\@m-sm {
        padding-left: var(--space-7);
    }

    .mr-7\@m-sm {
        margin-right: var(--space-7);
    }

    .pr-7\@m-sm {
        padding-right: var(--space-7);
    }

    .mt-8\@m-sm {
        margin-top: var(--space-8);
    }

    .pt-8\@m-sm {
        padding-top: var(--space-8);
    }

    .mb-8\@m-sm {
        margin-bottom: var(--space-8);
    }

    .pb-8\@m-sm {
        padding-bottom: var(--space-8);
    }

    .ml-8\@m-sm {
        margin-left: var(--space-8);
    }

    .pl-8\@m-sm {
        padding-left: var(--space-8);
    }

    .mr-8\@m-sm {
        margin-right: var(--space-8);
    }

    .pr-8\@m-sm {
        padding-right: var(--space-8);
    }

    .mt-9\@m-sm {
        margin-top: var(--space-9);
    }

    .pt-9\@m-sm {
        padding-top: var(--space-9);
    }

    .mb-9\@m-sm {
        margin-bottom: var(--space-9);
    }

    .pb-9\@m-sm {
        padding-bottom: var(--space-9);
    }

    .ml-9\@m-sm {
        margin-left: var(--space-9);
    }

    .pl-9\@m-sm {
        padding-left: var(--space-9);
    }

    .mr-9\@m-sm {
        margin-right: var(--space-9);
    }

    .pr-9\@m-sm {
        padding-right: var(--space-9);
    }

    .mt-10\@m-sm {
        margin-top: var(--space-10);
    }

    .pt-10\@m-sm {
        padding-top: var(--space-10);
    }

    .mb-10\@m-sm {
        margin-bottom: var(--space-10);
    }

    .pb-10\@m-sm {
        padding-bottom: var(--space-10);
    }

    .ml-10\@m-sm {
        margin-left: var(--space-10);
    }

    .pl-10\@m-sm {
        padding-left: var(--space-10);
    }

    .mr-10\@m-sm {
        margin-right: var(--space-10);
    }

    .pr-10\@m-sm {
        padding-right: var(--space-10);
    }

    .mx-0\@m-sm {
        margin-left: 0;
        margin-right: 0;
    }

    .px-0\@m-sm {
        padding-left: 0;
        padding-right: 0;
    }

    .my-0\@m-sm {
        margin-top: 0;
        margin-bottom: 0;
    }

    .py-0\@m-sm {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mx-1\@m-sm {
        margin-left: var(--space-1);
        margin-right: var(--space-1);
    }

    .px-1\@m-sm {
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }

    .my-1\@m-sm {
        margin-top: var(--space-1);
        margin-bottom: var(--space-1);
    }

    .py-1\@m-sm {
        padding-top: var(--space-1);
        padding-bottom: var(--space-1);
    }

    .mx-2\@m-sm {
        margin-left: var(--space-2);
        margin-right: var(--space-2);
    }

    .px-2\@m-sm {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }

    .my-2\@m-sm {
        margin-top: var(--space-2);
        margin-bottom: var(--space-2);
    }

    .py-2\@m-sm {
        padding-top: var(--space-2);
        padding-bottom: var(--space-2);
    }

    .mx-3\@m-sm {
        margin-left: var(--space-3);
        margin-right: var(--space-3);
    }

    .px-3\@m-sm {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }

    .my-3\@m-sm {
        margin-top: var(--space-3);
        margin-bottom: var(--space-3);
    }

    .py-3\@m-sm {
        padding-top: var(--space-3);
        padding-bottom: var(--space-3);
    }

    .mx-4\@m-sm {
        margin-left: var(--space-4);
        margin-right: var(--space-4);
    }

    .px-4\@m-sm {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .my-4\@m-sm {
        margin-top: var(--space-4);
        margin-bottom: var(--space-4);
    }

    .py-4\@m-sm {
        padding-top: var(--space-4);
        padding-bottom: var(--space-4);
    }

    .mx-5\@m-sm {
        margin-left: var(--space-5);
        margin-right: var(--space-5);
    }

    .px-5\@m-sm {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }

    .my-5\@m-sm {
        margin-top: var(--space-5);
        margin-bottom: var(--space-5);
    }

    .py-5\@m-sm {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }

    .mx-6\@m-sm {
        margin-left: var(--space-6);
        margin-right: var(--space-6);
    }

    .px-6\@m-sm {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }

    .my-6\@m-sm {
        margin-top: var(--space-6);
        margin-bottom: var(--space-6);
    }

    .py-6\@m-sm {
        padding-top: var(--space-6);
        padding-bottom: var(--space-6);
    }

    .mx-7\@m-sm {
        margin-left: var(--space-7);
        margin-right: var(--space-7);
    }

    .px-7\@m-sm {
        padding-left: var(--space-7);
        padding-right: var(--space-7);
    }

    .my-7\@m-sm {
        margin-top: var(--space-7);
        margin-bottom: var(--space-7);
    }

    .py-7\@m-sm {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }

    .mx-8\@m-sm {
        margin-left: var(--space-8);
        margin-right: var(--space-8);
    }

    .px-8\@m-sm {
        padding-left: var(--space-8);
        padding-right: var(--space-8);
    }

    .my-8\@m-sm {
        margin-top: var(--space-8);
        margin-bottom: var(--space-8);
    }

    .py-8\@m-sm {
        padding-top: var(--space-8);
        padding-bottom: var(--space-8);
    }

    .mx-9\@m-sm {
        margin-left: var(--space-9);
        margin-right: var(--space-9);
    }

    .px-9\@m-sm {
        padding-left: var(--space-9);
        padding-right: var(--space-9);
    }

    .my-9\@m-sm {
        margin-top: var(--space-9);
        margin-bottom: var(--space-9);
    }

    .py-9\@m-sm {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }

    .mx-10\@m-sm {
        margin-left: var(--space-10);
        margin-right: var(--space-10);
    }

    .px-10\@m-sm {
        padding-left: var(--space-10);
        padding-right: var(--space-10);
    }

    .my-10\@m-sm {
        margin-top: var(--space-10);
        margin-bottom: var(--space-10);
    }

    .py-10\@m-sm {
        padding-top: var(--space-10);
        padding-bottom: var(--space-10);
    }
}

@media(min-width:600px) {
    .mt-0\@m-lg {
        margin-top: 0;
    }

    .pt-0\@m-lg {
        padding-top: 0;
    }

    .mb-0\@m-lg {
        margin-bottom: 0;
    }

    .pb-0\@m-lg {
        padding-bottom: 0;
    }

    .ml-0\@m-lg {
        margin-left: 0;
    }

    .pl-0\@m-lg {
        padding-left: 0;
    }

    .mr-0\@m-lg {
        margin-right: 0;
    }

    .pr-0\@m-lg {
        padding-right: 0;
    }

    .mt-1\@m-lg {
        margin-top: var(--space-1);
    }

    .pt-1\@m-lg {
        padding-top: var(--space-1);
    }

    .mb-1\@m-lg {
        margin-bottom: var(--space-1);
    }

    .pb-1\@m-lg {
        padding-bottom: var(--space-1);
    }

    .ml-1\@m-lg {
        margin-left: var(--space-1);
    }

    .pl-1\@m-lg {
        padding-left: var(--space-1);
    }

    .mr-1\@m-lg {
        margin-right: var(--space-1);
    }

    .pr-1\@m-lg {
        padding-right: var(--space-1);
    }

    .mt-2\@m-lg {
        margin-top: var(--space-2);
    }

    .pt-2\@m-lg {
        padding-top: var(--space-2);
    }

    .mb-2\@m-lg {
        margin-bottom: var(--space-2);
    }

    .pb-2\@m-lg {
        padding-bottom: var(--space-2);
    }

    .ml-2\@m-lg {
        margin-left: var(--space-2);
    }

    .pl-2\@m-lg {
        padding-left: var(--space-2);
    }

    .mr-2\@m-lg {
        margin-right: var(--space-2);
    }

    .pr-2\@m-lg {
        padding-right: var(--space-2);
    }

    .mt-3\@m-lg {
        margin-top: var(--space-3);
    }

    .pt-3\@m-lg {
        padding-top: var(--space-3);
    }

    .mb-3\@m-lg {
        margin-bottom: var(--space-3);
    }

    .pb-3\@m-lg {
        padding-bottom: var(--space-3);
    }

    .ml-3\@m-lg {
        margin-left: var(--space-3);
    }

    .pl-3\@m-lg {
        padding-left: var(--space-3);
    }

    .mr-3\@m-lg {
        margin-right: var(--space-3);
    }

    .pr-3\@m-lg {
        padding-right: var(--space-3);
    }

    .mt-4\@m-lg {
        margin-top: var(--space-4);
    }

    .pt-4\@m-lg {
        padding-top: var(--space-4);
    }

    .mb-4\@m-lg {
        margin-bottom: var(--space-4);
    }

    .pb-4\@m-lg {
        padding-bottom: var(--space-4);
    }

    .ml-4\@m-lg {
        margin-left: var(--space-4);
    }

    .pl-4\@m-lg {
        padding-left: var(--space-4);
    }

    .mr-4\@m-lg {
        margin-right: var(--space-4);
    }

    .pr-4\@m-lg {
        padding-right: var(--space-4);
    }

    .mt-5\@m-lg {
        margin-top: var(--space-5);
    }

    .pt-5\@m-lg {
        padding-top: var(--space-5);
    }

    .mb-5\@m-lg {
        margin-bottom: var(--space-5);
    }

    .pb-5\@m-lg {
        padding-bottom: var(--space-5);
    }

    .ml-5\@m-lg {
        margin-left: var(--space-5);
    }

    .pl-5\@m-lg {
        padding-left: var(--space-5);
    }

    .mr-5\@m-lg {
        margin-right: var(--space-5);
    }

    .pr-5\@m-lg {
        padding-right: var(--space-5);
    }

    .mt-6\@m-lg {
        margin-top: var(--space-6);
    }

    .pt-6\@m-lg {
        padding-top: var(--space-6);
    }

    .mb-6\@m-lg {
        margin-bottom: var(--space-6);
    }

    .pb-6\@m-lg {
        padding-bottom: var(--space-6);
    }

    .ml-6\@m-lg {
        margin-left: var(--space-6);
    }

    .pl-6\@m-lg {
        padding-left: var(--space-6);
    }

    .mr-6\@m-lg {
        margin-right: var(--space-6);
    }

    .pr-6\@m-lg {
        padding-right: var(--space-6);
    }

    .mt-7\@m-lg {
        margin-top: var(--space-7);
    }

    .pt-7\@m-lg {
        padding-top: var(--space-7);
    }

    .mb-7\@m-lg {
        margin-bottom: var(--space-7);
    }

    .pb-7\@m-lg {
        padding-bottom: var(--space-7);
    }

    .ml-7\@m-lg {
        margin-left: var(--space-7);
    }

    .pl-7\@m-lg {
        padding-left: var(--space-7);
    }

    .mr-7\@m-lg {
        margin-right: var(--space-7);
    }

    .pr-7\@m-lg {
        padding-right: var(--space-7);
    }

    .mt-8\@m-lg {
        margin-top: var(--space-8);
    }

    .pt-8\@m-lg {
        padding-top: var(--space-8);
    }

    .mb-8\@m-lg {
        margin-bottom: var(--space-8);
    }

    .pb-8\@m-lg {
        padding-bottom: var(--space-8);
    }

    .ml-8\@m-lg {
        margin-left: var(--space-8);
    }

    .pl-8\@m-lg {
        padding-left: var(--space-8);
    }

    .mr-8\@m-lg {
        margin-right: var(--space-8);
    }

    .pr-8\@m-lg {
        padding-right: var(--space-8);
    }

    .mt-9\@m-lg {
        margin-top: var(--space-9);
    }

    .pt-9\@m-lg {
        padding-top: var(--space-9);
    }

    .mb-9\@m-lg {
        margin-bottom: var(--space-9);
    }

    .pb-9\@m-lg {
        padding-bottom: var(--space-9);
    }

    .ml-9\@m-lg {
        margin-left: var(--space-9);
    }

    .pl-9\@m-lg {
        padding-left: var(--space-9);
    }

    .mr-9\@m-lg {
        margin-right: var(--space-9);
    }

    .pr-9\@m-lg {
        padding-right: var(--space-9);
    }

    .mt-10\@m-lg {
        margin-top: var(--space-10);
    }

    .pt-10\@m-lg {
        padding-top: var(--space-10);
    }

    .mb-10\@m-lg {
        margin-bottom: var(--space-10);
    }

    .pb-10\@m-lg {
        padding-bottom: var(--space-10);
    }

    .ml-10\@m-lg {
        margin-left: var(--space-10);
    }

    .pl-10\@m-lg {
        padding-left: var(--space-10);
    }

    .mr-10\@m-lg {
        margin-right: var(--space-10);
    }

    .pr-10\@m-lg {
        padding-right: var(--space-10);
    }

    .mx-0\@m-lg {
        margin-left: 0;
        margin-right: 0;
    }

    .px-0\@m-lg {
        padding-left: 0;
        padding-right: 0;
    }

    .my-0\@m-lg {
        margin-top: 0;
        margin-bottom: 0;
    }

    .py-0\@m-lg {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mx-1\@m-lg {
        margin-left: var(--space-1);
        margin-right: var(--space-1);
    }

    .px-1\@m-lg {
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }

    .my-1\@m-lg {
        margin-top: var(--space-1);
        margin-bottom: var(--space-1);
    }

    .py-1\@m-lg {
        padding-top: var(--space-1);
        padding-bottom: var(--space-1);
    }

    .mx-2\@m-lg {
        margin-left: var(--space-2);
        margin-right: var(--space-2);
    }

    .px-2\@m-lg {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }

    .my-2\@m-lg {
        margin-top: var(--space-2);
        margin-bottom: var(--space-2);
    }

    .py-2\@m-lg {
        padding-top: var(--space-2);
        padding-bottom: var(--space-2);
    }

    .mx-3\@m-lg {
        margin-left: var(--space-3);
        margin-right: var(--space-3);
    }

    .px-3\@m-lg {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }

    .my-3\@m-lg {
        margin-top: var(--space-3);
        margin-bottom: var(--space-3);
    }

    .py-3\@m-lg {
        padding-top: var(--space-3);
        padding-bottom: var(--space-3);
    }

    .mx-4\@m-lg {
        margin-left: var(--space-4);
        margin-right: var(--space-4);
    }

    .px-4\@m-lg {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .my-4\@m-lg {
        margin-top: var(--space-4);
        margin-bottom: var(--space-4);
    }

    .py-4\@m-lg {
        padding-top: var(--space-4);
        padding-bottom: var(--space-4);
    }

    .mx-5\@m-lg {
        margin-left: var(--space-5);
        margin-right: var(--space-5);
    }

    .px-5\@m-lg {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }

    .my-5\@m-lg {
        margin-top: var(--space-5);
        margin-bottom: var(--space-5);
    }

    .py-5\@m-lg {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }

    .mx-6\@m-lg {
        margin-left: var(--space-6);
        margin-right: var(--space-6);
    }

    .px-6\@m-lg {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }

    .my-6\@m-lg {
        margin-top: var(--space-6);
        margin-bottom: var(--space-6);
    }

    .py-6\@m-lg {
        padding-top: var(--space-6);
        padding-bottom: var(--space-6);
    }

    .mx-7\@m-lg {
        margin-left: var(--space-7);
        margin-right: var(--space-7);
    }

    .px-7\@m-lg {
        padding-left: var(--space-7);
        padding-right: var(--space-7);
    }

    .my-7\@m-lg {
        margin-top: var(--space-7);
        margin-bottom: var(--space-7);
    }

    .py-7\@m-lg {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }

    .mx-8\@m-lg {
        margin-left: var(--space-8);
        margin-right: var(--space-8);
    }

    .px-8\@m-lg {
        padding-left: var(--space-8);
        padding-right: var(--space-8);
    }

    .my-8\@m-lg {
        margin-top: var(--space-8);
        margin-bottom: var(--space-8);
    }

    .py-8\@m-lg {
        padding-top: var(--space-8);
        padding-bottom: var(--space-8);
    }

    .mx-9\@m-lg {
        margin-left: var(--space-9);
        margin-right: var(--space-9);
    }

    .px-9\@m-lg {
        padding-left: var(--space-9);
        padding-right: var(--space-9);
    }

    .my-9\@m-lg {
        margin-top: var(--space-9);
        margin-bottom: var(--space-9);
    }

    .py-9\@m-lg {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }

    .mx-10\@m-lg {
        margin-left: var(--space-10);
        margin-right: var(--space-10);
    }

    .px-10\@m-lg {
        padding-left: var(--space-10);
        padding-right: var(--space-10);
    }

    .my-10\@m-lg {
        margin-top: var(--space-10);
        margin-bottom: var(--space-10);
    }

    .py-10\@m-lg {
        padding-top: var(--space-10);
        padding-bottom: var(--space-10);
    }
}

@media(min-width:768px) {
    .mt-0\@t-sm {
        margin-top: 0;
    }

    .pt-0\@t-sm {
        padding-top: 0;
    }

    .mb-0\@t-sm {
        margin-bottom: 0;
    }

    .pb-0\@t-sm {
        padding-bottom: 0;
    }

    .ml-0\@t-sm {
        margin-left: 0;
    }

    .pl-0\@t-sm {
        padding-left: 0;
    }

    .mr-0\@t-sm {
        margin-right: 0;
    }

    .pr-0\@t-sm {
        padding-right: 0;
    }

    .mt-1\@t-sm {
        margin-top: var(--space-1);
    }

    .pt-1\@t-sm {
        padding-top: var(--space-1);
    }

    .mb-1\@t-sm {
        margin-bottom: var(--space-1);
    }

    .pb-1\@t-sm {
        padding-bottom: var(--space-1);
    }

    .ml-1\@t-sm {
        margin-left: var(--space-1);
    }

    .pl-1\@t-sm {
        padding-left: var(--space-1);
    }

    .mr-1\@t-sm {
        margin-right: var(--space-1);
    }

    .pr-1\@t-sm {
        padding-right: var(--space-1);
    }

    .mt-2\@t-sm {
        margin-top: var(--space-2);
    }

    .pt-2\@t-sm {
        padding-top: var(--space-2);
    }

    .mb-2\@t-sm {
        margin-bottom: var(--space-2);
    }

    .pb-2\@t-sm {
        padding-bottom: var(--space-2);
    }

    .ml-2\@t-sm {
        margin-left: var(--space-2);
    }

    .pl-2\@t-sm {
        padding-left: var(--space-2);
    }

    .mr-2\@t-sm {
        margin-right: var(--space-2);
    }

    .pr-2\@t-sm {
        padding-right: var(--space-2);
    }

    .mt-3\@t-sm {
        margin-top: var(--space-3);
    }

    .pt-3\@t-sm {
        padding-top: var(--space-3);
    }

    .mb-3\@t-sm {
        margin-bottom: var(--space-3);
    }

    .pb-3\@t-sm {
        padding-bottom: var(--space-3);
    }

    .ml-3\@t-sm {
        margin-left: var(--space-3);
    }

    .pl-3\@t-sm {
        padding-left: var(--space-3);
    }

    .mr-3\@t-sm {
        margin-right: var(--space-3);
    }

    .pr-3\@t-sm {
        padding-right: var(--space-3);
    }

    .mt-4\@t-sm {
        margin-top: var(--space-4);
    }

    .pt-4\@t-sm {
        padding-top: var(--space-4);
    }

    .mb-4\@t-sm {
        margin-bottom: var(--space-4);
    }

    .pb-4\@t-sm {
        padding-bottom: var(--space-4);
    }

    .ml-4\@t-sm {
        margin-left: var(--space-4);
    }

    .pl-4\@t-sm {
        padding-left: var(--space-4);
    }

    .mr-4\@t-sm {
        margin-right: var(--space-4);
    }

    .pr-4\@t-sm {
        padding-right: var(--space-4);
    }

    .mt-5\@t-sm {
        margin-top: var(--space-5);
    }

    .pt-5\@t-sm {
        padding-top: var(--space-5);
    }

    .mb-5\@t-sm {
        margin-bottom: var(--space-5);
    }

    .pb-5\@t-sm {
        padding-bottom: var(--space-5);
    }

    .ml-5\@t-sm {
        margin-left: var(--space-5);
    }

    .pl-5\@t-sm {
        padding-left: var(--space-5);
    }

    .mr-5\@t-sm {
        margin-right: var(--space-5);
    }

    .pr-5\@t-sm {
        padding-right: var(--space-5);
    }

    .mt-6\@t-sm {
        margin-top: var(--space-6);
    }

    .pt-6\@t-sm {
        padding-top: var(--space-6);
    }

    .mb-6\@t-sm {
        margin-bottom: var(--space-6);
    }

    .pb-6\@t-sm {
        padding-bottom: var(--space-6);
    }

    .ml-6\@t-sm {
        margin-left: var(--space-6);
    }

    .pl-6\@t-sm {
        padding-left: var(--space-6);
    }

    .mr-6\@t-sm {
        margin-right: var(--space-6);
    }

    .pr-6\@t-sm {
        padding-right: var(--space-6);
    }

    .mt-7\@t-sm {
        margin-top: var(--space-7);
    }

    .pt-7\@t-sm {
        padding-top: var(--space-7);
    }

    .mb-7\@t-sm {
        margin-bottom: var(--space-7);
    }

    .pb-7\@t-sm {
        padding-bottom: var(--space-7);
    }

    .ml-7\@t-sm {
        margin-left: var(--space-7);
    }

    .pl-7\@t-sm {
        padding-left: var(--space-7);
    }

    .mr-7\@t-sm {
        margin-right: var(--space-7);
    }

    .pr-7\@t-sm {
        padding-right: var(--space-7);
    }

    .mt-8\@t-sm {
        margin-top: var(--space-8);
    }

    .pt-8\@t-sm {
        padding-top: var(--space-8);
    }

    .mb-8\@t-sm {
        margin-bottom: var(--space-8);
    }

    .pb-8\@t-sm {
        padding-bottom: var(--space-8);
    }

    .ml-8\@t-sm {
        margin-left: var(--space-8);
    }

    .pl-8\@t-sm {
        padding-left: var(--space-8);
    }

    .mr-8\@t-sm {
        margin-right: var(--space-8);
    }

    .pr-8\@t-sm {
        padding-right: var(--space-8);
    }

    .mt-9\@t-sm {
        margin-top: var(--space-9);
    }

    .pt-9\@t-sm {
        padding-top: var(--space-9);
    }

    .mb-9\@t-sm {
        margin-bottom: var(--space-9);
    }

    .pb-9\@t-sm {
        padding-bottom: var(--space-9);
    }

    .ml-9\@t-sm {
        margin-left: var(--space-9);
    }

    .pl-9\@t-sm {
        padding-left: var(--space-9);
    }

    .mr-9\@t-sm {
        margin-right: var(--space-9);
    }

    .pr-9\@t-sm {
        padding-right: var(--space-9);
    }

    .mt-10\@t-sm {
        margin-top: var(--space-10);
    }

    .pt-10\@t-sm {
        padding-top: var(--space-10);
    }

    .mb-10\@t-sm {
        margin-bottom: var(--space-10);
    }

    .pb-10\@t-sm {
        padding-bottom: var(--space-10);
    }

    .ml-10\@t-sm {
        margin-left: var(--space-10);
    }

    .pl-10\@t-sm {
        padding-left: var(--space-10);
    }

    .mr-10\@t-sm {
        margin-right: var(--space-10);
    }

    .pr-10\@t-sm {
        padding-right: var(--space-10);
    }

    .mx-0\@t-sm {
        margin-left: 0;
        margin-right: 0;
    }

    .px-0\@t-sm {
        padding-left: 0;
        padding-right: 0;
    }

    .my-0\@t-sm {
        margin-top: 0;
        margin-bottom: 0;
    }

    .py-0\@t-sm {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mx-1\@t-sm {
        margin-left: var(--space-1);
        margin-right: var(--space-1);
    }

    .px-1\@t-sm {
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }

    .my-1\@t-sm {
        margin-top: var(--space-1);
        margin-bottom: var(--space-1);
    }

    .py-1\@t-sm {
        padding-top: var(--space-1);
        padding-bottom: var(--space-1);
    }

    .mx-2\@t-sm {
        margin-left: var(--space-2);
        margin-right: var(--space-2);
    }

    .px-2\@t-sm {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }

    .my-2\@t-sm {
        margin-top: var(--space-2);
        margin-bottom: var(--space-2);
    }

    .py-2\@t-sm {
        padding-top: var(--space-2);
        padding-bottom: var(--space-2);
    }

    .mx-3\@t-sm {
        margin-left: var(--space-3);
        margin-right: var(--space-3);
    }

    .px-3\@t-sm {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }

    .my-3\@t-sm {
        margin-top: var(--space-3);
        margin-bottom: var(--space-3);
    }

    .py-3\@t-sm {
        padding-top: var(--space-3);
        padding-bottom: var(--space-3);
    }

    .mx-4\@t-sm {
        margin-left: var(--space-4);
        margin-right: var(--space-4);
    }

    .px-4\@t-sm {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .my-4\@t-sm {
        margin-top: var(--space-4);
        margin-bottom: var(--space-4);
    }

    .py-4\@t-sm {
        padding-top: var(--space-4);
        padding-bottom: var(--space-4);
    }

    .mx-5\@t-sm {
        margin-left: var(--space-5);
        margin-right: var(--space-5);
    }

    .px-5\@t-sm {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }

    .my-5\@t-sm {
        margin-top: var(--space-5);
        margin-bottom: var(--space-5);
    }

    .py-5\@t-sm {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }

    .mx-6\@t-sm {
        margin-left: var(--space-6);
        margin-right: var(--space-6);
    }

    .px-6\@t-sm {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }

    .my-6\@t-sm {
        margin-top: var(--space-6);
        margin-bottom: var(--space-6);
    }

    .py-6\@t-sm {
        padding-top: var(--space-6);
        padding-bottom: var(--space-6);
    }

    .mx-7\@t-sm {
        margin-left: var(--space-7);
        margin-right: var(--space-7);
    }

    .px-7\@t-sm {
        padding-left: var(--space-7);
        padding-right: var(--space-7);
    }

    .my-7\@t-sm {
        margin-top: var(--space-7);
        margin-bottom: var(--space-7);
    }

    .py-7\@t-sm {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }

    .mx-8\@t-sm {
        margin-left: var(--space-8);
        margin-right: var(--space-8);
    }

    .px-8\@t-sm {
        padding-left: var(--space-8);
        padding-right: var(--space-8);
    }

    .my-8\@t-sm {
        margin-top: var(--space-8);
        margin-bottom: var(--space-8);
    }

    .py-8\@t-sm {
        padding-top: var(--space-8);
        padding-bottom: var(--space-8);
    }

    .mx-9\@t-sm {
        margin-left: var(--space-9);
        margin-right: var(--space-9);
    }

    .px-9\@t-sm {
        padding-left: var(--space-9);
        padding-right: var(--space-9);
    }

    .my-9\@t-sm {
        margin-top: var(--space-9);
        margin-bottom: var(--space-9);
    }

    .py-9\@t-sm {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }

    .mx-10\@t-sm {
        margin-left: var(--space-10);
        margin-right: var(--space-10);
    }

    .px-10\@t-sm {
        padding-left: var(--space-10);
        padding-right: var(--space-10);
    }

    .my-10\@t-sm {
        margin-top: var(--space-10);
        margin-bottom: var(--space-10);
    }

    .py-10\@t-sm {
        padding-top: var(--space-10);
        padding-bottom: var(--space-10);
    }
}

@media(min-width:992px) {
    .mt-0\@t-lg {
        margin-top: 0;
    }

    .pt-0\@t-lg {
        padding-top: 0;
    }

    .mb-0\@t-lg {
        margin-bottom: 0;
    }

    .pb-0\@t-lg {
        padding-bottom: 0;
    }

    .ml-0\@t-lg {
        margin-left: 0;
    }

    .pl-0\@t-lg {
        padding-left: 0;
    }

    .mr-0\@t-lg {
        margin-right: 0;
    }

    .pr-0\@t-lg {
        padding-right: 0;
    }

    .mt-1\@t-lg {
        margin-top: var(--space-1);
    }

    .pt-1\@t-lg {
        padding-top: var(--space-1);
    }

    .mb-1\@t-lg {
        margin-bottom: var(--space-1);
    }

    .pb-1\@t-lg {
        padding-bottom: var(--space-1);
    }

    .ml-1\@t-lg {
        margin-left: var(--space-1);
    }

    .pl-1\@t-lg {
        padding-left: var(--space-1);
    }

    .mr-1\@t-lg {
        margin-right: var(--space-1);
    }

    .pr-1\@t-lg {
        padding-right: var(--space-1);
    }

    .mt-2\@t-lg {
        margin-top: var(--space-2);
    }

    .pt-2\@t-lg {
        padding-top: var(--space-2);
    }

    .mb-2\@t-lg {
        margin-bottom: var(--space-2);
    }

    .pb-2\@t-lg {
        padding-bottom: var(--space-2);
    }

    .ml-2\@t-lg {
        margin-left: var(--space-2);
    }

    .pl-2\@t-lg {
        padding-left: var(--space-2);
    }

    .mr-2\@t-lg {
        margin-right: var(--space-2);
    }

    .pr-2\@t-lg {
        padding-right: var(--space-2);
    }

    .mt-3\@t-lg {
        margin-top: var(--space-3);
    }

    .pt-3\@t-lg {
        padding-top: var(--space-3);
    }

    .mb-3\@t-lg {
        margin-bottom: var(--space-3);
    }

    .pb-3\@t-lg {
        padding-bottom: var(--space-3);
    }

    .ml-3\@t-lg {
        margin-left: var(--space-3);
    }

    .pl-3\@t-lg {
        padding-left: var(--space-3);
    }

    .mr-3\@t-lg {
        margin-right: var(--space-3);
    }

    .pr-3\@t-lg {
        padding-right: var(--space-3);
    }

    .mt-4\@t-lg {
        margin-top: var(--space-4);
    }

    .pt-4\@t-lg {
        padding-top: var(--space-4);
    }

    .mb-4\@t-lg {
        margin-bottom: var(--space-4);
    }

    .pb-4\@t-lg {
        padding-bottom: var(--space-4);
    }

    .ml-4\@t-lg {
        margin-left: var(--space-4);
    }

    .pl-4\@t-lg {
        padding-left: var(--space-4);
    }

    .mr-4\@t-lg {
        margin-right: var(--space-4);
    }

    .pr-4\@t-lg {
        padding-right: var(--space-4);
    }

    .mt-5\@t-lg {
        margin-top: var(--space-5);
    }

    .pt-5\@t-lg {
        padding-top: var(--space-5);
    }

    .mb-5\@t-lg {
        margin-bottom: var(--space-5);
    }

    .pb-5\@t-lg {
        padding-bottom: var(--space-5);
    }

    .ml-5\@t-lg {
        margin-left: var(--space-5);
    }

    .pl-5\@t-lg {
        padding-left: var(--space-5);
    }

    .mr-5\@t-lg {
        margin-right: var(--space-5);
    }

    .pr-5\@t-lg {
        padding-right: var(--space-5);
    }

    .mt-6\@t-lg {
        margin-top: var(--space-6);
    }

    .pt-6\@t-lg {
        padding-top: var(--space-6);
    }

    .mb-6\@t-lg {
        margin-bottom: var(--space-6);
    }

    .pb-6\@t-lg {
        padding-bottom: var(--space-6);
    }

    .ml-6\@t-lg {
        margin-left: var(--space-6);
    }

    .pl-6\@t-lg {
        padding-left: var(--space-6);
    }

    .mr-6\@t-lg {
        margin-right: var(--space-6);
    }

    .pr-6\@t-lg {
        padding-right: var(--space-6);
    }

    .mt-7\@t-lg {
        margin-top: var(--space-7);
    }

    .pt-7\@t-lg {
        padding-top: var(--space-7);
    }

    .mb-7\@t-lg {
        margin-bottom: var(--space-7);
    }

    .pb-7\@t-lg {
        padding-bottom: var(--space-7);
    }

    .ml-7\@t-lg {
        margin-left: var(--space-7);
    }

    .pl-7\@t-lg {
        padding-left: var(--space-7);
    }

    .mr-7\@t-lg {
        margin-right: var(--space-7);
    }

    .pr-7\@t-lg {
        padding-right: var(--space-7);
    }

    .mt-8\@t-lg {
        margin-top: var(--space-8);
    }

    .pt-8\@t-lg {
        padding-top: var(--space-8);
    }

    .mb-8\@t-lg {
        margin-bottom: var(--space-8);
    }

    .pb-8\@t-lg {
        padding-bottom: var(--space-8);
    }

    .ml-8\@t-lg {
        margin-left: var(--space-8);
    }

    .pl-8\@t-lg {
        padding-left: var(--space-8);
    }

    .mr-8\@t-lg {
        margin-right: var(--space-8);
    }

    .pr-8\@t-lg {
        padding-right: var(--space-8);
    }

    .mt-9\@t-lg {
        margin-top: var(--space-9);
    }

    .pt-9\@t-lg {
        padding-top: var(--space-9);
    }

    .mb-9\@t-lg {
        margin-bottom: var(--space-9);
    }

    .pb-9\@t-lg {
        padding-bottom: var(--space-9);
    }

    .ml-9\@t-lg {
        margin-left: var(--space-9);
    }

    .pl-9\@t-lg {
        padding-left: var(--space-9);
    }

    .mr-9\@t-lg {
        margin-right: var(--space-9);
    }

    .pr-9\@t-lg {
        padding-right: var(--space-9);
    }

    .mt-10\@t-lg {
        margin-top: var(--space-10);
    }

    .pt-10\@t-lg {
        padding-top: var(--space-10);
    }

    .mb-10\@t-lg {
        margin-bottom: var(--space-10);
    }

    .pb-10\@t-lg {
        padding-bottom: var(--space-10);
    }

    .ml-10\@t-lg {
        margin-left: var(--space-10);
    }

    .pl-10\@t-lg {
        padding-left: var(--space-10);
    }

    .mr-10\@t-lg {
        margin-right: var(--space-10);
    }

    .pr-10\@t-lg {
        padding-right: var(--space-10);
    }

    .mx-0\@t-lg {
        margin-left: 0;
        margin-right: 0;
    }

    .px-0\@t-lg {
        padding-left: 0;
        padding-right: 0;
    }

    .my-0\@t-lg {
        margin-top: 0;
        margin-bottom: 0;
    }

    .py-0\@t-lg {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mx-1\@t-lg {
        margin-left: var(--space-1);
        margin-right: var(--space-1);
    }

    .px-1\@t-lg {
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }

    .my-1\@t-lg {
        margin-top: var(--space-1);
        margin-bottom: var(--space-1);
    }

    .py-1\@t-lg {
        padding-top: var(--space-1);
        padding-bottom: var(--space-1);
    }

    .mx-2\@t-lg {
        margin-left: var(--space-2);
        margin-right: var(--space-2);
    }

    .px-2\@t-lg {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }

    .my-2\@t-lg {
        margin-top: var(--space-2);
        margin-bottom: var(--space-2);
    }

    .py-2\@t-lg {
        padding-top: var(--space-2);
        padding-bottom: var(--space-2);
    }

    .mx-3\@t-lg {
        margin-left: var(--space-3);
        margin-right: var(--space-3);
    }

    .px-3\@t-lg {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }

    .my-3\@t-lg {
        margin-top: var(--space-3);
        margin-bottom: var(--space-3);
    }

    .py-3\@t-lg {
        padding-top: var(--space-3);
        padding-bottom: var(--space-3);
    }

    .mx-4\@t-lg {
        margin-left: var(--space-4);
        margin-right: var(--space-4);
    }

    .px-4\@t-lg {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .my-4\@t-lg {
        margin-top: var(--space-4);
        margin-bottom: var(--space-4);
    }

    .py-4\@t-lg {
        padding-top: var(--space-4);
        padding-bottom: var(--space-4);
    }

    .mx-5\@t-lg {
        margin-left: var(--space-5);
        margin-right: var(--space-5);
    }

    .px-5\@t-lg {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }

    .my-5\@t-lg {
        margin-top: var(--space-5);
        margin-bottom: var(--space-5);
    }

    .py-5\@t-lg {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }

    .mx-6\@t-lg {
        margin-left: var(--space-6);
        margin-right: var(--space-6);
    }

    .px-6\@t-lg {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }

    .my-6\@t-lg {
        margin-top: var(--space-6);
        margin-bottom: var(--space-6);
    }

    .py-6\@t-lg {
        padding-top: var(--space-6);
        padding-bottom: var(--space-6);
    }

    .mx-7\@t-lg {
        margin-left: var(--space-7);
        margin-right: var(--space-7);
    }

    .px-7\@t-lg {
        padding-left: var(--space-7);
        padding-right: var(--space-7);
    }

    .my-7\@t-lg {
        margin-top: var(--space-7);
        margin-bottom: var(--space-7);
    }

    .py-7\@t-lg {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }

    .mx-8\@t-lg {
        margin-left: var(--space-8);
        margin-right: var(--space-8);
    }

    .px-8\@t-lg {
        padding-left: var(--space-8);
        padding-right: var(--space-8);
    }

    .my-8\@t-lg {
        margin-top: var(--space-8);
        margin-bottom: var(--space-8);
    }

    .py-8\@t-lg {
        padding-top: var(--space-8);
        padding-bottom: var(--space-8);
    }

    .mx-9\@t-lg {
        margin-left: var(--space-9);
        margin-right: var(--space-9);
    }

    .px-9\@t-lg {
        padding-left: var(--space-9);
        padding-right: var(--space-9);
    }

    .my-9\@t-lg {
        margin-top: var(--space-9);
        margin-bottom: var(--space-9);
    }

    .py-9\@t-lg {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }

    .mx-10\@t-lg {
        margin-left: var(--space-10);
        margin-right: var(--space-10);
    }

    .px-10\@t-lg {
        padding-left: var(--space-10);
        padding-right: var(--space-10);
    }

    .my-10\@t-lg {
        margin-top: var(--space-10);
        margin-bottom: var(--space-10);
    }

    .py-10\@t-lg {
        padding-top: var(--space-10);
        padding-bottom: var(--space-10);
    }
}

@media(min-width:1200px) {
    .mt-0\@d-sm {
        margin-top: 0;
    }

    .pt-0\@d-sm {
        padding-top: 0;
    }

    .mb-0\@d-sm {
        margin-bottom: 0;
    }

    .pb-0\@d-sm {
        padding-bottom: 0;
    }

    .ml-0\@d-sm {
        margin-left: 0;
    }

    .pl-0\@d-sm {
        padding-left: 0;
    }

    .mr-0\@d-sm {
        margin-right: 0;
    }

    .pr-0\@d-sm {
        padding-right: 0;
    }

    .mt-1\@d-sm {
        margin-top: var(--space-1);
    }

    .pt-1\@d-sm {
        padding-top: var(--space-1);
    }

    .mb-1\@d-sm {
        margin-bottom: var(--space-1);
    }

    .pb-1\@d-sm {
        padding-bottom: var(--space-1);
    }

    .ml-1\@d-sm {
        margin-left: var(--space-1);
    }

    .pl-1\@d-sm {
        padding-left: var(--space-1);
    }

    .mr-1\@d-sm {
        margin-right: var(--space-1);
    }

    .pr-1\@d-sm {
        padding-right: var(--space-1);
    }

    .mt-2\@d-sm {
        margin-top: var(--space-2);
    }

    .pt-2\@d-sm {
        padding-top: var(--space-2);
    }

    .mb-2\@d-sm {
        margin-bottom: var(--space-2);
    }

    .pb-2\@d-sm {
        padding-bottom: var(--space-2);
    }

    .ml-2\@d-sm {
        margin-left: var(--space-2);
    }

    .pl-2\@d-sm {
        padding-left: var(--space-2);
    }

    .mr-2\@d-sm {
        margin-right: var(--space-2);
    }

    .pr-2\@d-sm {
        padding-right: var(--space-2);
    }

    .mt-3\@d-sm {
        margin-top: var(--space-3);
    }

    .pt-3\@d-sm {
        padding-top: var(--space-3);
    }

    .mb-3\@d-sm {
        margin-bottom: var(--space-3);
    }

    .pb-3\@d-sm {
        padding-bottom: var(--space-3);
    }

    .ml-3\@d-sm {
        margin-left: var(--space-3);
    }

    .pl-3\@d-sm {
        padding-left: var(--space-3);
    }

    .mr-3\@d-sm {
        margin-right: var(--space-3);
    }

    .pr-3\@d-sm {
        padding-right: var(--space-3);
    }

    .mt-4\@d-sm {
        margin-top: var(--space-4);
    }

    .pt-4\@d-sm {
        padding-top: var(--space-4);
    }

    .mb-4\@d-sm {
        margin-bottom: var(--space-4);
    }

    .pb-4\@d-sm {
        padding-bottom: var(--space-4);
    }

    .ml-4\@d-sm {
        margin-left: var(--space-4);
    }

    .pl-4\@d-sm {
        padding-left: var(--space-4);
    }

    .mr-4\@d-sm {
        margin-right: var(--space-4);
    }

    .pr-4\@d-sm {
        padding-right: var(--space-4);
    }

    .mt-5\@d-sm {
        margin-top: var(--space-5);
    }

    .pt-5\@d-sm {
        padding-top: var(--space-5);
    }

    .mb-5\@d-sm {
        margin-bottom: var(--space-5);
    }

    .pb-5\@d-sm {
        padding-bottom: var(--space-5);
    }

    .ml-5\@d-sm {
        margin-left: var(--space-5);
    }

    .pl-5\@d-sm {
        padding-left: var(--space-5);
    }

    .mr-5\@d-sm {
        margin-right: var(--space-5);
    }

    .pr-5\@d-sm {
        padding-right: var(--space-5);
    }

    .mt-6\@d-sm {
        margin-top: var(--space-6);
    }

    .pt-6\@d-sm {
        padding-top: var(--space-6);
    }

    .mb-6\@d-sm {
        margin-bottom: var(--space-6);
    }

    .pb-6\@d-sm {
        padding-bottom: var(--space-6);
    }

    .ml-6\@d-sm {
        margin-left: var(--space-6);
    }

    .pl-6\@d-sm {
        padding-left: var(--space-6);
    }

    .mr-6\@d-sm {
        margin-right: var(--space-6);
    }

    .pr-6\@d-sm {
        padding-right: var(--space-6);
    }

    .mt-7\@d-sm {
        margin-top: var(--space-7);
    }

    .pt-7\@d-sm {
        padding-top: var(--space-7);
    }

    .mb-7\@d-sm {
        margin-bottom: var(--space-7);
    }

    .pb-7\@d-sm {
        padding-bottom: var(--space-7);
    }

    .ml-7\@d-sm {
        margin-left: var(--space-7);
    }

    .pl-7\@d-sm {
        padding-left: var(--space-7);
    }

    .mr-7\@d-sm {
        margin-right: var(--space-7);
    }

    .pr-7\@d-sm {
        padding-right: var(--space-7);
    }

    .mt-8\@d-sm {
        margin-top: var(--space-8);
    }

    .pt-8\@d-sm {
        padding-top: var(--space-8);
    }

    .mb-8\@d-sm {
        margin-bottom: var(--space-8);
    }

    .pb-8\@d-sm {
        padding-bottom: var(--space-8);
    }

    .ml-8\@d-sm {
        margin-left: var(--space-8);
    }

    .pl-8\@d-sm {
        padding-left: var(--space-8);
    }

    .mr-8\@d-sm {
        margin-right: var(--space-8);
    }

    .pr-8\@d-sm {
        padding-right: var(--space-8);
    }

    .mt-9\@d-sm {
        margin-top: var(--space-9);
    }

    .pt-9\@d-sm {
        padding-top: var(--space-9);
    }

    .mb-9\@d-sm {
        margin-bottom: var(--space-9);
    }

    .pb-9\@d-sm {
        padding-bottom: var(--space-9);
    }

    .ml-9\@d-sm {
        margin-left: var(--space-9);
    }

    .pl-9\@d-sm {
        padding-left: var(--space-9);
    }

    .mr-9\@d-sm {
        margin-right: var(--space-9);
    }

    .pr-9\@d-sm {
        padding-right: var(--space-9);
    }

    .mt-10\@d-sm {
        margin-top: var(--space-10);
    }

    .pt-10\@d-sm {
        padding-top: var(--space-10);
    }

    .mb-10\@d-sm {
        margin-bottom: var(--space-10);
    }

    .pb-10\@d-sm {
        padding-bottom: var(--space-10);
    }

    .ml-10\@d-sm {
        margin-left: var(--space-10);
    }

    .pl-10\@d-sm {
        padding-left: var(--space-10);
    }

    .mr-10\@d-sm {
        margin-right: var(--space-10);
    }

    .pr-10\@d-sm {
        padding-right: var(--space-10);
    }

    .mx-0\@d-sm {
        margin-left: 0;
        margin-right: 0;
    }

    .px-0\@d-sm {
        padding-left: 0;
        padding-right: 0;
    }

    .my-0\@d-sm {
        margin-top: 0;
        margin-bottom: 0;
    }

    .py-0\@d-sm {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mx-1\@d-sm {
        margin-left: var(--space-1);
        margin-right: var(--space-1);
    }

    .px-1\@d-sm {
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }

    .my-1\@d-sm {
        margin-top: var(--space-1);
        margin-bottom: var(--space-1);
    }

    .py-1\@d-sm {
        padding-top: var(--space-1);
        padding-bottom: var(--space-1);
    }

    .mx-2\@d-sm {
        margin-left: var(--space-2);
        margin-right: var(--space-2);
    }

    .px-2\@d-sm {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }

    .my-2\@d-sm {
        margin-top: var(--space-2);
        margin-bottom: var(--space-2);
    }

    .py-2\@d-sm {
        padding-top: var(--space-2);
        padding-bottom: var(--space-2);
    }

    .mx-3\@d-sm {
        margin-left: var(--space-3);
        margin-right: var(--space-3);
    }

    .px-3\@d-sm {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }

    .my-3\@d-sm {
        margin-top: var(--space-3);
        margin-bottom: var(--space-3);
    }

    .py-3\@d-sm {
        padding-top: var(--space-3);
        padding-bottom: var(--space-3);
    }

    .mx-4\@d-sm {
        margin-left: var(--space-4);
        margin-right: var(--space-4);
    }

    .px-4\@d-sm {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .my-4\@d-sm {
        margin-top: var(--space-4);
        margin-bottom: var(--space-4);
    }

    .py-4\@d-sm {
        padding-top: var(--space-4);
        padding-bottom: var(--space-4);
    }

    .mx-5\@d-sm {
        margin-left: var(--space-5);
        margin-right: var(--space-5);
    }

    .px-5\@d-sm {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }

    .my-5\@d-sm {
        margin-top: var(--space-5);
        margin-bottom: var(--space-5);
    }

    .py-5\@d-sm {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }

    .mx-6\@d-sm {
        margin-left: var(--space-6);
        margin-right: var(--space-6);
    }

    .px-6\@d-sm {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }

    .my-6\@d-sm {
        margin-top: var(--space-6);
        margin-bottom: var(--space-6);
    }

    .py-6\@d-sm {
        padding-top: var(--space-6);
        padding-bottom: var(--space-6);
    }

    .mx-7\@d-sm {
        margin-left: var(--space-7);
        margin-right: var(--space-7);
    }

    .px-7\@d-sm {
        padding-left: var(--space-7);
        padding-right: var(--space-7);
    }

    .my-7\@d-sm {
        margin-top: var(--space-7);
        margin-bottom: var(--space-7);
    }

    .py-7\@d-sm {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }

    .mx-8\@d-sm {
        margin-left: var(--space-8);
        margin-right: var(--space-8);
    }

    .px-8\@d-sm {
        padding-left: var(--space-8);
        padding-right: var(--space-8);
    }

    .my-8\@d-sm {
        margin-top: var(--space-8);
        margin-bottom: var(--space-8);
    }

    .py-8\@d-sm {
        padding-top: var(--space-8);
        padding-bottom: var(--space-8);
    }

    .mx-9\@d-sm {
        margin-left: var(--space-9);
        margin-right: var(--space-9);
    }

    .px-9\@d-sm {
        padding-left: var(--space-9);
        padding-right: var(--space-9);
    }

    .my-9\@d-sm {
        margin-top: var(--space-9);
        margin-bottom: var(--space-9);
    }

    .py-9\@d-sm {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }

    .mx-10\@d-sm {
        margin-left: var(--space-10);
        margin-right: var(--space-10);
    }

    .px-10\@d-sm {
        padding-left: var(--space-10);
        padding-right: var(--space-10);
    }

    .my-10\@d-sm {
        margin-top: var(--space-10);
        margin-bottom: var(--space-10);
    }

    .py-10\@d-sm {
        padding-top: var(--space-10);
        padding-bottom: var(--space-10);
    }
}

@media(min-width:1400px) {
    .mt-0\@d-lg {
        margin-top: 0;
    }

    .pt-0\@d-lg {
        padding-top: 0;
    }

    .mb-0\@d-lg {
        margin-bottom: 0;
    }

    .pb-0\@d-lg {
        padding-bottom: 0;
    }

    .ml-0\@d-lg {
        margin-left: 0;
    }

    .pl-0\@d-lg {
        padding-left: 0;
    }

    .mr-0\@d-lg {
        margin-right: 0;
    }

    .pr-0\@d-lg {
        padding-right: 0;
    }

    .mt-1\@d-lg {
        margin-top: var(--space-1);
    }

    .pt-1\@d-lg {
        padding-top: var(--space-1);
    }

    .mb-1\@d-lg {
        margin-bottom: var(--space-1);
    }

    .pb-1\@d-lg {
        padding-bottom: var(--space-1);
    }

    .ml-1\@d-lg {
        margin-left: var(--space-1);
    }

    .pl-1\@d-lg {
        padding-left: var(--space-1);
    }

    .mr-1\@d-lg {
        margin-right: var(--space-1);
    }

    .pr-1\@d-lg {
        padding-right: var(--space-1);
    }

    .mt-2\@d-lg {
        margin-top: var(--space-2);
    }

    .pt-2\@d-lg {
        padding-top: var(--space-2);
    }

    .mb-2\@d-lg {
        margin-bottom: var(--space-2);
    }

    .pb-2\@d-lg {
        padding-bottom: var(--space-2);
    }

    .ml-2\@d-lg {
        margin-left: var(--space-2);
    }

    .pl-2\@d-lg {
        padding-left: var(--space-2);
    }

    .mr-2\@d-lg {
        margin-right: var(--space-2);
    }

    .pr-2\@d-lg {
        padding-right: var(--space-2);
    }

    .mt-3\@d-lg {
        margin-top: var(--space-3);
    }

    .pt-3\@d-lg {
        padding-top: var(--space-3);
    }

    .mb-3\@d-lg {
        margin-bottom: var(--space-3);
    }

    .pb-3\@d-lg {
        padding-bottom: var(--space-3);
    }

    .ml-3\@d-lg {
        margin-left: var(--space-3);
    }

    .pl-3\@d-lg {
        padding-left: var(--space-3);
    }

    .mr-3\@d-lg {
        margin-right: var(--space-3);
    }

    .pr-3\@d-lg {
        padding-right: var(--space-3);
    }

    .mt-4\@d-lg {
        margin-top: var(--space-4);
    }

    .pt-4\@d-lg {
        padding-top: var(--space-4);
    }

    .mb-4\@d-lg {
        margin-bottom: var(--space-4);
    }

    .pb-4\@d-lg {
        padding-bottom: var(--space-4);
    }

    .ml-4\@d-lg {
        margin-left: var(--space-4);
    }

    .pl-4\@d-lg {
        padding-left: var(--space-4);
    }

    .mr-4\@d-lg {
        margin-right: var(--space-4);
    }

    .pr-4\@d-lg {
        padding-right: var(--space-4);
    }

    .mt-5\@d-lg {
        margin-top: var(--space-5);
    }

    .pt-5\@d-lg {
        padding-top: var(--space-5);
    }

    .mb-5\@d-lg {
        margin-bottom: var(--space-5);
    }

    .pb-5\@d-lg {
        padding-bottom: var(--space-5);
    }

    .ml-5\@d-lg {
        margin-left: var(--space-5);
    }

    .pl-5\@d-lg {
        padding-left: var(--space-5);
    }

    .mr-5\@d-lg {
        margin-right: var(--space-5);
    }

    .pr-5\@d-lg {
        padding-right: var(--space-5);
    }

    .mt-6\@d-lg {
        margin-top: var(--space-6);
    }

    .pt-6\@d-lg {
        padding-top: var(--space-6);
    }

    .mb-6\@d-lg {
        margin-bottom: var(--space-6);
    }

    .pb-6\@d-lg {
        padding-bottom: var(--space-6);
    }

    .ml-6\@d-lg {
        margin-left: var(--space-6);
    }

    .pl-6\@d-lg {
        padding-left: var(--space-6);
    }

    .mr-6\@d-lg {
        margin-right: var(--space-6);
    }

    .pr-6\@d-lg {
        padding-right: var(--space-6);
    }

    .mt-7\@d-lg {
        margin-top: var(--space-7);
    }

    .pt-7\@d-lg {
        padding-top: var(--space-7);
    }

    .mb-7\@d-lg {
        margin-bottom: var(--space-7);
    }

    .pb-7\@d-lg {
        padding-bottom: var(--space-7);
    }

    .ml-7\@d-lg {
        margin-left: var(--space-7);
    }

    .pl-7\@d-lg {
        padding-left: var(--space-7);
    }

    .mr-7\@d-lg {
        margin-right: var(--space-7);
    }

    .pr-7\@d-lg {
        padding-right: var(--space-7);
    }

    .mt-8\@d-lg {
        margin-top: var(--space-8);
    }

    .pt-8\@d-lg {
        padding-top: var(--space-8);
    }

    .mb-8\@d-lg {
        margin-bottom: var(--space-8);
    }

    .pb-8\@d-lg {
        padding-bottom: var(--space-8);
    }

    .ml-8\@d-lg {
        margin-left: var(--space-8);
    }

    .pl-8\@d-lg {
        padding-left: var(--space-8);
    }

    .mr-8\@d-lg {
        margin-right: var(--space-8);
    }

    .pr-8\@d-lg {
        padding-right: var(--space-8);
    }

    .mt-9\@d-lg {
        margin-top: var(--space-9);
    }

    .pt-9\@d-lg {
        padding-top: var(--space-9);
    }

    .mb-9\@d-lg {
        margin-bottom: var(--space-9);
    }

    .pb-9\@d-lg {
        padding-bottom: var(--space-9);
    }

    .ml-9\@d-lg {
        margin-left: var(--space-9);
    }

    .pl-9\@d-lg {
        padding-left: var(--space-9);
    }

    .mr-9\@d-lg {
        margin-right: var(--space-9);
    }

    .pr-9\@d-lg {
        padding-right: var(--space-9);
    }

    .mt-10\@d-lg {
        margin-top: var(--space-10);
    }

    .pt-10\@d-lg {
        padding-top: var(--space-10);
    }

    .mb-10\@d-lg {
        margin-bottom: var(--space-10);
    }

    .pb-10\@d-lg {
        padding-bottom: var(--space-10);
    }

    .ml-10\@d-lg {
        margin-left: var(--space-10);
    }

    .pl-10\@d-lg {
        padding-left: var(--space-10);
    }

    .mr-10\@d-lg {
        margin-right: var(--space-10);
    }

    .pr-10\@d-lg {
        padding-right: var(--space-10);
    }

    .mx-0\@d-lg {
        margin-left: 0;
        margin-right: 0;
    }

    .px-0\@d-lg {
        padding-left: 0;
        padding-right: 0;
    }

    .my-0\@d-lg {
        margin-top: 0;
        margin-bottom: 0;
    }

    .py-0\@d-lg {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mx-1\@d-lg {
        margin-left: var(--space-1);
        margin-right: var(--space-1);
    }

    .px-1\@d-lg {
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }

    .my-1\@d-lg {
        margin-top: var(--space-1);
        margin-bottom: var(--space-1);
    }

    .py-1\@d-lg {
        padding-top: var(--space-1);
        padding-bottom: var(--space-1);
    }

    .mx-2\@d-lg {
        margin-left: var(--space-2);
        margin-right: var(--space-2);
    }

    .px-2\@d-lg {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }

    .my-2\@d-lg {
        margin-top: var(--space-2);
        margin-bottom: var(--space-2);
    }

    .py-2\@d-lg {
        padding-top: var(--space-2);
        padding-bottom: var(--space-2);
    }

    .mx-3\@d-lg {
        margin-left: var(--space-3);
        margin-right: var(--space-3);
    }

    .px-3\@d-lg {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }

    .my-3\@d-lg {
        margin-top: var(--space-3);
        margin-bottom: var(--space-3);
    }

    .py-3\@d-lg {
        padding-top: var(--space-3);
        padding-bottom: var(--space-3);
    }

    .mx-4\@d-lg {
        margin-left: var(--space-4);
        margin-right: var(--space-4);
    }

    .px-4\@d-lg {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .my-4\@d-lg {
        margin-top: var(--space-4);
        margin-bottom: var(--space-4);
    }

    .py-4\@d-lg {
        padding-top: var(--space-4);
        padding-bottom: var(--space-4);
    }

    .mx-5\@d-lg {
        margin-left: var(--space-5);
        margin-right: var(--space-5);
    }

    .px-5\@d-lg {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }

    .my-5\@d-lg {
        margin-top: var(--space-5);
        margin-bottom: var(--space-5);
    }

    .py-5\@d-lg {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }

    .mx-6\@d-lg {
        margin-left: var(--space-6);
        margin-right: var(--space-6);
    }

    .px-6\@d-lg {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }

    .my-6\@d-lg {
        margin-top: var(--space-6);
        margin-bottom: var(--space-6);
    }

    .py-6\@d-lg {
        padding-top: var(--space-6);
        padding-bottom: var(--space-6);
    }

    .mx-7\@d-lg {
        margin-left: var(--space-7);
        margin-right: var(--space-7);
    }

    .px-7\@d-lg {
        padding-left: var(--space-7);
        padding-right: var(--space-7);
    }

    .my-7\@d-lg {
        margin-top: var(--space-7);
        margin-bottom: var(--space-7);
    }

    .py-7\@d-lg {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }

    .mx-8\@d-lg {
        margin-left: var(--space-8);
        margin-right: var(--space-8);
    }

    .px-8\@d-lg {
        padding-left: var(--space-8);
        padding-right: var(--space-8);
    }

    .my-8\@d-lg {
        margin-top: var(--space-8);
        margin-bottom: var(--space-8);
    }

    .py-8\@d-lg {
        padding-top: var(--space-8);
        padding-bottom: var(--space-8);
    }

    .mx-9\@d-lg {
        margin-left: var(--space-9);
        margin-right: var(--space-9);
    }

    .px-9\@d-lg {
        padding-left: var(--space-9);
        padding-right: var(--space-9);
    }

    .my-9\@d-lg {
        margin-top: var(--space-9);
        margin-bottom: var(--space-9);
    }

    .py-9\@d-lg {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }

    .mx-10\@d-lg {
        margin-left: var(--space-10);
        margin-right: var(--space-10);
    }

    .px-10\@d-lg {
        padding-left: var(--space-10);
        padding-right: var(--space-10);
    }

    .my-10\@d-lg {
        margin-top: var(--space-10);
        margin-bottom: var(--space-10);
    }

    .py-10\@d-lg {
        padding-top: var(--space-10);
        padding-bottom: var(--space-10);
    }
}

#site-banner {
    font-family: roboto, sans-serif;
    color: #fff;
    background: #0133a3;
    text-align: center;
    font-size: 14px;
    padding: 4px 10px;
}

@media(min-width:481px) {
    #site-banner {
        font-size: 16px;
    }
}

.homepage-hero {
    position: relative;
    width: 100%;
    height: 470px;
    background-image: url(images/home-hero-mobile.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #0133a3;
    background-position: center bottom;
}

@media(max-width:480px) and (-webkit-min-device-pixel-ratio:2),
(max-width:480px) and (min-resolution:192dpi) {
    .homepage-hero {
        background-image: url(images/home-hero-mobile@2x.jpg);
    }
}

@media(min-width:481px) {
    .homepage-hero {
        background-image: url(images/home-hero-tablet.jpg);
        background-size: auto 100%;
        height: 548px;
    }
}

@media(min-width:481px) and (-webkit-min-device-pixel-ratio:2),
(min-width:481px) and (min-resolution:192dpi) {
    .homepage-hero {
        background-image: url(images/home-hero-tablet@2x.jpg);
    }
}

@media(min-width:768px) {
    .homepage-hero {
        background-image: none;
    }
}

.homepage-hero .animated-flying-objects {
    position: relative;
    width: 700px;
    margin: 0 auto;
    display: none;
}

.homepage-hero .svg-plane-wrap {
    display: none;
    position: absolute;
}

@media(min-width:768px) {
    .homepage-hero .svg-plane-wrap {
        display: block;
        width: 130px;
        height: 130px;
        top: -30px;
        left: 0;
    }
}

.homepage-hero .svg-candy-wrap {
    display: none;
    position: absolute;
}

@media(min-width:768px) {
    .homepage-hero .svg-candy-wrap {
        display: block;
        width: 90px;
        height: 90px;
        top: 50px;
        left: -250px;
    }
}

.homepage-hero .svg-balloon-wrap {
    display: none;
    position: absolute;
}

@media(min-width:768px) {
    .homepage-hero .svg-balloon-wrap {
        display: block;
        width: 120px;
        height: 136px;
        top: 0;
        right: 0;
    }
}

.homepage-hero .svg-helicopter-wrap {
    display: none;
    position: absolute;
}

@media(min-width:768px) {
    .homepage-hero .svg-helicopter-wrap {
        display: block;
        width: 80px;
        height: 59.3333333333px;
        top: -50px;
        right: -250px;
    }
}

.homepage-hero .svg-wrap.animating {
    opacity: 1;
}

@media(min-width:326px) and (max-width:375px) {
    .homepage-hero {
        height: 550px;
    }
}

@media(min-width:376px) and (max-width:430px) {
    .homepage-hero {
        height: 605px;
    }
}

@media(min-width:431px) and (max-width:481px) {
    .homepage-hero {
        height: 650px;
    }
}

.homepage-hero .home-hero-heading {
    text-align: center;
}

.homepage-hero .home-hero-heading span {
    text-align: center;
    color: #fff;
    font-family: fredoka one, sans-serif;
    line-height: 1;
    display: block;
}

.homepage-hero .home-hero-heading .home-hero-heading-top {
    font-size: 25px;
}

@media(min-width:481px) and (max-width:768px) {
    .homepage-hero .home-hero-heading .home-hero-heading-top {
        font-size: 22px;
    }
}

@media(min-width:900px) {
    .homepage-hero .home-hero-heading .home-hero-heading-top {
        font-size: 30px;
    }
}

.homepage-hero .home-hero-heading .home-hero-heading-bottom {
    font-size: 48px;
}

@media(min-width:481px) and (max-width:768px) {
    .homepage-hero .home-hero-heading .home-hero-heading-bottom {
        font-size: 36px;
    }
}

@media(min-width:900px) {
    .homepage-hero .home-hero-heading .home-hero-heading-bottom {
        font-size: 60px;
    }
}

@media(min-width:1125px) {
    .homepage-hero .home-hero-heading {
        position: relative;
        z-index: 3;
    }
}

.homepage-hero .home-hero-buttons {
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media(min-width:326px) and (max-width:375px) {
    .homepage-hero .home-hero-buttons {
        bottom: 30px;
    }
}

@media(min-width:376px) and (max-width:480px) {
    .homepage-hero .home-hero-buttons {
        bottom: 40px;
    }
}

@media(min-width:481px) {
    .homepage-hero .home-hero-buttons {
        flex-direction: row;
        bottom: 18px;
    }
}

.homepage-hero .home-hero-buttons .btn-join a,
.homepage-hero .home-hero-buttons .btn-gift a {
    display: block;
    text-align: center;
    width: 180px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 40px;
    padding: 10px 20px;
    color: #fff;
    font-family: fredoka one, sans-serif;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 15px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

@media(min-width:481px) {

    .homepage-hero .home-hero-buttons .btn-join a,
    .homepage-hero .home-hero-buttons .btn-gift a {
        width: 186px;
        height: 44px;
        font-size: 18px;
    }
}

.homepage-hero .home-hero-buttons .btn-join a {
    background-color: #f44336;
    margin-bottom: 10px;
}

@media(min-width:481px) {
    .homepage-hero .home-hero-buttons .btn-join a {
        margin-bottom: 0;
        margin-right: 5px;
    }
}

.homepage-hero .home-hero-buttons .btn-gift a {
    background-color: #0133a3;
}

@media(min-width:481px) {
    .homepage-hero .home-hero-buttons .btn-gift a {
        margin-left: 5px;
    }
}

.ready-to-animate-opacity {
    opacity: 0;
}

.animated-hero-control .ready-to-animate-opacity {
    opacity: 1;
}

@media(min-width:768px) {
    .animated-hero-control .homepage-hero {
        background-image: url(images/home-hero-desktop.jpg);
    }
}

.animated-hero .ready-to-animate-opacity {
    opacity: 0;
}

@media(min-width:768px) {
    .animated-hero .homepage-hero {
        background-image: url(images/home-hero-desktop-no-flying.jpg);
    }
}

.animated-hero .homepage-hero .animated-flying-objects {
    display: block;
}

.long-truck-section {
    background-color: #fff;
    position: relative;
    z-index: 3;
}

.long-truck {
    padding-top: 15px;
    padding-bottom: 10px;
    margin: 0 20px;
    max-width: 500px;
}

@media(min-width:541px) {
    .long-truck {
        margin: 0 auto;
    }
}

.long-truck .long-truck-text {
    font-family: fredoka one, sans-serif;
    fill: #000;
    font-size: 21px;
}

.whats-in-a-box {
    overflow: hidden;
    position: relative;
    background-color: #fbbb3d;
    letter-spacing: -.5px;
    padding-bottom: 147px;
    position: relative;
    z-index: 2;
}

@media(min-width:600px) {
    .whats-in-a-box {
        background-color: transparent;
        padding-bottom: 35px;
    }
}

@media(min-width:992px) {
    .whats-in-a-box {
        padding-bottom: 0;
    }
}

.whats-in-a-box .whats-in-a-box-heading {
    font-size: 40px;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-heading {
        font-size: 50px;
    }
}

.whats-in-a-box .whats-in-a-box-items {
    flex-direction: column;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items {
        flex-direction: row;
    }
}

.whats-in-a-box .whats-in-a-box-items h3 {
    font-size: 25px;
    line-height: 32px;
}

@media(min-width:992px) {
    .whats-in-a-box .whats-in-a-box-items h3 {
        font-size: 30px;
    }
}

.whats-in-a-box .whats-in-a-box-items p {
    font-size: 15px;
    line-height: 22px;
}

@media(min-width:992px) {
    .whats-in-a-box .whats-in-a-box-items p {
        font-size: 20px;
        line-height: 30px;
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap {
    position: relative;
    z-index: 2;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap {
        flex: 0 1 33%
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type {
    flex-direction: row-reverse;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type {
        flex-direction: column;
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-content {
    margin-top: 40px;
    flex: 0 1 62%;
    height: 100px;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-content {
        margin-top: 0;
        flex: 0 1 auto;
        height: auto;
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-image {
    flex: 1 0 204px;
    background-image: url(images/tasty-treats.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 204px;
    height: 287px;
    position: absolute;
    left: -15px;
    top: -34px;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-image {
        flex: 1 0 200px;
        background-image: url(images/tasty-treats-desktop.png);
        background-size: auto 200px;
        background-position: bottom center;
        width: 100%;
        height: auto;
        position: relative;
        left: auto;
        top: auto;
    }
}

@media(min-width:992px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-image {
        flex: 1 0 330px;
        background-size: auto 330px;
    }
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) {
        flex-direction: column-reverse;
        flex: 0 1 34%
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-content {
    margin-top: 97px;
    flex: 0 1 60%;
    height: 150px;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-content {
        margin-top: 0;
        flex: 1 0 auto;
        height: auto;
        padding: 0 20px;
    }
}

@media(min-width:768px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-content {
        padding: 0 20px 0 40px;
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-content h3 {
    text-align: center;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-content h3 {
        text-align: left;
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-image {
    flex: 1 0 204px;
    background-image: url(images/unforgettable-flavors.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 165px;
    height: 279px;
    position: absolute;
    right: -15px;
    top: 8px;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-image {
        flex: 0 1 150px;
        background-image: url(images/unforgettable-flavors-desktop.png);
        background-size: auto 150px;
        background-position: top center;
        width: 105%;
        height: auto;
        position: relative;
        left: -5%;
        top: auto;
    }
}

@media(min-width:992px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-image {
        flex: 1 0 200px;
        background-size: auto 280px;
        top: -30px;
    }
}

@media(min-width:1200px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(2) .whats-in-a-box-image {
        flex: 1 0 220px;
        background-size: auto 330px;
        top: -20px;
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(3) {
    flex-direction: row-reverse;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(3) {
        flex-direction: column;
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(3) .whats-in-a-box-content {
    margin-top: 58px;
    flex: 0 1 58%
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(3) .whats-in-a-box-content {
        margin-top: 0;
        flex: 0 1 auto;
    }
}

.whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(3) .whats-in-a-box-image {
    flex: 1 0 204px;
    background-image: url(images/dont-forget-fun.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 162px;
    height: 275px;
    position: absolute;
    left: -15px;
    top: 8px;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(3) .whats-in-a-box-image {
        flex: 1 0 230px;
        background-image: url(images/dont-forget-fun-desktop.png);
        background-size: auto 250px;
        background-position: bottom center;
        width: 100%;
        height: auto;
        position: relative;
        left: auto;
        top: auto;
    }
}

@media(min-width:992px) {
    .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:nth-of-type(3) .whats-in-a-box-image {
        flex: 1 0 360px;
        background-size: auto 360px;
    }
}

@media(min-width:600px) {
    .whats-in-a-box:after {
        z-index: -1;
        position: absolute;
        background: #fbbb3d;
        content: "";
        height: 1300px;
        width: 2500px;
        top: 0;
        left: 50%;
        transform: translateX(-50%) rotate(-20deg);
        border-radius: 50%
    }
}

@media(min-width:600px) {
    .whats-in-a-box:after {
        top: -850px;
        transform: translateX(-50%);
    }
}

@media(min-width:992px) {
    .whats-in-a-box:after {
        top: -730px;
        transform: translateX(-50%);
    }
}

.whats-in-a-box .whats-in-box-lines {
    width: 480px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    z-index: 0;
}

@media(min-width:600px) {
    .whats-in-a-box .whats-in-box-lines {
        display: none;
    }
}

.how-it-works-section {
    overflow: hidden;
    background: #fff;
}

.how-it-works-section .how-it-works-heading {
    font-size: 40px;
}

@media(min-width:992px) {
    .how-it-works-section .how-it-works-heading {
        font-size: 50px;
    }
}

@media(min-width:600px) {

    .how-it-works-section .container,
    .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper,
    body.woocommerce-cart article .how-it-works-section .woocommerce-notices-wrapper,
    .how-it-works-section .pagination {
        max-width: 900px;
    }
}

.how-it-works-section .how-it-works {
    flex-direction: column;
}

@media(min-width:600px) {
    .how-it-works-section .how-it-works {
        flex-direction: row;
        margin-top: 60px;
    }
}

.how-it-works-section .how-it-works li {
    flex-direction: row;
    align-items: start;
}

.how-it-works-section .how-it-works li header {
    flex: 1 0 54%
}

.how-it-works-section .how-it-works li h3 {
    font-family: fredoka one, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
}

@media(min-width:600px) {
    .how-it-works-section .how-it-works li h3 {
        margin-top: 20px;
    }
}

.how-it-works-section .how-it-works li strong {
    font-size: 60px;
    display: inline-block;
    margin-right: 5px;
}

.how-it-works-section .how-it-works li p {
    font-size: 15px;
}

@media(min-width:600px) {
    .how-it-works-section .how-it-works li p {
        font-size: 20px;
        padding-right: 30px;
    }
}

.how-it-works-section .how-it-works li .how-it-works-image {
    flex: 0 1 auto;
    background: #a7dacb;
    display: block;
    width: 191px;
    height: 191px;
    border-radius: 50%;
    position: relative;
    right: -10px;
}

.how-it-works-section .how-it-works li .how-it-works-image svg {
    display: block;
    width: 191px;
    height: 191px;
    margin-top: 30px;
    margin-left: 10px;
}

@media(min-width:600px) {
    .how-it-works-section .how-it-works li:first-of-type .how-it-works-image svg {
        height: 204px;
        margin-top: 20px;
    }
}

.how-it-works-section .how-it-works li:nth-of-type(2) {
    flex-direction: row-reverse;
    align-items: flex-end;
}

.how-it-works-section .how-it-works li:nth-of-type(2) header {
    margin-top: 20px;
    margin-left: 10px;
}

.how-it-works-section .how-it-works li:nth-of-type(2) .how-it-works-image {
    right: auto;
    left: -10px;
}

.how-it-works-section .how-it-works li:nth-of-type(2) .how-it-works-image svg {
    transform: rotate(-15deg);
    margin-top: 10px;
}

@media(min-width:600px) {
    .how-it-works-section .how-it-works li:nth-of-type(2) {
        flex-direction: column-reverse;
    }

    .how-it-works-section .how-it-works li:nth-of-type(2) header {
        margin-top: 0;
    }

    .how-it-works-section .how-it-works li:nth-of-type(2) .how-it-works-image {
        right: auto;
        left: auto;
        margin: 0 auto;
    }

    .how-it-works-section .how-it-works li:nth-of-type(2) .how-it-works-image svg {
        transform: rotate(-15deg);
        margin-top: 10px;
    }
}

.how-it-works-section .how-it-works li:nth-of-type(3) {
    align-items: flex-end;
    padding-bottom: 20px;
}

.how-it-works-section .how-it-works li:nth-of-type(3) header {
    margin-top: 0;
}

.how-it-works-section .how-it-works li:nth-of-type(3) .how-it-works-image svg {
    width: 215px;
    height: 215px;
    transform: rotate(-10deg);
    margin-top: -25px;
    margin-left: -20px;
}

@media(min-width:600px) {
    .how-it-works-section .how-it-works li {
        flex-direction: column-reverse;
    }

    .how-it-works-section .how-it-works li header {
        margin-top: 0;
    }

    .how-it-works-section .how-it-works li .how-it-works-image {
        left: auto;
        margin: 0 auto;
    }

    .how-it-works-section .how-it-works li .how-it-works-image svg {
        margin: 0;
    }
}

.notification,
.woocommerce-checkout .woocommerce-error {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    z-index: 5;
    position: relative;
    background: #fff;
    margin: 0 0 10px;
    padding: 15px;
    border-bottom: 2px solid #ef4344;
}

.notification.woocommerce-error,
.woocommerce-checkout .woocommerce-error.woocommerce-error {
    font-family: fredoka one, sans-serif;
}

.notification h6,
.woocommerce-checkout .woocommerce-error h6 {
    font-size: .9375rem;
    color: #2b2b2b;
}

.notification.notice,
.woocommerce-checkout .woocommerce-error.notice {
    border-bottom: 2px solid #4caf50;
}

.notification.correct-coupon,
.woocommerce-checkout .woocommerce-error.correct-coupon {
    background: #0133a3;
    padding: 15px 0;
    color: #fff;
    border-bottom: none;
}

.notification.correct-coupon h5,
.woocommerce-checkout .woocommerce-error.correct-coupon h5 {
    padding-bottom: 5px;
}

@media(min-width:601px) {

    .notification.correct-coupon h5,
    .woocommerce-checkout .woocommerce-error.correct-coupon h5 {
        padding-bottom: 0;
        display: inline;
    }
}

.woocommerce-checkout .woocommerce-error {
    margin-bottom: 0;
}

.join-box-options li {
    max-width: 100%
}

.join-box-options .join-box-option-img-wrap img {
    transform: scale(.9);
}

.join-box-options li:first-of-type .join-box-option-img-wrap {
    width: 140px;
}

.join-box-options li:nth-of-type(2) .join-box-option-img-wrap {
    width: 150px;
}

.join-box-options li:nth-of-type(3) .join-box-option-img-wrap {
    width: 160px;
}

@media(min-width:374px) {
    .join-box-options li:first-of-type .join-box-option-img-wrap {
        width: 180px;
    }

    .join-box-options li:nth-of-type(2) .join-box-option-img-wrap {
        width: 190px;
    }

    .join-box-options li:nth-of-type(3) .join-box-option-img-wrap {
        width: 200px;
    }
}

@media(min-width:460px) {
    .join-box-options li:first-of-type .join-box-option-img-wrap {
        width: 270px;
    }

    .join-box-options li:nth-of-type(2) .join-box-option-img-wrap {
        width: 280px;
    }

    .join-box-options li:nth-of-type(3) .join-box-option-img-wrap {
        width: 290px;
    }
}

@media(min-width:600px) {
    .join-box-options .join-box-option-img-wrap {
        width: 100%
    }

    .join-box-options .join-box-option-img-wrap img {
        max-height: 300px;
        width: auto;
        margin: 0 auto;
    }
}

.join-box-options li:first-of-type .join-box-option,
.join-box-options li:nth-of-type(2) .join-box-option {
    position: relative;
}

.join-box-options li:first-of-type .join-box-option:after,
.join-box-options li:nth-of-type(2) .join-box-option:after {
    content: "";
    height: 1px;
    background: #0133a3;
    display: inline-block;
    width: calc(100% - 30px);
    left: 15px;
    position: absolute;
    bottom: -20px;
}

@media(min-width:992px) {

    .join-box-options li:first-of-type .join-box-option:after,
    .join-box-options li:nth-of-type(2) .join-box-option:after {
        display: none;
    }
}

.join-box-options .join-box-option-img-wrap {
    position: relative;
    max-width: 100%
}

@media(min-width:992px) {
    .join-box-options .join-box-option-img-wrap {
        height: 320px;
    }
}

.join-box-options .most-popular {
    margin-top: 15px;
}

@media(min-width:992px) {
    .join-box-options .most-popular {
        margin-top: 0;
    }
}

.join-box-options .most-popular .join-box-option-img-wrap {
    margin-bottom: 30px;
}

@media(min-width:992px) {
    .join-box-options .most-popular .join-box-option-img-wrap {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
}

.join-box-options .most-popular .join-box-option-img-wrap:after {
    content: "";
    position: absolute;
    border: 3px solid #fbbb3d;
    border-radius: 25px;
    z-index: 5;
    right: -5px;
    left: -5px;
    bottom: -20px;
    top: 0;
}

@media(min-width:600px) {
    .join-box-options .most-popular .join-box-option-img-wrap:after {
        right: -10px;
        left: -10px;
        bottom: -20px;
        top: 10px;
    }
}

.join-box-options .most-popular .join-box-option-img-wrap:before {
    content: "Most Popular";
    position: absolute;
    background: #fff;
    color: #0133a3;
    font-size: 13px;
    width: 100px;
    font-family: fredoka one, sans-serif;
    font-weight: 300;
    z-index: 8;
    text-align: center;
    left: calc((100% - 100px)/2);
    top: -7px;
}

@media(min-width:481px) {
    .join-box-options .most-popular .join-box-option-img-wrap:before {
        font-size: 15px;
        left: calc((100% - 120px)/2);
        width: 120px;
    }
}

@media(min-width:600px) {
    .join-box-options .most-popular .join-box-option-img-wrap:before {
        font-size: 20px;
        width: 160px;
        left: calc((100% - 160px)/2);
        top: -4px;
    }
}

.join-box-options .join-box-option-details-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
}

.join-box-options .btn-mobile {
    display: block;
}

@media(min-width:992px) {
    .join-box-options .btn-mobile {
        display: none;
    }
}

.join-box-options .btn-desktop {
    display: none;
}

@media(min-width:992px) {
    .join-box-options .btn-desktop {
        display: inline-block;
    }
}

@media(min-width:992px) {
    .join-box-options .divider {
        display: none;
    }
}

.join-box-option-product-description {
    font-size: 15px;
    color: #000;
}

@media(min-width:600px) {
    .join-box-option-product-description {
        justify-self: center;
    }
}

@media(min-width:992px) {
    .join-box-option-product-description {
        min-height: 160px;
    }
}

.join-box-option-product-description li {
    display: flex;
    margin-bottom: 5px;
}

.join-box-option-product-description li i {
    font-size: 16px;
    color: #0133a3;
    font-weight: 700;
    margin-right: 5px;
}

.snacks {
    margin-bottom: 20px;
    text-align: center;
}

.snacks .text {
    display: inline-block;
    text-align: left;
    vertical-align: text-top;
}

.snacks .number {
    display: inline-block;
    font-size: 45px;
    line-height: 35px;
    margin-right: 8px;
    vertical-align: text-top;
    font-variant-numeric: tabular-nums;
    font-family: fredoka one, sans-serif;
    color: #0133a3;
}

.snacks .text-snacks {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
    font-size: 25px;
    line-height: 1;
    margin-top: -5px;
    margin-bottom: -5px;
}

.snacks .text-box {
    font-size: 15px;
    color: #000;
    display: block;
    line-height: 1;
}

.pricetag {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 9;
}

@media(min-width:992px) {
    .pricetag {
        bottom: 5px;
        right: 5px;
    }
}

.pricetag .innerprice {
    width: 75px;
    height: 75px;
    border: 2px solid #fff;
    background-color: #0133a3;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

@media(min-width:992px) {
    .pricetag .innerprice {
        width: 100px;
        height: 100px;
    }
}

.pricetag .innerprice:before {
    content: "As low as";
    font-size: 10px;
    line-height: 1;
    width: 75px;
    font-weight: 100;
    left: 0;
    top: 14px;
    position: absolute;
    color: #fff;
}

@media(min-width:992px) {
    .pricetag .innerprice:before {
        width: 100px;
        font-size: 13px;
    }
}

.pricetag .innerprice .pricenum {
    width: 75px;
    height: 31px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.9;
    position: relative;
}

@media(min-width:992px) {
    .pricetag .innerprice .pricenum {
        width: 100px;
        font-size: 30px;
        line-height: 1.1;
    }
}

.pricetag .innerprice .decimals {
    font-size: 10px;
    position: relative;
    top: 0;
    right: 0;
    vertical-align: super;
}

@media(min-width:992px) {
    .pricetag .innerprice .decimals {
        font-size: 15px;
    }
}

.pricetag .innerprice .perboxtext {
    position: relative;
    width: 75px;
    height: 6px;
    font-size: 10px;
    line-height: 21px;
    text-align: center;
    top: -4px;
    left: 2px;
    color: #fff;
}

@media(min-width:992px) {
    .pricetag .innerprice .perboxtext {
        top: -1px;
        width: 100px;
        font-size: 13px;
    }
}

.promotion-badge {
    margin-top: 10px;
    transition: .1s;
    right: -4px;
    top: 0;
    pointer-events: none;
    z-index: 9;
}

@media(min-width:992px) {
    .promotion-badge {
        right: -10px;
        top: 40px;
    }
}

@media(min-width:1200px) {
    .promotion-badge {
        right: -18px;
    }
}

.promotion-badge.is-hidden-badge {
    opacity: 0;
    margin-top: -15px;
}

.promotion-badge.sale {
    color: #ef4344;
    border: 3px solid #ef4344;
    padding: 2px;
    background: #fff;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    line-height: 1;
    font-family: fredoka one, sans-serif;
}

.promotion-badge.coupon {
    width: 60px;
}

@media(min-width:481px) {
    .promotion-badge.coupon {
        width: 80px;
        right: 0;
        top: 10px;
    }
}

@media(min-width:600px) {
    .promotion-badge.coupon {
        width: 100px;
    }
}

.single-subscription-product>.container,
body.woocommerce-cart article .single-subscription-product>.woocommerce-notices-wrapper,
.single-subscription-product>.pagination {
    max-width: 1000px;
}

.single-subscription-product .join-box-option-product-description {
    min-height: 0;
    margin: 0;
}

@media(min-width:600px) {
    .single-subscription-product .join-box-option-product-description {
        justify-self: start;
    }
}

.single-subscription-product .product-image {
    grid-column: 3/13;
}

.single-subscription-product .option {
    padding: 15px 10px;
    margin: 0 -10px;
}

.single-subscription-product .option.most-popular {
    padding: 10px;
    border: 3px solid #fbbb3d;
    border-radius: 25px;
    position: relative;
}

.single-subscription-product .option.most-popular:before {
    content: "Best Value";
    position: absolute;
    background: #fff;
    color: #0133a3;
    font-size: 13px;
    width: 100px;
    font-family: fredoka one, sans-serif;
    font-weight: 300;
    z-index: 8;
    text-align: center;
    left: calc((100% - 100px)/2);
    top: -12px;
}

@media(min-width:481px) {
    .single-subscription-product .option.most-popular:before {
        font-size: 15px;
        left: calc((100% - 120px)/2);
        width: 120px;
    }
}

@media(min-width:600px) {
    .single-subscription-product .option.most-popular:before {
        font-size: 20px;
        width: 160px;
        left: calc((100% - 160px)/2);
        top: -16px;
    }
}

@media(min-width:480px) {
    .single-subscription-product .option {
        margin: 0;
    }
}

@media(min-width:600px) {
    .single-subscription-product .option {
        padding: 22px 27px 8px 31px;
    }

    .single-subscription-product .option.most-popular {
        padding: 20px 25px;
    }
}

.single-subscription-product .option:last-child {
    padding-bottom: 39px;
    border-bottom: 1px solid #0133a3;
}

.single-subscription-product .btn-same-width {
    font-size: 1.25rem;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 160px;
    letter-spacing: .5px;
}

@media(min-width:600px) {
    .single-subscription-product .btn-same-width {
        width: 190px;
    }
}

@media(max-width:370px) {
    .single-subscription-product .add-to-cart-button-wrapper {
        --span: 12;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .single-subscription-product .price-details {
        --span: 12;
        width: 100%;
        text-align: center;
    }
}

.go-back {
    display: flex;
    align-items: center;
}

.go-back .back-icon {
    font-size: 18px;
    font-weight: 700;
}

.go-back .go-back-text {
    text-decoration: underline;
}

.price-details {
    min-width: 150px;
    line-height: 1.3;
}

@media(min-width:481px) {
    .price-details {
        min-width: 170px;
    }
}

.price-details del bdi,
.price-details del {
    color: #a5a5a5;
}

.price-details .price ins {
    color: #ef4344;
}

.italic-small-text {
    font-style: italic;
    color: #ef4344;
    font-size: 11px;
}

@media(min-width:600px) {
    .italic-small-text {
        font-size: 13px;
    }
}

.items-in-cart-warning .button-wrapper {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.warning-item-list {
    grid-gap: 20px;
}

.warning-item-list .total-items {
    background: #0133a3;
    width: 24px;
    height: 24px;
    line-height: 24px;
    right: -5px;
    top: -5px;
    border-radius: 50%
}

.warning-item-list img {
    max-width: 60px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #707070;
    padding: 10px;
}

@media(min-width:600px) {
    .warning-item-list img {
        max-width: 70px;
    }
}

#checkout-addon-alert {
    max-width: 600px;
}

body.woocommerce-checkout a.woocommerce-remove-coupon {
    font-size: 1rem;
    color: #999;
    font-weight: 400;
}

body.woocommerce-checkout .site-footer {
    display: none;
}

body.woocommerce-checkout div.woocommerce {}

@media(min-width:993px) {
    body.woocommerce-checkout div.woocommerce {
        background: linear-gradient(90deg, white 50%, #E8E8E8 50%);
    }
}

body.woocommerce-checkout div.woocommerce #payment fieldset label {
    font-weight: 600;
}

body.woocommerce-checkout div.woocommerce #payment .braintree-save-checkbox {
    position: relative;
    padding-left: 35px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    user-select: none;
    vertical-align: middle;
    margin-left: 3px;
}

body.woocommerce-checkout div.woocommerce #payment .braintree-save-checkbox:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%;
    border-radius: 1px;
    margin-top: 3px;
    transition: .2s;
}

body.woocommerce-checkout div.woocommerce #payment .braintree-save-checkbox:after {
    border-radius: 2px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 2px;
    z-index: 0;
    transition: .2s;
}

body.woocommerce-checkout div.woocommerce #payment .braintree-save-checkbox:after,
body.woocommerce-checkout div.woocommerce #payment .braintree-save-checkbox:before {
    content: "";
    left: 0;
    position: absolute;
    z-index: 1;
}

body.woocommerce-checkout div.woocommerce #payment #wc-braintree-credit-card-tokenize-payment-method+label {
    font-weight: 400;
}

body.woocommerce-checkout div.woocommerce #payment #wc-braintree-credit-card-tokenize-payment-method:checked+label .braintree-save-checkbox:before {
    top: 2px;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%
}

body.woocommerce-checkout div.woocommerce #payment #wc-braintree-credit-card-tokenize-payment-method:checked+label .braintree-save-checkbox:after {
    top: 2px;
    width: 20px;
    height: 20px;
    border: 2px solid #0133a3;
    background-color: #0133a3;
    z-index: 0;
}

body.woocommerce-checkout div.woocommerce #payment .payment_method_braintree_credit_card .wc-braintree-hosted-field {
    border-radius: 5px;
    border-color: #a5a5a5;
}

body.woocommerce-checkout div.woocommerce #payment .payment_method_braintree_credit_card .braintree-hosted-fields-invalid {
    position: relative;
    box-shadow: inset 0 0 0 1px #f44336;
    border-color: #f44336;
}

body.woocommerce-checkout div.woocommerce #payment .payment_method_braintree_credit_card .braintree-hosted-fields-invalid:not(.card-type-invalid):after {
    content: "";
    display: inline-block;
    background: #fff url(images/invalid-mark.png);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 30px;
    height: 20px;
    position: absolute;
    right: 2px;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 20;
}

body.woocommerce-checkout div.woocommerce #payment .payment_method_braintree_credit_card .braintree-hosted-fields-invalid:not(.card-type-invalid):before {
    content: "";
    background: #fff;
    right: 2px;
    height: 32px;
    width: 60px;
    position: absolute;
    top: 2px;
}

body.woocommerce-checkout div.woocommerce #payment .payment_method_braintree_credit_card .wc-braintree-hosted-field-parent:not(.wc-braintree-hosted-field-card-number-parent) .braintree-hosted-fields-valid {
    position: relative;
}

body.woocommerce-checkout div.woocommerce #payment .payment_method_braintree_credit_card .wc-braintree-hosted-field-parent:not(.wc-braintree-hosted-field-card-number-parent) .braintree-hosted-fields-valid:not(.card-type-invalid):after {
    content: "";
    display: inline-block;
    background: #fff url(images/valid-mark.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    width: 30px;
    height: 20px;
    position: absolute;
    right: 2px;
    bottom: auto;
    top: 10px;
}

@media(min-width:600px) {
    body.woocommerce-checkout div.woocommerce #payment .payment_method_braintree_credit_card .wc-braintree-hosted-field-parent:not(.wc-braintree-hosted-field-card-number-parent) .braintree-hosted-fields-valid:not(.card-type-invalid):after {
        bottom: 12px;
        top: auto;
    }
}

body.woocommerce-checkout div.woocommerce #payment .payment_method_braintree_credit_card .braintree-hosted-fields-focused:not(.braintree-hosted-fields-invalid) {
    box-shadow: inset 0 0 0 1px #0133a3;
    border-color: #0133a3;
}

.review-order-title {
    margin-top: 47px;
}

@media(max-width:991px) {
    .review-order-title {
        font-size: 2rem;
        margin-top: 2rem;
    }
}

form.woocommerce-checkout h4.step-count {
    margin-bottom: 1.52rem;
}

@media(max-width:991px) {
    form.woocommerce-checkout h4.step-count {
        font-size: 1.8rem;
    }
}

form.woocommerce-checkout .forms-inputs {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

form.woocommerce-checkout .forms-inputs label {
    font-weight: 600;
}

form.woocommerce-checkout .forms-inputs input:not([type]):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=text]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=password]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=email]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=url]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=time]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=date]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=datetime]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=tel]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=number]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs input[type=search]:not(.browser-default):focus:not([readonly]),
form.woocommerce-checkout .forms-inputs textarea.materialize-textarea:focus:not([readonly]),
form.woocommerce-checkout .forms-inputs select:focus {
    box-shadow: inset 0 0 0 1px #0133a3;
}

form.woocommerce-checkout .forms-inputs select:focus {
    outline-color: transparent;
    border-color: #0133a3;
}

form.woocommerce-checkout .forms-inputs .form-row {
    margin: 0;
}

@media(max-width:991px) {
    form.woocommerce-checkout .forms-inputs .form-row {
        grid-column-start: 1;
        grid-column-end: 4;
    }
}

form.woocommerce-checkout .forms-inputs .form-row.form-row-wide {
    grid-column-start: 1;
    grid-column-end: 4;
}

form.woocommerce-checkout .forms-inputs .form-row.woocommerce-invalid {
    position: relative;
}

form.woocommerce-checkout .forms-inputs .form-row.woocommerce-invalid:after {
    content: "";
    display: inline-block;
    background: #fff url(images/invalid-mark.png);
    background-repeat: no-repeat;
    background-size: 19px;
    width: 30px;
    height: 20px;
    position: absolute;
    right: 2px;
    bottom: auto;
    top: calc(50% + 2px);
}

@media(min-width:600px) {
    form.woocommerce-checkout .forms-inputs .form-row.woocommerce-invalid:after {
        bottom: 11px;
        top: auto;
    }
}

form.woocommerce-checkout .forms-inputs .form-row.woocommerce-invalid input {
    box-shadow: none;
}

form.woocommerce-checkout .forms-inputs .form-row.woocommerce-validated {
    position: relative;
}

form.woocommerce-checkout .forms-inputs .form-row.woocommerce-validated:after {
    content: "";
    display: inline-block;
    background: #fff url(images/valid-mark.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    width: 30px;
    height: 20px;
    position: absolute;
    right: 2px;
    bottom: auto;
    top: calc(50% + 2px);
}

@media(min-width:600px) {
    form.woocommerce-checkout .forms-inputs .form-row.woocommerce-validated:after {
        bottom: 11px;
        top: auto;
    }
}

form.woocommerce-checkout .forms-inputs .form-row.woocommerce-validated input {
    box-shadow: none;
}

form.woocommerce-checkout .field-example {
    font-size: .875em;
    color: #a5a5a5;
    float: right;
}

form.woocommerce-checkout .required {
    display: none;
}

form.woocommerce-checkout #shipping_address_2_field .optional,
form.woocommerce-checkout #billing_address_2_field .optional {
    display: inline;
}

form.woocommerce-checkout .register-form-checkout.forms-inputs .form-row {
    grid-column-start: 1;
    grid-column-end: 13;
}

form.woocommerce-checkout #loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    z-index: 9999;
    display: none;
}

form.woocommerce-checkout #loader .loader-inner {
    position: relative;
    top: calc(50% - 125px);
    left: calc(50% - 125px);
    width: 250px;
}

form.woocommerce-checkout #loader .animation-container {
    position: relative;
    width: 200px;
    margin-left: 15px;
    padding-top: 100px;
}

form.woocommerce-checkout #loader .animation-container .svg-plane-wrap svg {
    width: 75px;
}

form.woocommerce-checkout #loader .animation-container .svg-candy-wrap svg {
    width: 25px;
}

form.woocommerce-checkout.processing #loader {
    display: block;
}

@media(min-width:993px) {

    [data-selected-country=IL] #shipping_city_field,
    [data-selected-country=PR] #shipping_city_field {
        grid-column-end: 3;
    }
}

@media(min-width:993px) {

    [data-selected-billing-country=IL] #billing_city_field,
    [data-selected-billing-country=PR] #billing_city_field {
        grid-column-end: 3;
    }
}

#already-have-account {
    color: #0033a0;
    text-decoration: underline;
}

div.woocommerce-password-strength {
    text-align: left;
    padding-top: 5px;
}

#payment fieldset {
    padding: 0;
    border: none;
    margin: 0;
}

#payment .braintree-payment-methods {
    display: none;
}

#payment .payment-chooser-wrapper .btn-large {
    min-width: 160px;
}

#payment .payment-chooser-wrapper .btn-large.btn-empty {
    line-height: 53px;
}

@media(max-width:767px) {
    #payment .payment-chooser-wrapper .btn-large {
        height: 50px;
        line-height: 50px;
    }

    #payment .payment-chooser-wrapper .btn-large.btn-empty {
        line-height: 48px;
    }
}

#payment .payment-chooser-wrapper .btn-large.btn-empty:not(:hover) {
    color: #000;
}

[data-selected-payment-method=braintree_paypal]:not(.has-saved-methods) .payment-chooser-wrapper {
    order: 1;
}

[data-selected-payment-method=braintree_paypal]:not(.has-saved-methods) ul.wc_payment_methods {
    order: 3;
}

[data-selected-payment-method=braintree_paypal]:not(.has-saved-methods) .placeorder-wrapper {
    order: 2;
    margin-bottom: 0;
}

#wc-braintree-credit-card-credit-card-form .form-row {
    margin: 0 -3px;
}

.wc-braintree-credit-card-new-payment-method-form {
    display: grid;
    gap: 20px;
}

.card-type svg {
    max-width: 100px;
    max-height: 40px;
}

.saved-payment-methods .card-panel {
    max-width: 350px;
    min-height: 145px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

.saved-payment-methods .card-panel.is-active {
    position: relative;
}

.saved-payment-methods .card-panel.is-active:before {
    content: "";
    background: #fff;
    width: 28px;
    height: 28px;
    position: absolute;
    left: -16px;
    top: calc(50% - 14px);
    border-radius: 50%
}

.saved-payment-methods .card-panel.is-active:after {
    content: "";
    color: #0133a3;
    display: block;
    border-radius: 100%;
    position: absolute;
    left: -12px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: #0133a3 url(./images/check.svg) no-repeat center;
    background-size: 12px;
}

.plus-icon-wrapper {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 2px solid #0133a3;
    border-radius: 50%
}

.plus-icon-wrapper path {
    stroke: #0133a3;
}

.add-new-label {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 35px;
    color: #0133a3;
}

#place_order {
    min-width: 226px;
    text-transform: capitalize;
}

.shipping-option.checkbox {
    padding: 15px 10px 15px 50px;
    margin-bottom: 15px;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
}

@media(min-width:769px) {
    .shipping-option.checkbox {
        padding: 15px 10px 15px 60px;
    }
}

.shipping-option.checkbox input[type=radio] {
    background: 0 0;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    opacity: 1;
    left: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media(min-width:769px) {
    .shipping-option.checkbox input[type=radio] {
        left: 15px;
        width: 30px;
        height: 30px;
        top: calc(50% - 15px);
    }
}

.shipping-option.checkbox input[type=radio]:checked {
    background: url(images/check@2x.png) no-repeat;
    background-repeat: no-repeat;
    background-color: #0133a3;
    border-color: #0133a3;
    background-position: 3px 5px;
    background-size: 14px;
}

@media(min-width:769px) {
    .shipping-option.checkbox input[type=radio]:checked {
        background-position: 3px 6px;
        background-size: 20px;
    }
}

.order-dates {
    gap: 4px;
    margin-top: 33px;
}

@media(min-width:993px) {
    .order-dates {
        max-width: 450px;
    }
}

.order-dates .box {
    padding: 0 15px;
    border-radius: 5px;
    min-height: 50px;
}

@media(min-width:993px) {
    .order-dates .box {
        padding: 10px;
    }
}

.order-dates h4 {
    font-size: 1.5625rem;
    line-height: 2.1875rem;
}

.order-dates svg {
    max-width: 100px;
}

.order-dates .header {
    font-size: 1.25rem;
    line-height: 1.625rem;
    text-align: left;
}

@media(min-width:993px) {
    .order-dates .header {
        text-align: center;
        height: 100%
    }
}

.order-dates .content {
    text-align: right;
}

@media(min-width:993px) {
    .order-dates .content {
        text-align: center;
    }
}

@media(min-width:993px) {
    .order-dates h5 {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

@media(max-width:991px) {

    .order-dates h2,
    .order-dates h4,
    .order-dates h5 {
        display: inline-block;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

.order-dates .bottom {
    line-height: 100%
}

.order-dates .box-number-icon {
    display: inline;
}

@media(min-width:993px) {
    .order-dates .box-number-icon {
        display: block;
        margin-top: 7px;
    }
}

@media(max-width:1399px) {
    #order_summary .subscription>h3 {
        font-size: 1.875rem;
        line-height: 2.125rem;
        text-align: left;
    }
}

#order_summary .checkout-product-image {
    max-width: 215px;
}

@media(min-width:993px) {
    #order_summary .checkout-product-image {
        max-width: 225px;
    }
}

#order_summary .checkout-subscription-details p {
    font-size: .875rem;
    line-height: 1.375rem;
}

@media(max-width:991px) {
    .border-frame-mobile {
        border: 1px solid #0133a3;
        border-radius: 5px;
        padding: 15px 15px 10px;
    }
}

.addon-badge {
    text-transform: uppercase;
    border-radius: 5px;
    padding: .25em .5em;
}

#uy-choose-first-box-wrapper .card {
    border-color: transparent;
    cursor: auto;
    box-shadow: none;
}

#uy-choose-first-box-wrapper .choose-first-box-container {
    margin-top: 0;
    margin-bottom: 0;
}

#uy-choose-first-box-wrapper .choose-first-box-container .choose-first-box {
    border-radius: 5px;
    border: 1px solid #a5a5a5;
    height: 100%
}

@media(min-width:601px) {
    #uy-choose-first-box-wrapper .choose-first-box-container .choose-first-box-info-subtitle {
        font-size: .7rem;
    }
}

#uy-choose-first-box-wrapper .choose-first-box-container input:checked+.choose-first-box {
    background: #0133a3;
    border-color: #0133a3;
    color: #fff;
    cursor: auto;
}

#uy-choose-first-box-wrapper .choose-first-box-container .choose-first-box-image {
    width: 80px;
    margin-right: 10px;
}

#uy-choose-first-box-wrapper .choose-first-box-container .choose-first-box-image img {
    max-width: 80px;
}

#first_month_field input,
#first_month_select_field:after,
#first_month_select_field .optional {
    display: none;
}

#first_month_select_field {
    text-align: center;
    border-bottom: none;
}

#first_month_select_field.is-loading {
    opacity: .5;
    pointer-events: none;
}

#first_month_select_field label.radio {
    width: calc(50% - 5px);
    display: inline-block;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    transition: .2s;
    background: #fff;
    color: #2b2b2b;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
}

@media(min-width:600px) {
    #first_month_select_field label.radio {
        width: calc(50% - 10px);
    }
}

#first_month_select_field label.radio span {
    font-weight: 400;
    display: inline-block;
    font-size: 11px;
    width: 100%;
    white-space: nowrap;
}

@media(min-width:600px) {
    #first_month_select_field label.radio span {
        font-size: 14px;
    }
}

#first_month_select_field label[for=first_month_select_first] {
    margin-right: 5px;
}

@media(min-width:600px) {
    #first_month_select_field label[for=first_month_select_first] {
        margin-right: 10px;
    }
}

#first_month_select_field label[for=first_month_select_next] {
    margin-left: 5px;
}

@media(min-width:600px) {
    #first_month_select_field label[for=first_month_select_next] {
        margin-left: 10px;
    }
}

#first_month_select_field input.input-radio:checked+.radio,
#first_month_select_field label.radio:hover {
    background: #0133a3;
    border-color: #0133a3;
    color: #fff;
}

#first_month_select_field label[for=first] {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
}

.international-shipping-notice {
    background: #eff6ff;
    line-height: 1.375rem;
    padding: 30px 20px 14px;
    font-size: .875rem;
    border-radius: 5px;
}

.international-shipping-notice svg {
    max-width: 23px;
    max-height: 23px;
    margin-bottom: -4px;
    margin-right: 5px;
}

.international-shipping-notice ul {
    padding-left: 20px;
}

.international-shipping-notice ul li {
    list-style: disc;
}

.gift-fields-wrapper {
    display: none;
}

.gift-field-wrapper {
    position: relative;
}

.gift-field-wrapper input[type=text] {
    padding-right: 70px;
}

.gift-field-wrapper .form-row.woocommerce-validated input.input-text {
    box-shadow: none;
}

.gift-field-wrapper .char-count {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #0133a3;
    font-size: 13px;
    font-weight: 700;
}

.gift-field-wrapper .char-count.is-error {
    color: red;
}

.woocommerce-cart-form__contents .product-thumbnail {
    position: relative;
}

.woocommerce-cart-form__contents .product-thumbnail img {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #707070;
    padding: 10px;
}

.woocommerce-cart-form__contents .product-thumbnail .product-quantity {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #0133a3;
    color: #fff;
    font-size: 1.25rem;
    align-items: center;
    border-radius: 50%;
    top: -15px;
    right: 15px;
}

@media(min-width:992px) {
    .thank-you-grid-wrap {
        grid-column-gap: 80px;
        min-height: 100vh;
    }

    .thank-you-grid-wrap .thank-you-header {
        border-radius: var(--space-4);
    }
}

.thank-you-grid-wrap svg {
    max-width: 100%
}

.thank-you-grid-wrap .refer-section {
    max-width: 550px;
}

.thank-you-grid-wrap .refer-section .woocommerce {
    background: 0 0;
}

.title-order-wrap .title-order-number {
    position: relative;
    width: 37px;
    height: 37px;
    margin-right: 10px;
}

@media(min-width:993px) {
    .title-order-wrap .title-order-number {
        width: 45px;
        height: 45px;
    }
}

.title-order-wrap .title-order-number:before {
    content: "1";
    position: absolute;
    background: #0133a3;
    color: #fff;
    border-radius: 100%;
    width: 37px;
    height: 37px;
    font-size: 30px;
}

.get-rewarded .title-order-wrap .title-order-number:before {
    content: "1"
}

.recent-registration .get-rewarded .title-order-wrap .title-order-number:before {
    content: "2"
}

.order-confirmation .title-order-wrap .title-order-number:before {
    content: "2"
}

.get-rewarded-not-available .order-confirmation .title-order-wrap .title-order-number:before {
    content: "1"
}

.recent-registration .order-confirmation .title-order-wrap .title-order-number:before {
    content: "3"
}

.recent-registration.get-rewarded-not-available .order-confirmation .title-order-wrap .title-order-number:before {
    content: "2"
}

.snacks-incoming .title-order-wrap .title-order-number:before {
    content: "3"
}

.get-rewarded-not-available .snacks-incoming .title-order-wrap .title-order-number:before {
    content: "2"
}

.recent-registration .snacks-incoming .title-order-wrap .title-order-number:before {
    content: "4"
}

.recent-registration.get-rewarded-not-available .snacks-incoming .title-order-wrap .title-order-number:before {
    content: "3"
}

.follow-us .title-order-wrap .title-order-number:before {
    content: "4"
}

.get-rewarded-not-available .follow-us .title-order-wrap .title-order-number:before {
    content: "3"
}

.recent-registration .follow-us .title-order-wrap .title-order-number:before {
    content: "5"
}

.recent-registration.get-rewarded-not-available .follow-us .title-order-wrap .title-order-number:before {
    content: "4"
}

@media(min-width:993px) {
    .title-order-wrap .title-order-number:before {
        font-size: 40px;
        width: 45px;
        height: 45px;
    }

    .order-confirmation .title-order-wrap .title-order-number:before {
        display: none;
    }

    .snacks-incoming .title-order-wrap .title-order-number:before {
        content: "2"
    }

    .recent-registration .snacks-incoming .title-order-wrap .title-order-number:before {
        content: "3"
    }

    .get-rewarded-not-available .snacks-incoming .title-order-wrap .title-order-number:before {
        content: "1"
    }

    .recent-registration.get-rewarded-not-available .snacks-incoming .title-order-wrap .title-order-number:before {
        content: "2"
    }

    .follow-us .title-order-wrap .title-order-number:before {
        content: "3"
    }

    .recent-registration .follow-us .title-order-wrap .title-order-number:before {
        content: "4"
    }

    .get-rewarded-not-available .follow-us .title-order-wrap .title-order-number:before {
        content: "2"
    }

    .recent-registration.get-rewarded-not-available .follow-us .title-order-wrap .title-order-number:before {
        content: "3"
    }
}

@media(min-width:992px) {
    .quick-question .gform_wrapper {
        width: 100%
    }
}

.quick-question .gform_wrapper .gform_body,
.quick-question .gform_wrapper .gform_fields {
    width: 100% !important;
}

.quick-question .gform_wrapper .gfield_label {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}

.quick-question .gform_wrapper .ginput_container_select {
    margin-top: 0 !important;
    position: relative;
    height: 40px;
    border-radius: 5px;
    display: block;
}

.quick-question .gform_wrapper .ginput_container_select:after {
    content: "";
    width: 12px;
    height: 8px;
    position: absolute;
    background: url(images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    top: 18px;
    right: 10px;
    z-index: 1;
}

.quick-question .gform_wrapper ul.gform_fields li.gfield select {
    padding-left: 10px;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    background: 0 0;
    border: 1px solid #a5a5a5;
    appearance: none;
    width: 100% !important;
}

.quick-question .gform_wrapper ul.gform_fields li.gfield select:focus {
    border: 1px solid #0133a3;
    outline-color: transparent;
}

.quick-question .gform_wrapper .ginput_container_text input {
    width: 100% !important;
    padding-left: 10px !important;
    border-radius: 5px;
    border: 1px solid #a5a5a5;
}

.quick-question .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0;
    margin-bottom: 5px;
    padding-right: 0 !important;
}

.quick-question .gform_wrapper ul.gform_fields li.gfield:last-of-type {
    margin-bottom: 0;
}

.quick-question .gform_wrapper .gform_footer {
    margin-top: 0;
}

.quick-question .gform_wrapper .gform_footer input.gform_button {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 55px;
    border-radius: 47px;
    background-color: #f44336;
    border: 0;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

section.order-confirmation {
    background: #eee;
}

@media(min-width:992px) {
    section.order-confirmation {
        background: 0 0;
    }
}

.get-rewarded .refer-section {
    margin: 0 auto;
}

.get-rewarded .aw-email-referral-form p {
    flex: 1 1 auto;
}

.get-rewarded .aw-email-referral-form .success-refer-invite {
    border-radius: 5px;
    width: 100%
}

.get-rewarded .aw-referrals-share-buttons {
    margin: 0 0 20px;
    width: 100%
}

.get-rewarded .aw-referrals-share-buttons a.btn.js-automatewoo-open-share-box,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-large,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-small,
.get-rewarded .aw-referrals-share-buttons .pagination.prev-next a.js-automatewoo-open-share-box,
.pagination.prev-next .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-tiny,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-same-width,
.get-rewarded .aw-referrals-share-buttons .login a.js-automatewoo-open-share-box.button,
.login .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button,
.get-rewarded .aw-referrals-share-buttons .register a.js-automatewoo-open-share-box.button,
.register .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button,
.get-rewarded .aw-referrals-share-buttons .lost_reset_password a.js-automatewoo-open-share-box.button,
.lost_reset_password .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button {
    flex: 1 0 45%;
    padding: 10px;
    height: auto;
    line-height: 1;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 27px;
    font-family: roboto, sans-serif;
    margin: 0;
    min-width: 0;
}

.get-rewarded .aw-referrals-share-buttons a.btn.js-automatewoo-open-share-box:first-of-type,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-large:first-of-type,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-small:first-of-type,
.get-rewarded .aw-referrals-share-buttons .pagination.prev-next a.js-automatewoo-open-share-box:first-of-type,
.pagination.prev-next .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box:first-of-type,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-tiny:first-of-type,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-same-width:first-of-type,
.get-rewarded .aw-referrals-share-buttons .login a.js-automatewoo-open-share-box.button:first-of-type,
.login .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button:first-of-type,
.get-rewarded .aw-referrals-share-buttons .register a.js-automatewoo-open-share-box.button:first-of-type,
.register .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button:first-of-type,
.get-rewarded .aw-referrals-share-buttons .lost_reset_password a.js-automatewoo-open-share-box.button:first-of-type,
.lost_reset_password .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button:first-of-type {
    margin-right: 5%
}

.get-rewarded .aw-referrals-share-buttons a.btn.js-automatewoo-open-share-box:before,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-large:before,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-small:before,
.get-rewarded .aw-referrals-share-buttons .pagination.prev-next a.js-automatewoo-open-share-box:before,
.pagination.prev-next .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box:before,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-tiny:before,
.get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.btn-same-width:before,
.get-rewarded .aw-referrals-share-buttons .login a.js-automatewoo-open-share-box.button:before,
.login .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button:before,
.get-rewarded .aw-referrals-share-buttons .register a.js-automatewoo-open-share-box.button:before,
.register .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button:before,
.get-rewarded .aw-referrals-share-buttons .lost_reset_password a.js-automatewoo-open-share-box.button:before,
.lost_reset_password .get-rewarded .aw-referrals-share-buttons a.js-automatewoo-open-share-box.button:before {
    margin-right: .2rem;
}

.get-rewarded .copy-link-text {
    text-decoration: underline;
}

.snacks-incoming .first-box-wrap {
    height: 250px;
}

@media(max-width:370px) {
    .follow-us .buttons-wrap {
        flex-direction: column;
    }
}

.follow-us .buttons-wrap .btn-large {
    width: calc(100% - 10px);
    margin: 0 5px;
    padding: 15px;
}

@media(min-width:600px) {
    .follow-us .buttons-wrap .btn-large {
        width: calc(100% - 20px);
        margin: 0 10px;
    }
}

@media(max-width:370px) {
    .follow-us .buttons-wrap .btn-large {
        margin-bottom: 10px;
    }
}

.follow-us .buttons-wrap .btn-large .icon {
    width: 25px;
    height: 25px;
    margin-right: 15px;
    background-repeat: no-repeat;
}

.follow-us .buttons-wrap .btn-large .icon.facebook {
    background-image: url(images/social/facebook.svg);
}

.follow-us .buttons-wrap .btn-large .icon.instagram {
    background-image: url(images/social/instagram.svg);
}

.thankyou-img {
    max-width: 50px;
    padding: var(--space-4);
}

@media(min-width:992px) {
    .thankyou-img {
        max-width: 115px;
        padding: var(--space-6);
    }
}

.uy-thankyou-right .beta {
    font-size: 2.28rem;
}

@media(min-width:992px) {
    .uy-thankyou-right .beta {
        font-size: 2.92rem;
    }
}

@media(max-width:991px) {
    .uy-thankyou-left .shippinginfo li:last-child {
        border-bottom: 1px solid #9e9e9e;
        padding-bottom: var(--space-6);
        margin-bottom: var(--space-7);
    }
}

.thank-you-left-header {
    padding: 0 20px;
}

@media(min-width:992px) {
    .thank-you-left-header {
        padding: 0;
    }
}

@media(max-width:991px) {
    .thank-you-left-header {
        padding-top: var(--space-8);
        background: #eee;
    }
}

.thank-you-left-header .ginput_container_select {
    position: relative;
}

.thank-you-left-header .ginput_container_select:after {
    content: "";
    top: calc(50% - 4px);
    right: 10px;
    width: 15px;
    height: 10px;
    display: block;
    position: absolute;
    background: url(images/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.thank-you-left-header .gform_legacy_markup_wrapper ul.gform_fields li.gfield select {
    background: #fff;
}

.thank-you-left-header .gform_legacy_markup_wrapper ul.gform_fields li.gfield select.medium {
    width: 100%
}

@media(max-width:991px) {
    .order-wrap {
        padding: var(--space-6);
        border: 1px solid #0133a3;
        border-radius: 8px;
        margin-top: var(--space-4);
    }
}

.order-wrap .list-item .product-thumbnail {
    width: 93px;
    height: 93px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #707070;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.order-wrap .list-item .product-thumbnail img {
    max-width: 100%;
    height: auto;
}

.order-wrap .list-item .product-thumbnail .product-quantity {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #0133a3;
    color: #fff;
    font-size: 20px;
    font-family: fredoka one, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: -15px;
    right: -5px;
}

.order-wrap .list-item .product-details-content {
    width: 100%
}

.order-wrap .list-item .product-details-content .product-details-name {
    color: #000;
}

@media(min-width:992px) {
    .order-wrap .list-item .product-details-content .product-details-name {
        font-family: fredoka one, sans-serif;
        color: #0133a3;
    }
}

.dashboard-referrals .referrals-email-form {
    max-width: 600px;
    margin: 0 auto;
}

.dashboard-referrals .referrals-email-form>div {
    justify-content: center;
    align-items: center;
}

.dashboard-referrals .referrals-email-form .friend-email-input {
    height: 40px;
    background: #fff;
}

.dashboard-referrals .referrals-email-form button {
    margin-left: 10px;
    margin-bottom: 0;
    height: 40px;
    width: 103px;
}

.dashboard-referrals .social-share-buttons {
    justify-content: space-between;
    align-items: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.dashboard-referrals .social-share-buttons .facebook-share-button,
.dashboard-referrals .social-share-buttons .twitter-share-button {
    padding: 10px 20px;
    border-radius: 50px;
    width: 50%;
    max-width: 200px;
    height: 55px;
    background: #3b5998;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
}

.dashboard-referrals .social-share-buttons .facebook-share-button .svg-icon,
.dashboard-referrals .social-share-buttons .twitter-share-button .svg-icon {
    flex: 0 1 25px;
    justify-self: center;
    margin-right: 10px;
}

.dashboard-referrals .social-share-buttons .twitter-share-button {
    background: #00acee;
}

.dashboard-referrals .copy-link-text {
    text-decoration: underline;
}

.dashboard-referrals .card-dashboard-referrals .card-content ul li dd,
.dashboard-referrals .card-dashboard-referrals .card-content ul li dd strong {
    color: #000;
}

.dashboard-referrals .card-dashboard-referrals .card-content ul li:nth-of-type(3) dd,
.dashboard-referrals .card-dashboard-referrals .card-content ul li:nth-of-type(4) dd {
    font-weight: 900;
}

.edit-size-modal-heading,
.edit-plan-modal-heading {
    font-size: 20px;
}

@media(min-width:992px) {

    .edit-size-modal-heading,
    .edit-plan-modal-heading {
        font-size: 40px;
    }
}

.box-image-price {
    position: relative;
}

@media(min-width:992px) {
    .box-image-price {
        height: 250px;
    }
}

.box-price {
    color: #fff;
    background: #0133a3;
    width: 77px;
    height: 77px;
    border-radius: 75px;
    position: absolute;
    bottom: -5px;
    right: -15px;
    font-size: 10px;
    text-align: center;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

@media(min-width:992px) {
    .box-price {
        width: 100px;
        height: 100px;
        border-radius: 100px;
        font-size: 13px;
    }
}

.box-price span {
    font-size: 22px;
    font-weight: 600;
}

@media(min-width:992px) {
    .box-price span {
        font-size: 30px;
    }
}

@media(min-width:992px) {
    .box-products button {
        width: 200px;
        font-size: 18px;
    }
}

.box-description {
    font-size: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.box-description .box-description-count {
    color: #0133a3;
    font-family: fredoka one, sans-serif;
    font-size: 25px;
}

.box-description .box-description-words {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 1;
}

.box-description .box-description-snacks {
    color: #0133a3;
    font-family: fredoka one, sans-serif;
    font-size: 15px;
}

.price-card {
    border: 1px solid #a5a5a5;
    border-radius: 5px;
}

.price-card dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-card dl dt {
    font-size: 15px;
}

.price-card dl dd {
    font-weight: 600;
}

.price-card:last-of-type dd {
    font-size: 20px;
}

.modal.modal-edit-plan .modal-content .box-products-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media(min-width:992px) {
    .modal.modal-edit-plan .modal-content .box-products-wrapper {
        flex-direction: row;
        align-items: stretch;
        padding: 0 65px;
    }
}

.modal.modal-edit-plan .modal-content .box-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    gap: 20px;
}

.modal.modal-edit-plan .modal-content .box-product .box-product-image {
    flex: 1 0 50%
}

@media(min-width:992px) {
    .modal.modal-edit-plan .modal-content .box-product {
        flex-direction: column;
    }
}

.modal.modal-edit-plan .modal-content .box-product-details {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media(min-width:992px) {
    .modal.modal-edit-plan .modal-content .box-product-details {
        flex: 1 0 160px;
    }
}

@media(min-width:992px) {
    .modal.modal-edit-plan .modal-content .box-product-details header {
        margin-left: 40px;
    }
}

@media(min-width:992px) {
    .modal.modal-edit-plan .modal-content .box-product-details small {
        font-size: 15px;
    }
}

.modal.modal-edit-plan .modal-content .box-product-details p.box-product-price {
    font-size: 18px;
}

@media(min-width:992px) {
    .modal.modal-edit-plan .modal-content .box-product-details p.box-product-price {
        font-size: 25px;
        line-height: 1.2;
    }
}

@media(min-width:992px) {
    .modal.modal-edit-plan .modal-content .box-product-details button {
        width: 200px;
        font-size: 18px;
        justify-self: flex-end;
    }
}

@media(min-width:992px) {

    .modal.modal-edit-plan.modal-step-2 .btn,
    .modal.modal-edit-plan.modal-step-2 .btn-large,
    .modal.modal-edit-plan.modal-step-2 .btn-small,
    .modal.modal-edit-plan.modal-step-2 .pagination.prev-next a,
    .pagination.prev-next .modal.modal-edit-plan.modal-step-2 a,
    .modal.modal-edit-plan.modal-step-2 .btn-tiny,
    .modal.modal-edit-plan.modal-step-2 .btn-same-width,
    .modal.modal-edit-plan.modal-step-2 .login .button,
    .login .modal.modal-edit-plan.modal-step-2 .button,
    .modal.modal-edit-plan.modal-step-2 .register .button,
    .register .modal.modal-edit-plan.modal-step-2 .button,
    .modal.modal-edit-plan.modal-step-2 .lost_reset_password .button,
    .lost_reset_password .modal.modal-edit-plan.modal-step-2 .button {
        width: 200px;
    }
}

@media(min-width:992px) {
    .modal.modal-edit-plan.modal-step-2 .box-product {
        flex-direction: row;
        gap: 50px;
    }

    .modal.modal-edit-plan.modal-step-2 .box-product .box-product-details {
        flex: 1 0 auto;
        position: relative;
    }

    .modal.modal-edit-plan.modal-step-2 .box-product .box-product-details header {
        margin-left: 0;
        margin-bottom: 5px;
    }

    .modal.modal-edit-plan.modal-step-2 .box-product .box-product-details header small:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: 17px;
    }

    .modal.modal-edit-plan.modal-step-2 .box-product .box-product-image {
        flex: 0 1 40%
    }
}

.extend-products-wrapper .extend-product-option:not(:last-child) {
    border-bottom: 1px solid gray;
}

.extend-products-wrapper .extend-product-image img {
    max-width: 200px;
}

@media(min-width:600px) {
    .extend-products-wrapper .extend-product-image img {
        max-width: 90%
    }
}

.extend-products-wrapper .price {
    width: 140px;
    display: inline-block;
    text-align: left;
}

.cancellation-illo {
    background: url(images/cancellation-illo.webp) no-repeat center center;
    background-size: 100% auto;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.faux-link {
    text-decoration: underline;
}

.corporate-gifts-hero {
    position: relative;
    overflow: hidden;
}

.corporate-gifts-hero:before {
    content: "";
    position: absolute;
    z-index: -1;
    height: 1200px;
    width: 1200px;
    top: 230px;
    left: -200px;
    background: #a7dacb;
    border-radius: 40% 50% 0 0;
    transform: rotate(-15deg);
}

@media(min-width:600px) {
    .corporate-gifts-hero:before {
        height: 400px;
        width: 160%;
        top: 300px;
        left: -50%;
        border-radius: 50% 50% 0 0;
        transform: rotate(5deg);
    }
}

@media(min-width:1200px) {
    .corporate-gifts-hero:before {
        width: 110%;
        left: -5%;
        transform: rotate(0deg);
        top: 336px;
        border-radius: 50% 50% 0 0;
    }
}

.corporate-gifts-hero h1 {
    text-align: center;
    font-size: 25px;
}

@media(min-width:600px) {
    .corporate-gifts-hero h1 {
        text-align: left;
    }
}

@media(min-width:992px) {
    .corporate-gifts-hero h1 {
        font-size: 30px;
    }
}

.corporate-gifts-hero h1 span {
    font-size: 35px;
}

@media(min-width:480px) {
    .corporate-gifts-hero h1 span {
        font-size: 45px;
    }
}

@media(min-width:992px) {
    .corporate-gifts-hero h1 span {
        text-align: left;
        font-size: 60px;
    }
}

.corporate-gifts-hero p {
    font-size: 20px;
    text-align: center;
}

@media(min-width:600px) {
    .corporate-gifts-hero p {
        text-align: left;
    }
}

.corporate-gifts-hero .hero-button {
    text-align: center;
}

@media(min-width:600px) {
    .corporate-gifts-hero .hero-button {
        text-align: left;
    }
}

.corporate-gifts-hero .btn-large {
    max-width: 300px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:600px) {
    .corporate-gifts-hero .btn-large {
        width: auto;
        margin-left: 0;
    }
}

.corporate-gifts-hero .hero-product-image-mobile {
    max-width: 100%;
    background-image: url(images/box-product-image-mobile.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 330px;
    height: 280px;
    margin: 0 auto;
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .corporate-gifts-hero .hero-product-image-mobile {
        background-image: url(images/box-product-image-mobile@2x.png);
    }
}

@media(min-width:600px) {
    .corporate-gifts-hero .hero-product-image-mobile {
        display: none;
    }
}

.corporate-gifts-hero .hero-product-image-desktop {
    max-width: 100%
}

@media(min-width:600px) {
    .corporate-gifts-hero .hero-product-image-desktop {
        background-image: url(images/box-product-image@2x.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
        width: 472px;
        height: 421px;
    }
}

@media(min-width:600px) and (-webkit-min-device-pixel-ratio:2),
(min-width:600px) and (min-resolution:192dpi) {
    .corporate-gifts-hero .hero-product-image-desktop {
        background-image: url(images/box-product-image@2x.png);
    }
}

.trusted-by-section {
    overflow: hidden;
    width: 100%;
    border-top: 2px solid #a5a5a5;
    border-bottom: 2px solid #a5a5a5;
}

.trusted-by-section .trusted-by-inner {
    max-width: 600px;
}

.trusted-by-section svg {
    width: 120px;
    display: block;
    margin: 0 auto;
}

@media(min-width:600px) {
    .trusted-by-section svg {
        width: 160px;
    }
}

.in-a-box-section {
    overflow: hidden;
    width: 100%
}

.in-a-box-section .unforgettable-image {
    max-width: 100%;
    background-image: url(images/bruscetta-pineapple-snacks.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 700px;
    height: 280px;
    margin: 0 auto;
    margin-left: -60px;
}

@media(min-width:600px) {
    .in-a-box-section .unforgettable-image {
        margin-left: auto;
        width: 550px;
        background-size: auto 100%
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .in-a-box-section .unforgettable-image {
        background-image: url(images/bruscetta-pineapple-snacks@2x.png);
    }
}

@media(min-width:992px) {
    .in-a-box-section .unforgettable-image {
        background-size: 100% auto;
    }
}

.in-a-box-section .cultural-image {
    max-width: 100%;
    background-image: url(images/booklet.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 1000px;
    height: 250px;
    margin: 0 auto;
    margin-right: -90px;
}

@media(min-width:600px) {
    .in-a-box-section .cultural-image {
        margin-right: auto;
        width: 550px;
        height: 280px;
        background-size: auto 100%
    }
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .in-a-box-section .cultural-image {
        background-image: url(images/booklet@2x.png);
    }
}

@media(min-width:992px) {
    .in-a-box-section .cultural-image {
        background-size: 100% auto;
        width: 700px;
    }
}

.cultural-image-content-container {
    flex-direction: row-reverse;
}

@media(min-width:600px) {
    .cultural-image-content-container {
        flex-direction: row;
    }
}

.box-shadow-section,
.snack-adventure-section,
.image-card-row,
.choose-gift-length {
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    border-radius: 30px;
}

.choose-gift-length {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

@media(min-width:600px) {
    .choose-gift-length {
        flex-direction: row;
        align-items: start;
    }
}

.choose-gift-length li {
    flex-direction: row;
    flex: 0 0 30%;
    align-items: center;
}

@media(min-width:600px) {
    .choose-gift-length li {
        flex-direction: column;
    }
}

.choose-gift-length li .box-month-image {
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 199px;
    height: 120px;
}

@media(min-width:600px) {
    .choose-gift-length li .box-month-image {
        width: 254px;
        height: 150px;
    }
}

.choose-gift-length li .box-1-month-image {
    background-image: url(images/box-1-month.png);
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .choose-gift-length li .box-1-month-image {
        background-image: url(images/box-1-month@2x.png);
    }
}

.choose-gift-length li .box-3-month-image {
    background-image: url(images/box-3-months.png);
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .choose-gift-length li .box-3-month-image {
        background-image: url(images/box-3-months@2x.png);
    }
}

.choose-gift-length li .box-6-month-image {
    background-image: url(images/box-6-months.png);
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .choose-gift-length li .box-6-month-image {
        background-image: url(images/box-6-months@2x.png);
    }
}

.choose-gift-length li .content-wrap {
    max-width: 120px;
}

.choose-gift-length li .content-wrap p {
    line-height: 1.25;
}

@media(min-width:600px) {
    .choose-gift-length li .content-wrap {
        max-width: 180px;
    }
}

.how-it-works h3 span.delta,
.how-it-works h3 span.title-order-wrap {
    font-size: 25px;
}

@media(min-width:600px) {

    .how-it-works h3 span.delta,
    .how-it-works h3 span.title-order-wrap {
        font-size: 35px;
    }
}

.image-card-row {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.image-card-row svg {
    max-height: 220px;
    flex: 0 0 170px;
}

@media(min-width:600px) {
    .image-card-row {
        flex-direction: column;
    }

    .image-card-row svg {
        max-height: auto;
        flex: 0 0 235px;
    }
}

@media(min-width:992px) {
    .image-card-row {
        flex-direction: row;
    }
}

.choose-your-destination .image-card-row {
    flex-direction: row-reverse;
}

@media(min-width:600px) {
    .choose-your-destination .image-card-row {
        flex-direction: column;
    }
}

@media(min-width:992px) {
    .choose-your-destination .image-card-row {
        flex-direction: row;
    }
}

.choose-your-destination svg {
    padding: 10px;
    margin: 0;
}

@media(min-width:992px) {
    .choose-your-destination svg {
        padding: 0 20px;
        margin: 2px 0;
    }
}

.snack-adventure-heading {
    font-size: 35px;
    line-height: 1.2;
}

@media(min-width:992px) {
    .snack-adventure-heading {
        font-size: 50px;
    }
}

.snack-adventure-section {
    flex-direction: column;
    align-items: baseline;
}

@media(min-width:992px) {
    .snack-adventure-section {
        flex-direction: row;
    }
}

.snack-adventure-section li .center-block {
    flex: 1 0 150px;
}

@media(min-width:992px) {
    .snack-adventure-section li .center-block {
        flex: 1 1 auto;
    }
}

.snack-adventure-section li .center-block svg {
    width: 100%
}

@media(min-width:992px) {
    .snack-adventure-section li {
        flex-direction: column;
    }
}

@media(min-width:992px) {
    .snack-adventure-section .client-appreciation-list-item .center-block {
        position: relative;
        left: -30px;
    }
}

.who-we-are-heading {
    justify-content: center;
    font-size: 35px;
}

@media(min-width:992px) {
    .who-we-are-heading {
        justify-content: start;
        font-size: 50px;
    }
}

.who-we-are-globe-logo {
    width: 44px;
    height: 44px;
}

.who-we-are-globe-logo svg {
    max-width: 100%;
    height: auto;
}

@media(min-width:992px) {
    .who-we-are-globe-logo {
        width: 65px;
        height: 65px;
    }
}

#klaviyo-form form {
    margin: auto;
}

#klaviyo-form form .fMxCHz.fMxCHz {
    align-items: center;
}

#klaviyo-form form .itrmhl {
    flex: 1 1 auto;
}

#klaviyo-form form .itrmhl:nth-of-type(2) {
    width: 100%;
    max-width: 200px;
}

@media(min-width:992px) {
    #klaviyo-form form .itrmhl:nth-of-type(2) {
        max-width: 280px;
    }
}

@media(min-width:992px) {
    #klaviyo-form form .ql-font-fredoka-one {
        font-size: 40px !important;
    }
}

.faq-accordion-section .faq-accordion-heading {
    font-size: 25px;
}

@media(min-width:600px) {
    .faq-accordion-section .faq-accordion-heading {
        font-size: 40px;
    }
}

.faq-accordion-section .collapsible-header {
    font-size: 15px;
}

@media(min-width:600px) {
    .faq-accordion-section .collapsible-header {
        font-size: 20px;
    }
}

.uy-product-quantity-container .quantity-duplicate {
    line-height: 1;
}

.uy-product-quantity-container .quantity-into p {
    line-height: 1;
}

.uy-product-quantity-container .quantity-into .woocommerce-Price-amount {
    color: #ef4344;
    font-weight: 700;
}

.uy-product-quantity-container .quantity-into ins {
    color: #ef4344;
    text-decoration: none;
    font-weight: 700;
}

.uy-product-quantity-container .quantity-into del .woocommerce-Price-amount {
    color: #a5a5a5;
    text-decoration: line-through;
    font-weight: 400;
}

.uy-product-quantity-container .button-wrap {
    width: 50px;
    height: 50px;
}

.uy-product-quantity-container .button-wrap button {
    width: 46px;
    height: 46px;
    line-height: 0;
}

.ingredients-wrapper .title::after {
    content: "+";
    margin-left: 5px;
}

.ingredients-wrapper .ingredients {
    max-width: 550px;
    overflow: hidden;
    position: relative;
    max-height: 0;
    opacity: 0;
    transition: max-height 400ms ease-out, opacity 200ms ease-out;
}

.ingredients-wrapper.show .ingredients {
    opacity: 1;
    max-height: 1000px;
}

.ingredients-wrapper.show .title::after {
    content: "-"
}

.single-product-img-wrapper .slick-slider img {
    max-height: 400px;
    width: auto;
    margin: 0 auto;
}

.single-product-img-wrapper .slider-nav,
.single-product-img-wrapper .slider-for {
    height: auto;
}

.single-product-img-wrapper .slider-for .slick-dots button {
    height: 20px;
    width: 20px;
}

.single-product-img-wrapper .slider-nav {
    display: none;
}

@media(min-width:600px) {
    .single-product-img-wrapper .slider-nav {
        display: block;
    }
}

.single-product-img-wrapper .slider-nav .slick-track.dont-slide {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.single-product-img-wrapper .slider-nav .slick-track.dont-slide {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.single-product-img-wrapper .slider-nav .product-thumbnail {
    padding: 5px;
}

.single-product-img-wrapper .slider-nav .slick-current {
    border-bottom: 4px solid #0133a3;
}

.related.products .products {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
}

.related.products .products .product {
    float: none;
    width: 100%;
    margin: 0;
}

.related.products .products .product img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.onsale {
    font-size: 1.1875rem;
    font-family: fredoka one, sans-serif;
    letter-spacing: 1px;
    position: absolute;
    border-radius: 5px;
    padding: 5px 10px;
    width: auto;
    color: #fff;
    background-color: #ef4344;
    top: 0;
    left: 0;
    line-height: 1;
    z-index: 9;
}

.sidenav.cart-drawer {
    width: 100%;
    max-width: 415px;
    overflow: hidden;
}

.sidenav.cart-drawer .cart-drawer-footer,
.sidenav.cart-drawer .cart-drawer-header {
    flex-shrink: 0;
}

.sidenav.cart-drawer .cart-drawer-form {
    height: 100%;
    overflow: auto;
}

.sidenav.cart-drawer .cart-drawer-form .woocommerce-cart-form__cart-item {
    height: 130px;
}

.sidenav.cart-drawer .cart-drawer-form .woocommerce-cart-form__cart-item .cart-product-container {
    height: 100%
}

.sidenav.cart-drawer .cart-drawer-form .woocommerce-cart-form__cart-item .cart-product-container .cart-product-content {
    height: 100%
}

.sidenav.cart-drawer .cart-drawer-form .woocommerce-cart-form__cart-item.sample {
    border: 1px solid #9e9e9e;
}

@media(max-width:767px) {
    .sidenav.cart-drawer .cart-drawer-form .woocommerce-cart-form__cart-item.sample {
        margin-right: 10px;
        margin-left: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.sidenav.cart-drawer .cart-drawer-form .woocommerce-cart-form__cart-item.sample:not(:first-child) {
    margin-top: 15px;
}

.sidenav.cart-drawer .cart-drawer-form .woocommerce-cart-form__cart-item.sample .cart-product-container {
    border-bottom: none;
}

.sidenav.cart-drawer .cart-drawer-form .woocommerce-cart-form__cart-item:last-child .cart-product-container {
    border-bottom-color: transparent !important;
}

.sidenav.cart-drawer .cart-drawer-form .product-remove {
    position: absolute;
    top: 5px;
    right: 5px;
}

@media(min-width:992px) {
    .sidenav.cart-drawer .cart-drawer-form .product-remove {
        top: 0;
        right: 0;
    }
}

.sidenav.cart-drawer .cart-drawer-form .remove {
    width: 20px;
    height: 20px;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    background: #0133a3;
    text-indent: -9999px;
    display: block;
    position: relative;
}

.sidenav.cart-drawer .cart-drawer-form .remove:after,
.sidenav.cart-drawer .cart-drawer-form .remove:before {
    content: "";
    height: 2px;
    width: 10px;
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    margin: 9px 5px;
}

.sidenav.cart-drawer .cart-drawer-form .remove:before {
    transform: rotate(135deg);
}

.sidenav.cart-drawer .cart-drawer-form .remove:after {
    transform: rotate(45deg);
}

.sidenav.cart-drawer .cart-drawer-form .product-thumbnail {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.sidenav.cart-drawer .cart-drawer-form .product-thumbnail img {
    padding: 0;
    border: none;
}

.sidenav.cart-drawer .cart-drawer-form .cart-product-content {
    width: 100%;
    overflow: hidden;
    flex-grow: 0;
}

.sidenav.cart-drawer .cart-drawer-form .product-quantity {
    bottom: 0;
    right: 0;
}

.sidenav.cart-drawer .cart-drawer-form .product-quantity .uy-cart-quantity-number {
    width: 30px;
    line-height: 1.5;
}

.sidenav.cart-drawer .cart-drawer-form .product-quantity button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #a5a5a5;
    font-size: 0;
}

.sidenav.cart-drawer .cart-drawer-form .product-quantity button svg {
    width: 10px;
    max-height: 100%;
    stroke: #000;
}

.sidenav.cart-drawer .cart-drawer-footer .uy-shop-table-container tr {
    border-bottom: none;
}

.sidenav.cart-drawer .cart-drawer-footer .uy-shop-table-container tr td,
.sidenav.cart-drawer .cart-drawer-footer .uy-shop-table-container tr th {
    padding: 0 0 var(--space-4);
    line-height: 1;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.sidenav.cart-drawer .cart-drawer-footer .uy-shop-table-container tr th {
    font-weight: 400;
}

.sidenav.cart-drawer .cart-drawer-footer .uy-shop-table-container tr td {
    font-size: 20px;
    font-weight: 600;
    text-align: right;
}

.sidenav.cart-drawer .cart-drawer-footer .uy-shop-table-container tr td::before {
    display: none;
}

.sidenav.cart-drawer .cart-close-icon {
    background: url(./images/cart-arrow.svg);
    width: 20px;
    height: 35px;
    padding: 0;
    background-size: 100%;
    border: none;
    margin: auto;
    outline: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--space-5);
    transform: rotate(180deg);
}

.sidenav.cart-drawer .cart-close-icon .uy-navigation-close-text {
    display: none;
}

.sidenav.cart-drawer .uy-cart-notice {
    padding-left: 40px;
    position: relative;
    text-align: left;
    font-weight: 400;
    line-height: 1.5;
}

.sidenav.cart-drawer .uy-cart-notice p {
    margin: 0;
    line-height: 1.5;
}

.sidenav.cart-drawer .uy-cart-notice .uy-cart-notice-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.sidenav.cart-drawer .wc-proceed-to-checkout .btn-large {
    width: 13em;
    margin-top: var(--space-5);
}

.sidenav.cart-drawer .wc-proceed-to-checkout .btn-large:not(.alt):hover {
    border-color: #0133a3 !important;
}

.cart-drawer-open .sidenav-overlay {
    z-index: 998;
}

.melt-notice .material-icons,
.melt-notice strong {
    color: #ef4344;
}

.melt-notice .material-icons {
    position: relative;
    top: 5px;
}

@media(max-width:601px) {
    .melt-notice .material-icons {
        font-size: 20px;
    }
}

@media(min-width:600px) {

    .uy-reviews-section .grid,
    .uy-reviews-section .related.products .products,
    .related.products .uy-reviews-section .products {
        min-height: 206px;
    }
}

@media(max-width:275px) {
    .uy-reviews-section .reviews-list-counter+.btn-large {
        font-size: 6vw;
    }
}

.reviews-slider {
    width: 100%
}

.reviews-slider .description p {
    margin: 0;
}

.reviews-slider .slick-track,
.reviews-slider .slick-slide {
    width: 100%
}

.reviews-slider .slick-arrow {
    background-repeat: no-repeat;
    color: transparent;
}

.reviews-slider .slick-arrow:active,
.reviews-slider .slick-arrow:focus {
    background-repeat: no-repeat;
}

.reviews-slider .slick-arrow.slick-prev {
    left: 0;
    transform: none;
    background-position: 0 50%;
    background-image: url(images/uy-slider-left.svg);
}

.reviews-slider .slick-arrow.slick-next {
    right: 0;
    transform: none;
    background-position: 100% 50%;
    background-image: url(images/uy-slider-right.svg);
}

.start-your-adventure {
    width: 100%;
    clear: both;
    background: #0133a3;
    color: #fff;
    min-height: 208px;
    text-align: center;
    border-bottom: 2px solid #000;
    padding-bottom: 40px;
}

.start-your-adventure .container,
.start-your-adventure body.woocommerce-cart article .woocommerce-notices-wrapper,
body.woocommerce-cart article .start-your-adventure .woocommerce-notices-wrapper,
.start-your-adventure .pagination {
    max-width: 700px;
    position: relative;
}

.start-your-adventure .start-your-adventure-heading {
    font-size: 30px;
}

@media(min-width:768px) {
    .start-your-adventure .start-your-adventure-heading {
        font-size: 40px;
    }
}

.start-your-adventure .start-your-adventure-buttons {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media(min-width:600px) {
    .start-your-adventure .start-your-adventure-buttons {
        flex-direction: row;
    }
}

.start-your-adventure .start-your-adventure-buttons a {
    width: 220px;
    max-width: 220px;
}

@media(min-width:1100px) {
    .start-your-adventure {
        padding-bottom: 60px;
    }
}

.start-your-adventure .svg-wrap.animating {
    opacity: 1;
}

.start-your-adventure .svg-plane-wrap {
    width: 90px;
    height: 90px;
    position: absolute;
    top: -45px;
    left: 10px;
}

@media(min-width:768px) {
    .start-your-adventure .svg-plane-wrap {
        width: 130px;
        height: 130px;
        top: -60px;
        left: -40px;
    }
}

.start-your-adventure .svg-candy-wrap {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 80px;
    transform: scalex(-1);
    right: 0;
}

@media(min-width:350px) {
    .start-your-adventure .svg-candy-wrap {
        right: 20px;
    }
}

@media(min-width:600px) {
    .start-your-adventure .svg-candy-wrap {
        right: 0;
        top: 20px;
    }
}

@media(min-width:768px) {
    .start-your-adventure .svg-candy-wrap {
        width: 90px;
        height: 90px;
        top: 80px;
        right: -10px;
    }
}

.first-box-choice {
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 78px;
    border-bottom: 3px solid #0133a3;
}

@media(min-width:481px) {
    .first-box-choice {
        padding-top: 150px;
    }

    .first-box-choice:after {
        z-index: 1;
        position: absolute;
        background: #fbbb3d;
        content: "";
        height: 1300px;
        width: 2500px;
        top: 90px;
        left: 50%;
        transform: translateX(-50%) rotate(-20deg);
        border-radius: 50%
    }
}

@media(min-width:600px) {
    .first-box-choice {
        padding-top: 100px;
    }

    .first-box-choice:after {
        top: 50px;
        transform: translateX(-50%);
    }
}

.first-box-choice .first-box-choice-header-lines {
    width: 480px;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

@media(min-width:481px) {
    .first-box-choice .first-box-choice-header-lines {
        display: none;
    }
}

.first-box-choice .first-box-choice-header-lines #first-box-choice-header-path {
    fill: #fbbb3d;
}

.first-box-choice.past-boxes-choice {
    padding: 0;
    border: none;
}

.first-box-choice.past-boxes-choice:after {
    display: none;
}

.first-box-choice.past-boxes-choice .first-box-choices-container {
    padding: 0 30px;
    background: 0 0;
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box {
    padding: 0 17px;
}

@media(min-width:480px) {
    .first-box-choice.past-boxes-choice .first-box-choices-container {
        padding: 0;
    }

    .first-box-choice.past-boxes-choice .first-box-choices-container .first-box {
        padding: 0;
    }
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices {
    margin: 0 auto;
    max-height: 330px;
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .separator {
    color: #000;
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-arrow path {
    stroke: #0133a3;
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-arrow.slick-arrow-prev {
    left: 0;
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-arrow.slick-arrow-next {
    right: 0;
}

@media(min-width:480px) {
    .first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-arrow.slick-arrow-prev {
        left: 10px;
    }

    .first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-arrow.slick-arrow-next {
        right: 10px;
    }
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-dots {
    bottom: 0;
    margin-top: 15px;
    margin-bottom: 0;
    height: 11px;
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-dots li {
    height: 11px;
    width: 11px;
    text-align: center;
    margin: 0 6px;
    position: relative;
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-dots li button {
    height: 11px;
    width: 11px;
    border-color: #0133a3;
}

.first-box-choice.past-boxes-choice .first-box-choices-container .first-box-choices .slick-dots li:not(.slick-active) button {
    background: #fff;
}

.first-box-choices-container {
    background: #fbbb3d;
    color: #fff;
    padding: 2px 10px 35px;
}

@media(min-width:481px) {
    .first-box-choices-container {
        position: relative;
        z-index: 2;
        max-width: 500px;
        margin: 0 auto;
        background: 0 0;
    }
}

.first-box-choices-container .first-box-choices-heading {
    margin: 0 40px 10px;
    text-align: center;
    font-size: 30px;
}

@media(min-width:600px) {
    .first-box-choices-container .first-box-choices-heading {
        margin: 0 40px 10px;
        font-size: 40px;
    }
}

.first-box-choices-container .box-image {
    width: 100%;
    height: 220px;
    display: flex;
    margin: 0 auto;
    align-items: flex-end;
    justify-content: center;
}

.first-box-choices-container .box-image svg,
.first-box-choices-container .box-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

.first-box-choices-container .btn,
.first-box-choices-container .btn-large,
.first-box-choices-container .btn-small,
.first-box-choices-container .pagination.prev-next a,
.pagination.prev-next .first-box-choices-container a,
.first-box-choices-container .btn-tiny,
.first-box-choices-container .btn-same-width,
.first-box-choices-container .login .button,
.login .first-box-choices-container .button,
.first-box-choices-container .register .button,
.register .first-box-choices-container .button,
.first-box-choices-container .lost_reset_password .button,
.lost_reset_password .first-box-choices-container .button {
    width: 95%;
    max-width: 220px;
    display: block;
    line-height: 36px;
    height: 40px;
    border: 2px solid #fff;
    margin: 15px auto 0;
}

.first-box-choices-container .btn:not(.flex):not(.title-order-wrap),
.first-box-choices-container .btn-large:not(.flex):not(.title-order-wrap),
.first-box-choices-container .btn-small:not(.flex):not(.title-order-wrap),
.first-box-choices-container .pagination.prev-next a:not(.flex):not(.title-order-wrap),
.pagination.prev-next .first-box-choices-container a:not(.flex):not(.title-order-wrap),
.first-box-choices-container .btn-tiny:not(.flex):not(.title-order-wrap),
.first-box-choices-container .btn-same-width:not(.flex):not(.title-order-wrap),
.first-box-choices-container .login .button:not(.flex):not(.title-order-wrap),
.login .first-box-choices-container .button:not(.flex):not(.title-order-wrap),
.first-box-choices-container .register .button:not(.flex):not(.title-order-wrap),
.register .first-box-choices-container .button:not(.flex):not(.title-order-wrap),
.first-box-choices-container .lost_reset_password .button:not(.flex):not(.title-order-wrap),
.lost_reset_password .first-box-choices-container .button:not(.flex):not(.title-order-wrap) {
    display: block;
}

@media(min-width:600px) {

    .first-box-choices-container .btn,
    .first-box-choices-container .btn-large,
    .first-box-choices-container .btn-small,
    .first-box-choices-container .pagination.prev-next a,
    .pagination.prev-next .first-box-choices-container a,
    .first-box-choices-container .btn-tiny,
    .first-box-choices-container .btn-same-width,
    .first-box-choices-container .login .button,
    .login .first-box-choices-container .button,
    .first-box-choices-container .register .button,
    .register .first-box-choices-container .button,
    .first-box-choices-container .lost_reset_password .button,
    .lost_reset_password .first-box-choices-container .button {
        max-width: 245px;
        font-size: 20px;
    }
}

.first-box-choices-container .first-box-choices {
    max-width: 415px;
    max-height: 300px;
    margin: 0 auto;
}

.first-box-choices-container .first-box-choices.slider {
    margin-bottom: 30px;
}

.first-box-choices-container .first-box-choices .slick-arrow {
    display: inline;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    width: auto;
    height: auto;
}

.first-box-choices-container .first-box-choices .slick-arrow.slick-arrow-prev {
    left: 10px;
}

.first-box-choices-container .first-box-choices .slick-arrow.slick-arrow-next {
    right: 10px;
}

.first-box-choices-container .first-box-choices .slick-dots {
    bottom: -35px;
}

.first-box-choices-container .first-box-choices .slick-dots li {
    height: 14px;
    width: 14px;
    text-align: center;
    margin: 0 3px;
    position: relative;
}

.first-box-choices-container .first-box-choices .slick-dots li button {
    position: relative;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    background: #fbbb3d;
    left: -8px;
    top: -1px;
}

.first-box-choices-container .first-box-choices .slick-dots li button:before {
    color: transparent;
}

.first-box-choices-container .first-box-choices .slick-dots li.slick-active button {
    background: #0133a3;
}

.first-box-choices-container .first-box-choices.boxes-count-2 {
    display: flex;
    position: relative;
}

.first-box-choices-container .first-box-choices.boxes-count-2 .uy-button {
    margin-top: 0;
}

.first-box-choices-container .first-box-choices.boxes-count-2 .first-box {
    width: 50%;
    flex-shrink: 0;
}

.first-box-choices-container .first-box-choices.boxes-count-2 .box-image {
    height: 180px;
}

.first-box-choices-container .first-box-choices.boxes-count-2 .separator {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: fredoka one, sans-serif;
    font-size: 30px;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 25px;
    height: 30px;
}

.first-box-choices-container.only-slider {
    padding: 2px 10px;
}

@media(min-width:481px) {
    .first-box-choices-container.only-slider {
        position: relative;
        z-index: 2;
        max-width: 500px;
        margin: 0 auto;
        background: 0 0;
    }
}

.first-box-choices-container.only-slider .box-image {
    width: 100%;
    height: 220px;
    display: flex;
    margin: 0 auto;
    align-items: flex-end;
    justify-content: center;
}

.first-box-choices-container.only-slider .box-image svg,
.first-box-choices-container.only-slider .box-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

.first-box-choices-container.only-slider .btn,
.first-box-choices-container.only-slider .btn-large,
.first-box-choices-container.only-slider .btn-small,
.first-box-choices-container.only-slider .pagination.prev-next a,
.pagination.prev-next .first-box-choices-container.only-slider a,
.first-box-choices-container.only-slider .btn-tiny,
.first-box-choices-container.only-slider .btn-same-width,
.first-box-choices-container.only-slider .login .button,
.login .first-box-choices-container.only-slider .button,
.first-box-choices-container.only-slider .register .button,
.register .first-box-choices-container.only-slider .button,
.first-box-choices-container.only-slider .lost_reset_password .button,
.lost_reset_password .first-box-choices-container.only-slider .button {
    width: 95%;
    max-width: 220px;
    display: block;
    line-height: 36px;
    height: 40px;
    border: 2px solid #fff;
    margin: 15px auto 0;
}

@media(min-width:600px) {

    .first-box-choices-container.only-slider .btn,
    .first-box-choices-container.only-slider .btn-large,
    .first-box-choices-container.only-slider .btn-small,
    .first-box-choices-container.only-slider .pagination.prev-next a,
    .pagination.prev-next .first-box-choices-container.only-slider a,
    .first-box-choices-container.only-slider .btn-tiny,
    .first-box-choices-container.only-slider .btn-same-width,
    .first-box-choices-container.only-slider .login .button,
    .login .first-box-choices-container.only-slider .button,
    .first-box-choices-container.only-slider .register .button,
    .register .first-box-choices-container.only-slider .button,
    .first-box-choices-container.only-slider .lost_reset_password .button,
    .lost_reset_password .first-box-choices-container.only-slider .button {
        max-width: 245px;
        font-size: 20px;
    }
}

.first-box-choices-container.only-slider .first-box-choices {
    max-width: 415px;
    max-height: 300px;
    margin: 0 auto;
    text-align: center;
}

.first-box-choices-container.only-slider .first-box-choices.slider {
    margin-bottom: 30px;
}

.first-box-choices-container.only-slider .first-box-choices .slick-arrow {
    display: inline;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    width: auto;
    height: auto;
}

.first-box-choices-container.only-slider .first-box-choices .slick-arrow path {
    stroke: currentColor;
}

.first-box-choices-container.only-slider .first-box-choices .slick-arrow.slick-arrow-prev {
    left: 10px;
}

.first-box-choices-container.only-slider .first-box-choices .slick-arrow.slick-arrow-next {
    right: 10px;
}

.first-box-choices-container.only-slider .first-box-choices .slick-dots {
    bottom: -35px;
}

.first-box-choices-container.only-slider .first-box-choices .slick-dots li {
    height: 14px;
    width: 14px;
    text-align: center;
    margin: 0 3px;
    position: relative;
}

.first-box-choices-container.only-slider .first-box-choices .slick-dots li button {
    position: relative;
    border: 2px solid currentColor;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    color: currentColor;
    background: currentColor;
    left: -8px;
    top: -1px;
    opacity: .35;
}

.first-box-choices-container.only-slider .first-box-choices .slick-dots li button:before {
    color: transparent;
}

.first-box-choices-container.only-slider .first-box-choices .slick-dots li.slick-active button {
    opacity: 1;
}

.first-box-choices-container.only-slider .first-box-choices.boxes-count-2 {
    display: flex;
    position: relative;
}

.first-box-choices-container.only-slider .first-box-choices.boxes-count-2 .uy-button {
    margin-top: 0;
}

.first-box-choices-container.only-slider .first-box-choices.boxes-count-2 .first-box {
    width: 50%;
    flex-shrink: 0;
}

.first-box-choices-container.only-slider .first-box-choices.boxes-count-2 .box-image {
    height: 180px;
}

.first-box-choices-container.only-slider .first-box-choices.boxes-count-2 .separator {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: fredoka one, sans-serif;
    font-size: 30px;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 25px;
    height: 30px;
    color: currentColor;
}

.free-sample-modal #free-sample-products {
    flex-direction: column;
}

@media(min-width:600px) {
    .free-sample-modal #free-sample-products {
        flex-direction: row;
    }
}

.free-sample-modal .container>h4,
.free-sample-modal body.woocommerce-cart article .woocommerce-notices-wrapper>h4,
body.woocommerce-cart article .free-sample-modal .woocommerce-notices-wrapper>h4,
.free-sample-modal .pagination>h4 {
    font-size: 1.625rem;
}

@media(min-width:600px) {

    .free-sample-modal .container>h4,
    .free-sample-modal body.woocommerce-cart article .woocommerce-notices-wrapper>h4,
    body.woocommerce-cart article .free-sample-modal .woocommerce-notices-wrapper>h4,
    .free-sample-modal .pagination>h4 {
        font-size: 2.5rem;
    }
}

.free-sample-modal .container>h4 strong,
.free-sample-modal body.woocommerce-cart article .woocommerce-notices-wrapper>h4 strong,
body.woocommerce-cart article .free-sample-modal .woocommerce-notices-wrapper>h4 strong,
.free-sample-modal .pagination>h4 strong {
    color: #f44336;
}

.free-sample-modal .container>hr,
.free-sample-modal body.woocommerce-cart article .woocommerce-notices-wrapper>hr,
body.woocommerce-cart article .free-sample-modal .woocommerce-notices-wrapper>hr,
.free-sample-modal .pagination>hr {
    margin: 10px 0;
    border: 0;
    border-top: 4px solid #eee;
}

.free-sample-modal .container>p,
.free-sample-modal body.woocommerce-cart article .woocommerce-notices-wrapper>p,
body.woocommerce-cart article .free-sample-modal .woocommerce-notices-wrapper>p,
.free-sample-modal .pagination>p {
    font-size: .9375rem;
    margin-top: 0;
}

@media(min-width:600px) {

    .free-sample-modal .container>p,
    .free-sample-modal body.woocommerce-cart article .woocommerce-notices-wrapper>p,
    body.woocommerce-cart article .free-sample-modal .woocommerce-notices-wrapper>p,
    .free-sample-modal .pagination>p {
        font-size: 1.25rem;
    }
}

@media(min-width:600px) {
    .free-sample-modal h4.title {
        font-size: 1rem;
        min-height: 40px;
        max-width: 135px;
    }
}

.free-sample-modal .free-sample-product {
    justify-content: center;
}

@media(min-width:600px) {
    .free-sample-modal .free-sample-product {
        justify-content: space-between;
        flex-direction: column;
    }
}

.free-sample-modal .title-button-wrapper {
    width: 60%
}

@media(min-width:370px) {
    .free-sample-modal .title-button-wrapper {
        width: 50%
    }
}

@media(min-width:600px) {
    .free-sample-modal .title-button-wrapper {
        width: auto;
    }
}

.free-sample-modal .disclaimer {
    color: #a5a5a5;
}

.uy-change-sample {
    font-family: fredoka one, sans-serif;
    padding: 4px 8px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #0133a3;
    border-radius: 20px;
    margin-top: 5px;
    width: 160px;
    color: #0133a3;
    line-height: 1;
}

.page-template-page-about-us .container,
.page-template-page-about-us body.woocommerce-cart article .woocommerce-notices-wrapper,
body.woocommerce-cart article .page-template-page-about-us .woocommerce-notices-wrapper,
.page-template-page-about-us .pagination {
    max-width: 845px;
}

.page-template-page-about-us .site-main {
    position: relative;
    overflow-x: hidden;
    background: url(images/heart-image-mobile.jpg) no-repeat;
    background-size: 302px auto;
    background-position: calc(100% + 73px) -47px;
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .page-template-page-about-us .site-main {
        background-image: url(images/heart-image-mobile@2x.jpg);
    }
}

@media(min-width:600px) {
    .page-template-page-about-us .site-main {
        background-position: 85% -20px;
    }
}

@media(min-width:992px) {
    .page-template-page-about-us .site-main {
        background: 0 0;
    }
}

.page-template-page-about-us .site-main header.container,
.page-template-page-about-us .site-main body.woocommerce-cart article header.woocommerce-notices-wrapper,
body.woocommerce-cart article .page-template-page-about-us .site-main header.woocommerce-notices-wrapper,
.page-template-page-about-us .site-main header.pagination {
    min-height: 170px;
}

@media(min-width:992px) {

    .page-template-page-about-us .site-main header.container,
    .page-template-page-about-us .site-main body.woocommerce-cart article header.woocommerce-notices-wrapper,
    body.woocommerce-cart article .page-template-page-about-us .site-main header.woocommerce-notices-wrapper,
    .page-template-page-about-us .site-main header.pagination {
        min-height: 315px;
        background: url(images/heart-image-desktop.jpg) no-repeat;
        background-size: 523px auto;
        background-position: calc(100% + 4px) -67px;
    }
}

@media(min-width:992px) and (-webkit-min-device-pixel-ratio:2),
(min-width:992px) and (min-resolution:192dpi) {

    .page-template-page-about-us .site-main header.container,
    .page-template-page-about-us .site-main body.woocommerce-cart article header.woocommerce-notices-wrapper,
    body.woocommerce-cart article .page-template-page-about-us .site-main header.woocommerce-notices-wrapper,
    .page-template-page-about-us .site-main header.pagination {
        background-image: url(images/heart-image-desktop@2x.jpg);
    }
}

.page-template-page-about-us .site-main header.container h1,
.page-template-page-about-us .site-main body.woocommerce-cart article header.woocommerce-notices-wrapper h1,
body.woocommerce-cart article .page-template-page-about-us .site-main header.woocommerce-notices-wrapper h1,
.page-template-page-about-us .site-main header.pagination h1 {
    font-size: 35px;
}

@media(min-width:600px) {

    .page-template-page-about-us .site-main header.container h1,
    .page-template-page-about-us .site-main body.woocommerce-cart article header.woocommerce-notices-wrapper h1,
    body.woocommerce-cart article .page-template-page-about-us .site-main header.woocommerce-notices-wrapper h1,
    .page-template-page-about-us .site-main header.pagination h1 {
        font-size: 55px;
    }
}

@media(min-width:992px) {

    .page-template-page-about-us .site-main header.container h1,
    .page-template-page-about-us .site-main body.woocommerce-cart article header.woocommerce-notices-wrapper h1,
    body.woocommerce-cart article .page-template-page-about-us .site-main header.woocommerce-notices-wrapper h1,
    .page-template-page-about-us .site-main header.pagination h1 {
        font-size: 75px;
    }
}

.page-template-page-about-us .site-main .about-intro .about-image {
    max-width: 100%;
    width: 222px;
    height: 135px;
    background: url(images/monique-and-eli-about.jpg) no-repeat;
    background-size: 100% auto;
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .page-template-page-about-us .site-main .about-intro .about-image {
        background-image: url(images/monique-and-eli-about@2x.jpg);
    }
}

.page-template-page-about-us .site-main .about-intro .about-box-image {
    max-width: 100%;
    width: 190px;
    height: 155px;
    background: url(images/box-image-about-page.jpg) no-repeat;
    background-size: 100% auto;
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .page-template-page-about-us .site-main .about-intro .about-box-image {
        background-image: url(images/box-image-about-page@2x.jpg);
    }
}

.page-template-page-about-us .site-main .about-intro .caption {
    font-size: 10px;
    width: 105px;
    margin: 0 auto;
}

.page-template-page-about-us .site-main .about-intro .grid .col-6 svg,
.page-template-page-about-us .site-main .about-intro .related.products .products .col-6 svg,
.related.products .page-template-page-about-us .site-main .about-intro .products .col-6 svg {
    max-width: 170px;
}

.page-template-page-about-us .site-main .about-intro .grid .col-6:first-child,
.page-template-page-about-us .site-main .about-intro .related.products .products .col-6:first-child,
.related.products .page-template-page-about-us .site-main .about-intro .products .col-6:first-child {
    order: 1;
}

.page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(2),
.page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(2),
.related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(2) {
    order: 4;
}

.page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(3),
.page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(3),
.related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(3) {
    order: 2;
}

.page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(4),
.page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(4),
.related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(4) {
    order: 3;
}

.page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(4) svg,
.page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(4) svg,
.related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(4) svg {
    margin-top: -20px;
}

@media(min-width:600px) {

    .page-template-page-about-us .site-main .about-intro .grid .col-6 svg,
    .page-template-page-about-us .site-main .about-intro .related.products .products .col-6 svg,
    .related.products .page-template-page-about-us .site-main .about-intro .products .col-6 svg {
        width: 100%;
        height: auto;
        max-width: 220px;
    }

    .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(2),
    .page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(2),
    .related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(2) {
        order: 2;
    }

    .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(3),
    .page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(3),
    .related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(3) {
        order: 3;
    }

    .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(4),
    .page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(4),
    .related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(4) {
        order: 4;
    }

    .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(3) .grid,
    .page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(3) .grid,
    .related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(3) .grid,
    .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(3) .related.products .products,
    .related.products .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(3) .products,
    .page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(3) .products,
    .related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(3) .products,
    .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(4) .grid,
    .page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(4) .grid,
    .related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(4) .grid,
    .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(4) .related.products .products,
    .related.products .page-template-page-about-us .site-main .about-intro .grid .col-6:nth-child(4) .products,
    .page-template-page-about-us .site-main .about-intro .related.products .products .col-6:nth-child(4) .products,
    .related.products .page-template-page-about-us .site-main .about-intro .products .col-6:nth-child(4) .products {
        align-items: center;
    }
}

.page-template-page-about-us .site-main .about-company-container {
    max-width: 870px;
}

.page-template-page-about-us .site-main .about-company {
    background: rgba(247, 201, 203, .5);
    box-shadow: inset 0 4px 10px rgba(255, 0, 0, .25);
    border-radius: 20px;
}

.page-template-page-about-us .site-main .about-company svg {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
    margin-top: -30px;
}

@media(min-width:992px) {
    .page-template-page-about-us .site-main .about-company svg {
        margin-top: -20px;
    }
}

.page-template-page-about-us .site-main .about-company p {
    margin-top: 0;
    margin-bottom: 1em;
}

.page-template-page-about-us .site-main .about-company p.caption {
    margin-bottom: 0;
}

.page-template-page-about-us .site-main .about-company img {
    border-radius: 20px;
    display: block;
    max-width: 100%;
    height: auto;
}

.page-template-page-about-us .site-main .about-company h2 {
    color: #000;
    margin-bottom: 20px;
}

.page-template-page-about-us .site-main .about-company h3 {
    color: #000;
    margin: 0 0 20px;
}

.page-template-page-about-us .site-main .about-company h3 .reason {
    width: 41px;
    height: 41px;
    display: block;
    text-align: center;
    line-height: 41px;
    border-radius: 50%;
    font-size: 35px;
    margin: 0 10px 0 0;
    color: #fff;
    background: #f44336;
    flex-shrink: 0;
}

@media(min-width:600px) {

    .page-template-page-about-us .site-main .about-company .grid .grid,
    .page-template-page-about-us .site-main .about-company .related.products .products .grid,
    .related.products .page-template-page-about-us .site-main .about-company .products .grid,
    .page-template-page-about-us .site-main .about-company .grid .related.products .products,
    .related.products .page-template-page-about-us .site-main .about-company .grid .products,
    .page-template-page-about-us .site-main .about-company .related.products .products .products,
    .related.products .page-template-page-about-us .site-main .about-company .products .products {
        align-items: center;
    }

    .page-template-page-about-us .site-main .about-company .grid .grid .caption,
    .page-template-page-about-us .site-main .about-company .related.products .products .grid .caption,
    .related.products .page-template-page-about-us .site-main .about-company .products .grid .caption,
    .page-template-page-about-us .site-main .about-company .grid .related.products .products .caption,
    .related.products .page-template-page-about-us .site-main .about-company .grid .products .caption,
    .page-template-page-about-us .site-main .about-company .related.products .products .products .caption,
    .related.products .page-template-page-about-us .site-main .about-company .products .products .caption {
        font-size: 15px;
    }
}

@media(min-width:992px) {
    .page-template-page-about-us .site-main .about-favorites .relative {
        padding-left: 130px;
    }
}

@media(min-width:600px) {

    .page-template-page-about-us .site-main .about-favorites .about-favorites-cta .btn-small,
    .page-template-page-about-us .site-main .about-favorites .about-favorites-cta .pagination.prev-next a,
    .pagination.prev-next .page-template-page-about-us .site-main .about-favorites .about-favorites-cta a,
    .page-template-page-about-us .site-main .about-favorites .about-favorites-cta .btn-tiny {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
        padding: 0 80px;
    }
}

.page-template-page-about-us .site-main .about-favorites .about-favorites-cta-title {
    max-width: 170px;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:600px) {
    .page-template-page-about-us .site-main .about-favorites .about-favorites-cta-title {
        max-width: 100%
    }
}

.page-template-page-about-us .site-main .about-favorites .about-favorites-candy {
    width: 133px;
    height: 133px;
    position: relative;
    display: block;
}

@media(min-width:992px) {
    .page-template-page-about-us .site-main .about-favorites .about-favorites-candy {
        position: absolute;
        left: 0;
        width: 45%;
        height: auto;
    }
}

.page-template-page-about-us .site-main .about-favorites .about-favorites-candy .about-mango-image {
    max-width: 100%;
    width: 133px;
    height: 133px;
    background: url(images/about-mango-favorite.jpg) no-repeat;
    background-size: 100% auto;
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .page-template-page-about-us .site-main .about-favorites .about-favorites-candy .about-mango-image {
        background-image: url(images/about-mango-favorite@2x.jpg);
    }
}

.page-template-page-about-us .site-main .about-favorites .about-favorites-candy .about-rhubarb-image {
    max-width: 100%;
    width: 133px;
    height: 133px;
    background: url(images/about-rhubarb-favorite.jpg) no-repeat;
    background-size: 100% auto;
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .page-template-page-about-us .site-main .about-favorites .about-favorites-candy .about-rhubarb-image {
        background-image: url(images/about-rhubarb-favorite@2x.jpg);
    }
}

.page-template-page-about-us .site-main .about-favorites .grid p,
.page-template-page-about-us .site-main .about-favorites .related.products .products p,
.related.products .page-template-page-about-us .site-main .about-favorites .products p {
    width: 122px;
}

@media(min-width:992px) {

    .page-template-page-about-us .site-main .about-favorites .grid .col-6:last-child p,
    .page-template-page-about-us .site-main .about-favorites .related.products .products .col-6:last-child p,
    .related.products .page-template-page-about-us .site-main .about-favorites .products .col-6:last-child p {
        width: 200px;
    }
}

@media(min-width:992px) {
    .page-template-page-about-us .about-us-footer .about-us-image {
        text-align: right;
    }
}

@media(min-width:992px) {

    .page-template-page-about-us .about-us-footer .epsilon,
    .page-template-page-about-us .about-us-footer .pagination .page-numbers i,
    .pagination .page-numbers .page-template-page-about-us .about-us-footer i,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-order .card-content .card-title,
    .card.card-dashboard-order .card-content .page-template-page-about-us .about-us-footer .card-title,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-referrals .card-content .card-title,
    .card.card-dashboard-referrals .card-content .page-template-page-about-us .about-us-footer .card-title,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-sub .card-content .card-title,
    .card.card-dashboard-sub .card-content .page-template-page-about-us .about-us-footer .card-title,
    .page-template-page-about-us .about-us-footer .card.card-dashboard .card-content .card-title,
    .card.card-dashboard .card-content .page-template-page-about-us .about-us-footer .card-title,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-addon .card-content .card-title,
    .card.card-dashboard-addon .card-content .page-template-page-about-us .about-us-footer .card-title,
    .page-template-page-about-us .about-us-footer .related.products .products .woocommerce-loop-product__title,
    .related.products .products .page-template-page-about-us .about-us-footer .woocommerce-loop-product__title,
    .page-template-page-about-us .about-us-footer .site-main .about-company h2,
    .page-template-page-about-us .site-main .about-company .about-us-footer h2 {
        font-size: 20px;
    }

    .page-template-page-about-us .about-us-footer .zeta,
    .page-template-page-about-us .about-us-footer .single-box .type-box .single-box-header .single-box-header-content p,
    .single-box .type-box .single-box-header .single-box-header-content .page-template-page-about-us .about-us-footer p,
    .page-template-page-about-us .about-us-footer body.woocommerce-cart .uy-shop-table-container tr th,
    body.woocommerce-cart .uy-shop-table-container tr .page-template-page-about-us .about-us-footer th,
    .page-template-page-about-us .about-us-footer .pagination .page-numbers,
    .pagination .page-template-page-about-us .about-us-footer .page-numbers,
    .page-template-page-about-us .about-us-footer .wc-block-grid__product-title,
    .page-template-page-about-us .about-us-footer .wc-block-grid__product-price,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-notification .card-content .card-title,
    .card.card-dashboard-notification .card-content .page-template-page-about-us .about-us-footer .card-title,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-order .card-content>ul>li,
    .card.card-dashboard-order .page-template-page-about-us .about-us-footer .card-content>ul>li,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-referrals .card-content>ul>li,
    .card.card-dashboard-referrals .page-template-page-about-us .about-us-footer .card-content>ul>li,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-sub .card-content>ul>li,
    .card.card-dashboard-sub .page-template-page-about-us .about-us-footer .card-content>ul>li,
    .page-template-page-about-us .about-us-footer .card.card-dashboard .card-content>ul>li,
    .card.card-dashboard .page-template-page-about-us .about-us-footer .card-content>ul>li,
    .page-template-page-about-us .about-us-footer .card.card-dashboard-addon .card-content>ul>li,
    .card.card-dashboard-addon .page-template-page-about-us .about-us-footer .card-content>ul>li,
    .page-template-page-about-us .about-us-footer .quick-question .form-header,
    .quick-question .page-template-page-about-us .about-us-footer .form-header,
    .page-template-page-about-us .about-us-footer .site-main .about-company p,
    .page-template-page-about-us .site-main .about-company .about-us-footer p,
    .page-template-page-about-us .about-us-footer .site-main .about-company h3,
    .page-template-page-about-us .site-main .about-company .about-us-footer h3 {
        font-size: 15px;
    }
}

.free-shipping-badge {
    line-height: 1.2;
    font-size: 12px;
    top: 30px;
    left: 30px;
    width: 70px;
    height: 70px;
}

@media(min-width:600px) {
    .free-shipping-badge {
        width: 90px;
        height: 90px;
        font-size: 16px;
    }
}

@media(min-width:992px) {
    .free-shipping-badge {
        top: 80px;
    }
}

.addon-info .addon-title {
    text-align: center;
}

@media(min-width:600px) {
    .addon-info .addon-title {
        text-align: left;
    }
}

.addon-features p {
    margin-top: 0;
}

.addon-features ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    font-size: 15px;
}

.addon-features ul li {
    padding-left: 30px;
    margin-bottom: 10px;
    background: url(images/check-black.svg) no-repeat;
    background-size: 16px;
    background-position: center left;
}

.addon-features ul li svg {
    margin-right: 10px;
}

.addon-features ul li .halloween-ship-notice-item {
    color: #f44336;
    font-weight: 600;
}

@media(min-width:600px) {
    .login-register-header h4 {
        font-size: 3.56rem;
    }
}

.page-template-page-customer-dashboard .account-notices .notification {
    background-color: transparent;
    display: flex;
    align-items: center;
    border-bottom: none;
}

@media(min-width:600px) {
    .page-template-page-customer-dashboard .account-notices .notification:first-of-type {
        margin-top: 20px;
    }

    .page-template-page-customer-dashboard .account-notices .notification:last-of-type {
        margin-bottom: -30px;
    }
}

.page-template-page-customer-dashboard .account-notices .notification h6 {
    margin-left: 15px;
    font-family: roboto, sans-serif;
    font-size: 1.2rem;
    width: calc(100% - 45px);
}

.page-template-page-customer-dashboard .account-notices .notification h6 strong:first-of-type {
    font-family: fredoka one, sans-serif;
    color: #0133a3;
}

.page-template-page-customer-dashboard .account-notices .notification a {
    text-decoration: underline;
}

.page-template-page-customer-dashboard .account-notices .notification:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
}

.page-template-page-customer-dashboard .account-notices .notification.alert:before {
    background: url(images/notice.svg) no-repeat;
    background-size: cover;
}

.page-template-page-customer-dashboard .account-notices .notification.success:before {
    background: url(images/notice-success.svg) no-repeat;
    background-size: cover;
}

.card.card-dashboard.card-dashboard-login {
    margin: 0 -15px;
}

@media(min-width:600px) {
    .card.card-dashboard.card-dashboard-login {
        margin: 0;
    }
}

@media(max-width:599px) {
    .card.card-dashboard.card-dashboard-login {
        border-radius: 0;
    }
}

.card.card-dashboard.card-dashboard-login .card-content {
    padding: 20px;
}

@media(min-width:600px) {
    .card.card-dashboard.card-dashboard-login .card-content {
        padding: 35px;
    }
}

.card.card-dashboard.card-dashboard-login .or {
    font-size: 20px;
}

.card.card-dashboard.card-dashboard-login .or:before {
    content: "";
    background-color: #fff;
}

.card.card-dashboard.card-dashboard-login .or:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #0133a3;
    left: 0;
    bottom: 12px;
}

@media(min-width:600px) {
    .card.card-dashboard.card-dashboard-login .or:after {
        bottom: 19px;
    }
}

@media(min-width:600px) {
    .card.card-dashboard.card-dashboard-login .or {
        font-size: 30px;
    }
}

.card.card-dashboard.card-dashboard-login .or span {
    background: #fff;
    z-index: 99;
    width: 60px;
    display: inline-block;
}

@media(min-width:600px) {
    .card.card-dashboard.card-dashboard-login .or span {
        width: 80px;
    }
}

.card.card-dashboard.card-dashboard-login .btn-large {
    width: 100%
}

@media(min-width:600px) {
    .card.card-dashboard.card-dashboard-login .btn-large {
        width: 410px;
        margin-left: auto;
        margin-right: auto;
    }
}

div.wc-social-login.form-row-wide {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media(min-width:1070px) {
    div.wc-social-login.form-row-wide {
        flex-direction: row;
        justify-content: space-between;
    }
}

div.wc-social-login.form-row-wide>p {
    display: none;
}

div.wc-social-login.form-row-wide a.button-social-login {
    width: 220px;
    max-width: 100%;
    text-align: left;
    margin: 0 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 15px;
    font-family: fredoka one, sans-serif;
    border-radius: 50px;
    display: inline-flex;
}

@media(min-width:992px) {
    div.wc-social-login.form-row-wide a.button-social-login {
        font-size: 20px;
        width: 330px;
    }
}

@supports(-webkit-touch-callout:none) and (not (translate:none)) {
    @media(max-width: 1069px) {
        div.wc-social-login.form-row-wide a.button-social-login:last-of-type {
            margin-top: 10px;
        }
    }
}

div.wc-social-login.form-row-wide a.button-social-login.button-social-login-facebook .si-facebook {
    background: #3b5998 url(images/facebook-logo.svg) no-repeat center;
    background-size: 25px;
    float: left;
    margin-left: 15px;
}

@media(min-width:992px) {
    div.wc-social-login.form-row-wide a.button-social-login.button-social-login-facebook .si-facebook {
        background-size: 38px;
        margin-left: 20px;
    }
}

div.wc-social-login.form-row-wide a.button-social-login.button-social-login-google .si-google {
    background: #4285f4 url(images/google-logo.svg) no-repeat center;
    background-size: 25px;
    float: left;
    margin-left: 15px;
}

@media(min-width:992px) {
    div.wc-social-login.form-row-wide a.button-social-login.button-social-login-google .si-google {
        background-size: 38px;
        margin-left: 20px;
    }
}

.login-trouble .text {
    width: 100%
}

.woocommerce-password-strength {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
}

.redirect-to-checkout .woocommerce-password-strength,
.redirect-to-checkout .woocommerce-password-hint {
    display: none !important;
}

body.woocommerce-cart article .entry-header {
    display: none;
}

body.woocommerce-cart article .uy-cart-empty .woocommerce-notices-wrapper {
    margin: var(--space-8) auto;
}

body.woocommerce-cart article .uy-cart-empty .woocommerce-notices-wrapper .notification {
    text-align: center;
}

body.woocommerce-cart article .uy-cart-empty .woocommerce-notices-wrapper .notification:not(.correct-coupon) {
    background: #f2f2f2;
}

body.woocommerce-cart article .cart-inner>.container,
body.woocommerce-cart article .cart-inner>.pagination,
body.woocommerce-cart article .cart-inner>.woocommerce-notices-wrapper {
    padding: 0;
}

body.woocommerce-cart article .cart-order-summary {
    border-top: 1px solid #9e9e9e;
    position: sticky;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
}

@media(min-width:992px) {
    body.woocommerce-cart article .cart-inner {
        background: linear-gradient(90deg, white 50%, #E8E8E8 50%);
    }

    body.woocommerce-cart article .cart-inner>.container,
    body.woocommerce-cart article .cart-inner>.pagination,
    body.woocommerce-cart article .cart-inner>.woocommerce-notices-wrapper {
        padding: 0 15px;
    }

    body.woocommerce-cart article .cart-order-summary {
        border: none;
        position: static;
        background: 0 0;
    }
}

body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item {
    height: 165px;
}

body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .cart-product-container {
    height: 100%
}

body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item .cart-product-container .cart-product-content {
    height: 100%
}

body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item.sample {
    border: 1px solid #9e9e9e;
}

@media(max-width:767px) {
    body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item.sample {
        margin-right: 10px;
        margin-left: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item.sample:not(:first-child) {
    margin-top: 15px;
}

body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item.sample .cart-product-container {
    border-bottom: none;
}

body.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__cart-item:last-child .cart-product-container {
    border-bottom-color: transparent !important;
}

body.woocommerce-cart .woocommerce-cart-form .product-remove {
    position: absolute;
    top: 5px;
    right: 5px;
}

@media(min-width:992px) {
    body.woocommerce-cart .woocommerce-cart-form .product-remove {
        right: 0;
    }
}

body.woocommerce-cart .woocommerce-cart-form .remove {
    width: 20px;
    height: 20px;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    background: #0133a3;
    text-indent: -9999px;
    display: block;
    position: relative;
}

body.woocommerce-cart .woocommerce-cart-form .remove:after,
body.woocommerce-cart .woocommerce-cart-form .remove:before {
    content: "";
    height: 2px;
    width: 10px;
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    margin: 9px 5px;
}

body.woocommerce-cart .woocommerce-cart-form .remove:before {
    transform: rotate(135deg);
}

body.woocommerce-cart .woocommerce-cart-form .remove:after {
    transform: rotate(45deg);
}

@media(min-width:992px) {
    body.woocommerce-cart .woocommerce-cart-form .remove {
        width: 30px;
        height: 30px;
    }

    body.woocommerce-cart .woocommerce-cart-form .remove:after,
    body.woocommerce-cart .woocommerce-cart-form .remove:before {
        width: 14px;
        margin: 14px 8px;
    }
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

@media(min-width:600px) {
    body.woocommerce-cart .woocommerce-cart-form .product-thumbnail {
        width: 115px;
        height: 115px;
    }
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img {
    padding: 0;
    border: none;
}

body.woocommerce-cart .woocommerce-cart-form .cart-product-content {
    width: 100%;
    overflow: hidden;
    flex-grow: 0;
}

body.woocommerce-cart .woocommerce-cart-form .product-quantity {
    bottom: 0;
    right: 0;
    width: 30px;
    justify-content: center;
}

body.woocommerce-cart .uy-shop-table-container h2 {
    display: none;
}

@media(min-width:992px) {
    body.woocommerce-cart .uy-shop-table-container h2 {
        display: block;
    }
}

@media(min-width:992px) {
    body.woocommerce-cart .uy-shop-table-container table {
        border-top: 1px solid #9e9e9e;
        border-bottom: 1px solid #9e9e9e;
    }
}

body.woocommerce-cart .uy-shop-table-container tr {
    border-bottom: none;
}

body.woocommerce-cart .uy-shop-table-container tr small {
    font-size: 80%
}

body.woocommerce-cart .uy-shop-table-container tr td,
body.woocommerce-cart .uy-shop-table-container tr th {
    padding: var(--space-5) 0;
    line-height: 1;
}

body.woocommerce-cart .uy-shop-table-container tr th {
    font-weight: 400;
}

body.woocommerce-cart .uy-shop-table-container tr td {
    font-size: var(--space-6);
    font-weight: 600;
    text-align: right;
}

body.woocommerce-cart .uy-shop-table-container tr td:before {
    font-weight: 400;
}

body.woocommerce-cart .uy-shop-table-container tr:first-child th,
body.woocommerce-cart .uy-shop-table-container tr:first-child td {
    padding-top: var(--space-6);
}

body.woocommerce-cart .uy-shop-table-container tr:last-child th,
body.woocommerce-cart .uy-shop-table-container tr:last-child td {
    padding-bottom: var(--space-6);
}

body.woocommerce-cart .wc-proceed-to-checkout {
    margin-top: var(--space-6);
}

@media(min-width:992px) {
    body.woocommerce-cart .wc-proceed-to-checkout {
        padding-left: var(--space-6);
        padding-right: var(--space-6);
    }
}

@media(max-width:991px) {
    body.woocommerce-cart .wc-proceed-to-checkout {
        flex-direction: row;
    }

    body.woocommerce-cart .wc-proceed-to-checkout .btn-large {
        font-size: var(--space-6);
        padding: 0;
    }

    body.woocommerce-cart .wc-proceed-to-checkout .btn-large:first-child {
        margin-right: var(--space-5);
    }
}

@media(max-width:767px) {
    body.woocommerce-cart .wc-proceed-to-checkout .btn-large.border-2 {
        line-height: 42px;
    }
}

body.woocommerce-cart .wc-proceed-to-checkout .btn-large {
    width: 100%;
    margin: 0 0 var(--space-6);
}

.sidenav .mobile-nav-content ul,
.sidenav .mobile-nav-content li,
.sidenav .mobile-nav-content li>a,
.sidenav .mobile-nav-content svg,
.sidenav .mobile-nav-content h4,
.sidenav .mobile-nav-content span,
.sidenav .mobile-nav-content .menu-close-icon,
.sidenav .mobile-nav-content button,
.mobile-nav-content ul,
.mobile-nav-content li,
.mobile-nav-content li>a,
.mobile-nav-content svg,
.mobile-nav-content h4,
.mobile-nav-content span,
.mobile-nav-content .menu-close-icon,
.mobile-nav-content button,
.mdc-drawer.uy-nav-primary .mdc-list {
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    width: inherit;
    line-height: 1;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    border: none;
    text-decoration: none;
    list-style: none;
    height: auto;
    display: inherit;
    -webkit-appearance: none;
    color: #0133a3;
    font-family: roboto, sans-serif;
}

.sidenav .mobile-nav-content ul li a,
.mobile-nav-content ul li a,
.sidenav .mobile-nav-content>div .mobile-nav-account-wrap,
.mobile-nav-content>div .mobile-nav-account-wrap,
.login-container-btn .cart span,
.login .cart span {
    display: flex;
    align-items: center;
}

.sidenav .mobile-nav-content ul:first-of-type li a,
.sidenav .mobile-nav-content ul:nth-of-type(2) li a,
.mobile-nav-content ul:first-of-type li a,
.mobile-nav-content ul:nth-of-type(2) li a {
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .12);
}

.sidenav {
    width: 90%
}

nav .login,
.uy-top-app-bar--default .login-container-btn {
    height: 35px;
}

@media(min-width:992px) {

    nav .login,
    .uy-top-app-bar--default .login-container-btn {
        height: auto;
    }
}

.login-container-btn .cart,
.login .cart {
    position: relative;
    display: none;
    line-height: 1;
    top: calc(50% - 13px);
    right: 8px;
}

.login-container-btn .cart svg,
.login .cart svg {
    width: 30px;
    height: 30px;
}

.login-container-btn .cart span,
.login .cart span {
    justify-content: center;
    position: absolute;
    font-size: 8px;
    top: -2px;
    right: -2px;
    border-radius: 20px;
    width: 14px;
    height: 14px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    background: #0133a3;
}

@media(min-width:992px) {

    .login-container-btn .cart,
    .login .cart {
        display: none;
    }
}

.sidenav .mobile-nav-content>div,
.mobile-nav-content>div {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px;
}

.sidenav .mobile-nav-content>div .mobile-nav-account-wrap,
.mobile-nav-content>div .mobile-nav-account-wrap {
    margin-right: 100px;
}

.sidenav .mobile-nav-content>div .mobile-nav-account-wrap span,
.mobile-nav-content>div .mobile-nav-account-wrap span {
    font-size: 15px;
    font-family: fredoka one, sans-serif;
}

.sidenav .mobile-nav-content>div .mobile-nav-account-wrap svg,
.mobile-nav-content>div .mobile-nav-account-wrap svg {
    fill: #0133a3;
    width: 30px;
    margin-right: 3px;
}

.sidenav .mobile-nav-content>div .menu-close-icon,
.sidenav .mobile-nav-content>div .menu-close-test-icon,
.sidenav .mobile-nav-content>div .uy-navigation-close,
.mobile-nav-content>div .menu-close-icon,
.mobile-nav-content>div .menu-close-test-icon,
.mobile-nav-content>div .uy-navigation-close {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
}

.sidenav .mobile-nav-content h4,
.mobile-nav-content h4 {
    color: #fff;
    background: #0133a3;
    padding: 15px;
    font-size: 30px;
    font-family: fredoka one, sans-serif;
    text-align: left;
}

.sidenav .mobile-nav-content h4:nth-of-type(2),
.mobile-nav-content h4:nth-of-type(2) {
    background: #fbbb3d;
}

.sidenav .mobile-nav-content ul li a,
.mobile-nav-content ul li a {
    font-family: fredoka one, sans-serif;
    font-size: 20px;
    margin: 15px;
}

.sidenav .mobile-nav-content ul li a span,
.mobile-nav-content ul li a span {
    width: 120px;
    margin-right: 12px;
}

.sidenav .mobile-nav-content ul li a span svg,
.mobile-nav-content ul li a span svg {
    width: auto;
    margin: auto;
}

.sidenav .mobile-nav-content ul:nth-of-type(2) li:first-of-type a,
.mobile-nav-content ul:nth-of-type(2) li:first-of-type a {
    border: 1px solid #fbbb3d;
}

.sidenav .mobile-nav-content ul:nth-of-type(3),
.mobile-nav-content ul:nth-of-type(3) {
    padding: 5px 0;
}

.sidenav .mobile-nav-content ul:nth-of-type(3) li a,
.mobile-nav-content ul:nth-of-type(3) li a {
    padding: 8px 0;
}

@media(max-width:1199px) {

    .filter-by-title,
    .sidebar {
        display: none;
    }
}

@media(max-width:1199px) {
    .sidebar.is-open {
        display: block;
        position: fixed;
        z-index: 99999;
        background: #fff;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px 20px 115px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media(max-width:1199px) {
    div.loop {
        --span: 12;
        padding-left: 0;
    }
}

.mobile-header {
    display: none;
}

.mobile-header svg {
    width: 20px;
}

@media(max-width:1199px) {
    .mobile-header {
        display: flex;
    }
}

.product-filters-actions {
    display: none;
    bottom: 0;
    right: 0;
    left: 0;
    height: 95px;
    padding: 20px;
    position: fixed;
    background: #fff;
}

.product-filters-actions .btn,
.product-filters-actions .btn-large,
.product-filters-actions .btn-small,
.product-filters-actions .pagination.prev-next a,
.pagination.prev-next .product-filters-actions a,
.product-filters-actions .btn-tiny,
.product-filters-actions .btn-same-width,
.product-filters-actions .login .button,
.login .product-filters-actions .button,
.product-filters-actions .register .button,
.register .product-filters-actions .button,
.product-filters-actions .lost_reset_password .button,
.lost_reset_password .product-filters-actions .button {
    height: 55px;
    line-height: 50px;
    font-weight: 400;
    font-size: 20px;
}

@media(max-width:1199px) {
    .product-filters-actions {
        display: block;
    }
}

@media(max-width:1199px) {
    .products-list-header .product-filtered-count {
        display: none;
    }
}

.products-list-header .product-filter-open {
    display: none;
    padding: 10px 20px;
    background: #fff;
    color: #000;
    width: 100px;
    border-radius: 3px;
    position: relative;
}

.products-list-header .product-filter-open:before,
.products-list-header .product-filter-open:after {
    content: "";
    border-radius: 5px;
    background: #0133a3;
    position: absolute;
}

.products-list-header .product-filter-open:before {
    height: 3px;
    width: 11px;
    right: 7px;
    top: 16px;
}

@media(min-width:600px) {
    .products-list-header .product-filter-open:before {
        top: 18px;
    }
}

.products-list-header .product-filter-open:after {
    height: 11px;
    width: 3px;
    right: 11px;
    top: 12px;
}

@media(min-width:600px) {
    .products-list-header .product-filter-open:after {
        top: 14px;
    }
}

@media(max-width:1199px) {
    .products-list-header .product-filter-open {
        display: block;
    }
}

.product-filters .grid,
.product-filters .related.products .products,
.related.products .product-filters .products {
    grid-gap: 10px;
}

.product-filters .product-filter .btn,
.product-filters .product-filter .btn-large,
.product-filters .product-filter .btn-small,
.product-filters .product-filter .pagination.prev-next a,
.pagination.prev-next .product-filters .product-filter a,
.product-filters .product-filter .btn-tiny,
.product-filters .product-filter .btn-same-width,
.product-filters .product-filter .login .button,
.login .product-filters .product-filter .button,
.product-filters .product-filter .register .button,
.register .product-filters .product-filter .button,
.product-filters .product-filter .lost_reset_password .button,
.lost_reset_password .product-filters .product-filter .button {
    width: 100%;
    font-size: .8rem;
    padding: 0;
    white-space: nowrap;
    font-family: roboto, sans-serif;
    border: 1px solid #a5a5a5;
}

.product-filters .product-filter .btn.active,
.product-filters .product-filter .active.btn-large,
.product-filters .product-filter .active.btn-small,
.product-filters .product-filter .pagination.prev-next a.active,
.pagination.prev-next .product-filters .product-filter a.active,
.product-filters .product-filter .active.btn-tiny,
.product-filters .product-filter .active.btn-same-width,
.product-filters .product-filter .login .active.button,
.login .product-filters .product-filter .active.button,
.product-filters .product-filter .register .active.button,
.register .product-filters .product-filter .active.button,
.product-filters .product-filter .lost_reset_password .active.button,
.lost_reset_password .product-filters .product-filter .active.button {
    color: #fff;
    background: #0133a3;
    border-color: #0133a3;
}

.product-filters .current-filter svg {
    fill: #ef4344;
    width: 40px;
    margin-right: 10px;
    margin-left: 5px;
}

.product-filter-sort ul.select-options {
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    margin-top: -20px;
}

.product-filter-sort.is-open ul.select-options {
    opacity: 1;
    pointer-events: auto;
    margin-top: -3px;
}

.product-filter-sort.is-open svg {
    transform: rotate(180deg);
}

.selected-sort-filter {
    border-radius: 3px;
    color: #000;
    padding: .5rem 1rem .5rem 1.25rem;
    width: 180px;
    z-index: 6;
    background: #fff;
}

@media(min-width:600px) {
    .selected-sort-filter {
        width: 280px;
    }
}

.selected-sort-filter svg {
    position: absolute;
    width: 17px;
    height: auto;
    right: 10px;
    top: 11px;
}

@media(min-width:600px) {
    .selected-sort-filter svg {
        width: 20px;
        right: 15px;
        top: 14px;
    }
}

ul.select-options {
    position: absolute;
    width: 180px;
    border-radius: 3px;
    z-index: 5;
}

@media(min-width:600px) {
    ul.select-options {
        width: 280px;
    }
}

ul.select-options>li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    transition: all .15s ease-in;
    background: #fff;
}

ul.select-options>li.active,
ul.select-options>li:hover {
    color: #fff;
    background: #0133a3;
}

.product-list.related .price {
    padding-bottom: 70px;
}

.product-list .grid,
.product-list .related.products .products,
.related.products .product-list .products {
    column-gap: 30px;
    row-gap: 30px;
}

@media(max-width:1199px) {

    .product-list .grid,
    .product-list .related.products .products,
    .related.products .product-list .products {
        column-gap: 20px;
        row-gap: 20px;
    }
}

.product-list .price {
    font-family: fredoka one, sans-serif;
    font-size: 1.1875rem;
    color: #f44336;
}

.product-list del {
    color: #a5a5a5;
}

.product-list ins {
    text-decoration: none;
}

.product-list .onsale {
    font-family: fredoka one, sans-serif;
    letter-spacing: 1px;
    position: absolute;
    border-radius: 5px;
    padding: 5px 10px;
    width: auto;
    color: #fff;
    background-color: #ef4344;
    line-height: 1;
    top: 0;
    left: 0;
}

.cart.related {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.load-more {
    font-size: 1.5625rem;
    padding: 1rem 0;
    min-width: 130px;
    border: 2px solid #0133a3;
    background: #fff;
    color: #0133a3;
    height: auto;
    width: 100%;
    line-height: 1;
    margin-top: 1.25rem;
}

.load-more:hover {
    background: #fff;
    text-decoration: underline;
}

.load-more:active,
.load-more:focus {
    background: #0133a3;
    color: #fff;
}

.archive-header {
    background-color: #0133a3;
    background-repeat: no-repeat;
    color: #fff;
    background-size: 90%;
    background-position-x: 95px;
    background-position-y: 0;
}

.archive-header img {
    vertical-align: bottom;
}

.archive-header h1 {
    font-size: calc(16px + 1vw);
    color: inherit;
}

@media(min-width:992px) {
    .archive-header h1 {
        font-size: calc(30px + 2vw);
    }
}

@media(min-width:1920px) {
    .archive-header h1 {
        font-size: 4.25rem;
    }
}

@media(min-width:992px) {
    .archive-header .term-description {
        font-family: fredoka one, sans-serif;
    }
}

.archive-header .btn-large {
    font-size: var(--space-5);
}

@media(min-width:992px) {
    .archive-header .btn-large {
        font-size: var(--space-6);
    }
}

.archive-header p {
    margin: 0;
}

.tax-product_cat .archive-header {
    background-position-x: right;
    background-position-y: bottom;
    background-size: 200px;
}

@media(min-width:480px) {
    .tax-product_cat .archive-header {
        background-size: 280px;
    }
}

@media(min-width:600px) {
    .tax-product_cat .archive-header {
        background-size: 320px;
        background-position-y: 50%
    }
}

@media(min-width:768px) {
    .tax-product_cat .archive-header {
        background-position-y: 50%;
        background-size: 500px;
    }
}

.tax-product_cat .archive-header h1 {
    max-width: 200px;
}

@media(min-width:500px) {
    .tax-product_cat .archive-header h1 {
        max-width: 100%
    }
}

.tax-product_cat .archive-header .term-description {
    max-width: 180px;
}

@media(min-width:500px) {
    .tax-product_cat .archive-header .term-description {
        max-width: 200px;
    }
}

@media(min-width:600px) {
    .tax-product_cat .archive-header .term-description {
        max-width: 300px;
    }
}

.page-template-page-shop-filters .archive-header {
    background-color: #afddd0;
    background-image: url(images/shop-module-hero.jpg);
    background-size: 90%;
    background-position-x: 95px;
    background-position-y: 0;
}

@media(min-width:480px) {
    .page-template-page-shop-filters .archive-header {
        background-position-x: right;
        background-position-y: bottom;
        background-size: 300px;
    }
}

@media(min-width:600px) {
    .page-template-page-shop-filters .archive-header {
        background-size: 320px;
    }
}

@media(min-width:768px) {
    .page-template-page-shop-filters .archive-header {
        background-position-y: 50%;
        background-size: 500px;
    }
}

.page-template-page-shop-filters .archive-header .term-description {
    max-width: 185px;
}

@media(min-width:500px) {
    .page-template-page-shop-filters .archive-header .term-description {
        max-width: 200px;
    }
}

@media(min-width:600px) {
    .page-template-page-shop-filters .archive-header .term-description {
        max-width: 300px;
    }
}

.page-template-page-shop-filters .archive-header h1 {
    max-width: 240px;
}

@media(min-width:992px) {
    .page-template-page-shop-filters .archive-header h1 {
        max-width: 530px;
    }
}

.term-candy .archive-header {
    background-color: #f44336;
    background-image: url(images/headers/candy.jpg);
}

.term-chocolate .archive-header {
    background-image: url(images/headers/chocolates.jpg);
    background-size: 240px;
    background-position-x: 136%;
    background-position-y: 26px;
}

@media(min-width:480px) {
    .term-chocolate .archive-header {
        background-size: 210px;
        background-position-x: calc(100% + 68px);
        background-position-y: 50%
    }
}

@media(min-width:768px) {
    .term-chocolate .archive-header {
        background-size: 380px;
        background-position-x: 120%
    }
}

@media(min-width:992px) {
    .term-chocolate .archive-header {
        background-size: 490px;
        background-position-x: right;
    }
}

.term-chips-snacks .archive-header {
    background-color: #fbbb3d;
    background-image: url(images/headers/chips-snacks.jpg);
}

.term-cakes-cookies .archive-header {
    background-color: #afddd0;
    background-image: url(images/headers/cakes-cookies.jpg);
}

.term-halloween .archive-header.w-image {
    padding-top: 20px;
    padding-bottom: 20px;
}

.term-halloween .archive-header .term-description {
    color: #000;
}

.term-halloween .archive-header .uy-button-white-on-black {
    background: #000;
    color: #fff;
    padding: 7px 25px;
    border-radius: 50px;
    max-width: 180px;
    text-align: center;
    font-size: 15px;
    margin: 0 0 10px;
    display: block;
}

@media(min-width:992px) {
    .term-halloween .archive-header .uy-button-white-on-black {
        padding: 10px 25px;
        margin: 15px 0;
        font-size: 20px;
        max-width: 240px;
    }
}

@media(min-width:1200px) {
    .term-halloween .archive-header .uy-button-white-on-black {
        margin-left: 90px;
    }
}

div#choose-first-box-modal h1 {
    font-size: 1.5rem;
}

@media(min-width:600px) {
    div#choose-first-box-modal h1 {
        font-size: 2.92rem;
    }
}

div#choose-first-box-modal .single-select-box-wrapper:nth-child(2n)>.single-select-box-inner-wrapper {
    direction: rtl;
}

div#choose-first-box-modal .single-select-box-wrapper:nth-child(2n)>.single-select-box-inner-wrapper * {
    direction: initial;
}

@media(min-width:992px) {
    div#choose-first-box-modal .single-select-box-wrapper:nth-child(2n)>.single-select-box-inner-wrapper {
        direction: initial;
    }
}

div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper {
    max-width: 400px;
    margin: 0 auto;
}

@media(min-width:992px) {
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        height: 100%
    }

    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper {
        display: flex;
        height: 100%;
        flex-direction: column;
    }

    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .btn,
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .btn-large,
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .btn-small,
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .pagination.prev-next a,
    .pagination.prev-next div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper a,
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .btn-tiny,
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .btn-same-width,
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .login .button,
    .login div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .button,
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .register .button,
    .register div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .button,
    div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .lost_reset_password .button,
    .lost_reset_password div#choose-first-box-modal .single-select-box-wrapper>.single-select-box-inner-wrapper .title-btn-wrapper .button {
        margin-top: auto;
    }
}

div#choose-first-box-modal .subtitle {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    max-width: 420px;
    margin: 7px auto 0;
}

div#choose-first-box-modal .choose-visit {
    font-size: 13px;
}

@media(min-width:992px) {
    div#choose-first-box-modal .choose-visit {
        font-size: 1.5625rem;
    }
}

@media(min-width:992px) {
    div#choose-first-box-modal .choose-box-image {
        width: 285px;
        max-height: 285px;
        margin: 0 auto 30px;
    }
}

div#choose-first-box-modal .choose-box-country-title {
    font-size: 20px;
}

@media(min-width:992px) {
    div#choose-first-box-modal .choose-box-country-title {
        font-size: 1.875rem;
        line-height: 1.3;
    }
}

div#choose-first-box-modal .choose-subtitle {
    font-size: 12px;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:992px) {
    div#choose-first-box-modal .choose-subtitle {
        font-size: 1rem;
        max-width: 230px;
    }
}

@media(min-width:992px) {

    div#choose-first-box-modal .btn,
    div#choose-first-box-modal .btn-large,
    div#choose-first-box-modal .btn-small,
    div#choose-first-box-modal .pagination.prev-next a,
    .pagination.prev-next div#choose-first-box-modal a,
    div#choose-first-box-modal .btn-tiny,
    div#choose-first-box-modal .btn-same-width,
    div#choose-first-box-modal .login .button,
    .login div#choose-first-box-modal .button,
    div#choose-first-box-modal .register .button,
    .register div#choose-first-box-modal .button,
    div#choose-first-box-modal .lost_reset_password .button,
    .lost_reset_password div#choose-first-box-modal .button {
        width: 226px;
        max-width: 100%;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }
}

div#choose-first-box-modal #choose-first-box-modal-list,
div#choose-first-box-modal .close-choose-box {
    max-width: 868px;
}

div#choose-first-box-modal #choose-first-box-modal-list[data-total-rows="1"],
div#choose-first-box-modal #choose-first-box-modal-list[data-total-rows="2"],
div#choose-first-box-modal .close-choose-box[data-total-rows="1"],
div#choose-first-box-modal .close-choose-box[data-total-rows="2"] {
    max-width: 775px;
}

div#choose-first-box-modal #choose-first-box-modal-list[data-total-rows="4"],
div#choose-first-box-modal .close-choose-box[data-total-rows="4"] {
    max-width: 1054px;
}

.page-template-page-dollar-deal .hero {
    position: relative;
}

.page-template-page-dollar-deal .hero h1 {
    color: #000;
    font-size: 33px;
    max-width: 700px;
    line-height: 1;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 235px;
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .hero h1 {
        font-size: 60px;
        padding-bottom: 350px;
    }
}

.page-template-page-dollar-deal .hero h1 span {
    font-size: 50px;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: #000;
    -webkit-text-decoration-color: #000;
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .hero h1 span {
        font-size: 85px;
    }
}

.page-template-page-dollar-deal .hero h1 em {
    font-size: 55px;
    color: #fff;
    font-style: normal;
    transform: rotate(-15deg);
    display: inline-block;
    text-align: center;
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .hero h1 em {
        font-size: 100px;
    }
}

.page-template-page-dollar-deal .hero:after {
    content: "";
    position: absolute;
    top: 100px;
    left: calc(50% - 176px);
    height: 354px;
    width: 352px;
    display: block;
    z-index: 2;
    background-image: url(images/dollar-deal-mobile.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .page-template-page-dollar-deal .hero:after {
        background-image: url(images/dollar-deal-mobile@2x.png);
    }
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .hero:after {
        top: 200px;
        left: calc(50% - 259px);
        height: 566px;
        width: 518px;
        background-image: url(images/dollar-deal-desktop.png);
    }
}

@media(min-width:600px) and (-webkit-min-device-pixel-ratio:2),
(min-width:600px) and (min-resolution:192dpi) {
    .page-template-page-dollar-deal .hero:after {
        background-image: url(images/dollar-deal-desktop@2x.png);
    }
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .hero {
        margin-bottom: 150px;
    }
}

.page-template-page-dollar-deal .whats-in-a-box {
    background-color: #0133a3;
    color: #fff;
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .whats-in-a-box {
        background-color: transparent;
    }
}

.page-template-page-dollar-deal .whats-in-a-box:after {
    background-color: #0133a3;
}

.page-template-page-dollar-deal .whats-in-a-box h2,
.page-template-page-dollar-deal .whats-in-a-box h3 {
    color: #fff;
}

.page-template-page-dollar-deal .whats-in-a-box .whats-in-box-lines #Path_414 {
    fill: #0133a3;
}

.page-template-page-dollar-deal .first-section-slider-container {
    display: block;
    padding-top: 90px;
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .first-section-slider-container {
        padding-top: 115px;
    }
}

.page-template-page-dollar-deal .first-section-slider-container .first-box-choice {
    padding: 0;
}

.page-template-page-dollar-deal .first-section-slider-container .first-box-choice::after {
    background-color: #fff;
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .first-section-slider-container .first-box-choice::after {
        background-color: #fff;
    }
}

.page-template-page-dollar-deal .first-section-slider-container .first-box-choice .first-box-choice-header-lines {
    display: none;
}

.page-template-page-dollar-deal .first-section-slider-container .first-box-choices-container {
    background-color: #fff;
}

.page-template-page-dollar-deal .first-section-slider-container .first-box-choices-container h2 {
    color: #0133a3;
    margin-top: 20px;
}

@media(min-width:600px) {
    .page-template-page-dollar-deal .first-section-slider-container .first-box-choices-container {
        background-color: transparent;
    }
}

.page-template-page-dollar-deal .first-section-slider-container .first-box-choices-container .slick-arrow-prev g path,
.page-template-page-dollar-deal .first-section-slider-container .first-box-choices-container .slick-arrow-next g path {
    stroke: #0133a3;
}

.page-template-page-dollar-deal .first-section-slider-container .first-box-choices-container .slick-dots li button {
    background: 0 0;
    border-color: #0133a3;
}

.page-template-page-dollar-deal .first-section-slider-container .first-box-choices-container .slick-dots li.slick-active button {
    background: #0133a3;
}

.past-boxes-header {
    position: relative;
    min-height: 125px;
    overflow: hidden;
}

.past-boxes-header .grid,
.past-boxes-header .related.products .products,
.related.products .past-boxes-header .products {
    min-height: 125px;
}

.past-boxes-header svg {
    max-width: 100%;
    display: block;
    height: auto;
}

.past-boxes-header .past-boxes-header-image {
    position: absolute;
    height: 125px;
    right: -15px;
    width: 130px;
    top: 0;
}

@media(min-width:480px) {
    .past-boxes-header .past-boxes-header-image {
        margin-top: auto;
        position: static;
        width: auto;
        height: auto;
    }
}

.past-boxes-list {
    margin-left: -15px;
    margin-right: -15px;
}

.past-boxes-list .past-box-item {
    padding: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    position: relative;
    overflow: hidden;
}

.past-boxes-list .past-box-item:first-child {
    margin-top: 30px;
}

.past-boxes-list .past-box-item:not(:last-child) {
    margin-bottom: 30px;
}

.past-boxes-list .past-box-item .past-box-item-content {
    min-height: 185px;
    width: 55%;
    max-width: calc(100% - 170px);
}

.past-boxes-list .past-box-item .past-box-item-heading {
    text-align: left;
}

.past-boxes-list .past-box-item .past-box-item-heading span {
    color: #0133a3;
    margin-top: 5px;
    display: block;
    line-height: 1;
}

.past-boxes-list .past-box-item .past-box-item-right-content .past-box-item-image {
    height: 185px;
    width: 230px;
    display: flex;
    align-items: flex-end;
    position: absolute;
    top: 10px;
    right: -55px;
}

.past-boxes-list .past-box-item .past-box-item-right-content .past-box-item-image img {
    max-height: 100%;
    width: auto;
    display: block;
}

.past-boxes-list .past-box-item .past-box-item-right-content .btn,
.past-boxes-list .past-box-item .past-box-item-right-content .btn-large,
.past-boxes-list .past-box-item .past-box-item-right-content .btn-small,
.past-boxes-list .past-box-item .past-box-item-right-content .pagination.prev-next a,
.pagination.prev-next .past-boxes-list .past-box-item .past-box-item-right-content a,
.past-boxes-list .past-box-item .past-box-item-right-content .btn-tiny,
.past-boxes-list .past-box-item .past-box-item-right-content .btn-same-width,
.past-boxes-list .past-box-item .past-box-item-right-content .login .button,
.login .past-boxes-list .past-box-item .past-box-item-right-content .button,
.past-boxes-list .past-box-item .past-box-item-right-content .register .button,
.register .past-boxes-list .past-box-item .past-box-item-right-content .button,
.past-boxes-list .past-box-item .past-box-item-right-content .lost_reset_password .button,
.lost_reset_password .past-boxes-list .past-box-item .past-box-item-right-content .button {
    width: auto;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.past-boxes-list .past-box-item .past-box-item-left-content p {
    margin: 15px 0 0;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
}

.past-boxes-list .past-box-item .past-box-item-voted-list {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.past-boxes-list .past-box-item .past-box-item-voted-list strong {
    font-size: 15px;
    display: block;
    line-height: 1;
}

.past-boxes-list .past-box-item .past-box-item-voted-list .past-box-item-voted-image {
    height: 66px;
    padding-bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

.past-boxes-list .past-box-item .past-box-item-voted-list .past-box-item-voted-image img {
    display: block;
    max-height: 100%;
    width: auto;
    position: relative;
    z-index: 2;
}

.past-boxes-list .past-box-item .past-box-item-voted-list p {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
}

@media(min-width:768px) {
    .past-boxes-list {
        margin: 0;
    }

    .past-boxes-list .past-box-item {
        padding: 10px 20px;
        border-radius: var(--space-6);
        display: grid;
        grid-template-columns: 1fr 250px;
        grid-gap: 15px;
        overflow: visible;
    }

    .past-boxes-list .past-box-item:first-child {
        margin-top: 60px;
    }

    .past-boxes-list .past-box-item:not(:last-child) {
        margin-bottom: 70px;
    }

    .past-boxes-list .past-box-item .past-box-item-content {
        min-height: 0;
        width: auto;
        max-width: 100%
    }

    .past-boxes-list .past-box-item h3 {
        max-width: calc(100% - 170px);
    }

    .past-boxes-list .past-box-item .past-box-item-heading {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 20px;
    }

    .past-boxes-list .past-box-item .past-box-item-heading span {
        margin-left: 10px;
        flex-shrink: 0;
    }

    .past-boxes-list .past-box-item .past-box-item-left-content p {
        margin: 0;
        font-size: 20px;
        line-height: 26px;
    }

    .past-boxes-list .past-box-item .past-box-item-right-content {
        max-width: 400px;
        flex-shrink: 0;
    }

    .past-boxes-list .past-box-item .past-box-item-right-content .past-box-item-image {
        height: auto;
        position: static;
        top: 0;
        right: 0;
        max-width: 100%;
        width: auto;
    }

    .past-boxes-list .past-box-item .past-box-item-right-content .btn,
    .past-boxes-list .past-box-item .past-box-item-right-content .btn-large,
    .past-boxes-list .past-box-item .past-box-item-right-content .btn-small,
    .past-boxes-list .past-box-item .past-box-item-right-content .pagination.prev-next a,
    .pagination.prev-next .past-boxes-list .past-box-item .past-box-item-right-content a,
    .past-boxes-list .past-box-item .past-box-item-right-content .btn-tiny,
    .past-boxes-list .past-box-item .past-box-item-right-content .btn-same-width,
    .past-boxes-list .past-box-item .past-box-item-right-content .login .button,
    .login .past-boxes-list .past-box-item .past-box-item-right-content .button,
    .past-boxes-list .past-box-item .past-box-item-right-content .register .button,
    .register .past-boxes-list .past-box-item .past-box-item-right-content .button,
    .past-boxes-list .past-box-item .past-box-item-right-content .lost_reset_password .button,
    .lost_reset_password .past-boxes-list .past-box-item .past-box-item-right-content .button {
        width: 100%
    }

    .past-boxes-list .past-box-item .past-box-item-voted-list {
        margin-top: 15px;
        grid-gap: 70px;
        max-width: 500px;
        margin-left: 0;
        margin-right: 0;
    }

    .past-boxes-list .past-box-item .past-box-item-voted-list strong {
        font-size: 20px;
    }

    .past-boxes-list .past-box-item .past-box-item-voted-list .past-box-item-voted-image {
        height: 115px;
        padding-bottom: 15px;
    }

    .past-boxes-list .past-box-item .past-box-item-voted-list p {
        font-size: 15px;
        line-height: 20px;
    }
}

@media(min-width:992px) {
    .past-boxes-list .past-box-item {
        grid-template-columns: 1fr 400px;
    }

    .past-boxes-list .past-box-item .past-box-item-image img {
        margin-top: -70px;
    }
}

@media(min-width:1200px) {
    .past-boxes-list .past-box-item {
        padding: 10px 50px;
    }
}

.see-more-past-boxes {
    max-width: 400px;
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.color-scheme-mint .past-box-item-heading h3 {
    color: #a7dacb;
}

.color-scheme-pink .past-box-item-heading h3 {
    color: #f7c9cb;
}

.color-scheme-red .past-box-item-heading h3 {
    color: #f44336;
}

.color-scheme-yellow .past-box-item-heading h3 {
    color: #fbbb3d;
}

.single-box .type-box.color-scheme-mint .single-box-header {
    background: #a7dacb;
}

.single-box .type-box.color-scheme-pink .single-box-header {
    background: #f7c9cb;
}

.single-box .type-box.color-scheme-pink .how-it-works-section .how-it-works-image {
    background: #f7c9cb;
}

.single-box .type-box.color-scheme-red .single-box-header {
    background: #f44336;
}

.single-box .type-box.color-scheme-red .how-it-works-section .how-it-works-image {
    background: #f44336;
}

.single-box .type-box.color-scheme-yellow .single-box-header {
    background: #fbbb3d;
}

.single-box .type-box.color-scheme-yellow .how-it-works-section .how-it-works-image {
    background: #fbbb3d;
}

.single-box .type-box .single-box-header {
    background-color: #a7dacb;
    position: relative;
    width: 100%
}

.single-box .type-box .single-box-header .container,
.single-box .type-box .single-box-header .pagination,
.single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper,
body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper {
    padding-top: 60px;
}

.single-box .type-box .single-box-header .past-box-explore {
    font-size: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 12px;
    left: 0;
}

.single-box .type-box .single-box-header .single-box-header-content {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
    background: #fff;
    padding-bottom: 30px;
}

.single-box .type-box .single-box-header .single-box-header-content h1 {
    margin: 0;
    font-size: 50px;
    text-align: center;
}

.single-box .type-box .single-box-header .single-box-header-content p {
    max-width: 480px;
    margin: 7px auto 0;
}

@media screen and (max-width:1199px) {
    .single-box .type-box .single-box-header .single-box-header-content p {
        color: #000 !important;
    }
}

@media(min-width:1200px) {
    .single-box .type-box .single-box-header .single-box-header-content p {
        max-width: 100%
    }
}

.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions {
    margin-top: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn,
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn-large,
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn-small,
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .pagination.prev-next a,
.pagination.prev-next .single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions a,
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn-tiny,
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn-same-width,
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .login .button,
.login .single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .button,
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .register .button,
.register .single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .button,
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .lost_reset_password .button,
.lost_reset_password .single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .button {
    min-height: 55px;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
    padding: 10px 30px;
    height: auto;
}

.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn:not(:last-child),
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn-large:not(:last-child),
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn-small:not(:last-child),
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .pagination.prev-next a:not(:last-child),
.pagination.prev-next .single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions a:not(:last-child),
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn-tiny:not(:last-child),
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .btn-same-width:not(:last-child),
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .login .button:not(:last-child),
.login .single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .button:not(:last-child),
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .register .button:not(:last-child),
.register .single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .button:not(:last-child),
.single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .lost_reset_password .button:not(:last-child),
.lost_reset_password .single-box .type-box .single-box-header .single-box-header-content .single-box-header-actions .button:not(:last-child) {
    margin-bottom: 15px;
}

@media(min-width:768px) {
    .single-box .type-box .single-box-header .single-box-header-content {
        margin-left: 0;
        margin-right: 0;
        padding: 0 0 30px;
    }
}

.single-box .type-box .single-box-header .single-box-header-image {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}

.single-box .type-box .single-box-header .single-box-header-image img {
    display: block;
    max-width: 275px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.single-box .type-box .single-box-header .single-box-header-image .single-box-header-lines {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 115px;
    width: 100%
}

.single-box .type-box .single-box-header .single-box-header-image .single-box-header-lines svg {
    display: block;
}

@media screen and (min-width:376px) {
    .single-box .type-box .single-box-header .single-box-header-image .single-box-header-lines {
        height: auto;
        left: auto;
        right: -1px;
        bottom: -1px;
        width: calc(100% + 2px);
    }

    .single-box .type-box .single-box-header .single-box-header-image .single-box-header-lines svg {
        width: 100%;
        height: auto;
    }
}

@media(min-width:768px) {
    .single-box .type-box .single-box-header {
        overflow: hidden;
    }

    .single-box .type-box .single-box-header .single-box-header-lines {
        display: none;
    }

    .single-box .type-box .single-box-header:after {
        z-index: 1;
        position: absolute;
        background: #fff;
        content: "";
        height: 1300px;
        width: 2500px;
        top: 120px;
        left: 50%;
        transform: translateX(-50%) rotate(-20deg);
        border-radius: 50%
    }

    .single-box .type-box .single-box-header .container,
    .single-box .type-box .single-box-header .pagination,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper {
        position: relative;
        z-index: 2;
    }

    .single-box .type-box .single-box-header .single-box-header-content {
        background: 0 0;
    }
}

@media(min-width:1200px) {
    .single-box .type-box .single-box-header:after {
        height: 570px;
        width: 1590px;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
        border-radius: 50%;
        top: auto;
        bottom: -450px;
    }

    .single-box .type-box .single-box-header .container,
    .single-box .type-box .single-box-header .pagination,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper {
        padding: 50px 120px 20px;
        display: flex;
        align-items: flex-end;
        max-width: 1288px;
        min-height: 460px;
    }

    .single-box .type-box .single-box-header .container .single-box-header-content,
    .single-box .type-box .single-box-header .pagination .single-box-header-content,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content {
        width: 55%;
        flex-shrink: 0;
        text-align: left;
        padding-left: 30px;
    }

    .single-box .type-box .single-box-header .container .single-box-header-content .past-box-explore,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .past-box-explore,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .past-box-explore,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .past-box-explore {
        position: static;
        text-align: left;
    }

    .single-box .type-box .single-box-header .container .single-box-header-content h1,
    .single-box .type-box .single-box-header .pagination .single-box-header-content h1,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content h1,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content h1 {
        color: #fff !important;
        text-align: left;
        font-size: 80px;
        line-height: 97px;
    }

    .single-box .type-box .single-box-header .container .single-box-header-content p,
    .single-box .type-box .single-box-header .pagination .single-box-header-content p,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content p,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content p {
        font-size: 20px;
        line-height: 25px;
    }

    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions {
        margin-top: 40px;
        margin-bottom: 15px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn-large,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn-large,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-large,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-large,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn-small,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn-small,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-small,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-small,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .pagination.prev-next a,
    .pagination.prev-next .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions a,
    .single-box .type-box .single-box-header .pagination.prev-next .single-box-header-content .single-box-header-actions a,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .pagination.prev-next a,
    .pagination.prev-next .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions a,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .pagination.prev-next a,
    .pagination.prev-next body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions a,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn-tiny,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn-tiny,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-tiny,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-tiny,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn-same-width,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn-same-width,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-same-width,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-same-width,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .login .button,
    .login .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .button,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .login .button,
    .login .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .button,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .login .button,
    .login .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .login .button,
    .login body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .register .button,
    .register .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .button,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .register .button,
    .register .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .button,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .register .button,
    .register .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .register .button,
    .register body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .lost_reset_password .button,
    .lost_reset_password .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .button,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .lost_reset_password .button,
    .lost_reset_password .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .button,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .lost_reset_password .button,
    .lost_reset_password .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .lost_reset_password .button,
    .lost_reset_password body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button {
        margin-bottom: 15px;
    }

    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn:first-child,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn:first-child,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn-large:first-child,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn-large:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-large:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-large:first-child,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn-small:first-child,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn-small:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-small:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-small:first-child,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .pagination.prev-next a:first-child,
    .pagination.prev-next .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions a:first-child,
    .single-box .type-box .single-box-header .pagination.prev-next .single-box-header-content .single-box-header-actions a:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .pagination.prev-next a:first-child,
    .pagination.prev-next .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions a:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .pagination.prev-next a:first-child,
    .pagination.prev-next body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions a:first-child,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn-tiny:first-child,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn-tiny:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-tiny:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-tiny:first-child,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .btn-same-width:first-child,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .btn-same-width:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-same-width:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .btn-same-width:first-child,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .login .button:first-child,
    .login .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .button:first-child,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .login .button:first-child,
    .login .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .button:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .login .button:first-child,
    .login .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .login .button:first-child,
    .login body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button:first-child,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .register .button:first-child,
    .register .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .button:first-child,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .register .button:first-child,
    .register .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .button:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .register .button:first-child,
    .register .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .register .button:first-child,
    .register body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button:first-child,
    .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .lost_reset_password .button:first-child,
    .lost_reset_password .single-box .type-box .single-box-header .container .single-box-header-content .single-box-header-actions .button:first-child,
    .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .lost_reset_password .button:first-child,
    .lost_reset_password .single-box .type-box .single-box-header .pagination .single-box-header-content .single-box-header-actions .button:first-child,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .lost_reset_password .button:first-child,
    .lost_reset_password .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button:first-child,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .lost_reset_password .button:first-child,
    .lost_reset_password body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-content .single-box-header-actions .button:first-child {
        margin-right: 20px;
    }

    .single-box .type-box .single-box-header .container .single-box-header-image,
    .single-box .type-box .single-box-header .pagination .single-box-header-image,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-image,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-image {
        width: 100%;
        margin: 0;
    }

    .single-box .type-box .single-box-header .container .single-box-header-image img,
    .single-box .type-box .single-box-header .pagination .single-box-header-image img,
    .single-box .type-box .single-box-header body.woocommerce-cart article .woocommerce-notices-wrapper .single-box-header-image img,
    body.woocommerce-cart article .single-box .type-box .single-box-header .woocommerce-notices-wrapper .single-box-header-image img {
        max-width: 100%
    }
}

.single-box .type-box .whats-in-a-box {
    background: #0133a3;
    color: #fff;
    padding-bottom: 50px;
}

.single-box .type-box .whats-in-a-box .whats-in-a-box-heading,
.single-box .type-box .whats-in-a-box .whats-in-a-box-content h3 {
    color: #fff;
}

@media(min-width:768px) {
    .single-box .type-box .whats-in-a-box .whats-in-a-box-content h3 {
        font-size: 35px;
        margin-bottom: 10px;
        line-height: 42px;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-content p {
        font-size: 20px;
        line-height: 25px;
    }
}

@media(min-width:768px) {
    .single-box .type-box .whats-in-a-box .whats-in-a-box-items {
        max-width: 700px;
        margin: 0 auto;
    }
}

@media(min-width:1200px) {
    .single-box .type-box .whats-in-a-box .whats-in-a-box-items {
        margin-top: 75px;
    }
}

.single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-image {
    top: -10px;
}

.single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:last-of-type .whats-in-a-box-content {
    margin-top: 140px;
}

.single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:last-of-type .whats-in-a-box-content h3 {
    text-align: left;
}

.single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:last-of-type .whats-in-a-box-image {
    background-image: url(images/coversheet.png);
    width: 134px;
    height: 265px;
    top: 64px;
}

@media(min-width:600px) {
    .single-box .type-box .whats-in-a-box .whats-in-a-box-items {
        flex-direction: column;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap {
        flex-direction: row;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-image {
        height: 315px;
        width: 335px;
        flex: 1 0 335px;
        background-size: contain;
        order: 1;
        flex-grow: 0;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        order: 2;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:last-of-type .whats-in-a-box-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        order: 2;
        margin: 0;
        padding: 0;
        flex-shrink: 1;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:last-of-type .whats-in-a-box-image {
        background-image: url(images/coversheet-desktop.png);
        background-size: contain;
        position: static;
        order: 1;
        height: 315px;
        width: 335px;
        flex: 1 0 335px;
        flex-grow: 0;
    }
}

@media(min-width:1200px) {
    .single-box .type-box .whats-in-a-box .whats-in-a-box-items {
        flex-direction: row;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-image {
        position: absolute;
        right: 100%;
        top: -70px;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:first-of-type .whats-in-a-box-content {
        width: 300px;
        flex-shrink: 0;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:last-of-type .whats-in-a-box-image {
        position: absolute;
        right: 100%;
        top: -70px;
        left: 60px;
        width: 264px;
        height: 282px;
        flex: 1 0 264px;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-items .whats-in-a-box-content-wrap:last-of-type .whats-in-a-box-content {
        width: 300px;
        flex-shrink: 0;
        margin-left: 350px;
    }
}

@media(min-width:1200px) {
    .single-box .type-box .whats-in-a-box {
        height: 415px;
    }

    .single-box .type-box .whats-in-a-box .whats-in-a-box-heading {
        font-size: 60px;
    }
}

.single-box .type-box .how-it-works-section {
    margin-top: 20px;
}

@media(min-width:992px) {

    .single-box .type-box .how-it-works-section .container,
    .single-box .type-box .how-it-works-section .pagination,
    .single-box .type-box .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper,
    body.woocommerce-cart article .single-box .type-box .how-it-works-section .woocommerce-notices-wrapper {
        max-width: 960px;
    }

    .single-box .type-box .how-it-works-section .container .how-it-works-heading,
    .single-box .type-box .how-it-works-section .pagination .how-it-works-heading,
    .single-box .type-box .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper .how-it-works-heading,
    body.woocommerce-cart article .single-box .type-box .how-it-works-section .woocommerce-notices-wrapper .how-it-works-heading {
        font-size: 60px;
    }

    .single-box .type-box .how-it-works-section .container .how-it-works,
    .single-box .type-box .how-it-works-section .pagination .how-it-works,
    .single-box .type-box .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper .how-it-works,
    body.woocommerce-cart article .single-box .type-box .how-it-works-section .woocommerce-notices-wrapper .how-it-works {
        justify-content: space-between;
    }

    .single-box .type-box .how-it-works-section .container .how-it-works li,
    .single-box .type-box .how-it-works-section .pagination .how-it-works li,
    .single-box .type-box .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper .how-it-works li,
    body.woocommerce-cart article .single-box .type-box .how-it-works-section .woocommerce-notices-wrapper .how-it-works li {
        width: 260px;
    }

    .single-box .type-box .how-it-works-section .container .how-it-works li p,
    .single-box .type-box .how-it-works-section .pagination .how-it-works li p,
    .single-box .type-box .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper .how-it-works li p,
    body.woocommerce-cart article .single-box .type-box .how-it-works-section .woocommerce-notices-wrapper .how-it-works li p {
        padding-right: 0;
    }

    .single-box .type-box .how-it-works-section .container .how-it-works li:first-child,
    .single-box .type-box .how-it-works-section .pagination .how-it-works li:first-child,
    .single-box .type-box .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper .how-it-works li:first-child,
    body.woocommerce-cart article .single-box .type-box .how-it-works-section .woocommerce-notices-wrapper .how-it-works li:first-child {
        padding-right: 30px;
    }

    .single-box .type-box .how-it-works-section .container .how-it-works li:nth-child(2),
    .single-box .type-box .how-it-works-section .pagination .how-it-works li:nth-child(2),
    .single-box .type-box .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper .how-it-works li:nth-child(2),
    body.woocommerce-cart article .single-box .type-box .how-it-works-section .woocommerce-notices-wrapper .how-it-works li:nth-child(2) {
        padding-right: 10px;
    }

    .single-box .type-box .how-it-works-section .container .how-it-works li:nth-child(3),
    .single-box .type-box .how-it-works-section .pagination .how-it-works li:nth-child(3),
    .single-box .type-box .how-it-works-section body.woocommerce-cart article .woocommerce-notices-wrapper .how-it-works li:nth-child(3),
    body.woocommerce-cart article .single-box .type-box .how-it-works-section .woocommerce-notices-wrapper .how-it-works li:nth-child(3) {
        padding-right: 20px;
    }
}

.single-box .type-box .slider-wrap.single-slide .slick-slide h3,
.single-box .type-box .slider-wrap.single-slide .slick-slide p {
    text-align: center;
}

.category-tunes article:nth-child(4n+1) h2,
.category-tunes article:nth-child(4n+1) h2 a {
    color: #a7dacb;
}

.category-tunes article:nth-child(4n+2) h2,
.category-tunes article:nth-child(4n+2) h2 a {
    color: #fbbb3d;
}

.category-tunes article:nth-child(4n+3) h2,
.category-tunes article:nth-child(4n+3) h2 a {
    color: #ef4344;
}

.category-tunes article:nth-child(4n+4) h2,
.category-tunes article:nth-child(4n+4) h2 a {
    color: #f7c9cb;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: 0 0;
    border: none;
    z-index: 99;
    width: 48px;
    height: 48px;
    padding: 0;
}

.slick-arrow:focus,
.slick-arrow:active {
    background: 0 0;
}

.slick-arrow svg {
    width: 48px;
    height: 48px;
}

.slick-arrow.slick-prev {
    left: -50px;
}

.slick-arrow.slick-next {
    right: -50px;
}

.slick-dots {
    text-align: center;
    margin-top: 2rem;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots button {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    border-radius: 50%;
    opacity: .25;
    border: 2px solid #a5a5a5;
    background: #fff;
    opacity: 1;
    text-indent: -9999px;
    padding: 0;
}

.slick-dots .slick-active button {
    background: #a5a5a5;
}

.primary-blue {
    background-color: #0133a3;
}

.primary-blue-text,
.faux-link {
    color: #0133a3;
}

.primary-blue-border {
    border-color: #0133a3;
}

.amaranth {
    background-color: #ef4344;
}

.amaranth-text {
    color: #ef4344;
}

.amaranth-border {
    border-color: #ef4344;
}

.mine-shaft {
    background-color: #2b2b2b;
}

.mine-shaft-text {
    color: #2b2b2b;
}

.mine-shaft-border {
    border-color: #2b2b2b;
}

.mint {
    background-color: #a7dacb;
}

.mint-text {
    color: #a7dacb;
}

.mint-border {
    border-color: #a7dacb;
}

.mint-lighten {
    background-color: #afddd0;
}

.mint-lighten-text {
    color: #afddd0;
}

.mint-lighten-border {
    border-color: #afddd0;
}

.pink {
    background-color: #f7c9cb;
}

.pink-text {
    color: #f7c9cb;
}

.pink-border {
    border-color: #f7c9cb;
}

.red {
    background-color: #f44336;
}

.red-text {
    color: #f44336;
}

.red-border {
    border-color: #f44336;
}

.green {
    background-color: #4caf50;
}

.green-text {
    color: #4caf50;
}

.green-border {
    border-color: #4caf50;
}

.yellow {
    background-color: #fbbb3d;
}

.yellow-text {
    color: #fbbb3d;
}

.yellow-border {
    border-color: #fbbb3d;
}

.orange {
    background-color: #ffab40;
}

.orange-text {
    color: #ffab40;
}

.orange-border {
    border-color: #ffab40;
}

.instagram-rose {
    background-color: #e1306c;
}

.instagram-rose-text {
    color: #e1306c;
}

.instagram-rose-border {
    border-color: #e1306c;
}

.facebook-blue {
    background-color: #4267b2;
}

.facebook-blue-text {
    color: #4267b2;
}

.facebook-blue-border {
    border-color: #4267b2;
}

.grey.base {
    background-color: #9e9e9e;
}

.grey-text.text-base,
nav.nav-dashboard ul li a.text-base,
.dashboard-secondary-nav span.text-base {
    color: #9e9e9e;
}

.grey-border.border-base {
    border-color: #9e9e9e;
}

.grey.lighten-5 {
    background-color: #fafafa;
}

.grey-text.text-lighten-5,
nav.nav-dashboard ul li a.text-lighten-5,
.dashboard-secondary-nav span.text-lighten-5 {
    color: #fafafa;
}

.grey-border.border-lighten-5 {
    border-color: #fafafa;
}

.grey.lighten-4 {
    background-color: #f2f2f2;
}

.grey-text.text-lighten-4,
nav.nav-dashboard ul li a.text-lighten-4,
.dashboard-secondary-nav span.text-lighten-4 {
    color: #f2f2f2;
}

.grey-border.border-lighten-4 {
    border-color: #f2f2f2;
}

.grey.lighten-3 {
    background-color: #eee;
}

.grey-text.text-lighten-3,
nav.nav-dashboard ul li a.text-lighten-3,
.dashboard-secondary-nav span.text-lighten-3 {
    color: #eee;
}

.grey-border.border-lighten-3 {
    border-color: #eee;
}

.grey.lighten-2 {
    background-color: #e0e0e0;
}

.grey-text.text-lighten-2,
nav.nav-dashboard ul li a.text-lighten-2,
.dashboard-secondary-nav span.text-lighten-2 {
    color: #e0e0e0;
}

.grey-border.border-lighten-2 {
    border-color: #e0e0e0;
}

.grey.lighten-1 {
    background-color: #a5a5a5;
}

.grey-text.text-lighten-1,
nav.nav-dashboard ul li a.text-lighten-1,
.dashboard-secondary-nav span.text-lighten-1 {
    color: #a5a5a5;
}

.grey-border.border-lighten-1 {
    border-color: #a5a5a5;
}

.grey.darken-1 {
    background-color: gray;
}

.grey-text.text-darken-1,
nav.nav-dashboard ul li a,
.dashboard-secondary-nav span {
    color: gray;
}

.grey-border.border-darken-1 {
    border-color: gray;
}

.grey.darken-2 {
    background-color: #616161;
}

.grey-text.text-darken-2,
nav.nav-dashboard ul li a.text-darken-2,
.dashboard-secondary-nav span.text-darken-2 {
    color: #616161;
}

.grey-border.border-darken-2 {
    border-color: #616161;
}

.grey.darken-3 {
    background-color: #424242;
}

.grey-text.text-darken-3,
nav.nav-dashboard ul li a.text-darken-3,
.dashboard-secondary-nav span.text-darken-3 {
    color: #424242;
}

.grey-border.border-darken-3 {
    border-color: #424242;
}

.grey.darken-4 {
    background-color: #212121;
}

.grey-text.text-darken-4,
nav.nav-dashboard ul li a.text-darken-4,
.dashboard-secondary-nav span.text-darken-4 {
    color: #212121;
}

.grey-border.border-darken-4 {
    border-color: #212121;
}

.black {
    background-color: #000;
}

.black-text {
    color: #000;
}

.black-border {
    border-color: #000;
}

.white {
    background-color: #fff;
}

.white-text,
.single-box .type-box .single-box-header .past-box-explore {
    color: #fff;
}

.white-border {
    border-color: #fff;
}

.gray {
    background-color: #a5a5a5;
}

.gray-text {
    color: #a5a5a5;
}

.gray-border {
    border-color: #a5a5a5;
}

.transparent {
    background-color: transparent;
}

.transparent-text {
    color: transparent;
}

.transparent-border {
    border-color: transparent;
}

#uy-ie-popup-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999999;
    text-align: center;
}

.uy-ie-popup-inner-wrapper {
    background: white;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    width: 500px;
    max-width: 500px;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    margin: 100px auto 0;
}

@media screen and (max-width: 600px) {
    .uy-ie-popup-inner-wrapper {
        width: 300px;
        max-width: 100%;
        margin: 50px 10px;
    }
}

.uy-ie-close-popup {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 22px;
    font-weight: 900;
    color: #205baa;
    font-style: normal;
}

.uy-ie-popup-hidden {
    display: none !important;
}

.uy-ie-img {
    max-width: 100px;
    display: block;
    margin: 0 auto 15px;
}