:root {
    --color-light: #db3700;
    --color: #dc3800;
    --color-dark: #cb3300;
    --black: #000000;
    --white: #ffffff;
    --gray-light: #efefef;
    --gray-alt: #dddddd;
    --gray: #757575;
    --gray-dark: #333333;
    --color-alt: #008822;
    --max-width: 90rem;
    --font-size: 100%
}

@font-face {
    font-family: OpenSans;
    src: url('https://www.piensasolutions.com/get/font/os.woff2?v=Mn7bHrXbixvvhrgwLv_Bi') format('woff2'),url('/get/font/os.ttf?v=Mn7bHrXbixvvhrgwLv_Bi') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-variant: normal;
    font-display: block
}

@font-face {
    font-family: Exo;
    src: url('https://www.piensasolutions.com/get/font/e.woff2?v=Mn7bHrXbixvvhrgwLv_Bi') format('woff2'),url('/get/font/e.ttf?v=Mn7bHrXbixvvhrgwLv_Bi') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-variant: normal;
    font-display: block
}
* {
    border: 0;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: top;
    margin: 0;
    padding: 0;
    outline: 0;
    color: inherit;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    background-repeat: no-repeat;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
    user-select: inherit;
}
nav.menu {
    --color: #dc3800;
    --black: #000000;
    --white: #ffffff;
    --gray: #757575;
    --max-width: 90rem;
    --font-size: 100%
}

nav.menu {
    font-size: var(--font-size);
    line-height: var(--font-size);
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--white);
    height: 4rem;
    user-select: none;
    font-family: OpenSans,sans-serif;
    color: var(--black);
    z-index: 9999;
    box-shadow: 0 4px 8px rgba(0,0,0,.25)
}

nav.menu.shop {
    position: relative;
    box-shadow: 0 4px 8px rgba(0,0,0,.03)
}

@media screen and (min-width: 67.5rem) {
    nav.menu.shop {
        position:fixed
    }
}

nav.menu>.content {
    width: calc(100% - 4rem);
    max-width: calc(var(--max-width) - 4rem);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    position: relative;
    text-align: center;
    gap: 1rem
}

nav.menu.simple>.content {
    grid-template-columns: auto auto;
    justify-content: space-between
}

nav.menu>.content a {
    color: var(--black);
    text-decoration: none
}

nav.menu>.content a:hover {
    text-decoration: none!important
}

nav.menu>.content>i#toggle {
    width: 1.2rem;
    height: 1.2rem;
    grid-column-start: 1;
    grid-row-start: 1
}

nav.menu>.content>i#toggle>svg {
    width: 100%;
    height: 100%
}

nav.menu>.content>a.logo {
    margin: 0 auto;
    width: auto;
    height: calc(100% - 1.5rem);
    display: inline-block;
    fill: var(--black);
    grid-row-start: 1;
    grid-column-start: 2
}

nav.menu.simple>.content>a.logo {
    grid-column-start: auto
}

nav.menu>.content>a.logo:focus,nav.menu>.content>a.logo:hover {
    fill: var(--color)
}

nav.menu>.content>a.logo>svg {
    width: 100%;
    height: 100%
}

nav.menu>.content>ul.others {
    display: block;
    list-style: none;
    width: max-content;
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    gap: 1rem;
    margin: 0 0 0 auto
}

nav.menu>.content>ul.others>li {
    display: inline-block;
    text-align: left
}

nav.menu>.content>ul.others>li>a {
    display: inline-block;
    text-align: left
}

nav.menu>.content>ul.others>li.desktop {
    display: none
}

nav.menu>.content>ul.others>li>a>i,nav.menu>.content>ul.others>li>form>button>i {
    width: 1.2rem;
    height: 1.2rem;
	display: inline-block;
}

nav.menu>.content>ul.others>li>a>i>svg{
	width: 100%;
    height: auto;
    shape-rendering: geometricprecision;
}

nav.menu>.content>ul.others>li>a:hover {
    color: var(--color);
    text-decoration: none
}

nav.menu>.content>ul.others>li>a:hover>i {
    fill: var(--color)
}

nav.menu>.content>ul.others>li>a>span {
    display: none
}

nav.menu>.content>ul.main {
    display: none;
    position: absolute
}

nav.menu>.content>ul.main>li>.subMenu,nav.menu>.content>ul.others>li>.subMenu {
    display: none
}

nav.menu>.content>ul.main>li.display>.subMenu,nav.menu>.content>ul.others>li.display>.subMenu {
    padding: 1rem;
    border-top: .1rem solid var(--gray);
    display: block
}

@media screen and (max-width: 67.501rem) {
    nav.menu>.content>ul.main.display {
        display:block;
        top: 4rem;
        width: 100vw;
        left: -2rem;
        list-style: none;
        background-color: var(--black);
        max-height: calc(100vh - 4rem);
        overflow: auto
    }

    nav.menu>.content>ul.main.display>li>form {
        margin: 1rem;
        height: 3rem;
        background-color: var(--gray);
        display: flex
    }

    nav.menu>.content>ul.main.display>li>form>input {
        display: inline-block;
        height: 3rem;
        width: calc(100% - 3rem);
        color: var(--white);
        text-transform: none;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 600;
        padding: 1rem
    }

    nav.menu>.content>ul.main.display>li>form>input::placeholder {
        color: var(--black)
    }

    nav.menu>.content>ul.main.display>li>form>button {
        display: inline-block;
        width: 3rem;
        height: 3rem;
        fill: var(--white);
        padding: .75rem
    }

    nav.menu>.content>ul.main.display>li>form>button>i {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        margin: 0;
        position: relative
    }

    nav.menu>.content>ul.main.display>li>a {
        padding: 1rem;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
        color: var(--white);
        text-transform: uppercase;
        display: block;
        text-align: left;
        border-top: .1rem solid var(--gray)
    }

    nav.menu>.content>ul.main.display>li>a::after {
        content: '∟';
        width: 1rem;
        height: 1rem;
        color: var(--white);
        float: right;
        transform: rotate(-45deg) translate(-50%,-50%)
    }

    nav.menu>.content>ul.main.display>li.display>a::after {
        transform: rotate(135deg) translate(50%,-25%)
    }

    nav.menu>.content>ul.main.display>li.display>ul>li>a {
        padding: 0 0;
        font-size: 1rem;
        line-height: 2.4rem;
        font-weight: 600;
        color: var(--white);
        text-transform: uppercase;
        font-family: OpenSans,sans-serif;
        display: block;
        text-align: left;
        position: relative
    }

    nav.menu>.content>ul.main.display>li.display>ul>li>a::before {
        content: '∟';
        display: inline-block;
        width: 1rem;
        height: 1rem;
        color: var(--white);
        transform: rotate(225deg) translate(-25%,-145%);
        font-weight: 700;
        margin: 0
    }
}

@media screen and (min-width: 67.5rem) {
    nav.menu.shop>.content>ul.others>li>a>span {
        display:inline-block;
        font-size: 1rem;
        line-height: 1.2rem;
        margin: 0 0 0 .4rem
    }

    nav.menu>.content {
        grid-template-columns: auto 1fr auto;
        gap: 2rem
    }

    nav.menu.simple>.content {
        grid-template-columns: auto auto
    }

    nav.menu>.content>i#toggle {
        display: none
    }

    nav.menu>.content>a.logo {
        grid-column: 1;
        grid-row: 1;
        width: auto;
        height: calc(100% - 1.5rem);
        margin: 0
    }

    nav.menu>.content>ul.main {
        grid-column: 2;
        grid-row: 1;
        display: grid;
        position: static;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 1rem;
        width: max-content;
        text-transform: uppercase;
        font-weight: 560
    }

    nav.menu>.content>ul.main>li {
        display: inline-block;
        position: relative;
        text-align: center
    }

    nav.menu>.content>ul.main>li>a,nav.menu>.content>ul.others>li>a {
        line-height: 1.2rem;
        font-size: 1rem;
        font-weight: 480;
        vertical-align: sub
    }

    nav.menu>.content>ul.main>li.mobile {
        display: none
    }

    nav.menu>.content>ul.main>li.display:not(.mobile)>.subMenu,nav.menu>.content>ul.others>li.display:not(.mobile)>.subMenu {
        display: block;
        padding: 0;
        border-top: none;
        background-color: var(--black);
        position: absolute;
        top: 2.7rem;
        padding: .7rem 1.2rem;
        list-style: none;
        width: auto;
        left: 50%;
        transform: translate(-50%,0);
        box-shadow: 0 4px 8px rgba(0,0,0,.25);
        font-family: OpenSans,sans-serif
    }

    nav.menu>.content>ul.main>li.display:not(.mobile)>.subMenu::before,nav.menu>.content>ul.others>li.display:not(.mobile)>.subMenu::before {
        content: '';
        position: absolute;
        border-left: .8rem solid transparent;
        border-right: .8rem solid transparent;
        border-top: .8rem solid var(--black);
        transform: rotate(180deg);
        display: inline-block;
        top: -.6rem;
        left: calc(50% - .8rem)
    }

    nav.menu>.content>ul.main>li.display:not(.mobile)>.subMenu>li,nav.menu>.content>ul.others>li.display:not(.mobile)>.subMenu>li {
        display: block;
        font-size: 1rem;
        line-height: 2.2rem;
        line-break: strict;
        white-space: nowrap;
        text-align: left
    }

    nav.menu>.content>ul.main>li.display:not(.mobile)>.subMenu>li>a,nav.menu>.content>ul.others>li.display:not(.mobile)>.subMenu>li>a {
        color: var(--white);
        font-weight: 480;
        letter-spacing: .052em
    }

    nav.menu>.content>ul.main>li.display:not(.mobile)>.subMenu>li>a:focus,nav.menu>.content>ul.main>li.display:not(.mobile)>.subMenu>li>a:hover,nav.menu>.content>ul.others>li.display:not(.mobile)>.subMenu>li>a:focus,nav.menu>.content>ul.others>li.display:not(.mobile)>.subMenu>li>a:hover {
        color: var(--color);
        font-weight: 640;
        letter-spacing: .04em
    }

    nav.menu>.content>ul.others {
        grid-column: 3;
        grid-row: 1;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: auto;
        grid-gap: 1rem;
        width: max-content
    }

    nav.menu>.content>ul.others>li.desktop {
        display: inline-block;
        position: relative
    }

    nav.menu>.content>ul.others>li.display>.subMenu>form {
        height: 3rem;
        background-color: var(--gray);
        display: flex;
        margin: .6rem 0
    }

    nav.menu>.content>ul.others>li.display>.subMenu>form>input {
        display: inline-block;
        height: 3rem;
        width: 16ch;
        color: var(--white);
        text-transform: none;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 600;
        padding: 1rem
    }

    nav.menu>.content>ul.others>li.display>.subMenu>form>input::placeholder {
        color: var(--black)
    }

    nav.menu>.content>ul.main.display>li>form>button {
        display: inline-block;
        width: 3rem;
        height: 3rem;
        fill: var(--white);
        padding: .75rem
    }

    nav.menu>.content>ul.main.display>li>form>button>i {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        margin: 0;
        position: relative
    }
}

@media screen and (min-width: 87.5rem) {
    nav.menu>.content>ul.others>li>form>input {
        display:inline-block
    }

    nav.menu>.content>ul.others>li>a>span {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.2rem;
        margin: 0 0 0 .4rem
    }

    nav.menu>.content>ul.others>li.display>.subMenu>form>input {
        width: 24ch
    }
}

footer.support{
	width: 100%;
	display: block;
	background-color: var(--black);
	font-family: 'OpenSans', sans-serif;
	font-size: 1rem;
}
footer.support > nav{
	width: calc(100% - 2.5rem);
	max-width: calc(var(--max-width) - 2.5rem);
	display: block;
	padding: 1.25rem 0;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}
footer.support > nav > ul{
	list-style: none;
	display: grid;
	grid-template-columns: 1fr;
}
footer.support > nav > ul > li{
	display: block;
	font-family: 'OpenSans', sans-serif;
	font-size: 1rem;
	width: auto;
	line-height: 2.4rem;
	margin: 0;
	color: var(--gray-light);
	font-weight: 500;
	text-align: center;
}
footer.support > nav > ul > li.group{
	color: var(--gray);
}
footer.support > nav > ul > li.group > a{
	color: var(--gray-light);
}
footer.support > nav > ul > li > i{
	width: 3.5625rem;
	height: 2.5rem;
	margin: 1rem 1rem 0 0;
	float: right;
}
footer.support > nav > ul > li.taxes,
footer.support > nav > ul > li > a{
	color: var(--gray-light);
	cursor: pointer;
	text-decoration: underline;
	text-decoration-thickness: 0.1em;
	text-underline-position: under;
}
footer.support > nav > ul > li > select{
	vertical-align: baseline;
	margin: 0 0 .2rem 0;
}
footer.support > nav > ul > li > select > option {
	color: var(--black);
}
@media screen and (min-width: 67.5rem) {
	footer > nav > ul{
		grid-template-rows: 1fr;
		grid-template-columns: repeat(5, max-content);
		justify-content: space-between;
		padding: 0 5rem 0 0;
	}
	footer.shop > nav > ul{
		grid-template-columns: repeat(3, max-content);
		justify-content: space-between;
		padding: 0;
	}
	footer.support > nav > ul{
		grid-template-columns: repeat(3, max-content);
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 100rem) {
	footer.support > nav > ul{
		padding: 0;
	}
}
.layout-content.status.status-index .page-status{
	margin-bottom: 0;
	border-radius: .625rem .625rem 0 0;
	border-left: 1px solid var(--gray-light);
	border-right: 1px solid var(--gray-light);
	border-top: 1px solid var(--gray-light);
	background-color: transparent!important;
	padding: 1rem;
}
.layout-content.status.status-index .page-status .status{
	font-family: 'OpenSans', sans-serif;
	font-size: 1rem;
	font-weight: 560;
	color: var(--color-alt);
	margin-bottom: .25rem;
}
.layout-content.status.status-index .page-status .status{
	color: var(--black-alt);
}
.layout-content.status.status-index .page-status.status-none .status{
	color: var(--color-alt);
}
.layout-content.status.status-index .components-section{
	margin-bottom: 2rem;
}
.layout-content.status.status-index .components-section .components-container{
	border-left: 1px solid var(--gray-light);
	border-right: 1px solid var(--gray-light);
	border-bottom: 1px solid var(--gray-light);
	border-radius: 0 0 .625rem .625rem!important;
}
.layout-content.status.status-index .components-section .components-container .component-container{
	border: 0;
	padding: 1rem 1rem 0 1rem;
}
.layout-content.status.status-index .components-section .components-container .component-container:first-child{
	border-radius: 0!important;
}
.layout-content.status.status-index .components-section .components-container .component-container:last-child{
	border-radius: 0 0 .625rem .625rem!important;
}
.layout-content.status.status-index .components-section .component-container.is-group>.component-inner-container{
	padding-bottom: 1rem;
}
.layout-content.status.status-index .components-section .component-container:not(:last-child).is-group>.component-inner-container{
	border-bottom: 1px solid var(--gray-light);
}
.layout-content.status.status-index .components-section .component-container.is-group.open .child-components-container{
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--gray-light);
}

.layout-content.status .incidents-list{
	margin-top: 2rem;
	border-radius: .625rem;
	overflow: hidden;
	border: 1px solid var(--gray-light);
	padding: 1rem;
}
.layout-content.status .incidents-list h2{
	font-family: 'OpenSans', sans-serif;
    font-size: 1rem;
    font-weight: 560;
}
.layout-content.status .incidents-list.format-expanded .status-day.no-incidents{
	display: none;
}
.page-footer{
	margin: 2rem 0;
	border: 0;
}
.layout-content.status .custom-header-container{
	margin-bottom: .8rem
}
.container{
	width: calc(100% - 2.5rem);
	max-width: calc(var(--max-width) - 2.5rem);
	min-height: calc(100dvh - 13.25rem);
}
div.titleLine{
	margin-top: 4rem;
	background-color: var(--white);
	border-top: 1px solid var(--gray-light);
}

div.titleLine h1{
	width: calc(100% - 2.5rem);
	max-width: calc(var(--max-width) - 2.5rem);
	margin: 0 auto;
	font-size: 1.25rem;
	font-family: 'Exo', sans-serif;
	font-weight: 480;
	color: var(--black);
	line-height: 1.5rem;
    padding: 1rem 0;
}
h4, .font-largest{
	font-size: 1.25rem;
	line-height: 1.5rem;
}
.updates-dropdown-container{
	display: none;
}
.layout-content.status .masthead-container.basic{
	margin: 2rem auto !important;
	width: calc(100% - 2.5rem) !important;
	max-width: calc(var(--max-width) - 2.5rem) !important;
}
.layout-content.status .masthead-container.basic > .masthead.has-logo{
	margin: 0;
	padding: 0;
}
.layout-content.status .masthead-container.basic .masthead .logo-container img{
	height: 25px;
	max-height: 25px;
}