#start-resizable-editor-section {
display: none
}
.slider{
max-width: 1100px;
display: flex;
}
.slider .card{
flex: 1;
margin: 0 10px;
background: #fff;
}
.slider .card .img{
height: 200px;
width: 100%;
}
.slider .card .img img{
height: 100%;
width: 100%;
object-fit: cover;
}
.slider .card .content{
padding: 10px 20px;
}
.card .content .title{
font-size: 25px;
font-weight: 600;
}
.card .content .sub-title{
font-size: 20px;
font-weight: 600;
color: #e74c3c;
line-height: 20px;
}
.card .content p{
text-align: justify;
margin: 10px 0;
}
.card .content .btn{
display: block;
text-align: center;
margin: 10px 0;
}
.card .content .btn button{
background: #e74c3c;
color: #fff;
border: none;
outline: none;
font-size: 17px;
padding: 5px 8px;
border-radius: 5px;
cursor: pointer;
transition: 0.2s;
}
.card .content .btn button:hover{
transform: scale(0.9);
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border: none;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: .667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.wp-block-buttons > .wp-block-button.has-custom-width {
max-width: none
}
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
width: 100%
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - .5em)
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: calc(50% - .5em)
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
width: calc(75% - .5em)
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
margin-right: 0;
width: 100%
}
.wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius {
border-radius: 0 !important
}
.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline {
border: 2px solid
}
.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) {
color: #32373c
}
.is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent
}
.wp-block-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.wp-block-buttons.is-vertical {
flex-direction: column
}
.wp-block-buttons.is-vertical > .wp-block-button {
margin-right: 0
}
.wp-block-buttons.is-vertical > .wp-block-button:last-child {
margin-bottom: 0
}
.wp-block-buttons > .wp-block-button {
display: inline-block;
margin-left: 0;
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-buttons > .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start
}
.wp-block-buttons.is-content-justification-center {
justify-content: center
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end
}
.wp-block-buttons.is-content-justification-right > .wp-block-button {
margin-left: .5em;
margin-right: 0
}
.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between
}
.wp-block-buttons.aligncenter {
text-align: center
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: .5em
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: .5em
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: .5em;
width: 100%
}
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td, .wp-block-calendar th {
padding: .25em;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar table caption, .wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-code code {
display: block;
white-space: pre-wrap;
overflow-wrap: break-word
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
flex-wrap: wrap
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-columns.has-background {
padding: 1.25em 2.375em
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-column:not(:only-child) {
flex-basis: calc(50% - 1em) !important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 2em
}
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 2em
}
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-cover, .wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box
}
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion: reduce) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) {
background-color: #000
}
.wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
max-width: 420px;
width: 100%
}
.wp-block-cover-image:after, .wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-cover-image:after, .wp-block-cover:after {
content: none
}
}
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: none;
border: none;
box-shadow: none
}
.wp-block-cover__image-background, .wp-block-cover__video-background {
z-index: 0
}
.wp-block-cover-image-text, .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: .44em;
text-align: center
}
.wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align=left] > [data-type="core/embed"], .wp-block[data-align=right] > [data-type="core/embed"] {
max-width: 360px;
width: 100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper, .wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper {
min-width: 280px
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px
}
.wp-block-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: .8em;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file * + .wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid, .wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
width: calc(50% - 1em)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em .77em .7em;
color: #fff;
text-align: center;
font-size: .8em;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
box-sizing: border-box;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img, .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid figcaption, .wp-block-gallery figcaption {
flex-grow: 1
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover
}
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width: 600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33.33333% - .66667em);
margin-right: 1em
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - .75em);
margin-right: 1em
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - .8em);
margin-right: 1em
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - .83333em);
margin-right: 1em
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc(14.28571% - .85714em);
margin-right: 1em
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc(12.5% - .875em);
margin-right: 1em
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
max-width: 420px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-group {
box-sizing: border-box
}
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
padding: 1.25em 2.375em
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright {
display: table
}
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 3.25em
}
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: .875em;
line-height: 1.8;
margin: .36em 0 1.4em
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: .75em
}
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - .625em)
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - .83333em)
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - .9375em)
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
display: block;
color: #555;
font-size: .8125em
}
.wp-block-latest-posts__post-excerpt {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-latest-posts__featured-image a {
display: inline-block
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center
}
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0
}
ol.has-background, ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns:50% 1fr;
-ms-grid-rows: auto;
grid-template-rows:auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns:1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-grid-row-align: start;
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
display: block;
height: 100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns: 100% !important;
grid-template-columns:100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
color: #1e1e1e;
background-color: #fff;
min-width: 200px
}
.items-justified-left > ul {
justify-content: flex-start
}
.items-justified-center > ul {
justify-content: center
}
.items-justified-right > ul {
justify-content: flex-end
}
.items-justified-space-between > ul {
justify-content: space-between
}
.wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
margin: 0
}
.wp-block-navigation-link .wp-block-navigation__container:empty {
display: none
}
.wp-block-navigation__container {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block
}
.has-child > .wp-block-navigation-link__content {
padding-right: .5em
}
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0, 0, 0, .15);
background-color: inherit;
color: inherit;
position: absolute;
left: 0;
top: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
z-index: 2;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
flex-grow: 1
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
padding-right: .5em
}
@media (min-width: 782px) {
.has-child .wp-block-navigation__container {
left: 1.5em
}
.has-child .wp-block-navigation__container .wp-block-navigation__container {
left: 100%;
top: -1px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: .5em;
background: transparent
}
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0)
}
}
.has-child:hover {
cursor: pointer
}
.has-child:hover > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.has-child:focus-within {
cursor: pointer
}
.has-child:focus-within > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link, .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content, .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active, .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-navigation__container {
text-decoration: inherit
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content, .wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active, .wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus {
text-decoration: none
}
.wp-block-navigation-link__content {
color: inherit;
padding: .5em 1em
}
.wp-block-navigation-link__content + .wp-block-navigation-link__content {
padding-top: 0
}
.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation-link__label {
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: .375em 1em .375em 0
}
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
@media (min-width: 782px) {
.wp-block-navigation-link__submenu-icon svg {
transform: rotate(90deg)
}
}
.is-small-text {
font-size: .875em
}
.is-regular-text {
font-size: 1em
}
.is-large-text {
font-size: 2.25em
}
.is-larger-text {
font-size: 3em
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-background {
padding: 1.25em 2.375em
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 1em
}
.wp-block-post-author__bio {
margin-bottom: .7em;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-post-comments-form input[type=submit] {
color: #fff;
background-color: #32373c;
border: none;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: .667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-post-comments-form input[type=submit]:active, .wp-block-post-comments-form input[type=submit]:focus, .wp-block-post-comments-form input[type=submit]:hover, .wp-block-post-comments-form input[type=submit]:visited {
color: #fff
}
.wp-block-preformatted {
white-space: pre-wrap
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 420px
}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 1.25em
}
.wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.6
}
.wp-block-pullquote cite, .wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-query-loop {
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-query-loop li {
clear: both
}
.wp-block-query-loop.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap
}
.wp-block-query-loop.is-flex-container li {
margin: 0 0 1.25em;
width: 100%
}
@media (min-width: 600px) {
.wp-block-query-loop.is-flex-container li {
margin-right: 1.25em
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
width: calc(50% - .625em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
width: calc(33.33333% - .83333em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
width: calc(25% - .9375em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
width: calc(20% - 1em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-query-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-numbers, .wp-block-query-pagination > .wp-block-query-pagination-previous {
display: inline-block;
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child, .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child {
margin-right: 0
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin-bottom: 1em;
padding: 0 1em
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
font-size: 1.125em;
text-align: right
}
.wp-block-rss.wp-block-rss {
box-sizing: border-box
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 1em)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 1em)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 1em)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 1em)
}
}
.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
display: block;
color: #555;
font-size: .8125em
}
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: .375em .625em;
color: #32373c;
margin-left: .625em;
word-break: normal
}
.wp-block-search .wp-block-search__button.has-icon {
line-height: 0
}
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0 0 .25em
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: .125em .5em
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "路路路";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-custom-logo {
line-height: 0
}
.wp-block-custom-logo .aligncenter {
display: table
}
.wp-block-custom-logo.is-style-rounded img {
border-radius: 9999px
}
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
text-indent: 0;
margin-left: 0
}
.wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 8px 4px 0
}
.wp-block-social-links .wp-social-link a {
padding: .25em
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px
}
.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
font-size: 24px
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links.alignright {
justify-content: flex-end
}
.wp-social-link {
display: block;
border-radius: 9999px;
transition: transform .1s ease;
height: auto
}
@media (prefers-reduced-motion: reduce) {
.wp-social-link {
transition-duration: 0s
}
}
.wp-social-link a {
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-social-link a, .wp-social-link a:active, .wp-social-link a:hover, .wp-social-link a:visited, .wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: .66667em;
padding-right: .66667em
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-tag-cloud.aligncenter {
text-align: center
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns, .wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-post-featured-image a {
display: inline-block
}
.wp-block-post-featured-image img {
max-width: 100%;
height: auto
}
:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .has-white-background-color {
background-color: #fff
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-black-background-color {
background-color: #000
}
:root .has-pale-pink-color {
color: #f78da7
}
:root .has-vivid-red-color {
color: #cf2e2e
}
:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .has-vivid-purple-color {
color: #9b51e0
}
:root .has-white-color {
color: #fff
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-black-color {
color: #000
}
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3, #9b51e0)
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4, #00d082)
}
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900, #ff6900)
}
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900, #cf2e2e)
}
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eee, #a9b8c3)
}
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c)
}
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec, #9896f0)
}
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5)
}
:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880, #71ce7e)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
:root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link, #00e)
}
.has-small-font-size {
font-size: .8125em
}
.has-normal-font-size, .has-regular-font-size {
font-size: 1em
}
.has-medium-font-size {
font-size: 1.25em
}
.has-large-font-size {
font-size: 2.25em
}
.has-huge-font-size, .has-larger-font-size {
font-size: 2.625em
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; /* Blue */
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; /* Green */
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; /* Red */
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; /* Orange */
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900; /* Yellow */
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; /* Red */
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-color: #23282d; /* Dark Gray 800 */
opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
.wpcf7 form.submitting .ajax-loader {
visibility: visible;
}
.wpcf7 .ajax-loader::before {
content: '';
position: absolute;
background-color: #fbfbfc; /* Light Gray 100 */
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7 .ajax-loader::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
@media print, screen and (min-width: 40em) {
.reveal, .reveal.large, .reveal.small, .reveal.tiny {
right: auto;
left: auto;
margin: 0 auto
}
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox], [type=radio] {
-webkit-box-sizing: border-box;
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-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.foundation-mq {
font-family: "small=0em&medium=40em&xmedium=48em&large=64em&xlarge=75em&xxlarge=90em"
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%
}
*, ::after, ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
body {
margin: 0;
padding: 0;
background: #fff;
font-family: Montserrat, sans-serif;
font-weight: 400;
line-height: 1.5;
color: #ff4500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0
}
select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 0
}
.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
max-width: none !important
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: 0 0;
line-height: 1;
cursor: auto
}
[data-whatinput=mouse] button {
outline: 0
}
pre {
overflow: auto
}
button, input, optgroup, select, textarea {
font-family: inherit
}
.is-visible {
display: block !important
}
.is-hidden {
display: none !important
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: .5rem;
border: 0 none;
border-radius: 0;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #131313;
-webkit-transition: border-color .3s ease-in-out;
transition: border-color .3s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
outline: 0;
border: 0 none;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color .3s ease-in-out;
transition: border-color .3s ease-in-out
}
textarea {
max-width: 100%
}
textarea[rows] {
height: auto
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed
}
[type=button], [type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0
}
input[type=search] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
::-webkit-input-placeholder {
color: #7c878e
}
::-moz-placeholder {
color: #7c878e
}
:-ms-input-placeholder {
color: #7c878e
}
::-ms-input-placeholder {
color: #7c878e
}
::placeholder {
color: #7c878e
}
[type=checkbox], [type=file], [type=radio] {
margin: 0 0 1rem
}
[type=checkbox] + label, [type=radio] + label {
display: inline-block;
vertical-align: baseline;
margin-left: .5rem;
margin-right: 1rem;
margin-bottom: 0
}
[type=checkbox] + label[for], [type=radio] + label[for] {
cursor: pointer
}
label > [type=checkbox], label > [type=radio] {
margin-right: .5rem
}
[type=file] {
width: 100%
}
label {
display: block;
margin: 0;
font-size: .875rem;
font-weight: 400;
line-height: 1.8;
color: #131313
}
label.middle {
margin: 0 0 1rem;
padding: .5rem 0
}
.help-text {
margin-top: -.5rem;
font-size: .8125rem;
font-style: italic;
color: #131313
}
.input-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 1rem;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
border-radius: 0
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
border-radius: 0
}
.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
margin: 0;
white-space: nowrap
}
.input-group-label {
padding: 0 1rem;
border: 1px solid #cacaca;
background: #e6e6e6;
color: #131313;
text-align: center;
white-space: nowrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.input-group-label:first-child {
border-right: 0
}
.input-group-label:last-child {
border-left: 0
}
.input-group-field {
border-radius: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
min-width: 0
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem
}
fieldset {
margin: 0;
padding: 0;
border: 0
}
legend {
max-width: 100%;
margin-bottom: .5rem
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca
}
.fieldset legend {
margin: 0;
margin-left: -.1875rem;
padding: 0 .1875rem
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: .5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0 none;
border-radius: 0;
background-color: #fff;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #131313;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
-webkit-transition: border-color .3s ease-in-out;
transition: border-color .3s ease-in-out
}
@media screen and (min-width: 0\0
) {
select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
}
}
select:focus {
outline: 0;
border: 0 none;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color .3s ease-in-out;
transition: border-color .3s ease-in-out
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed
}
select::-ms-expand {
display: none
}
select[multiple] {
height: auto;
background-image: none
}
select:not([multiple]) {
padding-top: 0;
padding-bottom: 0
}
.is-invalid-input:not(:focus) {
border-color: #e5352b;
background-color: #fcebea
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #e5352b
}
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #e5352b
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #e5352b
}
.is-invalid-input:not(:focus)::-ms-input-placeholder {
color: #e5352b
}
.is-invalid-input:not(:focus)::placeholder {
color: #e5352b
}
.is-invalid-label {
color: #e5352b
}
.form-error {
display: none;
margin-top: -.5rem;
margin-bottom: 1rem;
font-size: .75rem;
font-weight: 700;
color: #e5352b
}
.form-error.is-visible {
display: block
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
margin: 0;
padding: 0
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility
}
em, i {
font-style: italic;
line-height: inherit
}
b, strong {
font-weight: 700;
line-height: inherit
}
small {
font-size: 80%;
line-height: inherit
}
.card--product2 .headline, .h1, .h2, .h3, .h4, .h5, .h6, .news-detail--reference h2, .news-detail--reference h3, .schema-faq-question, div.section__headline, h1, h2, h3, h4, h5, h6 {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
color: inherit;
text-rendering: optimizeLegibility
}
.card--product2 .headline small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, .news-detail--reference h2 small, .news-detail--reference h3 small, .schema-faq-question small, div.section__headline small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
line-height: 0;
color: #cacaca
}
.h1, h1 {
font-size: 1.875rem;
line-height: 1.2222;
margin-top: 0;
margin-bottom: .5rem
}
.h2, div.section__headline, h2 {
font-size: 1.5625rem;
line-height: 1.2222;
margin-top: 0;
margin-bottom: .5rem
}
.card--product2 .headline, .h3, .news-detail--reference h2, .schema-faq-question, h3 {
font-size: 1.25rem;
line-height: 1.2222;
margin-top: 0;
margin-bottom: .5rem
}
.h4, .news-detail--reference h3, h4 {
font-size: 1.125rem;
line-height: 1.2222;
margin-top: 0;
margin-bottom: .5rem
}
.h5, h5 {
font-size: 1rem;
line-height: 1.2222;
margin-top: 0;
margin-bottom: .5rem
}
.h6, h6 {
font-size: .875rem;
line-height: 1.2222;
margin-top: 0;
margin-bottom: .5rem
}
@media print, screen and (min-width: 40em) {
.h1, h1 {
font-size: 2.375rem
}
.h2, div.section__headline, h2 {
font-size: 1.875rem
}
.card--product2 .headline, .h3, .news-detail--reference h2, .schema-faq-question, h3 {
font-size: 1.4375rem
}
.h4, .news-detail--reference h3, h4 {
font-size: 1.1875rem
}
.h5, h5 {
font-size: 1.0625rem
}
.h6, h6 {
font-size: .9375rem
}
}
@media print, screen and (min-width: 64em) {
.h1, h1 {
font-size: 2.8125rem
}
.h2, div.section__headline, h2 {
font-size: 2.1875rem
}
.card--product2 .headline, .h3, .news-detail--reference h2, .schema-faq-question, h3 {
font-size: 1.5625rem
}
.h4, .news-detail--reference h3, h4 {
font-size: 1.25rem
}
.h5, h5 {
font-size: 1.125rem
}
.h6, h6 {
font-size: 1rem
}
}
a {
line-height: inherit;
color: #ff4500;
text-decoration: none;
cursor: pointer
}
a:focus, a:hover {
color: #ff4500
}
a img {
border: 0
}
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid rgba(2, 27, 65, .1);
border-left: 0
}
dl, ol, ul {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6
}
li {
font-size: inherit
}
ul {
margin-left: 1.25rem;
list-style-type: disc
}
ol {
margin-left: 1.25rem
}
ol ol, ol ul, ul ol, ul ul {
margin-left: 1.25rem;
margin-bottom: 0
}
dl {
margin-bottom: 1rem
}
dl dt {
margin-bottom: .3rem;
font-weight: 700
}
blockquote {
margin: 0 0 1rem;
padding: 0;
border-left: 0 none
}
blockquote, blockquote p {
line-height: 1.6;
color: #ff4500
}
abbr, abbr[title] {
border-bottom: 1px dotted #131313;
cursor: help;
text-decoration: none
}
figure {
margin: 0
}
kbd {
margin: 0;
padding: .125rem .25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #131313
}
.subheader {
margin-top: .2rem;
margin-bottom: .5rem;
font-weight: 400;
line-height: 1.4;
color: #8a8a8a
}
.lead {
font-size: 125%;
line-height: 1.6
}
.stat {
font-size: 2.5rem;
line-height: 1
}
p + .stat {
margin-top: -1rem
}
ol.no-bullet, ul.no-bullet {
margin-left: 0;
list-style: none
}
.cite-block, cite {
display: block;
color: #7c878e;
font-size: .8125rem
}
.cite-block:before, cite:before {
content: none
}
.code-inline, code {
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 400;
color: #131313;
display: inline;
max-width: 100%;
word-wrap: break-word;
padding: .125rem .3125rem .0625rem
}
.code-block {
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 400;
color: #131313;
display: block;
overflow: auto;
white-space: pre;
padding: 1rem;
margin-bottom: 1.5rem
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left
}
.medium-text-right {
text-align: right
}
.medium-text-center {
text-align: center
}
.medium-text-justify {
text-align: justify
}
}
@media print, screen and (min-width: 48em) {
.xmedium-text-left {
text-align: left
}
.xmedium-text-right {
text-align: right
}
.xmedium-text-center {
text-align: center
}
.xmedium-text-justify {
text-align: justify
}
}
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left
}
.large-text-right {
text-align: right
}
.large-text-center {
text-align: center
}
.large-text-justify {
text-align: justify
}
}
@media screen and (min-width: 75em) {
.xlarge-text-left {
text-align: left
}
.xlarge-text-right {
text-align: right
}
.xlarge-text-center {
text-align: center
}
.xlarge-text-justify {
text-align: justify
}
}
.show-for-print {
display: none !important
}
@media print {
* {
background: 0 0 !important;
color: #000 !important;
-webkit-print-color-adjust: economy;
color-adjust: economy;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important
}
.show-for-print {
display: block !important
}
.hide-for-print {
display: none !important
}
table.show-for-print {
display: table !important
}
thead.show-for-print {
display: table-header-group !important
}
tbody.show-for-print {
display: table-row-group !important
}
tr.show-for-print {
display: table-row !important
}
td.show-for-print {
display: table-cell !important
}
th.show-for-print {
display: table-cell !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
.ir a:after, a[href^='#']:after, a[href^='javascript:']:after {
content: ''
}
abbr[title]:after {
content: " (" attr(title) ")"
}
blockquote, pre {
border: 1px solid #8a8a8a;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img, tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: .5cm
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
.print-break-inside {
page-break-inside: auto
}
}
.grid-container {
padding-right: .9375rem;
padding-left: .9375rem;
max-width: 75rem;
margin-left: auto;
margin-right: auto
}
@media print, screen and (min-width: 40em) {
.grid-container {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.grid-container.fluid {
padding-right: .9375rem;
padding-left: .9375rem;
max-width: 100%;
margin-left: auto;
margin-right: auto
}
@media print, screen and (min-width: 40em) {
.grid-container.fluid {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.grid-x {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.cell {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0;
min-width: 0;
width: 100%
}
.cell.auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.cell.shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x > .auto {
width: auto
}
.grid-x > .shrink {
width: auto
}
.grid-x > .small-1, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-full, .grid-x > .small-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-1, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-full, .grid-x > .medium-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print, screen and (min-width: 48em) {
.grid-x > .xmedium-1, .grid-x > .xmedium-10, .grid-x > .xmedium-11, .grid-x > .xmedium-12, .grid-x > .xmedium-2, .grid-x > .xmedium-3, .grid-x > .xmedium-4, .grid-x > .xmedium-5, .grid-x > .xmedium-6, .grid-x > .xmedium-7, .grid-x > .xmedium-8, .grid-x > .xmedium-9, .grid-x > .xmedium-full, .grid-x > .xmedium-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-1, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-full, .grid-x > .large-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width: 75em) {
.grid-x > .xlarge-1, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-full, .grid-x > .xlarge-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
.grid-x > .small-1, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x > .small-1 {
width: 8.33333%
}
.grid-x > .small-2 {
width: 16.66667%
}
.grid-x > .small-3 {
width: 25%
}
.grid-x > .small-4 {
width: 33.33333%
}
.grid-x > .small-5 {
width: 41.66667%
}
.grid-x > .small-6 {
width: 50%
}
.grid-x > .small-7 {
width: 58.33333%
}
.grid-x > .small-8 {
width: 66.66667%
}
.grid-x > .small-9 {
width: 75%
}
.grid-x > .small-10 {
width: 83.33333%
}
.grid-x > .small-11 {
width: 91.66667%
}
.grid-x > .small-12 {
width: 100%
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x > .medium-1, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x > .medium-shrink {
width: auto
}
.grid-x > .medium-1 {
width: 8.33333%
}
.grid-x > .medium-2 {
width: 16.66667%
}
.grid-x > .medium-3 {
width: 25%
}
.grid-x > .medium-4 {
width: 33.33333%
}
.grid-x > .medium-5 {
width: 41.66667%
}
.grid-x > .medium-6 {
width: 50%
}
.grid-x > .medium-7 {
width: 58.33333%
}
.grid-x > .medium-8 {
width: 66.66667%
}
.grid-x > .medium-9 {
width: 75%
}
.grid-x > .medium-10 {
width: 83.33333%
}
.grid-x > .medium-11 {
width: 91.66667%
}
.grid-x > .medium-12 {
width: 100%
}
}
@media print, screen and (min-width: 48em) {
.grid-x > .xmedium-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x > .xmedium-1, .grid-x > .xmedium-10, .grid-x > .xmedium-11, .grid-x > .xmedium-12, .grid-x > .xmedium-2, .grid-x > .xmedium-3, .grid-x > .xmedium-4, .grid-x > .xmedium-5, .grid-x > .xmedium-6, .grid-x > .xmedium-7, .grid-x > .xmedium-8, .grid-x > .xmedium-9, .grid-x > .xmedium-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x > .xmedium-shrink {
width: auto
}
.grid-x > .xmedium-1 {
width: 8.33333%
}
.grid-x > .xmedium-2 {
width: 16.66667%
}
.grid-x > .xmedium-3 {
width: 25%
}
.grid-x > .xmedium-4 {
width: 33.33333%
}
.grid-x > .xmedium-5 {
width: 41.66667%
}
.grid-x > .xmedium-6 {
width: 50%
}
.grid-x > .xmedium-7 {
width: 58.33333%
}
.grid-x > .xmedium-8 {
width: 66.66667%
}
.grid-x > .xmedium-9 {
width: 75%
}
.grid-x > .xmedium-10 {
width: 83.33333%
}
.grid-x > .xmedium-11 {
width: 91.66667%
}
.grid-x > .xmedium-12 {
width: 100%
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x > .large-1, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x > .large-shrink {
width: auto
}
.grid-x > .large-1 {
width: 8.33333%
}
.grid-x > .large-2 {
width: 16.66667%
}
.grid-x > .large-3 {
width: 25%
}
.grid-x > .large-4 {
width: 33.33333%
}
.grid-x > .large-5 {
width: 41.66667%
}
.grid-x > .large-6 {
width: 50%
}
.grid-x > .large-7 {
width: 58.33333%
}
.grid-x > .large-8 {
width: 66.66667%
}
.grid-x > .large-9 {
width: 75%
}
.grid-x > .large-10 {
width: 83.33333%
}
.grid-x > .large-11 {
width: 91.66667%
}
.grid-x > .large-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.grid-x > .xlarge-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x > .xlarge-1, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x > .xlarge-shrink {
width: auto
}
.grid-x > .xlarge-1 {
width: 8.33333%
}
.grid-x > .xlarge-2 {
width: 16.66667%
}
.grid-x > .xlarge-3 {
width: 25%
}
.grid-x > .xlarge-4 {
width: 33.33333%
}
.grid-x > .xlarge-5 {
width: 41.66667%
}
.grid-x > .xlarge-6 {
width: 50%
}
.grid-x > .xlarge-7 {
width: 58.33333%
}
.grid-x > .xlarge-8 {
width: 66.66667%
}
.grid-x > .xlarge-9 {
width: 75%
}
.grid-x > .xlarge-10 {
width: 83.33333%
}
.grid-x > .xlarge-11 {
width: 91.66667%
}
.grid-x > .xlarge-12 {
width: 100%
}
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto
}
.grid-margin-x {
margin-left: -.9375rem;
margin-right: -.9375rem
}
@media print, screen and (min-width: 40em) {
.grid-margin-x {
margin-left: -.9375rem;
margin-right: -.9375rem
}
}
.grid-margin-x > .cell {
width: calc(100% - 1.875rem);
margin-left: .9375rem;
margin-right: .9375rem
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .cell {
width: calc(100% - 1.875rem);
margin-left: .9375rem;
margin-right: .9375rem
}
}
.grid-margin-x > .auto {
width: auto
}
.grid-margin-x > .shrink {
width: auto
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x > .small-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x > .small-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x > .small-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x > .small-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x > .small-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x > .small-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x > .small-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.875rem)
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .auto {
width: auto
}
.grid-margin-x > .shrink {
width: auto
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x > .small-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x > .small-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x > .small-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x > .small-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x > .small-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x > .small-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x > .small-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.875rem)
}
.grid-margin-x > .medium-auto {
width: auto
}
.grid-margin-x > .medium-shrink {
width: auto
}
.grid-margin-x > .medium-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x > .medium-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x > .medium-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x > .medium-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x > .medium-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x > .medium-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x > .medium-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x > .medium-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.875rem)
}
}
@media print, screen and (min-width: 48em) {
.grid-margin-x > .xmedium-auto {
width: auto
}
.grid-margin-x > .xmedium-shrink {
width: auto
}
.grid-margin-x > .xmedium-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x > .xmedium-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x > .xmedium-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x > .xmedium-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x > .xmedium-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x > .xmedium-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x > .xmedium-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x > .xmedium-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x > .xmedium-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x > .xmedium-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x > .xmedium-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x > .xmedium-12 {
width: calc(100% - 1.875rem)
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x > .large-auto {
width: auto
}
.grid-margin-x > .large-shrink {
width: auto
}
.grid-margin-x > .large-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x > .large-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x > .large-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x > .large-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x > .large-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x > .large-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x > .large-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x > .large-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x > .large-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x > .large-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x > .large-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x > .large-12 {
width: calc(100% - 1.875rem)
}
}
@media screen and (min-width: 75em) {
.grid-margin-x > .xlarge-auto {
width: auto
}
.grid-margin-x > .xlarge-shrink {
width: auto
}
.grid-margin-x > .xlarge-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x > .xlarge-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x > .xlarge-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x > .xlarge-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x > .xlarge-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x > .xlarge-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x > .xlarge-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x > .xlarge-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x > .xlarge-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x > .xlarge-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x > .xlarge-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x > .xlarge-12 {
width: calc(100% - 1.875rem)
}
}
.grid-padding-x .grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
@media print, screen and (min-width: 40em) {
.grid-padding-x .grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.grid-container:not(.full) > .grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
@media print, screen and (min-width: 40em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.grid-padding-x > .cell {
padding-right: .9375rem;
padding-left: .9375rem
}
@media print, screen and (min-width: 40em) {
.grid-padding-x > .cell {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.small-up-1 > .cell {
width: 100%
}
.small-up-2 > .cell {
width: 50%
}
.small-up-3 > .cell {
width: 33.33333%
}
.small-up-4 > .cell {
width: 25%
}
.small-up-5 > .cell {
width: 20%
}
.small-up-6 > .cell {
width: 16.66667%
}
.small-up-7 > .cell {
width: 14.28571%
}
.small-up-8 > .cell {
width: 12.5%
}
@media print, screen and (min-width: 40em) {
.medium-up-1 > .cell {
width: 100%
}
.medium-up-2 > .cell {
width: 100%
}
.medium-up-3 > .cell {
width: 33.33333%
}
.medium-up-4 > .cell {
width: 25%
}
.medium-up-5 > .cell {
width: 20%
}
.medium-up-6 > .cell {
width: 16.66667%
}
.medium-up-7 > .cell {
width: 14.28571%
}
.medium-up-8 > .cell {
width: 12.5%
}
}
@media print, screen and (min-width: 48em) {
.xmedium-up-1 > .cell {
width: 100%
}
.xmedium-up-2 > .cell {
width: 50%
}
.xmedium-up-3 > .cell {
width: 33.33333%
}
.xmedium-up-4 > .cell {
width: 25%
}
.xmedium-up-5 > .cell {
width: 20%
}
.xmedium-up-6 > .cell {
width: 16.66667%
}
.xmedium-up-7 > .cell {
width: 14.28571%
}
.xmedium-up-8 > .cell {
width: 12.5%
}
}
@media print, screen and (min-width: 64em) {
.large-up-1 > .cell {
width: 100%
}
.large-up-2 > .cell {
width: 50%
}
.large-up-3 > .cell {
width: 33.33333%
}
.large-up-4 > .cell {
width: 25%
}
.large-up-5 > .cell {
width: 20%
}
.large-up-6 > .cell {
width: 16.66667%
}
.large-up-7 > .cell {
width: 14.28571%
}
.large-up-8 > .cell {
width: 12.5%
}
}
@media screen and (min-width: 75em) {
.xlarge-up-1 > .cell {
width: 100%
}
.xlarge-up-2 > .cell {
width: 50%
}
.xlarge-up-3 > .cell {
width: 33.33333%
}
.xlarge-up-4 > .cell {
width: 25%
}
.xlarge-up-5 > .cell {
width: 20%
}
.xlarge-up-6 > .cell {
width: 16.66667%
}
.xlarge-up-7 > .cell {
width: 14.28571%
}
.xlarge-up-8 > .cell {
width: 12.5%
}
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.875rem)
}
@media print, screen and (min-width: 40em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.875rem)
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.875rem)
}
}
@media print, screen and (min-width: 48em) {
.grid-margin-x.xmedium-up-1 > .cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.xmedium-up-2 > .cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.xmedium-up-3 > .cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.xmedium-up-4 > .cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.xmedium-up-5 > .cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.xmedium-up-6 > .cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.xmedium-up-7 > .cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.xmedium-up-8 > .cell {
width: calc(12.5% - 1.875rem)
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 1.875rem)
}
}
@media screen and (min-width: 75em) {
.grid-margin-x.xlarge-up-1 > .cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.xlarge-up-2 > .cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.xlarge-up-3 > .cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.xlarge-up-4 > .cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.xlarge-up-5 > .cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.xlarge-up-6 > .cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.xlarge-up-7 > .cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.xlarge-up-8 > .cell {
width: calc(12.5% - 1.875rem)
}
}
.small-margin-collapse {
margin-right: 0;
margin-left: 0
}
.small-margin-collapse > .cell {
margin-right: 0;
margin-left: 0
}
.small-margin-collapse > .small-1 {
width: 8.33333%
}
.small-margin-collapse > .small-2 {
width: 16.66667%
}
.small-margin-collapse > .small-3 {
width: 25%
}
.small-margin-collapse > .small-4 {
width: 33.33333%
}
.small-margin-collapse > .small-5 {
width: 41.66667%
}
.small-margin-collapse > .small-6 {
width: 50%
}
.small-margin-collapse > .small-7 {
width: 58.33333%
}
.small-margin-collapse > .small-8 {
width: 66.66667%
}
.small-margin-collapse > .small-9 {
width: 75%
}
.small-margin-collapse > .small-10 {
width: 83.33333%
}
.small-margin-collapse > .small-11 {
width: 91.66667%
}
.small-margin-collapse > .small-12 {
width: 100%
}
@media print, screen and (min-width: 40em) {
.small-margin-collapse > .medium-1 {
width: 8.33333%
}
.small-margin-collapse > .medium-2 {
width: 16.66667%
}
.small-margin-collapse > .medium-3 {
width: 25%
}
.small-margin-collapse > .medium-4 {
width: 33.33333%
}
.small-margin-collapse > .medium-5 {
width: 41.66667%
}
.small-margin-collapse > .medium-6 {
width: 50%
}
.small-margin-collapse > .medium-7 {
width: 58.33333%
}
.small-margin-collapse > .medium-8 {
width: 66.66667%
}
.small-margin-collapse > .medium-9 {
width: 75%
}
.small-margin-collapse > .medium-10 {
width: 83.33333%
}
.small-margin-collapse > .medium-11 {
width: 91.66667%
}
.small-margin-collapse > .medium-12 {
width: 100%
}
}
@media print, screen and (min-width: 48em) {
.small-margin-collapse > .xmedium-1 {
width: 8.33333%
}
.small-margin-collapse > .xmedium-2 {
width: 16.66667%
}
.small-margin-collapse > .xmedium-3 {
width: 25%
}
.small-margin-collapse > .xmedium-4 {
width: 33.33333%
}
.small-margin-collapse > .xmedium-5 {
width: 41.66667%
}
.small-margin-collapse > .xmedium-6 {
width: 50%
}
.small-margin-collapse > .xmedium-7 {
width: 58.33333%
}
.small-margin-collapse > .xmedium-8 {
width: 66.66667%
}
.small-margin-collapse > .xmedium-9 {
width: 75%
}
.small-margin-collapse > .xmedium-10 {
width: 83.33333%
}
.small-margin-collapse > .xmedium-11 {
width: 91.66667%
}
.small-margin-collapse > .xmedium-12 {
width: 100%
}
}
@media print, screen and (min-width: 64em) {
.small-margin-collapse > .large-1 {
width: 8.33333%
}
.small-margin-collapse > .large-2 {
width: 16.66667%
}
.small-margin-collapse > .large-3 {
width: 25%
}
.small-margin-collapse > .large-4 {
width: 33.33333%
}
.small-margin-collapse > .large-5 {
width: 41.66667%
}
.small-margin-collapse > .large-6 {
width: 50%
}
.small-margin-collapse > .large-7 {
width: 58.33333%
}
.small-margin-collapse > .large-8 {
width: 66.66667%
}
.small-margin-collapse > .large-9 {
width: 75%
}
.small-margin-collapse > .large-10 {
width: 83.33333%
}
.small-margin-collapse > .large-11 {
width: 91.66667%
}
.small-margin-collapse > .large-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.small-margin-collapse > .xlarge-1 {
width: 8.33333%
}
.small-margin-collapse > .xlarge-2 {
width: 16.66667%
}
.small-margin-collapse > .xlarge-3 {
width: 25%
}
.small-margin-collapse > .xlarge-4 {
width: 33.33333%
}
.small-margin-collapse > .xlarge-5 {
width: 41.66667%
}
.small-margin-collapse > .xlarge-6 {
width: 50%
}
.small-margin-collapse > .xlarge-7 {
width: 58.33333%
}
.small-margin-collapse > .xlarge-8 {
width: 66.66667%
}
.small-margin-collapse > .xlarge-9 {
width: 75%
}
.small-margin-collapse > .xlarge-10 {
width: 83.33333%
}
.small-margin-collapse > .xlarge-11 {
width: 91.66667%
}
.small-margin-collapse > .xlarge-12 {
width: 100%
}
}
.small-padding-collapse {
margin-right: 0;
margin-left: 0
}
.small-padding-collapse > .cell {
padding-right: 0;
padding-left: 0
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse {
margin-right: 0;
margin-left: 0
}
.medium-margin-collapse > .cell {
margin-right: 0;
margin-left: 0
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .small-1 {
width: 8.33333%
}
.medium-margin-collapse > .small-2 {
width: 16.66667%
}
.medium-margin-collapse > .small-3 {
width: 25%
}
.medium-margin-collapse > .small-4 {
width: 33.33333%
}
.medium-margin-collapse > .small-5 {
width: 41.66667%
}
.medium-margin-collapse > .small-6 {
width: 50%
}
.medium-margin-collapse > .small-7 {
width: 58.33333%
}
.medium-margin-collapse > .small-8 {
width: 66.66667%
}
.medium-margin-collapse > .small-9 {
width: 75%
}
.medium-margin-collapse > .small-10 {
width: 83.33333%
}
.medium-margin-collapse > .small-11 {
width: 91.66667%
}
.medium-margin-collapse > .small-12 {
width: 100%
}
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse > .medium-1 {
width: 8.33333%
}
.medium-margin-collapse > .medium-2 {
width: 16.66667%
}
.medium-margin-collapse > .medium-3 {
width: 25%
}
.medium-margin-collapse > .medium-4 {
width: 33.33333%
}
.medium-margin-collapse > .medium-5 {
width: 41.66667%
}
.medium-margin-collapse > .medium-6 {
width: 50%
}
.medium-margin-collapse > .medium-7 {
width: 58.33333%
}
.medium-margin-collapse > .medium-8 {
width: 66.66667%
}
.medium-margin-collapse > .medium-9 {
width: 75%
}
.medium-margin-collapse > .medium-10 {
width: 83.33333%
}
.medium-margin-collapse > .medium-11 {
width: 91.66667%
}
.medium-margin-collapse > .medium-12 {
width: 100%
}
}
@media print, screen and (min-width: 48em) {
.medium-margin-collapse > .xmedium-1 {
width: 8.33333%
}
.medium-margin-collapse > .xmedium-2 {
width: 16.66667%
}
.medium-margin-collapse > .xmedium-3 {
width: 25%
}
.medium-margin-collapse > .xmedium-4 {
width: 33.33333%
}
.medium-margin-collapse > .xmedium-5 {
width: 41.66667%
}
.medium-margin-collapse > .xmedium-6 {
width: 50%
}
.medium-margin-collapse > .xmedium-7 {
width: 58.33333%
}
.medium-margin-collapse > .xmedium-8 {
width: 66.66667%
}
.medium-margin-collapse > .xmedium-9 {
width: 75%
}
.medium-margin-collapse > .xmedium-10 {
width: 83.33333%
}
.medium-margin-collapse > .xmedium-11 {
width: 91.66667%
}
.medium-margin-collapse > .xmedium-12 {
width: 100%
}
}
@media print, screen and (min-width: 64em) {
.medium-margin-collapse > .large-1 {
width: 8.33333%
}
.medium-margin-collapse > .large-2 {
width: 16.66667%
}
.medium-margin-collapse > .large-3 {
width: 25%
}
.medium-margin-collapse > .large-4 {
width: 33.33333%
}
.medium-margin-collapse > .large-5 {
width: 41.66667%
}
.medium-margin-collapse > .large-6 {
width: 50%
}
.medium-margin-collapse > .large-7 {
width: 58.33333%
}
.medium-margin-collapse > .large-8 {
width: 66.66667%
}
.medium-margin-collapse > .large-9 {
width: 75%
}
.medium-margin-collapse > .large-10 {
width: 83.33333%
}
.medium-margin-collapse > .large-11 {
width: 91.66667%
}
.medium-margin-collapse > .large-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.medium-margin-collapse > .xlarge-1 {
width: 8.33333%
}
.medium-margin-collapse > .xlarge-2 {
width: 16.66667%
}
.medium-margin-collapse > .xlarge-3 {
width: 25%
}
.medium-margin-collapse > .xlarge-4 {
width: 33.33333%
}
.medium-margin-collapse > .xlarge-5 {
width: 41.66667%
}
.medium-margin-collapse > .xlarge-6 {
width: 50%
}
.medium-margin-collapse > .xlarge-7 {
width: 58.33333%
}
.medium-margin-collapse > .xlarge-8 {
width: 66.66667%
}
.medium-margin-collapse > .xlarge-9 {
width: 75%
}
.medium-margin-collapse > .xlarge-10 {
width: 83.33333%
}
.medium-margin-collapse > .xlarge-11 {
width: 91.66667%
}
.medium-margin-collapse > .xlarge-12 {
width: 100%
}
}
@media print, screen and (min-width: 40em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0
}
.medium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0
}
}
@media print, screen and (min-width: 48em) {
.xmedium-margin-collapse {
margin-right: 0;
margin-left: 0
}
.xmedium-margin-collapse > .cell {
margin-right: 0;
margin-left: 0
}
}
@media print, screen and (min-width: 48em) {
.xmedium-margin-collapse > .small-1 {
width: 8.33333%
}
.xmedium-margin-collapse > .small-2 {
width: 16.66667%
}
.xmedium-margin-collapse > .small-3 {
width: 25%
}
.xmedium-margin-collapse > .small-4 {
width: 33.33333%
}
.xmedium-margin-collapse > .small-5 {
width: 41.66667%
}
.xmedium-margin-collapse > .small-6 {
width: 50%
}
.xmedium-margin-collapse > .small-7 {
width: 58.33333%
}
.xmedium-margin-collapse > .small-8 {
width: 66.66667%
}
.xmedium-margin-collapse > .small-9 {
width: 75%
}
.xmedium-margin-collapse > .small-10 {
width: 83.33333%
}
.xmedium-margin-collapse > .small-11 {
width: 91.66667%
}
.xmedium-margin-collapse > .small-12 {
width: 100%
}
}
@media print, screen and (min-width: 48em) {
.xmedium-margin-collapse > .medium-1 {
width: 8.33333%
}
.xmedium-margin-collapse > .medium-2 {
width: 16.66667%
}
.xmedium-margin-collapse > .medium-3 {
width: 25%
}
.xmedium-margin-collapse > .medium-4 {
width: 33.33333%
}
.xmedium-margin-collapse > .medium-5 {
width: 41.66667%
}
.xmedium-margin-collapse > .medium-6 {
width: 50%
}
.xmedium-margin-collapse > .medium-7 {
width: 58.33333%
}
.xmedium-margin-collapse > .medium-8 {
width: 66.66667%
}
.xmedium-margin-collapse > .medium-9 {
width: 75%
}
.xmedium-margin-collapse > .medium-10 {
width: 83.33333%
}
.xmedium-margin-collapse > .medium-11 {
width: 91.66667%
}
.xmedium-margin-collapse > .medium-12 {
width: 100%
}
}
@media print, screen and (min-width: 48em) {
.xmedium-margin-collapse > .xmedium-1 {
width: 8.33333%
}
.xmedium-margin-collapse > .xmedium-2 {
width: 16.66667%
}
.xmedium-margin-collapse > .xmedium-3 {
width: 25%
}
.xmedium-margin-collapse > .xmedium-4 {
width: 33.33333%
}
.xmedium-margin-collapse > .xmedium-5 {
width: 41.66667%
}
.xmedium-margin-collapse > .xmedium-6 {
width: 50%
}
.xmedium-margin-collapse > .xmedium-7 {
width: 58.33333%
}
.xmedium-margin-collapse > .xmedium-8 {
width: 66.66667%
}
.xmedium-margin-collapse > .xmedium-9 {
width: 75%
}
.xmedium-margin-collapse > .xmedium-10 {
width: 83.33333%
}
.xmedium-margin-collapse > .xmedium-11 {
width: 91.66667%
}
.xmedium-margin-collapse > .xmedium-12 {
width: 100%
}
}
@media print, screen and (min-width: 64em) {
.xmedium-margin-collapse > .large-1 {
width: 8.33333%
}
.xmedium-margin-collapse > .large-2 {
width: 16.66667%
}
.xmedium-margin-collapse > .large-3 {
width: 25%
}
.xmedium-margin-collapse > .large-4 {
width: 33.33333%
}
.xmedium-margin-collapse > .large-5 {
width: 41.66667%
}
.xmedium-margin-collapse > .large-6 {
width: 50%
}
.xmedium-margin-collapse > .large-7 {
width: 58.33333%
}
.xmedium-margin-collapse > .large-8 {
width: 66.66667%
}
.xmedium-margin-collapse > .large-9 {
width: 75%
}
.xmedium-margin-collapse > .large-10 {
width: 83.33333%
}
.xmedium-margin-collapse > .large-11 {
width: 91.66667%
}
.xmedium-margin-collapse > .large-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.xmedium-margin-collapse > .xlarge-1 {
width: 8.33333%
}
.xmedium-margin-collapse > .xlarge-2 {
width: 16.66667%
}
.xmedium-margin-collapse > .xlarge-3 {
width: 25%
}
.xmedium-margin-collapse > .xlarge-4 {
width: 33.33333%
}
.xmedium-margin-collapse > .xlarge-5 {
width: 41.66667%
}
.xmedium-margin-collapse > .xlarge-6 {
width: 50%
}
.xmedium-margin-collapse > .xlarge-7 {
width: 58.33333%
}
.xmedium-margin-collapse > .xlarge-8 {
width: 66.66667%
}
.xmedium-margin-collapse > .xlarge-9 {
width: 75%
}
.xmedium-margin-collapse > .xlarge-10 {
width: 83.33333%
}
.xmedium-margin-collapse > .xlarge-11 {
width: 91.66667%
}
.xmedium-margin-collapse > .xlarge-12 {
width: 100%
}
}
@media print, screen and (min-width: 48em) {
.xmedium-padding-collapse {
margin-right: 0;
margin-left: 0
}
.xmedium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse {
margin-right: 0;
margin-left: 0
}
.large-margin-collapse > .cell {
margin-right: 0;
margin-left: 0
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .small-1 {
width: 8.33333%
}
.large-margin-collapse > .small-2 {
width: 16.66667%
}
.large-margin-collapse > .small-3 {
width: 25%
}
.large-margin-collapse > .small-4 {
width: 33.33333%
}
.large-margin-collapse > .small-5 {
width: 41.66667%
}
.large-margin-collapse > .small-6 {
width: 50%
}
.large-margin-collapse > .small-7 {
width: 58.33333%
}
.large-margin-collapse > .small-8 {
width: 66.66667%
}
.large-margin-collapse > .small-9 {
width: 75%
}
.large-margin-collapse > .small-10 {
width: 83.33333%
}
.large-margin-collapse > .small-11 {
width: 91.66667%
}
.large-margin-collapse > .small-12 {
width: 100%
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .medium-1 {
width: 8.33333%
}
.large-margin-collapse > .medium-2 {
width: 16.66667%
}
.large-margin-collapse > .medium-3 {
width: 25%
}
.large-margin-collapse > .medium-4 {
width: 33.33333%
}
.large-margin-collapse > .medium-5 {
width: 41.66667%
}
.large-margin-collapse > .medium-6 {
width: 50%
}
.large-margin-collapse > .medium-7 {
width: 58.33333%
}
.large-margin-collapse > .medium-8 {
width: 66.66667%
}
.large-margin-collapse > .medium-9 {
width: 75%
}
.large-margin-collapse > .medium-10 {
width: 83.33333%
}
.large-margin-collapse > .medium-11 {
width: 91.66667%
}
.large-margin-collapse > .medium-12 {
width: 100%
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .xmedium-1 {
width: 8.33333%
}
.large-margin-collapse > .xmedium-2 {
width: 16.66667%
}
.large-margin-collapse > .xmedium-3 {
width: 25%
}
.large-margin-collapse > .xmedium-4 {
width: 33.33333%
}
.large-margin-collapse > .xmedium-5 {
width: 41.66667%
}
.large-margin-collapse > .xmedium-6 {
width: 50%
}
.large-margin-collapse > .xmedium-7 {
width: 58.33333%
}
.large-margin-collapse > .xmedium-8 {
width: 66.66667%
}
.large-margin-collapse > .xmedium-9 {
width: 75%
}
.large-margin-collapse > .xmedium-10 {
width: 83.33333%
}
.large-margin-collapse > .xmedium-11 {
width: 91.66667%
}
.large-margin-collapse > .xmedium-12 {
width: 100%
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse > .large-1 {
width: 8.33333%
}
.large-margin-collapse > .large-2 {
width: 16.66667%
}
.large-margin-collapse > .large-3 {
width: 25%
}
.large-margin-collapse > .large-4 {
width: 33.33333%
}
.large-margin-collapse > .large-5 {
width: 41.66667%
}
.large-margin-collapse > .large-6 {
width: 50%
}
.large-margin-collapse > .large-7 {
width: 58.33333%
}
.large-margin-collapse > .large-8 {
width: 66.66667%
}
.large-margin-collapse > .large-9 {
width: 75%
}
.large-margin-collapse > .large-10 {
width: 83.33333%
}
.large-margin-collapse > .large-11 {
width: 91.66667%
}
.large-margin-collapse > .large-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.large-margin-collapse > .xlarge-1 {
width: 8.33333%
}
.large-margin-collapse > .xlarge-2 {
width: 16.66667%
}
.large-margin-collapse > .xlarge-3 {
width: 25%
}
.large-margin-collapse > .xlarge-4 {
width: 33.33333%
}
.large-margin-collapse > .xlarge-5 {
width: 41.66667%
}
.large-margin-collapse > .xlarge-6 {
width: 50%
}
.large-margin-collapse > .xlarge-7 {
width: 58.33333%
}
.large-margin-collapse > .xlarge-8 {
width: 66.66667%
}
.large-margin-collapse > .xlarge-9 {
width: 75%
}
.large-margin-collapse > .xlarge-10 {
width: 83.33333%
}
.large-margin-collapse > .xlarge-11 {
width: 91.66667%
}
.large-margin-collapse > .xlarge-12 {
width: 100%
}
}
@media print, screen and (min-width: 64em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0
}
.large-padding-collapse > .cell {
padding-right: 0;
padding-left: 0
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse {
margin-right: 0;
margin-left: 0
}
.xlarge-margin-collapse > .cell {
margin-right: 0;
margin-left: 0
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .small-1 {
width: 8.33333%
}
.xlarge-margin-collapse > .small-2 {
width: 16.66667%
}
.xlarge-margin-collapse > .small-3 {
width: 25%
}
.xlarge-margin-collapse > .small-4 {
width: 33.33333%
}
.xlarge-margin-collapse > .small-5 {
width: 41.66667%
}
.xlarge-margin-collapse > .small-6 {
width: 50%
}
.xlarge-margin-collapse > .small-7 {
width: 58.33333%
}
.xlarge-margin-collapse > .small-8 {
width: 66.66667%
}
.xlarge-margin-collapse > .small-9 {
width: 75%
}
.xlarge-margin-collapse > .small-10 {
width: 83.33333%
}
.xlarge-margin-collapse > .small-11 {
width: 91.66667%
}
.xlarge-margin-collapse > .small-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .medium-1 {
width: 8.33333%
}
.xlarge-margin-collapse > .medium-2 {
width: 16.66667%
}
.xlarge-margin-collapse > .medium-3 {
width: 25%
}
.xlarge-margin-collapse > .medium-4 {
width: 33.33333%
}
.xlarge-margin-collapse > .medium-5 {
width: 41.66667%
}
.xlarge-margin-collapse > .medium-6 {
width: 50%
}
.xlarge-margin-collapse > .medium-7 {
width: 58.33333%
}
.xlarge-margin-collapse > .medium-8 {
width: 66.66667%
}
.xlarge-margin-collapse > .medium-9 {
width: 75%
}
.xlarge-margin-collapse > .medium-10 {
width: 83.33333%
}
.xlarge-margin-collapse > .medium-11 {
width: 91.66667%
}
.xlarge-margin-collapse > .medium-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .xmedium-1 {
width: 8.33333%
}
.xlarge-margin-collapse > .xmedium-2 {
width: 16.66667%
}
.xlarge-margin-collapse > .xmedium-3 {
width: 25%
}
.xlarge-margin-collapse > .xmedium-4 {
width: 33.33333%
}
.xlarge-margin-collapse > .xmedium-5 {
width: 41.66667%
}
.xlarge-margin-collapse > .xmedium-6 {
width: 50%
}
.xlarge-margin-collapse > .xmedium-7 {
width: 58.33333%
}
.xlarge-margin-collapse > .xmedium-8 {
width: 66.66667%
}
.xlarge-margin-collapse > .xmedium-9 {
width: 75%
}
.xlarge-margin-collapse > .xmedium-10 {
width: 83.33333%
}
.xlarge-margin-collapse > .xmedium-11 {
width: 91.66667%
}
.xlarge-margin-collapse > .xmedium-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .large-1 {
width: 8.33333%
}
.xlarge-margin-collapse > .large-2 {
width: 16.66667%
}
.xlarge-margin-collapse > .large-3 {
width: 25%
}
.xlarge-margin-collapse > .large-4 {
width: 33.33333%
}
.xlarge-margin-collapse > .large-5 {
width: 41.66667%
}
.xlarge-margin-collapse > .large-6 {
width: 50%
}
.xlarge-margin-collapse > .large-7 {
width: 58.33333%
}
.xlarge-margin-collapse > .large-8 {
width: 66.66667%
}
.xlarge-margin-collapse > .large-9 {
width: 75%
}
.xlarge-margin-collapse > .large-10 {
width: 83.33333%
}
.xlarge-margin-collapse > .large-11 {
width: 91.66667%
}
.xlarge-margin-collapse > .large-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.xlarge-margin-collapse > .xlarge-1 {
width: 8.33333%
}
.xlarge-margin-collapse > .xlarge-2 {
width: 16.66667%
}
.xlarge-margin-collapse > .xlarge-3 {
width: 25%
}
.xlarge-margin-collapse > .xlarge-4 {
width: 33.33333%
}
.xlarge-margin-collapse > .xlarge-5 {
width: 41.66667%
}
.xlarge-margin-collapse > .xlarge-6 {
width: 50%
}
.xlarge-margin-collapse > .xlarge-7 {
width: 58.33333%
}
.xlarge-margin-collapse > .xlarge-8 {
width: 66.66667%
}
.xlarge-margin-collapse > .xlarge-9 {
width: 75%
}
.xlarge-margin-collapse > .xlarge-10 {
width: 83.33333%
}
.xlarge-margin-collapse > .xlarge-11 {
width: 91.66667%
}
.xlarge-margin-collapse > .xlarge-12 {
width: 100%
}
}
@media screen and (min-width: 75em) {
.xlarge-padding-collapse {
margin-right: 0;
margin-left: 0
}
.xlarge-padding-collapse > .cell {
padding-right: 0;
padding-left: 0
}
}
.small-offset-0 {
margin-left: 0
}
.grid-margin-x > .small-offset-0 {
margin-left: calc(0% + .9375rem)
}
.small-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.small-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.small-offset-3 {
margin-left: 25%
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + .9375rem)
}
.small-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.small-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.small-offset-6 {
margin-left: 50%
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + .9375rem)
}
.small-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.small-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.small-offset-9 {
margin-left: 75%
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + .9375rem)
}
.small-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.small-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
@media print, screen and (min-width: 40em) {
.medium-offset-0 {
margin-left: 0
}
.grid-margin-x > .medium-offset-0 {
margin-left: calc(0% + .9375rem)
}
.medium-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.medium-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.medium-offset-3 {
margin-left: 25%
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + .9375rem)
}
.medium-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.medium-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.medium-offset-6 {
margin-left: 50%
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + .9375rem)
}
.medium-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.medium-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.medium-offset-9 {
margin-left: 75%
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + .9375rem)
}
.medium-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.medium-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media print, screen and (min-width: 48em) {
.xmedium-offset-0 {
margin-left: 0
}
.grid-margin-x > .xmedium-offset-0 {
margin-left: calc(0% + .9375rem)
}
.xmedium-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x > .xmedium-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.xmedium-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x > .xmedium-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.xmedium-offset-3 {
margin-left: 25%
}
.grid-margin-x > .xmedium-offset-3 {
margin-left: calc(25% + .9375rem)
}
.xmedium-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x > .xmedium-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.xmedium-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x > .xmedium-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.xmedium-offset-6 {
margin-left: 50%
}
.grid-margin-x > .xmedium-offset-6 {
margin-left: calc(50% + .9375rem)
}
.xmedium-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x > .xmedium-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.xmedium-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x > .xmedium-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.xmedium-offset-9 {
margin-left: 75%
}
.grid-margin-x > .xmedium-offset-9 {
margin-left: calc(75% + .9375rem)
}
.xmedium-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x > .xmedium-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.xmedium-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x > .xmedium-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media print, screen and (min-width: 64em) {
.large-offset-0 {
margin-left: 0
}
.grid-margin-x > .large-offset-0 {
margin-left: calc(0% + .9375rem)
}
.large-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.large-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.large-offset-3 {
margin-left: 25%
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + .9375rem)
}
.large-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.large-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.large-offset-6 {
margin-left: 50%
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + .9375rem)
}
.large-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.large-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.large-offset-9 {
margin-left: 75%
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + .9375rem)
}
.large-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.large-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media screen and (min-width: 75em) {
.xlarge-offset-0 {
margin-left: 0
}
.grid-margin-x > .xlarge-offset-0 {
margin-left: calc(0% + .9375rem)
}
.xlarge-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x > .xlarge-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.xlarge-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x > .xlarge-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.xlarge-offset-3 {
margin-left: 25%
}
.grid-margin-x > .xlarge-offset-3 {
margin-left: calc(25% + .9375rem)
}
.xlarge-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x > .xlarge-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.xlarge-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x > .xlarge-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.xlarge-offset-6 {
margin-left: 50%
}
.grid-margin-x > .xlarge-offset-6 {
margin-left: calc(50% + .9375rem)
}
.xlarge-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x > .xlarge-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.xlarge-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x > .xlarge-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.xlarge-offset-9 {
margin-left: 75%
}
.grid-margin-x > .xlarge-offset-9 {
margin-left: calc(75% + .9375rem)
}
.xlarge-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x > .xlarge-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.xlarge-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x > .xlarge-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
.grid-y {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.grid-y > .cell {
height: auto;
max-height: none
}
.grid-y > .auto {
height: auto
}
.grid-y > .shrink {
height: auto
}
.grid-y > .small-1, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-full, .grid-y > .small-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-1, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-full, .grid-y > .medium-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print, screen and (min-width: 48em) {
.grid-y > .xmedium-1, .grid-y > .xmedium-10, .grid-y > .xmedium-11, .grid-y > .xmedium-12, .grid-y > .xmedium-2, .grid-y > .xmedium-3, .grid-y > .xmedium-4, .grid-y > .xmedium-5, .grid-y > .xmedium-6, .grid-y > .xmedium-7, .grid-y > .xmedium-8, .grid-y > .xmedium-9, .grid-y > .xmedium-full, .grid-y > .xmedium-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-1, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-full, .grid-y > .large-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media screen and (min-width: 75em) {
.grid-y > .xlarge-1, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-full, .grid-y > .xlarge-shrink {
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
.grid-y > .small-1, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y > .small-1 {
height: 8.33333%
}
.grid-y > .small-2 {
height: 16.66667%
}
.grid-y > .small-3 {
height: 25%
}
.grid-y > .small-4 {
height: 33.33333%
}
.grid-y > .small-5 {
height: 41.66667%
}
.grid-y > .small-6 {
height: 50%
}
.grid-y > .small-7 {
height: 58.33333%
}
.grid-y > .small-8 {
height: 66.66667%
}
.grid-y > .small-9 {
height: 75%
}
.grid-y > .small-10 {
height: 83.33333%
}
.grid-y > .small-11 {
height: 91.66667%
}
.grid-y > .small-12 {
height: 100%
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y > .medium-1, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y > .medium-shrink {
height: auto
}
.grid-y > .medium-1 {
height: 8.33333%
}
.grid-y > .medium-2 {
height: 16.66667%
}
.grid-y > .medium-3 {
height: 25%
}
.grid-y > .medium-4 {
height: 33.33333%
}
.grid-y > .medium-5 {
height: 41.66667%
}
.grid-y > .medium-6 {
height: 50%
}
.grid-y > .medium-7 {
height: 58.33333%
}
.grid-y > .medium-8 {
height: 66.66667%
}
.grid-y > .medium-9 {
height: 75%
}
.grid-y > .medium-10 {
height: 83.33333%
}
.grid-y > .medium-11 {
height: 91.66667%
}
.grid-y > .medium-12 {
height: 100%
}
}
@media print, screen and (min-width: 48em) {
.grid-y > .xmedium-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y > .xmedium-1, .grid-y > .xmedium-10, .grid-y > .xmedium-11, .grid-y > .xmedium-12, .grid-y > .xmedium-2, .grid-y > .xmedium-3, .grid-y > .xmedium-4, .grid-y > .xmedium-5, .grid-y > .xmedium-6, .grid-y > .xmedium-7, .grid-y > .xmedium-8, .grid-y > .xmedium-9, .grid-y > .xmedium-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y > .xmedium-shrink {
height: auto
}
.grid-y > .xmedium-1 {
height: 8.33333%
}
.grid-y > .xmedium-2 {
height: 16.66667%
}
.grid-y > .xmedium-3 {
height: 25%
}
.grid-y > .xmedium-4 {
height: 33.33333%
}
.grid-y > .xmedium-5 {
height: 41.66667%
}
.grid-y > .xmedium-6 {
height: 50%
}
.grid-y > .xmedium-7 {
height: 58.33333%
}
.grid-y > .xmedium-8 {
height: 66.66667%
}
.grid-y > .xmedium-9 {
height: 75%
}
.grid-y > .xmedium-10 {
height: 83.33333%
}
.grid-y > .xmedium-11 {
height: 91.66667%
}
.grid-y > .xmedium-12 {
height: 100%
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y > .large-1, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y > .large-shrink {
height: auto
}
.grid-y > .large-1 {
height: 8.33333%
}
.grid-y > .large-2 {
height: 16.66667%
}
.grid-y > .large-3 {
height: 25%
}
.grid-y > .large-4 {
height: 33.33333%
}
.grid-y > .large-5 {
height: 41.66667%
}
.grid-y > .large-6 {
height: 50%
}
.grid-y > .large-7 {
height: 58.33333%
}
.grid-y > .large-8 {
height: 66.66667%
}
.grid-y > .large-9 {
height: 75%
}
.grid-y > .large-10 {
height: 83.33333%
}
.grid-y > .large-11 {
height: 91.66667%
}
.grid-y > .large-12 {
height: 100%
}
}
@media screen and (min-width: 75em) {
.grid-y > .xlarge-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y > .xlarge-1, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y > .xlarge-shrink {
height: auto
}
.grid-y > .xlarge-1 {
height: 8.33333%
}
.grid-y > .xlarge-2 {
height: 16.66667%
}
.grid-y > .xlarge-3 {
height: 25%
}
.grid-y > .xlarge-4 {
height: 33.33333%
}
.grid-y > .xlarge-5 {
height: 41.66667%
}
.grid-y > .xlarge-6 {
height: 50%
}
.grid-y > .xlarge-7 {
height: 58.33333%
}
.grid-y > .xlarge-8 {
height: 66.66667%
}
.grid-y > .xlarge-9 {
height: 75%
}
.grid-y > .xlarge-10 {
height: 83.33333%
}
.grid-y > .xlarge-11 {
height: 91.66667%
}
.grid-y > .xlarge-12 {
height: 100%
}
}
.grid-padding-y .grid-padding-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
@media print, screen and (min-width: 40em) {
.grid-padding-y .grid-padding-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-padding-y > .cell {
padding-top: .9375rem;
padding-bottom: .9375rem
}
@media print, screen and (min-width: 40em) {
.grid-padding-y > .cell {
padding-top: .9375rem;
padding-bottom: .9375rem
}
}
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
}
.grid-margin-y > .auto {
height: auto
}
.grid-margin-y > .shrink {
height: auto
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem)
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto {
height: auto
}
.grid-margin-y > .shrink {
height: auto
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem)
}
.grid-margin-y > .medium-auto {
height: auto
}
.grid-margin-y > .medium-shrink {
height: auto
}
.grid-margin-y > .medium-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .medium-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .medium-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .medium-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .medium-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .medium-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .medium-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .medium-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem)
}
}
@media print, screen and (min-width: 48em) {
.grid-margin-y > .xmedium-auto {
height: auto
}
.grid-margin-y > .xmedium-shrink {
height: auto
}
.grid-margin-y > .xmedium-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .xmedium-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .xmedium-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .xmedium-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .xmedium-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .xmedium-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .xmedium-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .xmedium-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .xmedium-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .xmedium-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .xmedium-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .xmedium-12 {
height: calc(100% - 1.875rem)
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-auto {
height: auto
}
.grid-margin-y > .large-shrink {
height: auto
}
.grid-margin-y > .large-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .large-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .large-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .large-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .large-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .large-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .large-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .large-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem)
}
}
@media screen and (min-width: 75em) {
.grid-margin-y > .xlarge-auto {
height: auto
}
.grid-margin-y > .xlarge-shrink {
height: auto
}
.grid-margin-y > .xlarge-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .xlarge-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .xlarge-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .xlarge-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .xlarge-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .xlarge-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .xlarge-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .xlarge-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 1.875rem)
}
}
.grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .grid-frame {
width: 100%
}
.cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.cell-block-container > .grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
@media print, screen and (min-width: 40em) {
.medium-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .medium-grid-frame {
width: 100%
}
.medium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.medium-cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.medium-cell-block-container > .grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media print, screen and (min-width: 48em) {
.xmedium-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .xmedium-grid-frame {
width: 100%
}
.xmedium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.xmedium-cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.xmedium-cell-block-container > .grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.xmedium-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media print, screen and (min-width: 64em) {
.large-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .large-grid-frame {
width: 100%
}
.large-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.large-cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.large-cell-block-container > .grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.large-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media screen and (min-width: 75em) {
.xlarge-grid-frame {
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .xlarge-grid-frame {
width: 100%
}
.xlarge-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.xlarge-cell-block-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.xlarge-cell-block-container > .grid-x {
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.xlarge-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
@media print, screen and (min-width: 40em) {
.grid-y.medium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media print, screen and (min-width: 48em) {
.grid-y.xmedium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media print, screen and (min-width: 64em) {
.grid-y.large-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media screen and (min-width: 75em) {
.grid-y.xlarge-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
.cell .grid-y.grid-frame {
height: 100%
}
@media print, screen and (min-width: 40em) {
.cell .grid-y.medium-grid-frame {
height: 100%
}
}
@media print, screen and (min-width: 48em) {
.cell .grid-y.xmedium-grid-frame {
height: 100%
}
}
@media print, screen and (min-width: 64em) {
.cell .grid-y.large-grid-frame {
height: 100%
}
}
@media screen and (min-width: 75em) {
.cell .grid-y.xlarge-grid-frame {
height: 100%
}
}
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
}
.grid-margin-y > .auto {
height: auto
}
.grid-margin-y > .shrink {
height: auto
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem)
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto {
height: auto
}
.grid-margin-y > .shrink {
height: auto
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem)
}
.grid-margin-y > .medium-auto {
height: auto
}
.grid-margin-y > .medium-shrink {
height: auto
}
.grid-margin-y > .medium-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .medium-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .medium-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .medium-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .medium-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .medium-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .medium-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .medium-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem)
}
}
@media print, screen and (min-width: 48em) {
.grid-margin-y > .xmedium-auto {
height: auto
}
.grid-margin-y > .xmedium-shrink {
height: auto
}
.grid-margin-y > .xmedium-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .xmedium-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .xmedium-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .xmedium-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .xmedium-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .xmedium-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .xmedium-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .xmedium-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .xmedium-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .xmedium-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .xmedium-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .xmedium-12 {
height: calc(100% - 1.875rem)
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-auto {
height: auto
}
.grid-margin-y > .large-shrink {
height: auto
}
.grid-margin-y > .large-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .large-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .large-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .large-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .large-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .large-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .large-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .large-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem)
}
}
@media screen and (min-width: 75em) {
.grid-margin-y > .xlarge-auto {
height: auto
}
.grid-margin-y > .xlarge-shrink {
height: auto
}
.grid-margin-y > .xlarge-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y > .xlarge-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y > .xlarge-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y > .xlarge-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y > .xlarge-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y > .xlarge-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y > .xlarge-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y > .xlarge-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 1.875rem)
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
@media print, screen and (min-width: 40em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media print, screen and (min-width: 48em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media print, screen and (min-width: 64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width: 75em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media print, screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media print, screen and (min-width: 48em) {
.grid-margin-y.xmedium-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media screen and (min-width: 75em) {
.grid-margin-y.xlarge-grid-frame {
height: calc(100vh + 1.875rem)
}
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 1.0625rem 2.1875rem;
border: 1px solid transparent;
border-radius: 1.66667em;
-webkit-transition: background-color .25s ease-out, color .25s ease-out, -webkit-transform .25s ease-out;
transition: background-color .25s ease-out, color .25s ease-out, -webkit-transform .25s ease-out;
transition: background-color .25s ease-out, color .25s ease-out, transform .25s ease-out;
transition: background-color .25s ease-out, color .25s ease-out, transform .25s ease-out, -webkit-transform .25s ease-out;
font-family: inherit;
font-size: .9375rem;
font-weight: 500;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer
}
[data-whatinput=mouse] .button {
outline: 0
}
.button.tiny {
font-size: .6rem
}
.button.small {
font-size: .875rem
}
.button.large {
font-size: 1.25rem
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0
}
.button, .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
background-color: #ff4500;
color: #fff
}
.button:focus, .button:hover {
background-color: #ff4500;
color: #fff
}
.button.primary, .button.primary.disabled, .button.primary.disabled:focus, .button.primary.disabled:hover, .button.primary[disabled], .button.primary[disabled]:focus, .button.primary[disabled]:hover {
background-color: #ff4500;
color: #131313
}
.button.primary:focus, .button.primary:hover {
background-color: #f59d45;
color: #131313
}
.button.secondary, .button.secondary.disabled, .button.secondary.disabled:focus, .button.secondary.disabled:hover, .button.secondary[disabled], .button.secondary[disabled]:focus, .button.secondary[disabled]:hover {
background-color: #ff4500;
color: #fff
}
.button.secondary:focus, .button.secondary:hover {
background-color: #021737;
color: #fff
}
.button.success, .button.success.disabled, .button.success.disabled:focus, .button.success.disabled:hover, .button.success[disabled], .button.success[disabled]:focus, .button.success[disabled]:hover {
background-color: #00af3e;
color: #131313
}
.button.success:focus, .button.success:hover {
background-color: #009535;
color: #131313
}
.button.warning, .button.warning.disabled, .button.warning.disabled:focus, .button.warning.disabled:hover, .button.warning[disabled], .button.warning[disabled]:focus, .button.warning[disabled]:hover {
background-color: #ef9020;
color: #131313
}
.button.warning:focus, .button.warning:hover {
background-color: #d77b0f;
color: #131313
}
.button.alert, .button.alert.disabled, .button.alert.disabled:focus, .button.alert.disabled:hover, .button.alert[disabled], .button.alert[disabled]:focus, .button.alert[disabled]:hover {
background-color: #e5352b;
color: #fff
}
.button.alert:focus, .button.alert:hover {
background-color: #ce2319;
color: #fff
}
.button.hollow, .button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow:focus, .button.hollow:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover {
background-color: transparent
}
.button.hollow, .button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover {
border: 1px solid #ff4500;
color: #ff4500
}
.button.hollow:focus, .button.hollow:hover {
border-color: #ff4500;
color: #ff4500
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary.disabled:focus, .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled], .button.hollow.primary[disabled]:focus, .button.hollow.primary[disabled]:hover {
border: 1px solid #ff4500;
color: #ff4500
}
.button.hollow.primary:focus, .button.hollow.primary:hover {
border-color: #ff4500;
color: #ff4500
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary.disabled:focus, .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled], .button.hollow.secondary[disabled]:focus, .button.hollow.secondary[disabled]:hover {
border: 1px solid #ff4500;
color: #ff4500
}
.button.hollow.secondary:focus, .button.hollow.secondary:hover {
border-color: #ff4500;
color: #ff4500
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success.disabled:focus, .button.hollow.success.disabled:hover, .button.hollow.success[disabled], .button.hollow.success[disabled]:focus, .button.hollow.success[disabled]:hover {
border: 1px solid #00af3e;
color: #00af3e
}
.button.hollow.success:focus, .button.hollow.success:hover {
border-color: #00af3e;
color: #00af3e
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning.disabled:focus, .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled], .button.hollow.warning[disabled]:focus, .button.hollow.warning[disabled]:hover {
border: 1px solid #ef9020;
color: #ef9020
}
.button.hollow.warning:focus, .button.hollow.warning:hover {
border-color: #ef9020;
color: #ef9020
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert.disabled:focus, .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled], .button.hollow.alert[disabled]:focus, .button.hollow.alert[disabled]:hover {
border: 1px solid #e5352b;
color: #e5352b
}
.button.hollow.alert:focus, .button.hollow.alert:hover {
border-color: #e5352b;
color: #e5352b
}
.button.clear, .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear:focus, .button.clear:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover {
border-color: transparent;
background-color: transparent
}
.button.clear, .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover {
color: #ff4500
}
.button.clear:focus, .button.clear:hover {
color: #ff4500
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary.disabled:focus, .button.clear.primary.disabled:hover, .button.clear.primary[disabled], .button.clear.primary[disabled]:focus, .button.clear.primary[disabled]:hover {
color: #ff4500
}
.button.clear.primary:focus, .button.clear.primary:hover {
color: #ff4500
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary.disabled:focus, .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled], .button.clear.secondary[disabled]:focus, .button.clear.secondary[disabled]:hover {
color: #ff4500
}
.button.clear.secondary:focus, .button.clear.secondary:hover {
color: #ff4500
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success.disabled:focus, .button.clear.success.disabled:hover, .button.clear.success[disabled], .button.clear.success[disabled]:focus, .button.clear.success[disabled]:hover {
color: #00af3e
}
.button.clear.success:focus, .button.clear.success:hover {
color: #00af3e
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning.disabled:focus, .button.clear.warning.disabled:hover, .button.clear.warning[disabled], .button.clear.warning[disabled]:focus, .button.clear.warning[disabled]:hover {
color: #ef9020
}
.button.clear.warning:focus, .button.clear.warning:hover {
color: #ef9020
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert.disabled:focus, .button.clear.alert.disabled:hover, .button.clear.alert[disabled], .button.clear.alert[disabled]:focus, .button.clear.alert[disabled]:hover {
color: #e5352b
}
.button.clear.alert:focus, .button.clear.alert:hover {
color: #e5352b
}
.button.disabled, .button[disabled] {
opacity: .25;
cursor: not-allowed
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset .4em;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #fff transparent transparent;
position: relative;
top: .4em;
display: inline-block;
float: right;
margin-left: 2.1875rem
}
.button.dropdown.clear::after, .button.dropdown.hollow::after {
border-top-color: #ff4500
}
.button.dropdown.clear.primary::after, .button.dropdown.hollow.primary::after {
border-top-color: #ff4500
}
.button.dropdown.clear.secondary::after, .button.dropdown.hollow.secondary::after {
border-top-color: #ff4500
}
.button.dropdown.clear.success::after, .button.dropdown.hollow.success::after {
border-top-color: #00af3e
}
.button.dropdown.clear.warning::after, .button.dropdown.hollow.warning::after {
border-top-color: #ef9020
}
.button.dropdown.clear.alert::after, .button.dropdown.hollow.alert::after {
border-top-color: #e5352b
}
.button.arrow-only::after {
top: -.1em;
float: none;
margin-left: 0
}
a.button:focus, a.button:hover {
text-decoration: none
}
.button-group {
margin-bottom: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.button-group::after, .button-group::before {
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.button-group::after {
clear: both
}
.button-group::after, .button-group::before {
display: none
}
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: .9375rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.button-group .button:last-child {
margin-right: 0
}
.button-group.tiny .button {
font-size: .6rem
}
.button-group.small .button {
font-size: .875rem
}
.button-group.large .button {
font-size: 1.25rem
}
.button-group.expanded .button {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
margin-right: 0
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button.disabled:focus, .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled], .button-group.primary .button[disabled]:focus, .button-group.primary .button[disabled]:hover {
background-color: #ff4500;
color: #131313
}
.button-group.primary .button:focus, .button-group.primary .button:hover {
background-color: #ff4500;
color: #131313
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button.disabled:focus, .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled], .button-group.secondary .button[disabled]:focus, .button-group.secondary .button[disabled]:hover {
background-color: #ff4500;
color: #fff
}
.button-group.secondary .button:focus, .button-group.secondary .button:hover {
background-color: #021737;
color: #fff
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button.disabled:focus, .button-group.success .button.disabled:hover, .button-group.success .button[disabled], .button-group.success .button[disabled]:focus, .button-group.success .button[disabled]:hover {
background-color: #00af3e;
color: #131313
}
.button-group.success .button:focus, .button-group.success .button:hover {
background-color: #009535;
color: #131313
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button.disabled:focus, .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled], .button-group.warning .button[disabled]:focus, .button-group.warning .button[disabled]:hover {
background-color: #ef9020;
color: #131313
}
.button-group.warning .button:focus, .button-group.warning .button:hover {
background-color: #d77b0f;
color: #131313
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button.disabled:focus, .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled], .button-group.alert .button[disabled]:focus, .button-group.alert .button[disabled]:hover {
background-color: #e5352b;
color: #fff
}
.button-group.alert .button:focus, .button-group.alert .button:hover {
background-color: #ce2319;
color: #fff
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:focus, .button-group.hollow .button.disabled:hover, .button-group.hollow .button:focus, .button-group.hollow .button:hover, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:focus, .button-group.hollow .button[disabled]:hover {
background-color: transparent
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:focus, .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:focus, .button-group.hollow .button[disabled]:hover {
border: 1px solid #ff4500;
color: #ff4500
}
.button-group.hollow .button:focus, .button-group.hollow .button:hover {
border-color: #ff4500;
color: #ff4500
}
.button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary[disabled]:focus, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow.primary .button[disabled]:hover {
border: 1px solid #ff4500;
color: #ff4500
}
.button-group.hollow .button.primary:focus, .button-group.hollow .button.primary:hover, .button-group.hollow.primary .button:focus, .button-group.hollow.primary .button:hover {
border-color: #ff4500;
color: #ff4500
}
.button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary[disabled]:focus, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow.secondary .button[disabled]:hover {
border: 1px solid #ff4500;
color: #ff4500
}
.button-group.hollow .button.secondary:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow.secondary .button:hover {
border-color: #ff4500;
color: #ff4500
}
.button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success[disabled]:focus, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button[disabled]:focus, .button-group.hollow.success .button[disabled]:hover {
border: 1px solid #00af3e;
color: #00af3e
}
.button-group.hollow .button.success:focus, .button-group.hollow .button.success:hover, .button-group.hollow.success .button:focus, .button-group.hollow.success .button:hover {
border-color: #00af3e;
color: #00af3e
}
.button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning[disabled]:focus, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow.warning .button[disabled]:hover {
border: 1px solid #ef9020;
color: #ef9020
}
.button-group.hollow .button.warning:focus, .button-group.hollow .button.warning:hover, .button-group.hollow.warning .button:focus, .button-group.hollow.warning .button:hover {
border-color: #ef9020;
color: #ef9020
}
.button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert[disabled]:focus, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow.alert .button[disabled]:hover {
border: 1px solid #e5352b;
color: #e5352b
}
.button-group.hollow .button.alert:focus, .button-group.hollow .button.alert:hover, .button-group.hollow.alert .button:focus, .button-group.hollow.alert .button:hover {
border-color: #e5352b;
color: #e5352b
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button.disabled:focus, .button-group.clear .button.disabled:hover, .button-group.clear .button:focus, .button-group.clear .button:hover, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:focus, .button-group.clear .button[disabled]:hover {
border-color: transparent;
background-color: transparent
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button.disabled:focus, .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:focus, .button-group.clear .button[disabled]:hover {
color: #ff4500
}
.button-group.clear .button:focus, .button-group.clear .button:hover {
color: #ff4500
}
.button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary[disabled]:focus, .button-group.clear .button.primary[disabled]:hover, .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button[disabled]:focus, .button-group.clear.primary .button[disabled]:hover {
color: #ff4500
}
.button-group.clear .button.primary:focus, .button-group.clear .button.primary:hover, .button-group.clear.primary .button:focus, .button-group.clear.primary .button:hover {
color: #ff4500
}
.button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary[disabled]:focus, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button[disabled]:focus, .button-group.clear.secondary .button[disabled]:hover {
color: #ff4500
}
.button-group.clear .button.secondary:focus, .button-group.clear .button.secondary:hover, .button-group.clear.secondary .button:focus, .button-group.clear.secondary .button:hover {
color: #ff4500
}
.button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled], .button-group.clear .button.success[disabled]:focus, .button-group.clear .button.success[disabled]:hover, .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled], .button-group.clear.success .button[disabled]:focus, .button-group.clear.success .button[disabled]:hover {
color: #00af3e
}
.button-group.clear .button.success:focus, .button-group.clear .button.success:hover, .button-group.clear.success .button:focus, .button-group.clear.success .button:hover {
color: #00af3e
}
.button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning[disabled]:focus, .button-group.clear .button.warning[disabled]:hover, .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button[disabled]:focus, .button-group.clear.warning .button[disabled]:hover {
color: #ef9020
}
.button-group.clear .button.warning:focus, .button-group.clear .button.warning:hover, .button-group.clear.warning .button:focus, .button-group.clear.warning .button:hover {
color: #ef9020
}
.button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert[disabled]:focus, .button-group.clear .button.alert[disabled]:hover, .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button[disabled]:focus, .button-group.clear.alert .button[disabled]:hover {
color: #e5352b
}
.button-group.clear .button.alert:focus, .button-group.clear .button.alert:hover, .button-group.clear.alert .button:focus, .button-group.clear.alert .button:hover {
color: #e5352b
}
.button-group.no-gaps .button {
margin-right: -.0625rem
}
.button-group.no-gaps .button + .button {
border-left-color: transparent
}
.button-group.stacked, .button-group.stacked-for-medium, .button-group.stacked-for-small {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.button-group.stacked .button, .button-group.stacked-for-medium .button, .button-group.stacked-for-small .button {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.button-group.stacked .button:last-child, .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-small .button:last-child {
margin-bottom: 0
}
.button-group.stacked-for-medium.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked.expanded .button {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
margin-right: 0
}
@media print, screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 0
}
}
@media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 0
}
}
@media print, screen and (max-width: 39.99875em) {
.button-group.stacked-for-small.expanded {
display: block
}
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0
}
}
@media print, screen and (max-width: 47.99875em) {
.button-group.stacked-for-medium.expanded {
display: block
}
.button-group.stacked-for-medium.expanded .button {
display: block;
margin-right: 0
}
}
.close-button {
position: absolute;
z-index: 10;
color: #8a8a8a;
cursor: pointer
}
[data-whatinput=mouse] .close-button {
outline: 0
}
.close-button:focus, .close-button:hover {
color: #131313
}
.close-button.small {
right: .66rem;
top: .33em;
font-size: 1.5em;
line-height: 1
}
.close-button, .close-button.medium {
right: 1rem;
top: .5rem;
font-size: 2em;
line-height: 1
}
.label {
display: inline-block;
padding: .5em .75em;
border-radius: .25rem;
font-size: .625rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #ff4500;
color: #fff
}
.label.dark-blue {
background: #ff4500;
color: #fff
}
.label.light-blue {
background: #85b7e2;
color: #fff
}
.label.aqua {
background: #ff4500;
color: #fff
}
.label.black {
background: #131313;
color: #fff
}
.label.gray {
background: #7c878e;
color: #fff
}
.label.green {
background: #00af3e;
color: #fff
}
.label.orange {
background: #ef9020;
color: #fff
}
.label.red {
background: #e5352b;
color: #fff
}
.label.yellow {
background: #ffd616;
color: #7c878e
}
.label.purple {
background: #80379b;
color: #fff
}
.label.plum {
background: #9f1f5c;
color: #fff
}
.label.waves {
background: #0078d2;
color: #fff
}
.label.ocean {
background: #00505c;
color: #fff
}
.switch {
height: 2rem;
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: .875rem;
font-weight: 700;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.switch-input {
position: absolute;
margin-bottom: 0;
opacity: 0
}
.switch-paddle {
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 0;
background: #cacaca;
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer
}
input + .switch-paddle {
margin: 0
}
.switch-paddle::after {
position: absolute;
top: .25rem;
left: .25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-radius: 0;
background: #fff;
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out;
content: ''
}
input:checked ~ .switch-paddle {
background: #ff4500
}
input:checked ~ .switch-paddle::after {
left: 2.25rem
}
input:disabled ~ .switch-paddle {
cursor: not-allowed;
opacity: .5
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
outline: 0
}
.switch-active, .switch-inactive {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.switch-active {
left: 8%;
display: none
}
input:checked + label > .switch-active {
display: block
}
.switch-inactive {
right: 15%
}
input:checked + label > .switch-inactive {
display: none
}
.switch.tiny {
height: 1.5rem
}
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: .625rem
}
.switch.tiny .switch-paddle::after {
top: .25rem;
left: .25rem;
width: 1rem;
height: 1rem
}
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem
}
.switch.small {
height: 1.75rem
}
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: .75rem
}
.switch.small .switch-paddle::after {
top: .25rem;
left: .25rem;
width: 1.25rem;
height: 1.25rem
}
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem
}
.switch.large {
height: 2.5rem
}
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem
}
.switch.large .switch-paddle::after {
top: .25rem;
left: .25rem;
width: 2rem;
height: 2rem
}
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem
}
.breadcrumbs {
margin: 0 0 1rem 0;
list-style: none
}
.breadcrumbs::after, .breadcrumbs::before {
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.breadcrumbs::after {
clear: both
}
.breadcrumbs li {
float: left;
font-size: inherit;
color: #ff4500;
cursor: default;
margin-right: 0
}
.breadcrumbs a {
color: #7c878e
}
.breadcrumbs a:hover {
text-decoration: underline
}
.breadcrumbs .disabled {
color: #cacaca;
cursor: not-allowed
}
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 0 none;
border-radius: 0;
background-color: #fff;
color: #ff4500
}
.callout > :first-child {
margin-top: 0
}
.callout > :last-child {
margin-bottom: 0
}
.callout.primary {
background-color: #ff4500;
color: #ff4500
}
.callout.secondary {
background-color: #ff4500;
color: #fff
}
.callout.success {
background-color: #00af3e;
color: #ff4500
}
.callout.warning {
background-color: #ef9020;
color: #ff4500
}
.callout.alert {
background-color: #e5352b;
color: #fff
}
.callout.small {
padding-top: .5rem;
padding-right: .5rem;
padding-bottom: .5rem;
padding-left: .5rem
}
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem
}
.card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 1rem;
border: 0 none;
border-radius: .625rem;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
color: #ff4500
}
.card > :last-child {
margin-bottom: 0
}
.card-divider {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 1.5625rem;
background: #e6e6e6
}
.card-divider > :last-child {
margin-bottom: 0
}
.card-section {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 1.5625rem
}
.card-section > :last-child {
margin-bottom: 0
}
.card-image {
min-height: 1px
}
.dropdown-pane {
position: absolute;
z-index: 10;
display: none;
width: 300px;
padding: 1rem;
visibility: hidden;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fff;
font-size: 1rem
}
.dropdown-pane.is-opening {
display: block
}
.dropdown-pane.is-open {
display: block;
visibility: visible
}
.dropdown-pane.tiny {
width: 100px
}
.dropdown-pane.small {
width: 200px
}
.dropdown-pane.large {
width: 400px
}
.pagination {
margin-left: 0;
margin-bottom: 1rem
}
.pagination::after, .pagination::before {
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.pagination::after {
clear: both
}
.pagination li {
margin-right: 0;
border-radius: 100%;
font-size: .875rem;
display: none
}
.pagination li:first-child, .pagination li:last-child {
display: inline-block
}
.pagination li.current {
display: inline-block
}
@media print, screen and (min-width: 40em) {
.pagination li {
display: inline-block
}
}
.pagination a, .pagination button {
display: block;
padding: .1875rem .625rem;
border-radius: 100%;
color: #ff4500
}
.pagination a:hover, .pagination button:hover {
background: #ff4500
}
.pagination .current {
padding: .1875rem .625rem;
background: #ff4500;
color: #fff;
cursor: default
}
.pagination .disabled {
padding: .1875rem .625rem;
color: #cacaca;
cursor: not-allowed
}
.pagination .disabled:hover {
background: 0 0
}
.pagination .ellipsis::after {
padding: .1875rem .625rem;
content: '\2026';
color: #131313
}
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px #8a8a8a;
font-weight: 700;
cursor: help
}
.tooltip {
position: absolute;
top: calc(100% + .6495rem);
z-index: 1200;
max-width: 10rem;
padding: .25rem .5rem;
border-radius: 3px;
background-color: #131313;
font-size: 80%;
color: #fff
}
.tooltip::before {
position: absolute
}
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #131313;
bottom: 100%
}
.tooltip.bottom.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #131313 transparent transparent;
top: 100%;
bottom: auto
}
.tooltip.top.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #131313;
left: 100%
}
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #131313 transparent transparent;
right: 100%;
left: auto
}
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.tooltip.align-top::before {
bottom: auto;
top: 10%
}
.tooltip.align-bottom::before {
bottom: 10%;
top: auto
}
.tooltip.align-left::before {
left: 10%;
right: auto
}
.tooltip.align-right::before {
left: auto;
right: 10%
}
.accordion {
margin-left: 0;
background: 0 0;
list-style-type: none
}
.accordion[disabled] .accordion-title {
cursor: not-allowed
}
.accordion-item:first-child > :first-child {
border-radius: 0
}
.accordion-item:last-child > :last-child {
border-radius: 0
}
.accordion-title {
position: relative;
display: block;
padding: 1.3em 0;
border: 0 none;
border-bottom: 0;
font-size: 1.25rem;
line-height: 1;
color: #ff4500
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 0 none;
border-radius: 0
}
.accordion-title:focus, .accordion-title:hover {
background-color: transparent
}
.accordion-content {
display: none;
padding: 0 0 3rem 0;
border: 0 none;
border-bottom: 0;
background-color: transparent;
color: #ff4500
}
:last-child > .accordion-content:last-child {
border-bottom: 0 none
}
.tabs {
margin: 0;
border: 1px solid #e6e6e6;
background: #fff;
list-style-type: none
}
.tabs::after, .tabs::before {
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.tabs::after {
clear: both
}
.tabs.vertical > li {
display: block;
float: none;
width: auto
}
.tabs.simple > li > a {
padding: 0
}
.tabs.simple > li > a:hover {
background: 0 0
}
.tabs.primary {
background: #ff4500
}
.tabs.primary > li > a {
color: #131313
}
.tabs.primary > li > a:focus, .tabs.primary > li > a:hover {
background: #00cfc1
}
.tabs-title {
float: left
}
.tabs-title > a {
display: block;
padding: 0;
font-size: .75rem;
line-height: 1;
color: #ff4500
}
[data-whatinput=mouse] .tabs-title > a {
outline: 0
}
.tabs-title > a:hover {
background: #fff;
color: #ff4500
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
background: #e6e6e6;
color: #ff4500
}
.tabs-content {
border: 1px solid #e6e6e6;
border-top: 0;
background: #fff;
color: #ff4500;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0
}
.tabs-panel {
display: none;
padding: 0
}
.tabs-panel.is-active {
display: block
}
.menu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
[data-whatinput=mouse] .menu li {
outline: 0
}
.menu .button, .menu a {
line-height: 1;
text-decoration: none;
display: block;
padding: .7rem 1rem
}
.menu a, .menu button, .menu input, .menu select {
margin-bottom: 0
}
.menu input {
display: inline-block
}
.menu, .menu.horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.menu.simple {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.menu.simple li + li {
margin-left: 1rem
}
.menu.simple a {
padding: 0
}
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.medium-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.medium-expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.menu.medium-simple li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print, screen and (min-width: 48em) {
.menu.xmedium-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.xmedium-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.xmedium-expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.menu.xmedium-simple li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print, screen and (min-width: 64em) {
.menu.large-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.large-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.large-expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.menu.large-simple li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width: 75em) {
.menu.xlarge-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.menu.xlarge-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.menu.xlarge-expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.menu.xlarge-simple li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.menu.nested {
margin-right: 0;
margin-left: 1rem
}
.menu.icons a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.menu.icon-bottom a, .menu.icon-left a, .menu.icon-right a, .menu.icon-top a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.menu.icon-left li a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.menu.icon-left li a i, .menu.icon-left li a img, .menu.icon-left li a svg {
margin-right: .25rem
}
.menu.icon-right li a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap
}
.menu.icon-right li a i, .menu.icon-right li a img, .menu.icon-right li a svg {
margin-left: .25rem
}
.menu.icon-top li a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.menu.icon-top li a i, .menu.icon-top li a img, .menu.icon-top li a svg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-bottom: .25rem;
text-align: center
}
.menu.icon-bottom li a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.menu.icon-bottom li a i, .menu.icon-bottom li a img, .menu.icon-bottom li a svg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-bottom: .25rem;
text-align: center
}
.menu .is-active > a {
background: #ff4500;
color: #131313
}
.menu .active > a {
background: #ff4500;
color: #131313
}
.menu.align-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.menu.align-right li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.menu.align-right li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.menu.align-right.vertical li {
display: block;
text-align: right
}
.menu.align-right.vertical li .submenu li {
text-align: right
}
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0
}
.menu.align-center li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.menu.align-center li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.menu .menu-text {
padding: .7rem 1rem;
font-weight: 700;
line-height: 1;
color: inherit
}
.menu-centered > .menu {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.menu-centered > .menu li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.menu-centered > .menu li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.no-js [data-responsive-menu] ul {
display: none
}
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer
}
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #fff;
-webkit-box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
content: ''
}
.menu-icon:hover::after {
background: #cacaca;
-webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer
}
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #131313;
-webkit-box-shadow: 0 7px 0 #131313, 0 14px 0 #131313;
box-shadow: 0 7px 0 #131313, 0 14px 0 #131313;
content: ''
}
.menu-icon.dark:hover::after {
background: #8a8a8a;
-webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #f59d45 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px
}
[data-whatinput=mouse] .dropdown.menu a {
outline: 0
}
.dropdown.menu > li > a {
padding: .7rem 1rem
}
.dropdown.menu > li.is-active > a {
background: 0 0;
color: #f59d45
}
.no-js .dropdown.menu ul {
display: none
}
.dropdown.menu .nested.is-dropdown-submenu {
margin-right: 0;
margin-left: 0
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%
}
.dropdown.menu.vertical > li > a::after {
right: 14px
}
.dropdown.menu.vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #ff4500 transparent transparent;
right: auto;
left: 5px
}
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #ff4500
}
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #ff4500 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0
}
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto
}
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%
}
.dropdown.menu.medium-vertical > li > a::after {
right: 14px
}
.dropdown.menu.medium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #ff4500 transparent transparent;
right: auto;
left: 5px
}
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #ff4500
}
}
@media print, screen and (min-width: 48em) {
.dropdown.menu.xmedium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto
}
.dropdown.menu.xmedium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0
}
.dropdown.menu.xmedium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem
}
.dropdown.menu.xmedium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #ff4500 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px
}
.dropdown.menu.xmedium-vertical > li .is-dropdown-submenu {
top: 0
}
.dropdown.menu.xmedium-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto
}
.dropdown.menu.xmedium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%
}
.dropdown.menu.xmedium-vertical > li > a::after {
right: 14px
}
.dropdown.menu.xmedium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #ff4500 transparent transparent;
right: auto;
left: 5px
}
.dropdown.menu.xmedium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #ff4500
}
}
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #ff4500 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0
}
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto
}
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%
}
.dropdown.menu.large-vertical > li > a::after {
right: 14px
}
.dropdown.menu.large-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #ff4500 transparent transparent;
right: auto;
left: 5px
}
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #ff4500
}
}
@media screen and (min-width: 75em) {
.dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto
}
.dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0
}
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem
}
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #ff4500 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px
}
.dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
top: 0
}
.dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto
}
.dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%
}
.dropdown.menu.xlarge-vertical > li > a::after {
right: 14px
}
.dropdown.menu.xlarge-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #ff4500 transparent transparent;
right: auto;
left: 5px
}
.dropdown.menu.xlarge-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #ff4500
}
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto
}
.is-dropdown-menu.vertical {
width: 100px
}
.is-dropdown-menu.vertical.align-right {
float: right
}
.is-dropdown-submenu-parent {
position: relative
}
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
left: auto;
margin-top: -6px
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%
}
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #cacaca;
background: #fff
}
.dropdown .is-dropdown-submenu a {
padding: .7rem 1rem
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #ff4500 transparent transparent;
right: auto;
left: 5px
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #ff4500
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px
}
.is-dropdown-submenu > li {
width: 100%
}
.is-dropdown-submenu.js-dropdown-active {
display: block
}
.is-off-canvas-open {
overflow: hidden
}
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
-webkit-transition: opacity .5s ease, visibility .5s ease;
transition: opacity .5s ease, visibility .5s ease;
background: rgba(2, 27, 65, .65);
opacity: 0;
visibility: hidden;
overflow: hidden
}
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible
}
.js-off-canvas-overlay.is-closable {
cursor: pointer
}
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed
}
.off-canvas-wrapper {
position: relative;
overflow: hidden
}
.off-canvas {
position: fixed;
z-index: 12;
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #fff
}
[data-whatinput=mouse] .off-canvas {
outline: 0
}
.off-canvas.is-transition-push {
z-index: 12
}
.off-canvas.is-closed {
visibility: hidden
}
.off-canvas.is-transition-overlap {
z-index: 13
}
.off-canvas.is-transition-overlap.is-open {
-webkit-box-shadow: 0 0 10px rgba(19, 19, 19, .7);
box-shadow: 0 0 10px rgba(19, 19, 19, .7)
}
.off-canvas.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-absolute {
position: absolute;
z-index: 12;
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #fff
}
[data-whatinput=mouse] .off-canvas-absolute {
outline: 0
}
.off-canvas-absolute.is-transition-push {
z-index: 12
}
.off-canvas-absolute.is-closed {
visibility: hidden
}
.off-canvas-absolute.is-transition-overlap {
z-index: 13
}
.off-canvas-absolute.is-transition-overlap.is-open {
-webkit-box-shadow: 0 0 10px rgba(19, 19, 19, .7);
box-shadow: 0 0 10px rgba(19, 19, 19, .7)
}
.off-canvas-absolute.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.position-left {
top: 0;
left: 0;
height: 100%;
overflow-y: auto;
width: 280px;
-webkit-transform: translateX(-280px);
-ms-transform: translateX(-280px);
transform: translateX(-280px)
}
.off-canvas-content .off-canvas.position-left {
-webkit-transform: translateX(-280px);
-ms-transform: translateX(-280px);
transform: translateX(-280px)
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content.is-open-left.has-transition-push {
-webkit-transform: translateX(280px);
-ms-transform: translateX(280px);
transform: translateX(280px)
}
.position-left.is-transition-push {
-webkit-box-shadow: inset -13px 0 20px -13px rgba(19, 19, 19, .25);
box-shadow: inset -13px 0 20px -13px rgba(19, 19, 19, .25)
}
.position-right {
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
width: 280px;
-webkit-transform: translateX(280px);
-ms-transform: translateX(280px);
transform: translateX(280px)
}
.off-canvas-content .off-canvas.position-right {
-webkit-transform: translateX(280px);
-ms-transform: translateX(280px);
transform: translateX(280px)
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content.is-open-right.has-transition-push {
-webkit-transform: translateX(-280px);
-ms-transform: translateX(-280px);
transform: translateX(-280px)
}
.position-right.is-transition-push {
-webkit-box-shadow: inset 13px 0 20px -13px rgba(19, 19, 19, .25);
box-shadow: inset 13px 0 20px -13px rgba(19, 19, 19, .25)
}
.position-top {
top: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 250px;
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px)
}
.off-canvas-content .off-canvas.position-top {
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px)
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content.is-open-top.has-transition-push {
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px)
}
.position-top.is-transition-push {
-webkit-box-shadow: inset 0 -13px 20px -13px rgba(19, 19, 19, .25);
box-shadow: inset 0 -13px 20px -13px rgba(19, 19, 19, .25)
}
.position-bottom {
bottom: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 250px;
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px)
}
.off-canvas-content .off-canvas.position-bottom {
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px)
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content.is-open-bottom.has-transition-push {
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px)
}
.position-bottom.is-transition-push {
-webkit-box-shadow: inset 0 13px 20px -13px rgba(19, 19, 19, .25);
box-shadow: inset 0 13px 20px -13px rgba(19, 19, 19, .25)
}
.off-canvas-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease
}
.off-canvas-content.has-transition-push {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.off-canvas-content .off-canvas.is-open {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
@media print, screen and (min-width: 40em) {
.position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-left.reveal-for-medium .close-button {
display: none
}
.off-canvas-content .position-left.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-left {
margin-left: 280px
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 280px
}
.position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-right.reveal-for-medium .close-button {
display: none
}
.off-canvas-content .position-right.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-right {
margin-right: 280px
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 280px
}
.position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-top.reveal-for-medium .close-button {
display: none
}
.off-canvas-content .position-top.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-top {
margin-top: 280px
}
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 280px
}
.position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-bottom.reveal-for-medium .close-button {
display: none
}
.off-canvas-content .position-bottom.reveal-for-medium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 280px
}
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 280px
}
}
@media print, screen and (min-width: 48em) {
.position-left.reveal-for-xmedium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-left.reveal-for-xmedium .close-button {
display: none
}
.off-canvas-content .position-left.reveal-for-xmedium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-left {
margin-left: 280px
}
.position-left.reveal-for-xmedium ~ .off-canvas-content {
margin-left: 280px
}
.position-right.reveal-for-xmedium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-right.reveal-for-xmedium .close-button {
display: none
}
.off-canvas-content .position-right.reveal-for-xmedium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-right {
margin-right: 280px
}
.position-right.reveal-for-xmedium ~ .off-canvas-content {
margin-right: 280px
}
.position-top.reveal-for-xmedium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-top.reveal-for-xmedium .close-button {
display: none
}
.off-canvas-content .position-top.reveal-for-xmedium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-top {
margin-top: 280px
}
.position-top.reveal-for-xmedium ~ .off-canvas-content {
margin-top: 280px
}
.position-bottom.reveal-for-xmedium {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-bottom.reveal-for-xmedium .close-button {
display: none
}
.off-canvas-content .position-bottom.reveal-for-xmedium {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 280px
}
.position-bottom.reveal-for-xmedium ~ .off-canvas-content {
margin-bottom: 280px
}
}
@media print, screen and (min-width: 64em) {
.position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-left.reveal-for-large .close-button {
display: none
}
.off-canvas-content .position-left.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-left {
margin-left: 280px
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 280px
}
.position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-right.reveal-for-large .close-button {
display: none
}
.off-canvas-content .position-right.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-right {
margin-right: 280px
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 280px
}
.position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-top.reveal-for-large .close-button {
display: none
}
.off-canvas-content .position-top.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-top {
margin-top: 280px
}
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 280px
}
.position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-bottom.reveal-for-large .close-button {
display: none
}
.off-canvas-content .position-bottom.reveal-for-large {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 280px
}
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 280px
}
}
@media screen and (min-width: 75em) {
.position-left.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-left.reveal-for-xlarge .close-button {
display: none
}
.off-canvas-content .position-left.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-left {
margin-left: 280px
}
.position-left.reveal-for-xlarge ~ .off-canvas-content {
margin-left: 280px
}
.position-right.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-right.reveal-for-xlarge .close-button {
display: none
}
.off-canvas-content .position-right.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-right {
margin-right: 280px
}
.position-right.reveal-for-xlarge ~ .off-canvas-content {
margin-right: 280px
}
.position-top.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-top.reveal-for-xlarge .close-button {
display: none
}
.off-canvas-content .position-top.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-top {
margin-top: 280px
}
.position-top.reveal-for-xlarge ~ .off-canvas-content {
margin-top: 280px
}
.position-bottom.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible
}
.position-bottom.reveal-for-xlarge .close-button {
display: none
}
.off-canvas-content .position-bottom.reveal-for-xlarge {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 280px
}
.position-bottom.reveal-for-xlarge ~ .off-canvas-content {
margin-bottom: 280px
}
}
@media print, screen and (min-width: 40em) {
.off-canvas.in-canvas-for-medium {
visibility: visible;
height: auto;
position: static;
background: 0 0;
width: auto;
overflow: visible;
-webkit-transition: none;
transition: none
}
.off-canvas.in-canvas-for-medium.position-bottom, .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas.in-canvas-for-medium .close-button {
display: none
}
}
@media print, screen and (min-width: 48em) {
.off-canvas.in-canvas-for-xmedium {
visibility: visible;
height: auto;
position: static;
background: 0 0;
width: auto;
overflow: visible;
-webkit-transition: none;
transition: none
}
.off-canvas.in-canvas-for-xmedium.position-bottom, .off-canvas.in-canvas-for-xmedium.position-left, .off-canvas.in-canvas-for-xmedium.position-right, .off-canvas.in-canvas-for-xmedium.position-top {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas.in-canvas-for-xmedium .close-button {
display: none
}
}
@media print, screen and (min-width: 64em) {
.off-canvas.in-canvas-for-large {
visibility: visible;
height: auto;
position: static;
background: 0 0;
width: auto;
overflow: visible;
-webkit-transition: none;
transition: none
}
.off-canvas.in-canvas-for-large.position-bottom, .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas.in-canvas-for-large .close-button {
display: none
}
}
@media screen and (min-width: 75em) {
.off-canvas.in-canvas-for-xlarge {
visibility: visible;
height: auto;
position: static;
background: 0 0;
width: auto;
overflow: visible;
-webkit-transition: none;
transition: none
}
.off-canvas.in-canvas-for-xlarge.position-bottom, .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.off-canvas.in-canvas-for-xlarge .close-button {
display: none
}
}
html.is-reveal-open {
position: fixed;
width: 100%;
overflow-y: hidden
}
html.is-reveal-open.zf-has-scroll {
overflow-y: scroll
}
html.is-reveal-open body {
overflow-y: hidden
}
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(2, 27, 65, .3);
overflow-y: auto
}
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fff;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto
}
[data-whatinput=mouse] .reveal {
outline: 0
}
@media print, screen and (min-width: 40em) {
.reveal {
min-height: 0
}
}
.reveal .column {
min-width: 0
}
.reveal > :last-child {
margin-bottom: 0
}
@media print, screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 75rem
}
}
.reveal.collapse {
padding: 0
}
@media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem
}
}
@media print, screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 75rem
}
}
@media print, screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 75rem
}
}
.reveal.full {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0
}
@media print, screen and (max-width: 39.99875em) {
.reveal {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0
}
}
.reveal.without-overlay {
position: fixed
}
.align-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.align-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.align-justify {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.align-spaced {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.align-left.vertical.menu > li > a {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.align-right.vertical.menu > li > a {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center.vertical.menu > li > a {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.align-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.align-self-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.align-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.align-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.align-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.align-self-stretch {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch
}
.align-center-middle {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.small-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.small-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.small-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.small-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.small-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.small-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
@media print, screen and (min-width: 40em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.medium-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.medium-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.medium-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.medium-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media print, screen and (min-width: 48em) {
.xmedium-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.xmedium-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.xmedium-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.xmedium-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.xmedium-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.xmedium-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media print, screen and (min-width: 64em) {
.large-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.large-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.large-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.large-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.large-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.large-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width: 75em) {
.xlarge-order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.xlarge-order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.xlarge-order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
.xlarge-order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4
}
.xlarge-order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5
}
.xlarge-order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6
}
}
.flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.flex-child-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-child-grow {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.flex-child-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media print, screen and (min-width: 40em) {
.medium-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.medium-flex-child-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.medium-flex-child-grow {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.medium-flex-child-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.medium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.medium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.medium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.medium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media print, screen and (min-width: 48em) {
.xmedium-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.xmedium-flex-child-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.xmedium-flex-child-grow {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.xmedium-flex-child-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.xmedium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.xmedium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.xmedium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.xmedium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media print, screen and (min-width: 64em) {
.large-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.large-flex-child-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.large-flex-child-grow {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.large-flex-child-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.large-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.large-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.large-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.large-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width: 75em) {
.xlarge-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.xlarge-flex-child-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.xlarge-flex-child-grow {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.xlarge-flex-child-shrink {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.xlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.xlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.xlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.xlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.hide {
display: none !important
}
.invisible {
visibility: hidden
}
@media print, screen and (max-width: 39.99875em) {
.hide-for-small-only {
display: none !important
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important
}
}
@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important
}
}
@media screen and (max-width: 39.99875em) {
.show-for-medium {
display: none !important
}
}
@media print, screen and (min-width: 40em) and (max-width: 47.99875em) {
.hide-for-medium-only {
display: none !important
}
}
@media screen and (max-width: 39.99875em), screen and (min-width: 48em) {
.show-for-medium-only {
display: none !important
}
}
@media print, screen and (min-width: 48em) {
.hide-for-xmedium {
display: none !important
}
}
@media screen and (max-width: 47.99875em) {
.show-for-xmedium {
display: none !important
}
}
@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
.hide-for-xmedium-only {
display: none !important
}
}
@media screen and (max-width: 47.99875em), screen and (min-width: 64em) {
.show-for-xmedium-only {
display: none !important
}
}
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important
}
}
@media screen and (max-width: 63.99875em) {
.show-for-large {
display: none !important
}
}
@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
.hide-for-large-only {
display: none !important
}
}
@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important
}
}
@media screen and (min-width: 75em) {
.hide-for-xlarge {
display: none !important
}
}
@media screen and (max-width: 74.99875em) {
.show-for-xlarge {
display: none !important
}
}
@media screen and (min-width: 75em) and (max-width: 89.99875em) {
.hide-for-xlarge-only {
display: none !important
}
}
@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
.show-for-xlarge-only {
display: none !important
}
}
.show-for-sr, .show-on-focus {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important
}
.hide-for-portrait, .show-for-landscape {
display: block !important
}
@media screen and (orientation: landscape) {
.hide-for-portrait, .show-for-landscape {
display: block !important
}
}
@media screen and (orientation: portrait) {
.hide-for-portrait, .show-for-landscape {
display: none !important
}
}
.hide-for-landscape, .show-for-portrait {
display: none !important
}
@media screen and (orientation: landscape) {
.hide-for-landscape, .show-for-portrait {
display: none !important
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape, .show-for-portrait {
display: block !important
}
}
.slide-in-down.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.slide-in-left.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.slide-in-up.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.slide-in-right.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.slide-out-down.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.slide-out-right.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.slide-out-up.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.slide-out-left.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.fade-in.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity
}
.fade-in.mui-enter.mui-enter-active {
opacity: 1
}
.fade-out.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity
}
.fade-out.mui-leave.mui-leave-active {
opacity: 0
}
.hinge-in-from-top.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
opacity: 1
}
.hinge-in-from-right.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
opacity: 1
}
.hinge-in-from-bottom.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
opacity: 1
}
.hinge-in-from-left.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
opacity: 1
}
.hinge-in-from-middle-x.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
opacity: 1
}
.hinge-in-from-middle-y.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
opacity: 1
}
.hinge-out-from-top.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0
}
.hinge-out-from-right.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0
}
.hinge-out-from-bottom.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0
}
.hinge-out-from-left.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0
}
.hinge-out-from-middle-x.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0
}
.hinge-out-from-middle-y.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0);
transform: perspective(2000px) rotate(0);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0
}
.scale-in-up.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
}
.scale-in-down.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1
}
.scale-out-up.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 0
}
.scale-out-down.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
opacity: 0
}
.spin-in.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(-.75turn);
-ms-transform: rotate(-.75turn);
transform: rotate(-.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
.spin-out.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(.75turn);
-ms-transform: rotate(.75turn);
transform: rotate(.75turn);
opacity: 0
}
.spin-in-ccw.mui-enter {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(.75turn);
-ms-transform: rotate(.75turn);
transform: rotate(.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0
}
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
.spin-out-ccw.mui-leave {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-.75turn);
-ms-transform: rotate(-.75turn);
transform: rotate(-.75turn);
opacity: 0
}
.slow {
-webkit-transition-duration: 750ms !important;
transition-duration: 750ms !important
}
.fast {
-webkit-transition-duration: 250ms !important;
transition-duration: 250ms !important
}
.linear {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important
}
.ease {
-webkit-transition-timing-function: ease !important;
transition-timing-function: ease !important
}
.ease-in {
-webkit-transition-timing-function: ease-in !important;
transition-timing-function: ease-in !important
}
.ease-out {
-webkit-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important
}
.ease-in-out {
-webkit-transition-timing-function: ease-in-out !important;
transition-timing-function: ease-in-out !important
}
.bounce-in {
-webkit-transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}
.bounce-out {
-webkit-transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}
.bounce-in-out {
-webkit-transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}
.short-delay {
-webkit-transition-delay: .3s !important;
transition-delay: .3s !important
}
.long-delay {
-webkit-transition-delay: .7s !important;
transition-delay: .7s !important
}
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7
}
@-webkit-keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%)
}
15%, 25%, 35%, 45%, 5%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%)
}
}
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%)
}
15%, 25%, 35%, 45%, 5%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%)
}
}
.spin-cw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn
}
@-webkit-keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.spin-ccw {
-webkit-animation-name: spin-ccw-1turn;
animation-name: spin-ccw-1turn
}
@-webkit-keyframes spin-ccw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
}
@keyframes spin-ccw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
}
.wiggle {
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg
}
@-webkit-keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg)
}
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg)
}
0%, 100%, 30%, 70% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg)
}
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg)
}
0%, 100%, 30%, 70% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.shake, .spin-ccw, .spin-cw, .wiggle {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.slow {
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important
}
.fast {
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important
}
.linear {
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important
}
.ease {
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important
}
.ease-in {
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important
}
.ease-out {
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important
}
.ease-in-out {
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important
}
.bounce-in {
-webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}
.bounce-out {
-webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}
.bounce-in-out {
-webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}
.short-delay {
-webkit-animation-delay: .3s !important;
animation-delay: .3s !important
}
.long-delay {
-webkit-animation-delay: .7s !important;
animation-delay: .7s !important
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: italic;
font-weight: 300;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-300italic.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-300italic.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: normal;
font-weight: 300;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-300.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-300.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: normal;
font-weight: 400;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-regular.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-regular.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: italic;
font-weight: 400;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-italic.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-italic.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-500.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-500.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: italic;
font-weight: 500;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-500italic.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-500italic.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: italic;
font-weight: 600;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-600italic.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-600italic.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-600.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-600.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: normal;
font-weight: 700;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-700.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-700.woff) format("woff");
font-display: swap
}
@font-face {
font-display: swap;
font-family: Montserrat;
font-style: italic;
font-weight: 700;
src: local(""), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-700italic.woff2) format("woff2"), url(../../themes/serumula/assets/fonts/montserrat-v15-latin-700italic.woff) format("woff");
font-display: swap
}
.h4, .news-detail--reference h3, h4 {
line-height: 1.4
}
address, div.lead {
font-size: 1rem;
font-style: normal;
line-height: 1.35;
color: rgba(2, 27, 65, .5)
}
@media print, screen and (min-width: 40em) {
address, div.lead {
font-size: 1.125rem
}
}
@media print, screen and (min-width: 64em) {
address, div.lead {
font-size: 1.25rem
}
}
address strong, div.lead strong {
font-weight: 400;
color: #ff4500
}
address p, div.lead p {
line-height: inherit
}
.muted {
color: rgba(2, 27, 65, .4)
}
.headline, .section__headline {
display: block
}
.headline small, .section__headline small {
display: block;
margin-bottom: .625rem;
font-size: .625rem;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.83333;
text-transform: uppercase
}
@media print, screen and (min-width: 64em) {
.headline small, .section__headline small {
font-size: .75rem
}
}
.blockquote cite, .card .pre-headline, .card--event .pre-headline, .news-detail blockquote cite, .news-detail__header .pre-headline, .pre-headline, .section--media-text .text blockquote cite, .section__footer .pre-headline, .simple-step blockquote cite, .step .text blockquote cite, .typography blockquote cite {
display: block;
margin-bottom: .625rem;
color: #7c878e;
font-size: .75rem;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase
}
@media print, screen and (min-width: 64em) {
.blockquote cite, .card .pre-headline, .card--event .pre-headline, .news-detail blockquote cite, .news-detail__header .pre-headline, .pre-headline, .section--media-text .text blockquote cite, .section__footer .pre-headline, .simple-step blockquote cite, .step .text blockquote cite, .typography blockquote cite {
font-size: .875rem
}
}
.more-link {
display: inline-block;
font-size: .875rem;
position: relative;
line-height: 2;
font-weight: 500;
color: #ff4500;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.more-link::after {
content: '';
display: block;
width: 0;
border-bottom: 1px solid transparent;
-webkit-transition: width .3s ease-in-out;
transition: width .3s ease-in-out
}
.more-link:hover {
color: #00a499
}
.more-link:hover::after {
width: 100%;
border-color: currentColor
}
.label {
display: block;
font-size: .625rem;
line-height: 1.33333;
font-weight: 600;
text-transform: uppercase
}
@media print, screen and (min-width: 64em) {
.label {
font-size: .75rem
}
}
.label.primary {
color: #fff
}
.label.primary:hover {
color: #fff
}
.label.subtle {
background-color: rgba(0, 191, 178, .1);
color: #ff4500
}
.label.subtle:focus, .label.subtle:hover {
background-color: rgba(0, 191, 178, .2);
color: #ff4500
}
.label.light-gray {
background-color: rgba(124, 135, 142, .3);
color: rgba(2, 27, 65, .7)
}
.label.light-gray:hover {
color: rgba(2, 27, 65, .7)
}
a.label {
cursor: pointer
}
.nav-list {
display: block;
margin: 0 0 2em;
padding: 0;
list-style: none;
font-size: .875rem
}
@media print, screen and (min-width: 64em) {
.nav-list {
font-size: 1rem
}
}
.nav-list a, .nav-list span {
display: block;
padding: 1.25em 1.25rem 1.25em 0;
line-height: 1.25;
position: relative;
color: #000000;
border-bottom: 1px solid rgba(2, 27, 65, .1)
}
.nav-list span {
border-bottom: 1px solid rgba(2, 27, 65, .05)
}
.nav-list a::after {
content: '';
display: block;
width: 0;
border-top: 1px solid #000000;
-webkit-transition: width .3s ease-in-out;
transition: width .3s ease-in-out;
position: absolute;
left: 0;
bottom: 0
}
.nav-list a:hover::after {
width: 100%
}
.nav-list .icon {
display: block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #ff4500
}
.nav-list--faq {
margin-bottom: 1rem;
border-top: 1px solid rgba(2, 27, 65, .1)
}
@media print, screen and (min-width: 40em) {
.nav-list--faq {
max-width: 90%
}
}
@media print, screen and (min-width: 64em) {
.nav-list--faq {
max-width: 80%
}
}
.wp-block-image, figure {
font-size: inherit;
line-height: inherit;
margin-bottom: inherit
}
.wp-block-image.rounded img, figure.rounded img {
border-radius: 1rem
}
.wp-block-image figcaption, figure figcaption {
margin-top: 2em;
padding: .5em 0;
line-height: 1.66667;
font-size: .75rem;
color: #7c878e;
font-weight: 400
}
.is-style-circle-mask img, .is-style-rounded img {
border-radius: 1rem
}
.is-style-bordered img {
border-radius: 1rem;
border: 1px solid rgba(138, 138, 138, .1)
}
hr {
margin-top: 0
}
.hr--dotted, .news-detail hr, .section--media-text .text hr, .simple-step hr, .specs hr, .step .text hr, .typography hr, hr.is-style-dotted {
position: relative;
border: 0;
height: 3px;
overflow: hidden;
margin-bottom: 2.5rem
}
.hr--dotted::before, .news-detail hr::before, .section--media-text .text hr::before, .simple-step hr::before, .specs hr::before, .step .text hr::before, .typography hr::before, hr.is-style-dotted::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
hr.wp-block-separator.is-style-wide {
max-width: 100%
}
body > hr:not(.is-style-wide) {
max-width: 73.125rem
}
.hr--dotted-light {
position: relative;
border: 0;
height: 3px;
overflow: hidden;
margin-bottom: 2.5rem
}
.hr--dotted-light::before {
content: '';
display: block;
position: absolute;
top: 0;
left: .9375rem;
right: .9375rem;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%2385b7e2' fill-opacity='0.7' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
@media print, screen and (max-width: 47.99875em) {
.grid--bordered > .cell {
margin-bottom: 1.875rem
}
.grid--bordered > .cell a {
word-break: break-all
}
.grid--bordered > .cell a.button {
margin-top: 1.25rem
}
}
.grid--bordered > .cell:not(:last-child) {
border-right: 1px solid #e5e8ec
}
@media print, screen and (min-width: 64em) {
.grid--bordered > .cell:not(:first-child) {
padding-left: 2.5rem
}
}
.news-detail, .section--media-text .text, .simple-step, .step .text, .typography {
color: #7c878e
}
.news-detail hr::before, .section--media-text .text hr::before, .simple-step hr::before, .step .text hr::before, .typography hr::before {
left: 0;
right: 0
}
.news-detail .wp-block-embed, .news-detail .wp-block-image, .news-detail figure, .news-detail hr, .news-detail ol, .news-detail p, .news-detail table, .news-detail ul:not(.nav-list):not(.use-case-list), .section--media-text .text .wp-block-embed, .section--media-text .text .wp-block-image, .section--media-text .text figure, .section--media-text .text hr, .section--media-text .text ol, .section--media-text .text p, .section--media-text .text table, .section--media-text .text ul:not(.nav-list):not(.use-case-list), .simple-step .wp-block-embed, .simple-step .wp-block-image, .simple-step figure, .simple-step hr, .simple-step ol, .simple-step p, .simple-step table, .simple-step ul:not(.nav-list):not(.use-case-list), .step .text .wp-block-embed, .step .text .wp-block-image, .step .text figure, .step .text hr, .step .text ol, .step .text p, .step .text table, .step .text ul:not(.nav-list):not(.use-case-list), .typography .wp-block-embed, .typography .wp-block-image, .typography figure, .typography hr, .typography ol, .typography p, .typography table, .typography ul:not(.nav-list):not(.use-case-list) {
font-size: .8125rem;
line-height: 2.13333;
margin-bottom: 2.13333em;
font-weight: 400
}
@media print, screen and (min-width: 64em) {
.news-detail .wp-block-embed, .news-detail .wp-block-image, .news-detail figure, .news-detail hr, .news-detail ol, .news-detail p, .news-detail table, .news-detail ul:not(.nav-list):not(.use-case-list), .section--media-text .text .wp-block-embed, .section--media-text .text .wp-block-image, .section--media-text .text figure, .section--media-text .text hr, .section--media-text .text ol, .section--media-text .text p, .section--media-text .text table, .section--media-text .text ul:not(.nav-list):not(.use-case-list), .simple-step .wp-block-embed, .simple-step .wp-block-image, .simple-step figure, .simple-step hr, .simple-step ol, .simple-step p, .simple-step table, .simple-step ul:not(.nav-list):not(.use-case-list), .step .text .wp-block-embed, .step .text .wp-block-image, .step .text figure, .step .text hr, .step .text ol, .step .text p, .step .text table, .step .text ul:not(.nav-list):not(.use-case-list), .typography .wp-block-embed, .typography .wp-block-image, .typography figure, .typography hr, .typography ol, .typography p, .typography table, .typography ul:not(.nav-list):not(.use-case-list) {
font-size: .9375rem
}
}
.news-detail .wp-block-embed a, .news-detail .wp-block-image a, .news-detail figure a, .news-detail hr a, .news-detail ol a, .news-detail p a, .news-detail table a, .news-detail ul:not(.nav-list):not(.use-case-list) a, .section--media-text .text .wp-block-embed a, .section--media-text .text .wp-block-image a, .section--media-text .text figure a, .section--media-text .text hr a, .section--media-text .text ol a, .section--media-text .text p a, .section--media-text .text table a, .section--media-text .text ul:not(.nav-list):not(.use-case-list) a, .simple-step .wp-block-embed a, .simple-step .wp-block-image a, .simple-step figure a, .simple-step hr a, .simple-step ol a, .simple-step p a, .simple-step table a, .simple-step ul:not(.nav-list):not(.use-case-list) a, .step .text .wp-block-embed a, .step .text .wp-block-image a, .step .text figure a, .step .text hr a, .step .text ol a, .step .text p a, .step .text table a, .step .text ul:not(.nav-list):not(.use-case-list) a, .typography .wp-block-embed a, .typography .wp-block-image a, .typography figure a, .typography hr a, .typography ol a, .typography p a, .typography table a, .typography ul:not(.nav-list):not(.use-case-list) a {
text-decoration: underline
}
.news-detail .wp-block-embed a:focus, .news-detail .wp-block-embed a:hover, .news-detail .wp-block-image a:focus, .news-detail .wp-block-image a:hover, .news-detail figure a:focus, .news-detail figure a:hover, .news-detail hr a:focus, .news-detail hr a:hover, .news-detail ol a:focus, .news-detail ol a:hover, .news-detail p a:focus, .news-detail p a:hover, .news-detail table a:focus, .news-detail table a:hover, .news-detail ul:not(.nav-list):not(.use-case-list) a:focus, .news-detail ul:not(.nav-list):not(.use-case-list) a:hover, .section--media-text .text .wp-block-embed a:focus, .section--media-text .text .wp-block-embed a:hover, .section--media-text .text .wp-block-image a:focus, .section--media-text .text .wp-block-image a:hover, .section--media-text .text figure a:focus, .section--media-text .text figure a:hover, .section--media-text .text hr a:focus, .section--media-text .text hr a:hover, .section--media-text .text ol a:focus, .section--media-text .text ol a:hover, .section--media-text .text p a:focus, .section--media-text .text p a:hover, .section--media-text .text table a:focus, .section--media-text .text table a:hover, .section--media-text .text ul:not(.nav-list):not(.use-case-list) a:focus, .section--media-text .text ul:not(.nav-list):not(.use-case-list) a:hover, .simple-step .wp-block-embed a:focus, .simple-step .wp-block-embed a:hover, .simple-step .wp-block-image a:focus, .simple-step .wp-block-image a:hover, .simple-step figure a:focus, .simple-step figure a:hover, .simple-step hr a:focus, .simple-step hr a:hover, .simple-step ol a:focus, .simple-step ol a:hover, .simple-step p a:focus, .simple-step p a:hover, .simple-step table a:focus, .simple-step table a:hover, .simple-step ul:not(.nav-list):not(.use-case-list) a:focus, .simple-step ul:not(.nav-list):not(.use-case-list) a:hover, .step .text .wp-block-embed a:focus, .step .text .wp-block-embed a:hover, .step .text .wp-block-image a:focus, .step .text .wp-block-image a:hover, .step .text figure a:focus, .step .text figure a:hover, .step .text hr a:focus, .step .text hr a:hover, .step .text ol a:focus, .step .text ol a:hover, .step .text p a:focus, .step .text p a:hover, .step .text table a:focus, .step .text table a:hover, .step .text ul:not(.nav-list):not(.use-case-list) a:focus, .step .text ul:not(.nav-list):not(.use-case-list) a:hover, .typography .wp-block-embed a:focus, .typography .wp-block-embed a:hover, .typography .wp-block-image a:focus, .typography .wp-block-image a:hover, .typography figure a:focus, .typography figure a:hover, .typography hr a:focus, .typography hr a:hover, .typography ol a:focus, .typography ol a:hover, .typography p a:focus, .typography p a:hover, .typography table a:focus, .typography table a:hover, .typography ul:not(.nav-list):not(.use-case-list) a:focus, .typography ul:not(.nav-list):not(.use-case-list) a:hover {
text-decoration: none
}
.news-detail p.has-lead-font-size, .news-detail p.is-style-lead, .news-detail p.lead, .section--media-text .text p.has-lead-font-size, .section--media-text .text p.is-style-lead, .section--media-text .text p.lead, .simple-step p.has-lead-font-size, .simple-step p.is-style-lead, .simple-step p.lead, .step .text p.has-lead-font-size, .step .text p.is-style-lead, .step .text p.lead, .typography p.has-lead-font-size, .typography p.is-style-lead, .typography p.lead {
font-size: 1rem;
line-height: 1.77778;
margin-bottom: 1.77778em
}
@media print, screen and (min-width: 64em) {
.news-detail p.has-lead-font-size, .news-detail p.is-style-lead, .news-detail p.lead, .section--media-text .text p.has-lead-font-size, .section--media-text .text p.is-style-lead, .section--media-text .text p.lead, .simple-step p.has-lead-font-size, .simple-step p.is-style-lead, .simple-step p.lead, .step .text p.has-lead-font-size, .step .text p.is-style-lead, .step .text p.lead, .typography p.has-lead-font-size, .typography p.is-style-lead, .typography p.lead {
font-size: 1.125rem
}
}
.news-detail strong, .section--media-text .text strong, .simple-step strong, .step .text strong, .typography strong {
font-weight: 400;
color: #ff4500
}
.news-detail h1, .news-detail h2, .news-detail h3, .news-detail h4, .news-detail h5, .news-detail h6, .section--media-text .text h1, .section--media-text .text h2, .section--media-text .text h3, .section--media-text .text h4, .section--media-text .text h5, .section--media-text .text h6, .simple-step h1, .simple-step h2, .simple-step h3, .simple-step h4, .simple-step h5, .simple-step h6, .step .text h1, .step .text h2, .step .text h3, .step .text h4, .step .text h5, .step .text h6, .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
color: #ff4500;
margin-top: 1.75em;
margin-bottom: 1.1em
}
.news-detail h1:first-child, .news-detail h2:first-child, .news-detail h3:first-child, .news-detail h4:first-child, .news-detail h5:first-child, .news-detail h6:first-child, .section--media-text .text h1:first-child, .section--media-text .text h2:first-child, .section--media-text .text h3:first-child, .section--media-text .text h4:first-child, .section--media-text .text h5:first-child, .section--media-text .text h6:first-child, .simple-step h1:first-child, .simple-step h2:first-child, .simple-step h3:first-child, .simple-step h4:first-child, .simple-step h5:first-child, .simple-step h6:first-child, .step .text h1:first-child, .step .text h2:first-child, .step .text h3:first-child, .step .text h4:first-child, .step .text h5:first-child, .step .text h6:first-child, .typography h1:first-child, .typography h2:first-child, .typography h3:first-child, .typography h4:first-child, .typography h5:first-child, .typography h6:first-child {
margin-top: 0
}
.news-detail ol, .news-detail ul:not(.nav-list):not(.use-case-list), .section--media-text .text ol, .section--media-text .text ul:not(.nav-list):not(.use-case-list), .simple-step ol, .simple-step ul:not(.nav-list):not(.use-case-list), .step .text ol, .step .text ul:not(.nav-list):not(.use-case-list), .typography ol, .typography ul:not(.nav-list):not(.use-case-list) {
margin-left: 0;
list-style: none
}
.news-detail ol li, .news-detail ul:not(.nav-list):not(.use-case-list) li, .section--media-text .text ol li, .section--media-text .text ul:not(.nav-list):not(.use-case-list) li, .simple-step ol li, .simple-step ul:not(.nav-list):not(.use-case-list) li, .step .text ol li, .step .text ul:not(.nav-list):not(.use-case-list) li, .typography ol li, .typography ul:not(.nav-list):not(.use-case-list) li {
position: relative;
padding-left: 1.5em
}
.news-detail ol li + li, .news-detail ul:not(.nav-list):not(.use-case-list) li + li, .section--media-text .text ol li + li, .section--media-text .text ul:not(.nav-list):not(.use-case-list) li + li, .simple-step ol li + li, .simple-step ul:not(.nav-list):not(.use-case-list) li + li, .step .text ol li + li, .step .text ul:not(.nav-list):not(.use-case-list) li + li, .typography ol li + li, .typography ul:not(.nav-list):not(.use-case-list) li + li {
margin-top: .5em
}
.news-detail ol.has-lead-font-size, .news-detail ol.is-style-lead, .news-detail ol.lead, .news-detail ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .news-detail ul:not(.nav-list):not(.use-case-list).is-style-lead, .news-detail ul:not(.nav-list):not(.use-case-list).lead, .section--media-text .text ol.has-lead-font-size, .section--media-text .text ol.is-style-lead, .section--media-text .text ol.lead, .section--media-text .text ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .section--media-text .text ul:not(.nav-list):not(.use-case-list).is-style-lead, .section--media-text .text ul:not(.nav-list):not(.use-case-list).lead, .simple-step ol.has-lead-font-size, .simple-step ol.is-style-lead, .simple-step ol.lead, .simple-step ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .simple-step ul:not(.nav-list):not(.use-case-list).is-style-lead, .simple-step ul:not(.nav-list):not(.use-case-list).lead, .step .text ol.has-lead-font-size, .step .text ol.is-style-lead, .step .text ol.lead, .step .text ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .step .text ul:not(.nav-list):not(.use-case-list).is-style-lead, .step .text ul:not(.nav-list):not(.use-case-list).lead, .typography ol.has-lead-font-size, .typography ol.is-style-lead, .typography ol.lead, .typography ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .typography ul:not(.nav-list):not(.use-case-list).is-style-lead, .typography ul:not(.nav-list):not(.use-case-list).lead {
font-size: 1.125rem
}
@media print, screen and (min-width: 64em) {
.news-detail ol.has-lead-font-size, .news-detail ol.is-style-lead, .news-detail ol.lead, .news-detail ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .news-detail ul:not(.nav-list):not(.use-case-list).is-style-lead, .news-detail ul:not(.nav-list):not(.use-case-list).lead, .section--media-text .text ol.has-lead-font-size, .section--media-text .text ol.is-style-lead, .section--media-text .text ol.lead, .section--media-text .text ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .section--media-text .text ul:not(.nav-list):not(.use-case-list).is-style-lead, .section--media-text .text ul:not(.nav-list):not(.use-case-list).lead, .simple-step ol.has-lead-font-size, .simple-step ol.is-style-lead, .simple-step ol.lead, .simple-step ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .simple-step ul:not(.nav-list):not(.use-case-list).is-style-lead, .simple-step ul:not(.nav-list):not(.use-case-list).lead, .step .text ol.has-lead-font-size, .step .text ol.is-style-lead, .step .text ol.lead, .step .text ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .step .text ul:not(.nav-list):not(.use-case-list).is-style-lead, .step .text ul:not(.nav-list):not(.use-case-list).lead, .typography ol.has-lead-font-size, .typography ol.is-style-lead, .typography ol.lead, .typography ul:not(.nav-list):not(.use-case-list).has-lead-font-size, .typography ul:not(.nav-list):not(.use-case-list).is-style-lead, .typography ul:not(.nav-list):not(.use-case-list).lead {
font-size: 1.25rem
}
}
.news-detail ul:not(.nav-list):not(.use-case-list) li::before, .section--media-text .text ul:not(.nav-list):not(.use-case-list) li::before, .simple-step ul:not(.nav-list):not(.use-case-list) li::before, .step .text ul:not(.nav-list):not(.use-case-list) li::before, .typography ul:not(.nav-list):not(.use-case-list) li::before {
content: '';
position: absolute;
width: 1em;
height: 2.13333em;
left: 0;
top: 0;
background: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 11 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.5882 6.66c-1.4294 0-2.5882 1.0836-2.5882 2.4203s1.1588 2.4201 2.5882 2.4201c1.4294 0 2.5882-1.0834 2.5882-2.4201s-1.1588-2.4203-2.5882-2.4203' fill='%2300bfb2'/%3E%3Cpath d='m8.4082 3.63c-1.4294 0-2.5882 1.0834-2.5882 2.4202 0 1.3366 1.1588 2.4202 2.5882 2.4202 1.4294 0 2.5882-1.0836 2.5882-2.4202 0-1.3368-1.1588-2.4202-2.5882-2.4202' fill='%2300bfb2'/%3E%3Cpath d='m2.5882 0c-1.4294 0-2.5882 1.0834-2.5882 2.4203 0 1.3366 1.1588 2.4201 2.5882 2.4201 1.4294 0 2.5882-1.0834 2.5882-2.4201 0-1.3368-1.1588-2.4203-2.5882-2.4203' fill='%2300bfb2'/%3E%3C/svg%3E%0A") no-repeat 0 center;
background-size: .75rem
}
.news-detail ol, .section--media-text .text ol, .simple-step ol, .step .text ol, .typography ol {
counter-reset: ol-counter
}
.news-detail ol li, .section--media-text .text ol li, .simple-step ol li, .step .text ol li, .typography ol li {
counter-increment: ol-counter
}
.news-detail ol li::before, .section--media-text .text ol li::before, .simple-step ol li::before, .step .text ol li::before, .typography ol li::before {
content: counter(ol-counter) ".";
position: absolute;
left: 0;
top: 0;
font-weight: 400;
color: #ff4500
}
.news-detail blockquote, .section--media-text .text blockquote, .simple-step blockquote, .step .text blockquote, .typography blockquote {
font-size: 1.25rem;
line-height: 1.68;
margin: 2em 0
}
@media print, screen and (min-width: 64em) {
.news-detail blockquote, .section--media-text .text blockquote, .simple-step blockquote, .step .text blockquote, .typography blockquote {
font-size: 1.5625rem
}
}
.news-detail blockquote p, .section--media-text .text blockquote p, .simple-step blockquote p, .step .text blockquote p, .typography blockquote p {
font-style: italic;
font-size: inherit;
line-height: inherit;
margin-bottom: .75em !important
}
.news-detail blockquote p:last-child, .section--media-text .text blockquote p:last-child, .simple-step blockquote p:last-child, .step .text blockquote p:last-child, .typography blockquote p:last-child {
margin-bottom: 0
}
.news-detail blockquote cite, .section--media-text .text blockquote cite, .simple-step blockquote cite, .step .text blockquote cite, .typography blockquote cite {
font-style: normal
}
.hint-link {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.2em;
width: 1em;
height: 1em;
border-radius: 1em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 191, 178, .2);
vertical-align: sub;
text-decoration: none;
-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
transition: background-color .3s ease-in-out, color .3s ease-in-out
}
.hint-link:hover {
color: #fff;
background-color: #00a499
}
.hint-link.has-tip {
border-bottom: 0 none;
cursor: pointer
}
.has-dark-blue-color {
color: #ff4500
}
.has-dark-blue-background-color {
background-color: #ff4500
}
.has-light-blue-color {
color: #85b7e2
}
.has-light-blue-background-color {
background-color: #85b7e2
}
.has-aqua-color {
color: #ff4500
}
.has-aqua-background-color {
background-color: #ff4500
}
.has-black-color {
color: #131313
}
.has-black-background-color {
background-color: #131313
}
.has-gray-color {
color: #7c878e
}
.has-gray-background-color {
background-color: #7c878e
}
.has-green-color {
color: #00af3e
}
.has-green-background-color {
background-color: #00af3e
}
.has-orange-color {
color: #ef9020
}
.has-orange-background-color {
background-color: #ef9020
}
.has-red-color {
color: #e5352b
}
.has-red-background-color {
background-color: #e5352b
}
.has-yellow-color {
color: #ffd616
}
.has-yellow-background-color {
background-color: #ffd616
}
.has-purple-color {
color: #80379b
}
.has-purple-background-color {
background-color: #80379b
}
.has-plum-color {
color: #9f1f5c
}
.has-plum-background-color {
background-color: #9f1f5c
}
.has-waves-color {
color: #0078d2
}
.has-waves-background-color {
background-color: #0078d2
}
.has-ocean-color {
color: #00505c
}
.has-ocean-background-color {
background-color: #00505c
}
.has-dark-blue-7-color {
color: #021b41b3
}
.has-dark-blue-7-background-color {
background-color: #021b41b3
}
.has-black-7-color {
color: #131313b3
}
.has-black-7-background-color {
background-color: #131313b3
}
.has-white-7-color {
color: #ffffffb3
}
.has-white-7-background-color {
background-color: #ffffffb3
}
.has-gray-7-color {
color: #7c878eb3
}
.has-gray-7-background-color {
background-color: #7c878eb3
}
td, th {
padding: .3125rem
}
.blockquote {
font-size: 1.25rem;
line-height: 1.68;
margin: 2em 0
}
@media print, screen and (min-width: 64em) {
.blockquote {
font-size: 1.5625rem
}
}
.blockquote p {
font-style: italic;
font-size: inherit;
line-height: inherit;
margin-bottom: .75em !important
}
.blockquote p:last-child {
margin-bottom: 0
}
.blockquote cite {
font-style: normal
}
.blockquote--lg {
margin: 0 auto;
margin-bottom: 3.75rem;
text-align: center;
padding-top: 7.5rem;
background-image: url("data:image/svg+xml,%3Csvg width='96' height='75' viewBox='0 0 96 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8571 12V10.5H21.5684L21.3003 10.6072L21.8571 12ZM32.5714 16.2558L33.6108 15.1743L33.6108 15.1743L32.5714 16.2558ZM10.8571 16.3977L10.3003 15.0049L10.0168 15.1182L9.8002 15.3333L10.8571 16.3977ZM14.4286 40.9395L15.8415 41.4432L16.2888 40.1884L15.0956 39.596L14.4286 40.9395ZM8.95517 56.294L7.54226 55.7903L7.54226 55.7903L8.95517 56.294ZM3 73L1.58709 72.4963L0.872843 74.5H3V73ZM17.5714 73V74.5H18.5178L18.9253 73.6458L17.5714 73ZM33 40.6558L34.3539 41.3016L34.359 41.2909L34.3639 41.2801L33 40.6558ZM59.8571 12V10.5H59.5684L59.3003 10.6072L59.8571 12ZM70.5714 16.2558L69.5321 17.3374L69.5321 17.3374L70.5714 16.2558ZM48.8571 16.3977L48.3003 15.0049L48.0168 15.1182L47.8002 15.3333L48.8571 16.3977ZM52.4286 40.9395L53.8415 41.4432L54.2888 40.1884L53.0956 39.596L52.4286 40.9395ZM41 73L39.5871 72.4963L38.8728 74.5H41V73ZM55.5714 73V74.5H56.5178L56.9253 73.6458L55.5714 73ZM71 40.6558L72.3539 41.3016L72.359 41.2909L72.3639 41.2801L71 40.6558ZM21.8571 13.5C25.6702 13.5 28.8663 14.7755 31.5321 17.3374L33.6108 15.1743C30.3718 12.0616 26.425 10.5 21.8571 10.5V13.5ZM11.414 17.7905L22.414 13.3928L21.3003 10.6072L10.3003 15.0049L11.414 17.7905ZM7.92857 27.6047C7.92857 23.4246 9.27251 20.0852 11.9141 17.462L9.8002 15.3333C6.53698 18.5738 4.92857 22.7056 4.92857 27.6047H7.92857ZM9.73513 34.6702C8.53444 32.541 7.92857 30.1959 7.92857 27.6047H4.92857C4.92857 30.6879 5.65602 33.5442 7.12201 36.1438L9.73513 34.6702ZM15.0956 39.596C12.6709 38.3921 10.9066 36.7475 9.73513 34.6702L7.12201 36.1438C8.61719 38.7951 10.8529 40.8389 13.7615 42.283L15.0956 39.596ZM10.3681 56.7977L15.8415 41.4432L13.0157 40.4359L7.54226 55.7903L10.3681 56.7977ZM4.41291 73.5037L10.3681 56.7977L7.54226 55.7903L1.58709 72.4963L4.41291 73.5037ZM17.5714 71.5H3V74.5H17.5714V71.5ZM31.6461 40.01L16.2176 72.3542L18.9253 73.6458L34.3539 41.3016L31.6461 40.01ZM34.311 33.6003C33.4652 35.8401 32.5735 37.9837 31.6361 40.0315L34.3639 41.2801C35.3313 39.1667 36.2491 36.9599 37.1176 34.6602L34.311 33.6003ZM35.5 27.6047C35.5 29.4769 35.1146 31.4722 34.311 33.6003L37.1176 34.6602C38.0282 32.2487 38.5 29.8937 38.5 27.6047H35.5ZM31.5321 17.3374C34.1439 19.8473 35.5 23.2152 35.5 27.6047H38.5C38.5 22.5367 36.9037 18.3387 33.6108 15.1743L31.5321 17.3374ZM59.8571 13.5C63.6702 13.5 66.8663 14.7755 69.5321 17.3374L71.6108 15.1743C68.3718 12.0616 64.425 10.5 59.8571 10.5V13.5ZM49.414 17.7905L60.414 13.3928L59.3003 10.6072L48.3003 15.0049L49.414 17.7905ZM45.9286 27.6047C45.9286 23.4246 47.2725 20.0852 49.9141 17.462L47.8002 15.3333C44.537 18.5738 42.9286 22.7056 42.9286 27.6047H45.9286ZM47.7351 34.6702C46.5344 32.541 45.9286 30.1959 45.9286 27.6047H42.9286C42.9286 30.6879 43.656 33.5442 45.122 36.1438L47.7351 34.6702ZM53.0956 39.596C50.6709 38.3921 48.9066 36.7475 47.7351 34.6702L45.122 36.1438C46.6172 38.7951 48.8529 40.8389 51.7615 42.283L53.0956 39.596ZM42.4129 73.5037L53.8415 41.4432L51.0157 40.4359L39.5871 72.4963L42.4129 73.5037ZM55.5714 71.5H41V74.5H55.5714V71.5ZM69.6461 40.01L54.2176 72.3542L56.9253 73.6458L72.3539 41.3016L69.6461 40.01ZM72.311 33.6003C71.4652 35.8401 70.5735 37.9837 69.6361 40.0315L72.3639 41.2801C73.3313 39.1667 74.2491 36.9599 75.1176 34.6602L72.311 33.6003ZM73.5 27.6047C73.5 29.4769 73.1146 31.4722 72.311 33.6003L75.1176 34.6602C76.0282 32.2487 76.5 29.8937 76.5 27.6047H73.5ZM69.5321 17.3374C72.1439 19.8473 73.5 23.2152 73.5 27.6047H76.5C76.5 22.5367 74.9037 18.3387 71.6108 15.1743L69.5321 17.3374Z' fill='%23B5BD00'/%3E%3Ccircle cx='78' cy='18' r='18' fill='%23B5BD00' fill-opacity='0.1'/%3E%3Ccircle cx='35' cy='18' r='18' fill='%23B5BD00' fill-opacity='0.1'/%3E%3C/svg%3E%0A");
background-position: center top;
background-repeat: no-repeat;
font-size: 1.5rem;
line-height: 2.25rem;
max-width: 60rem
}
@media print, screen and (min-width: 40em) {
.blockquote--lg {
font-size: 2.1875rem;
line-height: 3.625rem
}
}
.blockquote--lg cite {
margin-top: 3.125rem;
text-transform: none
}
@media print, screen and (min-width: 40em) {
.blockquote--lg cite {
margin-top: 5.625rem
}
}
.blockquote--lg cite .position {
font-size: 15px;
line-height: 37px;
text-align: center;
color: #b5bd00
}
.blockquote--lg cite .name {
font-size: 18px;
line-height: 29px;
color: #021b41;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500
}
.blockquote--lg cite .employee {
font-size: 15px;
line-height: 37px;
color: #7c878e
}
.button {
line-height: 1rem
}
.button:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.button:hover .icon-symbol {
-webkit-transform: rotate(115deg);
-ms-transform: rotate(115deg);
transform: rotate(115deg)
}
.button.primary {
color: #fff;
position: relative
}
.button.primary:focus, .button.primary:hover {
color: #fff
}
.button.primary.hollow:focus, .button.primary.hollow:hover {
background-color: #ff4500;
color: #fff
}
.button.dark-blue {
color: #fff;
background-color: #021b41
}
.button.dark-blue:focus, .button.dark-blue:hover {
color: #fff
}
.button.subtle {
background-color: rgba(0, 191, 178, .1);
color: #ff4500
}
.button.subtle:focus, .button.subtle:hover {
background-color: rgba(0, 191, 178, .2);
color: #ff4500
}
.button.small {
padding: .6875rem 1.25rem
}
.button.block {
width: 100%
}
.button .icon-symbol {
margin-left: .625rem;
font-size: .75rem;
vertical-align: middle;
position: relative;
top: -1px;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.button .icon-play {
font-size: 2rem;
margin: -.625rem -1.625rem -.625rem 1rem;
vertical-align: middle;
position: relative;
top: -1px
}
.button.small .icon-play {
font-size: 1.5rem;
margin: -.3125rem -.875rem -.3125rem .625rem
}
.icon {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor
}
.icon.dark-blue {
color: #021b41
}
.icon.light-blue {
color: #85b7e2
}
.icon.aqua {
color: #ff4500
}
.icon.black {
color: #131313
}
.icon.gray {
color: #7c878e
}
.icon.green {
color: #00af3e
}
.icon.orange {
color: #ef9020
}
.icon.red {
color: #e5352b
}
.icon.yellow {
color: #ffd616
}
.icon.purple {
color: #80379b
}
.icon.plum {
color: #9f1f5c
}
.icon.waves {
color: #0078d2
}
.icon.ocean {
color: #00505c
}
.icon-award {
width: .75em
}
.icon-pin {
width: .75em
}
.icon-pdf {
width: 1.25rem;
height: 1.625rem
}
.icon-pdf path {
fill: #021b41
}
.icon-hint {
border-radius: 2em
}
.card {
display: block;
margin-bottom: .9375rem
}
@media print, screen and (min-width: 40em) {
.card {
margin-bottom: 1.875rem
}
}
.card .card-section {
position: relative;
padding: 1.5625rem
}
@media print, screen and (min-width: 64em) {
.card .card-section {
padding: 1.875rem
}
}
.card .card-image {
position: relative
}
.card .card-image img {
display: block;
width: 100%
}
.card .card-image .categories-list {
margin-top: 0;
position: absolute;
left: .9375rem;
right: .9375rem;
top: .9375rem
}
@media print, screen and (min-width: 40em) {
.card .card-image .categories-list {
left: 1.5625rem;
right: 1.5625rem;
top: 1.5625rem
}
}
@media print, screen and (min-width: 64em) {
.card .card-image .categories-list {
left: 1.875rem;
right: 1.875rem;
top: 1.875rem
}
}
.card .card-image .company {
background-color: #fff;
border-radius: 100%;
position: absolute;
right: .9375rem;
bottom: -55px;
width: 7.8125rem;
height: 7.8125rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.card .card-image .company img {
width: auto;
height: auto;
max-width: 75%;
max-height: 40%
}
.card__footer-link {
display: block;
position: relative;
padding: 1.25rem 1.5625rem;
font-size: .875rem;
line-height: 1;
font-weight: 500;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
@media print, screen and (min-width: 64em) {
.card__footer-link {
padding: 1.5625rem 1.875rem
}
}
.card__footer-link:focus, .card__footer-link:hover {
outline: 0
}
.card__footer-link:focus:after, .card__footer-link:hover:after {
width: calc(100% - 3.125rem)
}
@media print, screen and (min-width: 64em) {
.card__footer-link:focus:after, .card__footer-link:hover:after {
width: calc(100% - 3.75rem)
}
}
.card__footer-link::after, .card__footer-link::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 1.5625rem;
right: 1.5625rem;
border-bottom: 1px solid #e6e8ec
}
@media print, screen and (min-width: 64em) {
.card__footer-link::after, .card__footer-link::before {
left: 1.875rem;
right: 1.875rem
}
}
.card__footer-link::after {
width: 0;
border-bottom: 1px solid;
-webkit-transition: width .3s ease-in-out;
transition: width .3s ease-in-out
}
.card__footer-link .icon {
font-size: .625rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 1.5625rem
}
@media print, screen and (min-width: 64em) {
.card__footer-link .icon {
right: 1.875rem
}
}
.card .headline {
margin-bottom: 1em;
font-weight: 500
}
.card .headline a {
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
color: inherit
}
.card .headline a:hover {
color: #ff4500
}
.card .pre-headline + .headline {
margin-top: .9375rem
}
.card .sub-headline {
display: block;
margin-top: -1em;
margin-bottom: 1em;
color: rgba(2, 27, 65, .5);
font-size: .75rem;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1.66667
}
.card .grid-x {
margin-bottom: -1.25rem
}
.card .cell {
margin-bottom: 1.25rem
}
.card .location {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.card .location .icon {
font-size: 1.25rem;
margin-right: .625rem;
vertical-align: middle
}
.card .location img {
width: 1.75rem;
margin-right: .625rem;
vertical-align: middle
}
.card--event {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-shadow: 0 6px 10px rgba(2, 27, 65, .05);
box-shadow: 0 6px 10px rgba(2, 27, 65, .05);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.card--event:hover {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px)
}
.card--event .pre-headline {
letter-spacing: 1px;
font-size: .6875rem
}
@media print, screen and (min-width: 64em) {
.card--event .pre-headline {
font-size: .75rem
}
}
.card--event p {
margin: 0;
font-size: 1rem;
line-height: 1.2
}
@media print, screen and (min-width: 64em) {
.card--event p {
font-size: 1.25rem
}
}
.card--news {
background: #fff;
border-radius: 0;
color: #021b41;
overflow: visible
}
.card--news:hover {
color: #021b41
}
@media print, screen and (max-width: 39.99875em) {
.card--news .card-section {
padding-left: 0;
padding-right: 0
}
}
.card--news .card-image {
margin-bottom: .625rem;
border-radius: .625rem;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 52.63157894736842%;
-webkit-box-shadow: 0 0 2px rgba(19, 19, 19, .1);
box-shadow: 0 0 2px rgba(19, 19, 19, .1)
}
.card--news .card-image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover
}
.card--news .more-link:last-child {
margin-bottom: -.6em
}
.card--news .date {
text-transform: none;
letter-spacing: 0
}
.card--news .headline {
max-width: 30rem
}
.card--news p {
max-width: 30rem;
margin-bottom: 1.25rem;
line-height: 2;
font-size: .875rem;
font-weight: 400;
color: #7c878e
}
.card--news.card--horizontal .card-image {
width: auto;
padding: 0;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 8px
}
.card--news.card--horizontal .card-image img {
width: auto;
padding: 0;
height: auto;
position: static
}
.card--news.card--horizontal .card-section {
padding: 0;
padding-top: .3125rem
}
.card--news.card--horizontal .card-section .customer-info, .card--news.card--horizontal .card-section .date {
display: block;
font-size: .75rem;
margin-bottom: .9375rem
}
.card--news.card--horizontal .card-section .headline {
font-size: .875rem;
margin-bottom: .3125rem
}
.card--news--simple .headline {
font-weight: 400
}
.card--product {
border-radius: 1rem
}
.card--product .card-image {
display: block;
height: 10rem
}
@media print, screen and (min-width: 64em) {
.card--product .card-image {
height: 12.5rem
}
}
.card--product .card-image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.card--product .sub-headline {
min-height: 3.33334em
}
.card--product .card-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.card--product .nav-list {
margin-bottom: 2.25em
}
.card--product .button {
margin-top: auto;
margin-bottom: .625rem
}
.card--product .headline a {
color: inherit
}
.card--product2 {
position: relative;
padding: 1.5625rem;
background-color: rgba(133, 183, 226, .1);
color: #021b41;
-webkit-transition: -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
transition: transform .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}
@media print, screen and (min-width: 64em) {
.card--product2 {
padding: 2.5rem 2.8125rem
}
}
@media screen and (min-width: 75em) {
.card--product2 {
padding: 4rem 4.5rem
}
}
.card--product2:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: 0 6px 10px rgba(2, 27, 65, .09);
box-shadow: 0 6px 10px rgba(2, 27, 65, .09);
color: #021b41
}
.card--product2 .logo {
display: block;
margin-bottom: 1.25rem;
height: 2rem;
width: auto
}
@media print, screen and (min-width: 64em) {
.card--product2 .logo {
margin-bottom: 1.5625rem
}
}
.card--product2 p {
font-size: .8125rem;
line-height: 2.13333;
margin-bottom: 2.13333em;
font-weight: 400;
color: #7c878e
}
@media print, screen and (min-width: 64em) {
.card--product2 p {
font-size: .9375rem
}
}
.card--media .card-image {
border-radius: .625rem;
background-color: rgba(2, 27, 65, .05);
height: 11.25rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1.875rem
}
@media print, screen and (min-width: 40em) {
.card--media .card-image {
height: 16.25rem
}
}
.card--media .card-image img {
max-width: 64%;
max-height: 80%
}
.card--media .card-section {
padding-left: 0
}
.card--media .card-section .headline {
margin-bottom: .125rem;
-webkit-transition: color .2s ease;
transition: color .2s ease
}
.card--media .card-section .muted {
font-size: .875rem;
margin-bottom: .3125rem
}
.card--resource {
background-color: rgba(133, 183, 226, .1);
padding: 1.25rem;
margin-bottom: 1.25rem;
-webkit-transition: -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
transition: transform .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-transform .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}
@media print, screen and (min-width: 40em) {
.card--resource {
padding: 1.5625rem 1.25rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.card--resource .card-footer, .card--resource .card-image, .card--resource .card-section {
min-height: 0;
min-width: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto
}
.card--resource .card-section {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.card--resource:not(:hover) .button {
background: #021b41
}
.card--resource:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: 0 6px 10px rgba(2, 27, 65, .09);
box-shadow: 0 6px 10px rgba(2, 27, 65, .09);
color: #021b41
}
@media screen and (max-width: 39.99875em) {
.card--resource .card-image {
display: none !important
}
}
.card--resource .card-image:after {
content: '';
display: inline-block;
height: 1.875rem;
width: 1px;
background-color: rgba(124, 135, 142, .4);
position: absolute;
right: -.9375rem
}
.card--resource .card-section {
padding: 0 0 1.25rem
}
@media print, screen and (min-width: 40em) {
.card--resource .card-section {
padding: 0 1.25rem 0 2.1875rem
}
}
.card--resource .card-section .headline {
margin: 0 0 -.1875rem;
font-size: 1rem
}
.card--resource .card-section p {
font-size: .875rem;
line-height: 1.2;
margin: .4em 0 0;
color: #7c878e
}
.card--resource .card-footer .button {
margin: 0
}
.card--reference {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 0
}
.card--reference:hover {
color: #021b41
}
.card--reference .card-image {
width: 100%;
height: 0;
padding-top: 56.75675675675676%
}
.card--reference .card-image > img {
border-radius: .625rem;
-webkit-box-shadow: 0 0 2px rgba(19, 19, 19, .1);
box-shadow: 0 0 2px rgba(19, 19, 19, .1);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover
}
.card--reference .card-image .categories-list {
margin: 0;
left: 1.25rem;
top: 1.25rem
}
.card--reference .card-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1.875rem 0 .625rem 0
}
.card--reference .more-link {
margin-top: auto
}
.card--use-case {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 0;
background: 0 0
}
.card--use-case .card-image img {
border-radius: .625rem
}
.card--use-case .card-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
padding: 1.875rem 0 0 0
}
.card--use-case .headline {
margin-bottom: 0
}
.card--use-case p {
margin: 1em 0 1.25rem;
line-height: 2;
font-size: .875rem;
font-weight: 400;
color: #7c878e
}
@media print, screen and (min-width: 64em) {
.card--use-case p {
margin-bottom: 2rem
}
}
.card--use-case .use-case-list {
margin: 0 0 1.25rem
}
.card--partners {
border-radius: .5rem;
-webkit-transition: -webkit-box-shadow .3s ease-in-out;
transition: -webkit-box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
background-color: transparent
}
.card--partners:hover {
-webkit-box-shadow: 0 5px 15px rgba(2, 27, 65, .15);
box-shadow: 0 5px 15px rgba(2, 27, 65, .15)
}
.card--partners .card-image {
background-color: transparent;
border: 1px solid rgba(124, 135, 142, .3);
border-radius: .5rem;
padding: .3125rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.card--partners .card-image img {
width: auto
}
.card--partners .products-list {
list-style: none;
display: block;
margin: auto .9375rem -.3125rem;
padding: .4375rem 0 0;
border-top: 1px solid #f3f5f5;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
font-size: 0
}
.card--partners .products-list li {
display: inline-block;
margin: 0 .4375rem .4375rem 0;
font-weight: 600;
font-size: .75rem;
line-height: .9375rem;
text-transform: uppercase;
color: #021b41
}
.card--partners .products-list .label {
display: inline-block;
padding: 0;
margin: 0 .375rem 0 0;
width: .375rem;
height: .375rem;
vertical-align: middle
}
.card--team {
max-width: 23.125rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: transparent
}
.card--team:hover .card-image, [data-whatinput=touch] .card--team .card-image {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.card--team:hover .card-image:before, [data-whatinput=touch] .card--team .card-image:before {
opacity: .5
}
.card--team:hover .card-image .socials-list, [data-whatinput=touch] .card--team .card-image .socials-list {
opacity: 1;
pointer-events: all
}
.card--team .card-image {
position: relative;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.card--team .card-image:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
opacity: 0;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4500), color-stop(50%, rgba(0, 191, 178, 0)));
background-image: linear-gradient(180deg, #ff4500 0, rgba(0, 191, 178, 0) 50%);
border-radius: 8px;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.card--team .card-image img {
border-radius: .5rem
}
.card--team .card-image .socials-list {
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
opacity: 0;
pointer-events: none
}
@media print, screen and (min-width: 40em) {
.card--team .card-image .socials-list {
bottom: .625rem;
right: .625rem
}
}
.card--team .card-image .socials-list li {
margin: 0 .625rem .625rem 0
}
.card--team .card-image .socials-list li .social-icon {
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(2, 27, 65, .1);
box-shadow: 0 0 10px rgba(2, 27, 65, .1);
margin: 0
}
.card--team .card-image .socials-list li a:focus > .social-icon, .card--team .card-image .socials-list li a:hover > .social-icon {
color: #ff4500
}
.card--team .card-image .socials-list li svg {
-webkit-transition: none;
transition: none
}
.card--team .card-section {
padding: 0;
margin-top: 1.875rem
}
.card--team .card-section .name {
font-weight: 500
}
.card--team .card-section .position {
color: #7c878e;
font-size: .875rem
}
.card.card--horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 1.25rem
}
@media screen and (min-width: 30em) {
.card.card--horizontal {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.card.card--horizontal .card-image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 10.75rem;
margin-right: 1.875rem;
margin-bottom: .9375rem
}
.card.card--horizontal .card-section {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0px;
flex: 1 1 0;
width: auto
}
.use-case-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 0 1.25rem
}
.use-case-list li {
display: block;
margin: 0 .3125rem .3125rem 0
}
.use-case-list a, .use-case-list span {
display: block;
padding: .4375rem .375rem;
color: #0078d2;
font-size: .75rem;
line-height: 1;
font-weight: 400;
white-space: nowrap;
background: rgba(0, 120, 210, .1);
border-radius: .25rem
}
.use-case-list a {
-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out
}
.use-case-list a:hover {
background: #0078d2;
color: #fff
}
.cards-grid {
margin-bottom: -.9375rem
}
@media print, screen and (min-width: 40em) {
.cards-grid {
margin-bottom: -1.875rem
}
}
.cards-grid .card {
height: 100%;
margin-bottom: 0
}
.cards-grid > .cell {
margin-bottom: .9375rem
}
@media print, screen and (min-width: 40em) {
.cards-grid > .cell {
margin-bottom: 1.875rem
}
}
.cards-list .card {
margin-bottom: 1.5625rem
}
.cards-list .card + .card {
border-top: 1px solid rgba(2, 27, 65, .1);
padding-top: 1.5625rem
}
.press-list__item {
position: relative;
padding-bottom: 1.875rem;
padding-top: 1.875rem
}
@media print, screen and (min-width: 40em) {
.press-list__item {
padding-bottom: 3.125rem;
padding-top: 3.125rem
}
}
.press-list__item:first-child {
padding-top: 0
}
.press-list__item:not(:last-child)::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: .9375rem;
right: .9375rem;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.press-list__item .grid-x {
margin-bottom: 1rem
}
.press-list__item .categories-list {
margin-top: 0
}
.press-list__item .headline {
margin-bottom: .75em;
max-width: 36em
}
.press-list__item a {
color: #021b41;
-webkit-transition: color .2s ease;
transition: color .2s ease
}
.press-list__item a:hover {
color: #ff4500
}
.press-list__item p {
max-width: 45em;
margin-bottom: 0;
line-height: 1.6;
font-size: 1.125rem
}
@media print, screen and (min-width: 64em) {
.press-list__item p {
font-size: 1.25rem
}
}
.press-list__item .more-link {
margin-top: 1.25rem;
color: #ff4500
}
.press-list__item .date {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #021b41;
margin-bottom: 2em;
letter-spacing: 1.14px;
text-transform: none
}
@media print, screen and (min-width: 64em) {
.press-list__item .date {
font-size: 1rem
}
}
.press-list__item .date .icon {
color: #ff4500;
margin-right: .625rem;
margin-top: -1px
}
@media print, screen and (min-width: 40em) {
.press-list__item.has-logo {
padding-right: 9.0625rem
}
}
@media print, screen and (min-width: 64em) {
.press-list__item.has-logo {
padding-right: 12.1875rem
}
}
.press-list__item .logo {
width: auto;
height: 1.625rem;
margin-left: auto;
margin-bottom: .5rem
}
@media print, screen and (min-width: 40em) {
.press-list__item .logo {
position: absolute;
right: 5rem;
top: 50%;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 5rem;
height: auto
}
}
@media print, screen and (min-width: 64em) {
.press-list__item .logo {
right: 6.5625rem;
width: 6rem
}
}
.events-list .card--event {
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
margin: 0
}
.events-list .card--event::after {
content: '';
position: absolute;
width: 1em;
height: 2.13333em;
left: 15px;
top: 50%;
margin-top: -1.06667em;
background: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 11 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.5882 6.66c-1.4294 0-2.5882 1.0836-2.5882 2.4203s1.1588 2.4201 2.5882 2.4201c1.4294 0 2.5882-1.0834 2.5882-2.4201s-1.1588-2.4203-2.5882-2.4203' fill='%2300bfb2'/%3E%3Cpath d='m8.4082 3.63c-1.4294 0-2.5882 1.0834-2.5882 2.4202 0 1.3366 1.1588 2.4202 2.5882 2.4202 1.4294 0 2.5882-1.0836 2.5882-2.4202 0-1.3368-1.1588-2.4202-2.5882-2.4202' fill='%2300bfb2'/%3E%3Cpath d='m2.5882 0c-1.4294 0-2.5882 1.0834-2.5882 2.4203 0 1.3366 1.1588 2.4201 2.5882 2.4201 1.4294 0 2.5882-1.0834 2.5882-2.4201 0-1.3368-1.1588-2.4203-2.5882-2.4203' fill='%2300bfb2'/%3E%3C/svg%3E%0A") no-repeat 0 center;
background-size: .75rem
}
.events-list .card--event .headline {
font-size: 1rem;
line-height: 1.1875rem;
margin-bottom: 0
}
@media print, screen and (min-width: 40em) {
.events-list .card--event .headline {
font-size: 1.25rem;
line-height: 1.4375rem
}
}
.events-list .card--event .pre-headline {
text-transform: none;
letter-spacing: 0;
margin-top: .25rem
}
@media print, screen and (min-width: 40em) {
.events-list .card--event .pre-headline {
margin-bottom: 0
}
}
@media print, screen and (min-width: 40em) {
.events-list .card--event p {
font-size: 1.25rem;
line-height: 1.4375rem
}
}
.events-list .card--event::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: .9375rem;
right: .9375rem;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.events-list .card--event:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.customer-info {
font-size: .875rem;
color: #7c878e;
margin-bottom: 1.25rem;
display: block
}
.customer-info .icon {
margin-bottom: -.0625rem;
margin-right: .1875rem;
color: #ff4500
}
.customer-info strong {
color: #021b41;
font-weight: 400
}
.customer-info a {
color: #021b41
}
.customer-info a:hover {
text-decoration: underline
}
.breadcrumbs-container {
border-bottom: 1px solid rgba(2, 27, 65, .1)
}
.breadcrumbs {
margin-bottom: 0;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
font-size: .75rem;
font-weight: 400;
line-height: 1.25rem
}
.breadcrumbs .breadcrumb_last, .breadcrumbs a {
display: inline-block;
line-height: inherit
}
.breadcrumbs a:hover {
color: #ff4500
}
.breadcrumbs .icon {
position: relative;
top: -.0625rem;
width: .25rem;
height: .5625rem;
margin: 0 .375rem;
color: #7c878e;
font-size: .5rem;
vertical-align: middle
}
.pagination {
margin: 0;
font-size: 0
}
.pagination li {
margin: .46875rem;
vertical-align: top
}
.pagination .current, .pagination a {
width: 2.75rem;
height: 2.75rem;
line-height: 2.75rem;
padding: 0;
text-align: center;
font-size: .875rem;
font-weight: 700
}
.pagination a {
background-color: rgba(0, 191, 178, .1);
color: #ff4500;
-webkit-transition: background-color .25s ease-out, color .25s ease-out, -webkit-transform .25s ease-out;
transition: background-color .25s ease-out, color .25s ease-out, -webkit-transform .25s ease-out;
transition: background-color .25s ease-out, color .25s ease-out, transform .25s ease-out;
transition: background-color .25s ease-out, color .25s ease-out, transform .25s ease-out, -webkit-transform .25s ease-out
}
.pagination a:focus, .pagination a:hover {
background-color: rgba(0, 191, 178, .2);
color: #ff4500;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.pagination .pagination-next a, .pagination .pagination-previous a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.accordion {
margin-bottom: 0;
border-top: 1px solid rgba(2, 27, 65, .7)
}
.accordion-item {
border-bottom: 1px solid rgba(2, 27, 65, .7)
}
.accordion-title {
padding-right: 2.625rem;
color: #021b41
}
@media print, screen and (min-width: 64em) {
.accordion-title {
font-size: 1.75rem
}
}
.accordion-title:focus, .accordion-title:hover {
color: #021b41
}
.accordion-title .icon {
display: block;
font-size: .875rem;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.is-active .accordion-title .icon {
-webkit-transform: translateY(-50%) scaleY(-1);
-ms-transform: translateY(-50%) scaleY(-1);
transform: translateY(-50%) scaleY(-1)
}
@media print, screen and (min-width: 64em) {
.accordion .news-detail {
max-width: 75%
}
}
.accordion .grid-x {
margin-left: -.9375rem;
margin-right: -.9375rem
}
.accordion + .section__footer {
margin-top: 1.875rem
}
.accordion + .section__footer::before {
content: none
}
.accordion--numbered {
counter-reset: accordion-counter
}
.accordion--numbered .accordion-item {
counter-increment: accordion-counter
}
.accordion--numbered .accordion-title::before {
content: counter(accordion-counter) ". "
}
.list-values .cell {
position: relative;
padding-left: 3.125rem;
margin-bottom: 1.25rem
}
@media print, screen and (min-width: 40em) {
.list-values .cell {
margin-bottom: 2.5rem
}
}
.list-values .cell::after {
content: '';
position: absolute;
width: 1em;
height: 2.13333em;
left: 15px;
top: 50%;
margin-top: -1.06667em;
background: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 11 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.5882 6.66c-1.4294 0-2.5882 1.0836-2.5882 2.4203s1.1588 2.4201 2.5882 2.4201c1.4294 0 2.5882-1.0834 2.5882-2.4201s-1.1588-2.4203-2.5882-2.4203' fill='%2300bfb2'/%3E%3Cpath d='m8.4082 3.63c-1.4294 0-2.5882 1.0834-2.5882 2.4202 0 1.3366 1.1588 2.4202 2.5882 2.4202 1.4294 0 2.5882-1.0836 2.5882-2.4202 0-1.3368-1.1588-2.4202-2.5882-2.4202' fill='%2300bfb2'/%3E%3Cpath d='m2.5882 0c-1.4294 0-2.5882 1.0834-2.5882 2.4203 0 1.3366 1.1588 2.4201 2.5882 2.4201 1.4294 0 2.5882-1.0834 2.5882-2.4201 0-1.3368-1.1588-2.4203-2.5882-2.4203' fill='%2300bfb2'/%3E%3C/svg%3E%0A") no-repeat 0 center;
background-size: .75rem
}
.list-values .cell .headline {
font-size: 1rem;
line-height: 1.1875rem;
margin-bottom: .2em
}
@media print, screen and (min-width: 40em) {
.list-values .cell .headline {
font-size: 1.25rem;
line-height: 1.4375rem
}
}
@media print, screen and (min-width: 40em) {
.list-values .cell .pre-headline {
margin-bottom: 0
}
}
@media print, screen and (min-width: 40em) {
.list-values > .cell:nth-last-child(-n+3) {
margin: 0
}
}
@media print, screen and (max-width: 39.99875em) {
.map {
overflow: hidden
}
.map img {
max-width: 140%;
margin-left: -25%
}
}
.gallery {
margin-top: 1.25rem;
margin-bottom: -.625rem
}
.gallery .cell {
margin-bottom: 1.875rem
}
@media screen and (min-width: 30em) {
.gallery .cell {
width: 50%
}
}
@media print, screen and (min-width: 40em) {
.gallery .cell {
width: 33.33333%
}
}
@media print, screen and (min-width: 64em) {
.gallery .cell {
width: 25%
}
}
@media print, screen and (max-width: 63.99875em) {
.gallery {
margin-bottom: 0;
padding-left: .3125rem;
padding-right: .3125rem
}
.gallery .cell {
padding-left: .625rem;
padding-right: .625rem;
margin-bottom: 1.25rem
}
}
.gallery a {
display: block;
border-radius: .5rem;
overflow: hidden;
-webkit-transition: -webkit-box-shadow .3s ease-in-out;
transition: -webkit-box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}
.gallery a:hover {
-webkit-box-shadow: 0 5px 15px rgba(2, 27, 65, .15);
box-shadow: 0 5px 15px rgba(2, 27, 65, .15)
}
.gallery img {
width: 100%
}
.in-numbers {
display: block;
margin: 2rem 0 1rem
}
@media print, screen and (min-width: 64em) {
.in-numbers {
margin: 5rem 0 2.5rem
}
}
.in-numbers svg.hide-for-medium {
max-width: 20rem
}
.image-button-link {
display: block;
position: relative;
border-radius: 1rem;
overflow: hidden
}
.image-button-link::after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: rgba(2, 27, 65, .1);
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out
}
.image-button-link:hover::after {
background: rgba(2, 27, 65, 0)
}
.image-button-link .inner {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2
}
.image-button-link img {
display: block
}
.image-button-link .button {
margin: 0;
white-space: nowrap
}
.block-numbers .number {
margin-bottom: 1.25rem;
margin-top: 1.25rem;
text-align: center
}
@media print, screen and (min-width: 40em) {
.block-numbers .number {
margin-bottom: 0;
margin-top: 0;
text-align: left
}
}
@media print, screen and (min-width: 64em) {
.block-numbers .number {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
.block-numbers .number .image {
height: 3rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 1.25rem
}
@media print, screen and (min-width: 40em) {
.block-numbers .number .image {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media print, screen and (min-width: 64em) {
.block-numbers .number .image {
display: block;
margin-right: 1.875rem;
margin-bottom: 0
}
}
.block-numbers .number .content {
font-size: 1.25rem;
line-height: 1em;
font-weight: 500
}
@media print, screen and (min-width: 64em) {
.block-numbers .number .content {
font-size: 1.5625rem
}
}
.block-numbers .number .content span {
font-size: .875rem;
opacity: .7;
font-weight: 400
}
@media print, screen and (min-width: 64em) {
.block-numbers .number .content span {
font-size: 1rem
}
}
.language-notice {
padding: 1.375rem 0;
background: #ff4500;
margin: 0;
color: #fff
}
.language-notice p {
position: relative;
padding-left: 1.625rem;
margin: 0;
font-size: .75rem;
line-height: 1.14286
}
@media print, screen and (min-width: 64em) {
.language-notice p {
font-size: .875rem
}
}
.language-notice svg {
display: block;
position: absolute;
left: 0;
top: 0
}
.language-notice .inner {
position: relative;
padding-right: 3.375rem
}
.language-notice .close-button {
font-size: 2.25rem;
width: 1em;
height: 1em;
color: #000;
right: -.75rem;
top: -.625rem;
color: #fff;
font-weight: 300
}
.language-notice .close-button span {
display: block
}
#marketing-toggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 1.5em
}
#marketing-toggle p {
margin: 0 1em 0 0
}
#marketing-toggle .switch {
margin: 0
}
#marketing-toggle .switch-paddle {
border-radius: 4px
}
@font-face {
font-display: swap;
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #ff4500
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-webkit-scroll-snap-type: x mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-webkit-scroll-snap-type: y mandatory;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
body.compensate-for-scrollbar {
overflow: hidden
}
.fancybox-active {
height: auto
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
-webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity .25s ease, visibility 0s ease .25s;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
-webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-toolbar {
right: 0;
top: 0
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0
}
.fancybox-slide--image::before {
display: none
}
.fancybox-slide--html {
padding: 6px
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image, .fancybox-spaceball {
background: 0 0;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%
}
.fancybox-slide--video .fancybox-content {
background: #000
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
background: #fff
}
.fancybox-iframe, .fancybox-video {
background: 0 0;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0
}
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color .2s;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color: #ccc
}
.fancybox-button:hover {
color: #fff
}
.fancybox-button:focus {
outline: 0
}
.fancybox-button.fancybox-focus {
outline: 1px dotted
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: 0
}
.fancybox-button div {
height: 100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0
}
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) {
display: none
}
.fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) {
display: none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 99998
}
.fancybox-close-small {
background: 0 0;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px
}
.fancybox-navigation .fancybox-button div {
padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right)
}
.fancybox-caption {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
color: #ccc;
text-decoration: none
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline
}
.fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: 0 0;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(.5, .5, .5);
transform: scale3d(.5, .5, .5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1)
}
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px
}
.fancybox-slide--image {
padding: 6px 0
}
.fancybox-close-small {
right: -6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0
}
.fancybox-share p {
margin: 0;
padding: 0
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:link, .fancybox-share__button:visited {
color: #fff
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
background: 0 0;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: 0;
padding: 10px 15px;
width: 100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: 0;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991
}
.fancybox-thumbs__list a:focus::before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1
}
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
}
body {
padding-top: 4.5rem
}
@media screen and (min-width: 75em) {
body {
padding-top: 6.25rem
}
}
.top-bar {
width: 100%;
position: fixed;
z-index: 10;
top: 0;
background: #000000;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, .3)
}
.top-bar > .grid-x {
padding-right: .9375rem;
padding-left: .9375rem;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
height: 4.5rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media print, screen and (min-width: 40em) {
.top-bar > .grid-x {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media screen and (min-width: 75em) {
.top-bar > .grid-x {
height: 6.25rem
}
}
.top-bar .menu {
font-size: .875rem;
font-weight: 500;
position: static
}
@media screen and (min-width: 75em) {
.top-bar .menu {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.top-bar .menu a {
padding: .75rem 0
}
@media print, screen and (min-width: 64em) {
.top-bar .menu a {
padding: .75rem .625rem
}
}
@media screen and (min-width: 75em) {
.top-bar .menu a {
padding: .75rem 1.125rem
}
}
.top-bar .menu a.more-link {
display: inline-block;
line-height: 2;
padding: 0
}
.top-bar .menu > li > a:not(.button) {
height: 6.25rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
color: #ffffff
}
.top-bar .menu > li > a:not(.button):before {
content: '';
position: absolute;
bottom: 25px;
left: 50%;
margin-left: -2px;
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #ffffff;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.top-bar .menu > li > a:not(.button).hover:before, .top-bar .menu > li > a:not(.button):hover:before {
opacity: 1
}
.top-bar .menu .button {
display: inline-block;
padding: .75rem 1.1875rem;
font-size: .875rem;
font-weight: 500;
border-radius: 1.3572em;
color: #ffffff
}
.top-bar .menu .button.button1 {
display: inline-block;
padding: .75rem 1.1875rem;
font-size: .875rem;
font-weight: 500;
border-radius: 1.3572em;
color: #ffffff;
}
.top-bar .menu .button.hollow {
border: 1px solid rgba(255, 255, 255, .3)
}
.top-bar .menu .button.hollow:focus, .top-bar .menu .button.hollow:hover {
background-color: #ff4500;
border-color: #ff4500;
color: #fff
}
.top-bar .menu .button.search-toggle {
padding: .75rem
}
.top-bar .menu .icon {
display: block
}
.top-bar .menu .icon.icon-pin {
display: inline-block
}
.top-bar .menu .top-bar__lang {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (min-width: 90em) {
.top-bar .menu .top-bar__lang {
margin-left: .625rem
}
}
.top-bar .menu .top-bar__lang:focus, .top-bar .menu .top-bar__lang:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.top-bar .menu .top-bar__lang:focus .icon, .top-bar .menu .top-bar__lang:hover .icon {
opacity: 1
}
.top-bar .menu .top-bar__lang .icon {
font-size: 1rem;
margin: -1px .5rem -1px 0;
opacity: .4;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.top-bar .menu.secondary {
margin-top: 1.25rem;
margin-left: -.375rem
}
@media screen and (min-width: 75em) {
.top-bar .menu.secondary {
margin-top: 0;
margin-left: 1.25rem
}
.top-bar .menu.secondary li + li {
margin-left: .3125rem
}
}
@media screen and (min-width: 75em) {
.top-bar .menu.secondary {
margin-left: 2.25rem
}
}
@media screen and (min-width: 64em) {
.top-bar .menu .top-bar__lang {
margin-left: 0;
}
}
.card--partners .card-image {
height: 100%;
}
.loading {
margin-top: 2rem;
}
.top-bar__logo {
display: block;
width: 15.25rem;
height: 4.875rem;
background-image: url(../../themes/serumula/assets/img/Logo.png);
background-position: left center;
background-repeat: no-repeat;
background-size: auto
}
.top-bar__logo img {
display: block
}
.top-bar .top-bar__toggle {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2.75rem;
width: 1em;
height: 1em;
margin-right: -.375rem
}
@media screen and (min-width: 75em) {
.top-bar .top-bar__toggle {
display: none !important
}
}
.top-bar .top-bar__toggle::after {
width: 1.25rem;
top: .8125rem;
left: .75rem;
-webkit-transition: background .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: background .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
transition: background .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}
.top-bar .search-form {
margin-right: 3.75rem
}
.off-canvas {
padding: 3.75rem 1.875rem 1.875rem 1.875rem
}
.off-canvas .inner {
min-height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.off-canvas .menu a {
padding: .625rem 0
}
.off-canvas .menu li a:not(.button) {
color: #021b41
}
.off-canvas .menu li a:not(.button).menu__box {
border: 1px solid #e6e6e6;
margin: .3125rem 0;
width: 100%
}
.off-canvas .menu li .has-nested {
position: relative
}
.off-canvas .menu li .has-nested::after {
content: '';
position: absolute;
width: .75rem;
height: 2.13333em;
right: 0;
top: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uLWNhcmV0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlN5bWJvbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlBhbmVsL01lbnUvaG92ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzY1LjAwMDAwMCwgLTQ3LjAwMDAwMCkiIGZpbGw9IiMwMjFCNDEiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNS1Db3B5Ij4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMjYuMDAwMDAwLCAyOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSUNPTi9Ecm9wZG93bl9zeW1ib2wvQmx1ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzkuMDAwMDAwLCAxOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuMzcxNjQ3MDcsMC40MTI5NDExOTIgTDcuMjQ4OTY1ODcsMy42MDk5NjIwOCBDNy40MzM2OTUzOCwzLjgxNTIxNzA5IDcuNDE3MDU2MTcsNC4xMzEzNjIwMSA3LjIxMTgwMTE2LDQuMzE2MDkxNTIgQzcuMTE5OTg4ODEsNC4zOTg3MjI2NCA3LjAwMDgzOTY5LDQuNDQ0NDQ0NDQgNi44NzczMTg4LDQuNDQ0NDQ0NDQgTDEuMTIyNjgxMiw0LjQ0NDQ0NDQ0IEMwLjg0NjUzODgyNyw0LjQ0NDQ0NDQ0IDAuNjIyNjgxMjAyLDQuMjIwNTg2ODIgMC42MjI2ODEyMDIsMy45NDQ0NDQ0NCBDMC42MjI2ODEyMDIsMy44MjA5MjM1NiAwLjY2ODQwMzAxMSwzLjcwMTc3NDQzIDAuNzUxMDM0MTI5LDMuNjA5OTYyMDggTDMuNjI4MzUyOTMsMC40MTI5NDExOTIgQzMuODEzMDgyNDQsMC4yMDc2ODYxODIgNC4xMjkyMjczNiwwLjE5MTA0Njk3NSA0LjMzNDQ4MjM3LDAuMzc1Nzc2NDg1IEM0LjM0NzUxMzYsMC4zODc1MDQ1OTIgNC4zNTk5MTg5NywwLjM5OTkwOTk2MiA0LjM3MTY0NzA3LDAuNDEyOTQxMTkyIFoiIGlkPSJJQ09OL0Ryb3Bkb3duX3N5bWJvbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDIuMjIyMjIyKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4wMDAwMDAsIC0yLjIyMjIyMikgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
.off-canvas .menu li[aria-expanded=true] a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.off-canvas .menu.expanded {
margin-left: 0
}
.off-canvas .menu.nested {
margin-top: .625rem
}
.off-canvas .menu.nested li a:not(.menu__box) {
font-size: .875rem;
position: relative;
margin-left: 10px
}
.off-canvas .menu.nested li a:not(.menu__box):before {
content: '';
position: absolute;
left: -10px;
top: 50%;
margin-top: -2px;
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #ff4500
}
.off-canvas .menu.nested .menu__block {
margin-bottom: .9375rem
}
.off-canvas .menu.nested .menu__block .menu__headline {
font-size: .875rem;
color: #80379b
}
.off-canvas .menu.secondary {
margin-top: 1.875rem
}
.off-canvas .menu.secondary li {
margin-bottom: .625rem
}
.off-canvas .section--search {
margin: 1.25rem -1.875rem;
padding: 1.25rem 1.875rem;
background: rgba(133, 183, 226, .5)
}
.off-canvas .section--search .button {
width: auto;
height: auto;
padding: .75rem;
right: .3125rem;
top: .3125rem;
border: 0 none
}
.off-canvas .search-field {
height: 3.125rem;
padding: 0 3.125rem 0 1.25rem
}
.off-canvas .offcanvas__footer {
margin-top: auto;
padding-top: 2.5rem
}
.off-canvas .offcanvas__footer .pre-headline {
margin: 0
}
.off-canvas .offcanvas__footer .pre-headline .icon {
font-size: 1rem;
margin-bottom: 2px;
margin-right: .2rem;
vertical-align: middle
}
.off-canvas .offcanvas__footer .menu {
margin-top: .625rem;
margin-bottom: 0
}
.off-canvas .offcanvas__footer .menu li {
margin-bottom: 0
}
.off-canvas .offcanvas__footer a {
margin-right: .625rem;
padding: .5rem .9375rem
}
.off-canvas .close-button {
font-size: 2.75rem;
width: 1em;
height: 1em;
right: .9375rem;
top: .875rem;
color: #021b41
}
.off-canvas .close-button span {
display: block
}
.top-bar.dropdown-opened {
background-color: #fff;
-webkit-box-shadow: 0 1px 0 0 rgba(2, 27, 65, .1);
box-shadow: 0 1px 0 0 rgba(2, 27, 65, .1)
}
.top-bar.dropdown-opened .top-bar__logo {
background-image: url(../../themes/serumula/assets/img/logo.png)
}
.top-bar.dropdown-opened .menu .top-bar__lang, .top-bar.dropdown-opened .menu a:not(.button):not(.more-link) {
color: #ff4500
}
.top-bar.dropdown-opened .menu .hollow {
color: #ff4500;
border-color: #ffffff
}
.top-bar .dropdown-pane {
display: block;
width: 100% !important;
max-width: 100%;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
border: 0;
z-index: 550;
top: 6.25rem !important;
background-color: #fff;
color: #ff4500;
padding: 2.5rem 0;
border-top: 1px solid rgba(2, 27, 65, .1);
-webkit-box-shadow: 0 20px 25px 0 rgba(2, 27, 65, .1);
box-shadow: 0 20px 25px 0 rgba(2, 27, 65, .1);
opacity: 0
}
.top-bar .dropdown-pane.is-open {
opacity: 1
}
.top-bar .dropdown-pane.is-open .grid-container > .grid-x > .cell {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
.top-bar .dropdown-pane a:not(.menu__box):not(.card):not(.more-link) {
font-size: .875rem;
color: #7c878e;
font-weight: 400;
padding: .625rem 0 .125rem 0
}
.top-bar .dropdown-pane a:not(.menu__box):not(.card):not(.more-link):hover {
color: #ff4500;
text-decoration: underline
}
.top-bar .dropdown-pane a:not(.button):hover:before {
display: none;
opacity: 0
}
.top-bar .dropdown-pane a.card {
padding: 0;
margin-bottom: 1.875rem
}
.top-bar .dropdown-pane a.card:hover {
text-decoration: none
}
.top-bar .dropdown-pane a.card .card-image {
margin-bottom: 0;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.top-bar .dropdown-pane a.card .card-section {
max-width: 18.75rem
}
.top-bar .dropdown-pane a.card .headline {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.top-bar .dropdown-pane .hr--dotted {
margin-bottom: 1.875rem
}
.top-bar .dropdown-pane .hr--dotted + .more-link {
margin-bottom: -3.125rem
}
.top-bar .dropdown-pane .grid-container > .grid-x > .cell {
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
opacity: 0
}
.top-bar .dropdown-pane .grid-container > .grid-x > .cell:nth-child(2) {
-webkit-transition-delay: 30ms;
transition-delay: 30ms
}
.top-bar .dropdown-pane .grid-container > .grid-x > .cell:nth-child(3) {
-webkit-transition-delay: 60ms;
transition-delay: 60ms
}
.top-bar .dropdown-pane .grid-container > .grid-x > .cell:nth-child(4) {
-webkit-transition-delay: 90ms;
transition-delay: 90ms
}
.top-bar .dropdown-pane .grid-x {
height: auto
}
.top-bar .dropdown-pane ul {
background-color: transparent;
list-style-type: none
}
.top-bar .dropdown-pane ul a:hover {
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in
}
.top-bar .dropdown-pane ul a::after {
content: '';
position: absolute;
width: 1em;
height: 2.13333em;
left: -2.1875rem;
top: 3px;
background: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 11 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.5882 6.66c-1.4294 0-2.5882 1.0836-2.5882 2.4203s1.1588 2.4201 2.5882 2.4201c1.4294 0 2.5882-1.0834 2.5882-2.4201s-1.1588-2.4203-2.5882-2.4203' fill='%2300bfb2'/%3E%3Cpath d='m8.4082 3.63c-1.4294 0-2.5882 1.0834-2.5882 2.4202 0 1.3366 1.1588 2.4202 2.5882 2.4202 1.4294 0 2.5882-1.0836 2.5882-2.4202 0-1.3368-1.1588-2.4202-2.5882-2.4202' fill='%2300bfb2'/%3E%3Cpath d='m2.5882 0c-1.4294 0-2.5882 1.0834-2.5882 2.4203 0 1.3366 1.1588 2.4201 2.5882 2.4201 1.4294 0 2.5882-1.0834 2.5882-2.4201 0-1.3368-1.1588-2.4203-2.5882-2.4203' fill='%2300bfb2'/%3E%3C/svg%3E%0A") no-repeat 0 center;
background-size: .75rem;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.top-bar .dropdown-pane ul a:hover:after {
opacity: 1;
left: -1.5625rem
}
.top-bar .dropdown-pane .menu.menu--topbar li a:not(.button) {
height: auto;
font-size: 1.25rem;
padding: .9375rem 0;
color: #021b41
}
.top-bar .dropdown-pane .menu.menu--topbar li a:not(.button):hover {
text-decoration: none
}
.top-bar .dropdown-pane .dropdown-section {
position: relative;
padding-left: 5.625rem
}
.top-bar .dropdown-pane .dropdown-section:before {
content: '';
width: 1px;
position: absolute;
top: -2.5rem;
bottom: -2.5rem;
left: 0;
background-color: #e6e6e6
}
.top-bar #mm-search {
padding: 0
}
.top-bar #mm-search .grid-container {
position: relative
}
.top-bar #mm-search .close-button {
font-size: 2.5rem;
color: #021b41;
top: 0;
background: #021b41;
padding: 0;
width: 1em;
height: 1em;
border-radius: 1em;
color: #fff;
top: 50%;
margin-top: -.5em
}
.top-bar .card--event {
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f3f8fc
}
.top-bar .card--event:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.top-bar .card--event .headline {
font-size: 1.25rem;
margin-top: 0
}
.top-bar .card--event .pre-headline {
margin: 0
}
.hero {
background-color: #000000;
position: relative;
color: #fff;
overflow-x: hidden
}
.hero__content {
position: relative;
z-index: 1;
padding: 3.75rem 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media print, screen and (min-width: 40em) {
.hero__content {
min-height: 26.75rem
}
}
@media print, screen and (min-width: 64em) {
.hero__content {
padding: 6.25rem 0;
min-height: 33rem
}
}
@media screen and (min-width: 75em) {
.hero__content {
min-height: 39.25rem
}
}
.hero__circle-img {
max-width: 12.5rem;
padding: 1.25rem 0;
position: relative
}
@media print, screen and (min-width: 40em) {
.hero__circle-img {
max-width: 18.75rem;
margin-left: 1.875rem;
max-width: 29.375rem
}
}
.hero__circle-img .inner {
display: block;
padding-top: 100%;
position: relative
}
.hero__circle-img .inner::after {
content: '';
display: block;
width: 100vw;
height: 100%;
background: url(../../themes/serumula/assets/img/hero_industry_lines.svg) no-repeat left center;
background-size: auto 100%;
position: absolute;
left: 21%;
top: 51%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.hero__circle-img .inner img {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%
}
.hero__circle-img .inner.video::after {
width: 100%;
height: 100%;
background: rgba(19, 19, 19, .5);
left: 0;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border-radius: 100%;
z-index: 1
}
.hero__circle-img .inner.video:hover .play-button {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
.hero__circle-img .icon {
display: block;
font-size: 3.125rem;
position: absolute;
left: 50%;
top: 50%;
margin: -.5em 0 0 -.5em;
border-radius: 100%;
-webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease
}
@media print, screen and (min-width: 48em) {
.hero__circle-img .icon {
font-size: 4.375rem
}
}
.hero__circle-img .play-button {
position: absolute;
left: 50%;
top: 50%;
margin: -1.25rem 0 0 -1.25rem;
width: 2.5rem;
height: 2.5rem;
border-radius: 2.5rem;
background: #e5352b;
z-index: 2;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
@media print, screen and (min-width: 64em) {
.hero__circle-img .play-button {
margin: -2.6875rem 0 0 -2.6875rem;
width: 5.375rem;
height: 5.375rem;
border-radius: 5.375rem
}
}
.hero__circle-img .play-button .icon {
font-size: .75rem;
color: #fff
}
@media print, screen and (min-width: 64em) {
.hero__circle-img .play-button .icon {
font-size: 1.25rem
}
}
.hero__circle-img .pulse {
margin: -1.1875rem 0 0 -1.1875rem;
width: 2.375rem;
height: 2.375rem;
border-radius: 2.375rem;
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
background-color: #fff;
-webkit-animation: scaleIn 2s infinite cubic-bezier(0, 0, .2, 1);
animation: scaleIn 2s infinite cubic-bezier(0, 0, .2, 1);
z-index: 2
}
@media print, screen and (min-width: 64em) {
.hero__circle-img .pulse {
margin: -2.5rem 0 0 -2.5rem;
width: 5rem;
height: 5rem;
border-radius: 5rem
}
}
.hero__circle-img .pulse:nth-of-type(2) {
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.hero__circle-img .stroke {
margin: -4.375rem 0 0 -4.375rem;
width: 8.75rem;
height: 8.75rem;
border-radius: 8.75rem;
position: absolute;
left: 50%;
top: 50%;
border: 1px solid rgba(255, 255, 255, .3)
}
@media print, screen and (min-width: 64em) {
.hero__circle-img .stroke {
margin: -9.375rem 0 0 -9.375rem;
width: 18.75rem;
height: 18.75rem;
border-radius: 18.75rem
}
}
.hero__circle-img .partner {
width: 5rem;
height: 5rem;
position: absolute;
left: 0;
bottom: 0;
border-radius: 100%;
overflow: hidden;
display: block;
background-color: #fff;
padding: 1.25rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media print, screen and (min-width: 40em) {
.hero__circle-img .partner {
width: 7.9375rem;
height: 7.9375rem;
padding: 1.875rem
}
}
.hero__circle-img .partner img {
width: auto;
height: auto;
-o-object-fit: unset;
object-fit: unset
}
.hero--product {
text-align: center
}
@media print, screen and (min-width: 40em) {
.hero--product {
text-align: left
}
}
.hero--product.hero--w-carousel .hero__content {
padding-bottom: 1.25rem
}
.hero--product p {
margin-left: auto;
margin-right: auto
}
@media print, screen and (min-width: 40em) {
.hero--product p {
margin-left: 0
}
}
.hero--product .button-group {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media print, screen and (min-width: 40em) {
.hero--product .button-group {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.hero__product-img {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
position: relative;
margin-top: 1.25rem
}
@media print, screen and (min-width: 40em) {
.hero__product-img {
margin-top: 0
}
}
.hero__product-img .lottie, .hero__product-img img {
width: 100%;
height: auto
}
@media print, screen and (min-width: 40em) {
.hero__product-img .lottie, .hero__product-img img {
width: auto;
height: 100%;
position: absolute;
left: 100%;
top: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.hero--w-carousel .hero__product-img .lottie, .hero--w-carousel .hero__product-img img {
height: 110%
}
}
@media print, screen and (min-width: 40em) {
.hero__product-img .lottie {
width: 100%
}
}
.hero .headline {
display: block;
line-height: 1.33333;
font-weight: 500
}
.hero .headline small {
margin-bottom: 1.875rem;
color: rgba(255, 255, 255, .5);
font-weight: 500
}
.hero .headline span {
color: #85b7e2
}
@media screen and (max-width: 47.99875em) {
.hero .headline br {
display: none !important
}
}
.hero .p, .hero p {
max-width: 25em;
margin-top: 1em;
margin-bottom: 1em;
font-size: .9375rem;
line-height: 1.8;
color: rgba(255, 255, 255, .7);
font-weight: 400
}
@media print, screen and (min-width: 40em) {
.hero .p, .hero p {
max-width: 32em
}
}
@media screen and (max-width: 47.99875em) {
.hero .p br, .hero p br {
display: none !important
}
}
.hero .button {
margin-top: 1.5625rem
}
.hero .button.hollow {
color: #fff
}
.hero .button-group {
margin: 1.5625rem -.3125rem .6875rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.hero .button-group .button {
margin: .3125rem
}
.hero--big {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.hero--big::before {
content: '';
display: block;
width: 100%;
height: 6.25rem;
position: absolute;
left: 0;
bottom: 62vw;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(2, 27, 65, 0)), to(#021b41));
background: linear-gradient(0deg, rgba(2, 27, 65, 0), #021b41);
z-index: 1
}
@media print, screen and (min-width: 40em) {
.hero--big::before {
content: none
}
}
.hero--big .grid-container {
width: 100%
}
@media print, screen and (min-width: 40em) {
.hero--big .hero__content {
min-height: 34.375rem
}
}
@media print, screen and (min-width: 64em) {
.hero--big .hero__content {
min-height: 39.375rem
}
}
@media screen and (min-width: 90em) and (min-height: 50em) {
.hero--big .hero__content {
min-height: 49.375rem
}
}
.comment {
width: 350px;
background-color: #fff;
margin:0px;
color: #525252;
font-family: Arial, sans-serif;
}
a.morelink {
text-decoration:none;
outline: none;
}
.ReadMore {
display: visible;
}
.morecontent span {
display: none;
color: #525252;
}
.hover-underline-animation {
display: inline-block;
position: relative;
color: #000000;
}
.hover-underline-animation:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: #ff4500;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
section{
float: left;
position: relative;
padding: 30px 0;
z-index: 1;
width: 98%;
}
.section-title{
float: left;
position: relative;
width: 100%;
padding-bottom: 40px;
}
.section-title p{
color: #7d93b2;
font-size: 13px;
line-height: 20px;
max-width: 550px;
margin: 0 auto;
}
.section-title h2 {
float: left;
width: 100%;
text-align: center;
color: #007aff;
font-size: 34px;
font-weight: 800;
position: relative;
}
.section-separator {
float: left;
width: 100%;
position: relative;
margin: 20px 0;
}
.section-separator:before{
content: '';
position: absolute;
left: 50%;
top: 0;
height: 3px;
width: 50px;
border-radius: 3px;
z-index: 2;
background-color: #007aff;
margin-left: -25px;
}
.swiper-container {
width: 100%;
height: 100%;
}
.listing-carousel-button{
position: absolute;
width: 80px;
height: 50px;
line-height: 50px;
margin-top: -25px;
z-index: 100;
cursor: pointer;
background: #007aff;
box-shadow: 0 9px 26px rgba(58, 87,135,0.45);
transition: all 200ms linear;
outline: none;
}
.listing-carousel-button.listing-carousel-button-next{
right: -30px;
padding-right: 20px;
border-radius: 60px 0 0 60px;
}
.listing-carousel-button.listing-carousel-button-prev{
left: -30px;
padding-left: 20px;
border-radius: 0 60px 60px 0;
}
.listing-carousel-button.listing-carousel-button-next:hover{
right: -25px;
background: rgba(6,27,65,0.4);
}
.listing-carousel-button.listing-carousel-button-prev:hover{
left: -15px;
background: rgba(6,27,65,0.4);
}
.testi-item {
transition: all .3s ease-in-out;
transform: scale(0.9);
opacity: 0.9;
}
.testimonials-text {
padding: 75px 50px 75px;
overflow:hidden;
background: #f5f6fa;
border:1ps solid #f1f1f1;
border-radius: 10px;
transition: all .3s ease-in-out;
}
.testimonials-text-after{
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
color: #ccc;
opacity: .3;
font-size: 35px;
transition: all 400ms linear;
bottom: 25px;
right: 30px;
}
.testimonials-text-before{
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
color: #ccc;
opacity: .3;
font-size: 35px;
transition: all 400ms linear;
top: 25px;
left: 30px;
}
.testimonials-text .listing-rating{
float: none;
display: inline-block;
margin-bottom: 12px;
}
.listing-rating i{
color: #007aff;
}
.testimonials-avatar h3{
font-weight: 600;
color: #7d93b2;
font-size: 18px;
}
.testimonials-avatar h4{
font-weight:400;
font-size:12px;
padding-top:6px;
color:#007aff;
}
.testimonials-carousel .swiper-slide{
padding: 30px 0;
}
.testi-avatar{
position: relative;
margin-top: 0;
}
.testi-avatar img{
display: block;
border-radius: 10px;
width: 200%;
min-height: 1p
}
.swiper-slide-active .testimonials-text {
background: #fff;
box-shadow: 0 9px 26px rgba(58, 87,135,0.1);
}
.testimonials-text p{
color: #878c9f;
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
line-height: 24px;
padding-bottom: 10px;
font-weight: 500;
}
.text-link{
position: absolute;
bottom:0;
padding: 15px 0;
border-radius: 10px 10px 0 0;
background: #f9f9f9;
border:1px solid #eee;
box-shadow: 0 10px 15px rgba(0,0,0,0.03);
left: 50%;
width: 200px;
margin-left: -100px;
}
.swiper-slide-active .testi-item{
opacity: 1;
transform: scale(1.0);
}
.tc-pagination{
float: left;
margin-top: 10px;
width: 100% !important;
}
.tc-pagination_wrap {
position: absolute;
bottom: -40px;
left: 0;
width: 100%;
}
.tc-pagination2{
float: none;
display: inline-block;
padding: 14px 0;
background: #fff;
border-radius: 30px;
min-width: 250px;
border-bottom: 0;
}
.tc-pagination .swiper-pagination-bullet, .tc-pagination2.swiper-pagination-bullet{
opacity: 1;
background: #384f95;
margin:0 2px;
width: 10px;
height: 10px;
transition: all 300ms ease-in-out;
}
@media print, screen and (min-width: 40em) {
.hero--small .hero__content, .hero--w-carousel .hero__content {
min-height: 18.75rem
}
}
@media print, screen and (min-width: 64em) {
.hero--small .hero__content, .hero--w-carousel .hero__content {
padding: 3.75rem 0;
min-height: 23.125rem
}
}
@media screen and (min-width: 75em) {
.hero--small .hero__content, .hero--w-carousel .hero__content {
min-height: 27.5rem
}
}
.hero--module .hero__lines {
color: #ffffff
}
.hero--module .hero__lines path {
stroke: currentColor;
fill: currentColor
}
.hero--module .hero__lines.dark-blue {
color: #ff4500
}
.hero--module .hero__lines.light-blue {
color: #85b7e2
}
.hero--module .hero__lines.aqua {
color: #ff4500
}
.hero--module .hero__lines.black {
color: #131313
}
.hero--module .hero__lines.gray {
color: #7c878e
}
.hero--module .hero__lines.green {
color: #00af3e
}
.hero--module .hero__lines.orange {
color: #ef9020
}
.hero--module .hero__lines.red {
color: #e5352b
}
.hero--module .hero__lines.yellow {
color: #ffd616
}
.hero--module .hero__lines.purple {
color: #80379b
}
.hero--module .hero__lines.plum {
color: #9f1f5c
}
.hero--module .hero__lines.waves {
color: #ffffff
}
.hero--module .hero__lines.ocean {
color: #00505c
}
.hero--module .hero__lines.dark-blue-7 {
color: #021b41b3
}
.hero--module .hero__lines.black-7 {
color: #131313b3
}
.hero--module .hero__lines.white-7 {
color: #ffffffb3
}
.hero--module .hero__lines.gray-7 {
color: #7c878eb3
}
.hero--module svg {
display: block;
position: absolute;
width: 35%;
height: auto;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (max-width: 39.99875em) {
.hero--module svg {
display: none !important
}
}
@media print, screen and (min-width: 64em) {
.hero--module svg {
width: 35.25rem
}
}
.hero--404 hr {
margin: 2.5rem 0
}
@media print, screen and (min-width: 40em) {
.hero--404 img {
margin: 2.5rem 0
}
}
.hero--404 p {
max-width: none
}
@media print, screen and (max-width: 39.99875em) {
.hero--404 .hero__content {
padding-left: 1.875rem;
padding-right: 1.875rem
}
}
.hero--casestudy .meta {
margin-top: 3.75rem
}
@media print, screen and (min-width: 64em) {
.hero--casestudy .hero__content {
min-height: 48.75rem
}
}
@-webkit-keyframes scaleIn {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: .15
}
to {
-webkit-transform: scale(3.75, 3.75);
transform: scale(3.75, 3.75);
opacity: 0
}
}
@keyframes scaleIn {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: .15
}
to {
-webkit-transform: scale(3.75, 3.75);
transform: scale(3.75, 3.75);
opacity: 0
}
}
.hero__bg--home {
display: block;
width: 160%;
max-width: 100rem;
height: 49.375%;
margin: -35vw 0 0 -60%;
position: relative;
z-index: 0
}
@media print, screen and (min-width: 40em) {
.hero__bg--home {
width: 100%;
height: 100%;
margin: 0 auto;
position: absolute;
z-index: 0;
left: 0;
right: 0;
top: 0
}
}
.hero__bg--home img, .hero__bg--home svg {
display: block;
width: 160%
}
@media print, screen and (min-width: 40em) {
.hero__bg--home img, .hero__bg--home svg {
width: auto !important;
max-width: none;
height: 100%;
position: absolute;
bottom: 0;
left: 40%;
-webkit-transform: translateX(-40%) !important;
-ms-transform: translateX(-40%) !important;
transform: translateX(-40%) !important
}
}
@media print, screen and (min-width: 64em) {
.hero__bg--home img, .hero__bg--home svg {
left: 9%;
-webkit-transform: translateX(-9%) !important;
-ms-transform: translateX(-9%) !important;
transform: translateX(-9%) !important
}
}
@media screen and (min-width: 75em) {
.hero__bg--home img, .hero__bg--home svg {
left: auto;
right: 0;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important
}
}
.hero__bg--home .lottie {
display: absolute;
width: 160%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 5
}
.hero__carousel {
position: relative;
padding-top: 2.5rem;
padding-bottom: 2.875rem
}
.hero__carousel::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%2385b7e2' fill-opacity='0.7' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.hero__carousel .cell {
position: relative
}
.hero__carousel .swiper-controls {
position: absolute;
text-align: right;
top: 0;
right: 0
}
@media print, screen and (min-width: 40em) {
.hero__carousel .swiper-controls {
position: relative;
top: 2.125rem
}
}
.hero__carousel .swiper-button {
color: #fff
}
.swiper--hero .swiper-slide {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 .9375rem
}
@media print, screen and (min-width: 40em) {
.swiper--hero .swiper-slide {
width: 50%
}
}
.hero__reference {
max-width: 31.25rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
color: #fff;
text-align: left
}
@media screen and (min-width: 30em) {
.hero__reference {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.hero__reference:hover {
color: #fff
}
.hero__reference .image {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-bottom: .9375rem
}
@media screen and (min-width: 30em) {
.hero__reference .image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 10.75rem;
margin-right: 1.875rem;
margin-bottom: 0
}
}
.hero__reference .image img {
width: 100%;
display: block;
border-radius: 8px
}
.hero__reference .content {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%
}
@media screen and (min-width: 30em) {
.hero__reference .content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
}
.hero__reference .headline {
margin-bottom: .375rem;
font-size: .9375rem;
font-weight: 500;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.hero__reference .customer-info {
font-size: .75rem;
line-height: 1.5;
margin-bottom: .5rem
}
.section {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
@media print, screen and (min-width: 40em) {
.section {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media print, screen and (min-width: 64em) {
.section {
padding-top: 5.5rem;
padding-bottom: 5.5rem
}
}
.section--small {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
@media print, screen and (min-width: 40em) {
.section--small {
padding-top: 3.375rem;
padding-bottom: 3.375rem
}
}
@media print, screen and (min-width: 64em) {
.section--small {
padding-top: 4rem;
padding-bottom: 4rem
}
}
.section--big {
padding-top: 5rem;
padding-bottom: 5rem
}
@media print, screen and (min-width: 40em) {
.section--big {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
}
@media print, screen and (min-width: 64em) {
.section--big {
padding-top: 7.5rem;
padding-bottom: 7.5rem
}
}
.section--white {
background-color: #fff
}
.section--dark-blue {
background-color: #000000;
color: #fff
}
.section--dark-blue .section__headline p {
color: rgba(255, 255, 255, .7)
}
.section--dark-blue .section__headline p strong {
color: #fff
}
.section--dark-blue hr {
border-color: rgba(133, 183, 226, .3);
margin: 3.75rem 0
}
.section--dark-blue.has-divider {
background-image: url("data:image/svg+xml,%3Csvg width='196' height='26' viewBox='0 0 196 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L196 0H191.08C174.317 0 157.844 4.37459 143.29 12.6914V12.6914C113.677 29.6132 77.2754 29.586 47.6623 12.6641V12.6641C33.1536 4.37347 16.7104 0 0 0V0Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center top
}
.section--snow {
background-color: #f6f4f4
}
.section--ocean {
background-color: #00505c;
color: #fff
}
.section--ocean {
background-color: #00505c;
color: #fff
}
.section--light-blue {
background-color: #85b7e2
}
.section--light-blue p:not(.lead) {
color: rgba(2, 27, 65, .7)
}
.section--light-blue.has-divider {
background-image: url("data:image/svg+xml,%3Csvg width='196' height='26' viewBox='0 0 196 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L196 0H191.08C174.317 0 157.844 4.37459 143.29 12.6914V12.6914C113.677 29.6132 77.2754 29.586 47.6623 12.6641V12.6641C33.1536 4.37347 16.7104 0 0 0V0Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center top
}
.section--w-footer {
padding-bottom: 0
}
.section--w-bt {
border-top: 1px solid rgba(2, 27, 65, .1)
}
.section--w-bb {
border-bottom: 1px solid rgba(2, 27, 65, .1)
}
.section--w-hrt {
position: relative
}
.section--w-hrt::before {
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0;
content: '';
display: block;
width: calc(100% - 1.875rem);
max-width: 73.125rem;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0
}
.section--w-hrb {
position: relative
}
.section--w-hrb::after {
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0;
content: '';
display: block;
width: calc(100% - 1.875rem);
max-width: 73.125rem;
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.section--wo-pt {
padding-top: 0
}
.section--wo-pb {
padding-bottom: 0
}
.section--tabs {
padding: 2.5rem 0
}
.section__headline {
margin-bottom: 1.7em
}
div.section__headline {
margin-bottom: 1.7em
}
.section__headline hr {
margin: 2.5rem 0 0
}
@media print, screen and (min-width: 64em) {
.section__headline hr {
margin-top: 3.75rem
}
}
.section__headline .headline {
margin-bottom: .75em
}
.section__headline p {
font-weight: 400;
max-width: 45em;
font-size: .8125rem;
line-height: 1.66667;
color: #ffffff;
}
@media print, screen and (min-width: 64em) {
.section__headline p {
font-size: .9375rem
}
}
@media screen and (max-width: 39.99875em) {
.section__headline p br {
display: none !important
}
}
.section__headline p strong {
color: #021b41;
font-weight: 400
}
.section__headline.text-center p, .text-center .section__headline p {
margin-left: auto;
margin-right: auto
}
.section__headline--light .headline {
font-weight: 300
}
.section__headline--light hr {
margin: 1.875rem 0 0
}
@media print, screen and (min-width: 64em) {
.section__headline--light hr {
margin-top: 2.5rem
}
}
h2.section__headline--light {
font-weight: 300
}
.section__footer {
position: relative;
margin-top: 2.5rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.section__header {
position: relative;
margin-top: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media print, screen and (min-width: 64em) {
.section__footer {
margin-top: 3.75rem;
padding-top: 3.125rem;
padding-bottom: 3.125rem
}
.section__header {
margin-top: 1.5rem;
padding-top: 3.125rem;
padding-bottom: 3.125rem
}
}
.section__footer::before {
content: '';
display: block;
position: absolute;
top: 0;
left: .9375rem;
right: .9375rem;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.section__header::before {
content: '';
display: block;
position: absolute;
top: 0;
left: .5375rem;
right: .5375rem;
height: .1875rem;
background: #d3d3d3}
.section__footer p {
font-size: .9375rem
}
.section__footer p a {
font-weight: 500
}
.section__footer p a:hover {
text-decoration: underline
}
.section__footer .button {
margin-bottom: 1.25rem
}
.section__footer .button.clear {
margin-top: -.75rem;
margin-bottom: -.75rem
}
.section__footer .pre-headline {
text-transform: none;
margin-bottom: 1em
}
.section__footer.clean {
margin-top: 0
}
.section__footer.clean:before {
display: none
}
.section--title {
padding: 0
}
.section--title h1 {
margin-bottom: 0
}
.section--title .grid-container {
position: relative;
padding-top: 2rem;
padding-bottom: 2rem
}
@media print, screen and (min-width: 64em) {
.section--title .grid-container {
padding-top: 3.125rem;
padding-bottom: 3.125rem
}
}
.section--title .grid-container::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: .9375rem;
right: .9375rem;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.section--title.no-border .grid-container:before {
display: none
}
.section--title.no-border .grid-container:after {
display: none
}
.section--news .section__footer {
margin-top: 0;
}
.section--news .cards-list .card:first-child {
border-top: 1px solid rgba(2, 27, 65, .1);
padding-top: 1.5625rem
}
@media print, screen and (min-width: 40em) {
.section--news .cards-list .card:first-child {
padding-top: 0;
border-top: 0 none
}
}
.section--newsletter {
position: relative
}
@media screen and (min-width: 40em) {
.section--newsletter {
background: #000000;
background-size: auto 87%;
background-position: calc(100vw - 17%) bottom;
text-align: center
}
}
@media screen and (min-width: 90em) {
.section--newsletter {
background-position: right bottom
}
}
@media print, screen and (min-width: 40em) {
.section--newsletter::before {
content: '';
display: block;
width: 14.375rem;
height: .875rem;
position: absolute;
left: calc(50vw - 550px);
bottom: 60%;
background: #000000;
background-repeat: no-repeat;
background-size: 100%;
background-position: 0 0
}
}
@media print, screen and (min-width: 64em) {
.section--newsletter::before {
left: 0
}
}
.section--newsletter .section__headline {
margin-bottom: 1.2222em
}
.section--newsletter .section__headline small {
color: #ffd616
}
.section--resources .resources-list {
margin-bottom: 5rem
}
.section--resources .resources-list + .section__headline {
margin-top: 2.5rem
}
@media print, screen and (min-width: 64em) {
.section--resources .resources-list + .section__headline {
margin-top: 5rem
}
}
.section--products .section__headline {
margin-bottom: 0
}
.section--products h3 {
margin-top: 2em;
margin-bottom: 1.85em;
padding-top: 1.5em;
border-top: 1px solid rgba(133, 183, 226, .3);
color: #85b7e2
}
.section--question {
text-align: center;
background-image: url("data:image/svg+xml,%3Csvg width='17px' height='107px' viewBox='0 0 17 107' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Web' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12_02_Detail_award_serumula' transform='translate(-791.000000, -2587.000000)'%3E%3Cg id='Group-2-Copy-6' transform='translate(800.000000, 2640.500000) scale(-1, 1) rotate(-270.000000) translate(-800.000000, -2640.500000) translate(746.000000, 2632.000000)'%3E%3Ccircle id='Oval-Copy-3' fill='%2385B7E2' cx='8.5' cy='8.14516129' r='8'%3E%3C/circle%3E%3Cline x1='20.3876582' y1='8.14516129' x2='107' y2='8.14516129' id='Line-2-Copy-2' stroke='%2385B7E2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: center bottom;
background-repeat: no-repeat;
background-size: auto
}
@media print, screen and (min-width: 40em) {
.section--question {
padding-bottom: 10.625rem
}
}
@media print, screen and (max-width: 39.99875em) {
.section--question {
background-size: 10px
}
}
.section--question .image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 6.5625rem;
width: 6.5625rem;
margin: 0 auto .375rem
}
@media print, screen and (min-width: 64em) {
.section--question .image {
height: 8.75rem;
width: 8.75rem;
margin-bottom: .625rem
}
}
.section--question .image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.section--question .headline {
margin-bottom: 1.875rem
}
.section--question p {
color: rgba(255, 255, 255, .7);
font-size: .9375rem;
margin-bottom: 2.5rem
}
.section--question strong {
color: #fff;
font-weight: 400
}
.section--learn-more {
text-align: center
}
@media print, screen and (min-width: 40em) {
.section--learn-more {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='14px' height='271px' viewBox='0 0 14 271' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2385B7E2' d='M7,272c-0.55,0-1-0.45-1-1V20.47c0-0.55,0.45-1,1-1s1,0.45,1,1V271C8,271.55,7.55,272,7,272z'/%3E%3Cpath fill='%2385B7E2' d='M14,7.5c0,3.87-3.13,7-7,7s-7-3.13-7-7l0,0c0-3.87,3.13-7,7-7S14,3.63,14,7.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
background-position: center bottom;
background-repeat: no-repeat;
background-size: auto
}
}
.section--learn-more .cell {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media print, screen and (max-width: 39.99875em) {
.section--learn-more .cell + .cell {
margin-top: 1.875rem;
padding-top: 2.625rem;
border-top: 1px solid #85b7e2
}
}
.section--learn-more .image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 6.5625rem;
width: 6.5625rem;
margin: 0 auto .375rem
}
@media print, screen and (min-width: 64em) {
.section--learn-more .image {
height: 8.75rem;
width: 8.75rem;
margin-bottom: .625rem
}
}
.section--learn-more .image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.section--learn-more .headline, .section--learn-more p {
padding: 0 .9375rem
}
.section--learn-more .headline {
margin-bottom: .2em;
font-weight: 400
}
.section--learn-more .headline + .button {
margin-top: 1.5rem
}
.section--learn-more p {
max-width: 30em;
margin: 0 auto 1.5rem;
color: rgba(255, 255, 255, .7);
font-size: .75rem;
line-height: 1.57143
}
@media print, screen and (min-width: 64em) {
.section--learn-more p {
margin: 0 auto 2.1875rem;
font-size: .875rem
}
}
@media screen and (max-width: 39.99875em) {
.section--learn-more br {
display: none !important
}
}
.section--learn-more .button {
margin-top: auto;
margin-bottom: .75rem
}
.section--learn-more .button.hollow {
color: #fff
}
@media print, screen and (max-width: 39.99875em) {
.section--headquarters .cell {
margin-bottom: 1.25rem
}
}
.section--headquarters p {
font-size: .9375rem
}
.section--headquarters p:last-child {
margin-bottom: 0
}
.section--headquarters p a {
color: #7c878e;
word-break: break-all
}
.section--headquarters p a:hover {
color: #ff4500;
text-decoration: underline
}
.section--headquarters .cell.has-margin {
margin-bottom: 1.875rem
}
.section--headquarters .section__footer p {
color: #7c878e;
margin: 0
}
.section--headquarters .section__footer p strong {
color: #021b41;
font-weight: 400
}
.section--headquarters .section__footer .button {
margin: 0
}
@media print, screen and (min-width: 64em) {
.icon-columns {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.icon-column {
width: 50%;
margin-bottom: 2.5rem;
text-align: center
}
@media screen and (min-width: 33.75em) {
.icon-column {
width: 11.25rem
}
}
@media print, screen and (min-width: 64em) {
.icon-column {
width: 12.5rem
}
}
.icon-column .image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 6.5625rem;
width: 6.5625rem;
margin: 0 auto .375rem;
position: relative
}
@media print, screen and (min-width: 64em) {
.icon-column .image {
height: 8.75rem;
width: 8.75rem;
margin-bottom: 1.25rem
}
}
.icon-column .image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
position: relative
}
.icon-column .image::before {
content: '';
display: block;
width: 56%;
height: 56%;
position: absolute;
right: -10%;
top: 0;
background-color: rgba(0, 191, 178, .1);
border-radius: 100%
}
.icon-column .headline {
display: block;
max-width: 8em;
line-height: 1.15;
margin: 0 auto;
font-size: 1rem;
font-weight: 500
}
@media print, screen and (min-width: 64em) {
.icon-column .headline {
font-size: 1.25rem
}
}
.section--team + .section--team {
padding-top: 0
}
.footer {
padding-top: 2.5rem;
font-size: .875rem;
line-height: 1.25rem;
color: #7c878e
}
@media print, screen and (min-width: 40em) {
.footer {
padding-top: 4.75rem
}
}
@media print, screen and (min-width: 64em) {
.footer {
padding-top: 6.25rem
}
}
.footer .headline {
display: block;
color: #131313;
line-height: 1.25;
margin-bottom: 1.25em;
font-size: 1rem;
font-weight: 500
}
.footer p {
line-height: 2
}
.footer p span {
color: #131313
}
@media print, screen and (min-width: 40em) {
.footer__info {
padding-bottom: 1.25rem
}
}
@media print, screen and (min-width: 64em) {
.footer__info {
padding-bottom: 6.25rem
}
}
.footer__info .cell {
margin-bottom: 2.5rem
}
@media print, screen and (min-width: 64em) {
.footer__info .cell:last-child {
padding-left: 0
}
}
@media print, screen and (min-width: 64em) {
.footer__brand {
text-align: right
}
}
.footer__brand p {
max-width: 25em
}
.footer__logo {
display: inline-block;
height: 1.125rem;
padding: 1px 0;
margin-bottom: 1.75rem;
}
.footer__menu li {
margin-right: 1rem
}
@media print, screen and (min-width: 40em) {
.footer__menu li {
margin-right: 0
}
}
.footer__menu a {
padding: .25rem 0;
line-height: 1.25rem;
color: #7c878e;
font-weight: 400;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
@media print, screen and (min-width: 40em) {
.footer__menu a {
padding: .625rem 0
}
}
.footer__menu a:focus, .footer__menu a:hover {
color: #ff4500
}
.footer__bottom {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid rgba(2, 27, 65, .1);
padding-top: 1.875rem;
padding-bottom: 2.25rem;
color: #ffffff
}
.footer__bottom p {
margin-bottom: 0
}
.footer__social-links {
margin-bottom: 1.25rem
}
@media print, screen and (min-width: 40em) {
.footer__social-links {
margin-bottom: 0
}
}
.footer__social-links li + li {
margin-left: .9375rem
}
.footer__social-links a {
padding: 0
}
.socials-list {
list-style: none;
margin: 0
}
@media print, screen and (min-width: 40em) {
.socials-list .social-icon {
margin: 0 0 .625rem
}
}
@media print, screen and (min-width: 64em) {
.socials-list .social-icon {
margin: 0 .75rem 0 0
}
}
.socials-list a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #7c878e;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
text-align: center
}
@media print, screen and (min-width: 64em) {
.socials-list a {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
text-align: left
}
}
.socials-list a:hover {
color: #021b41
}
.socials-list a strong {
color: #021b41;
font-weight: 400
}
.socials-list a div {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (max-width: 39.99875em) {
.socials-list a div {
display: none !important
}
}
@media print, screen and (min-width: 64em) {
.socials-list a div {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0px;
flex: 1 1 0
}
}
.social-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 2.75rem;
height: 2.75rem;
border-radius: 2.75rem;
background: rgba(0, 191, 178, .1);
color: #ff4500;
font-size: 1rem;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
a:hover > .social-icon {
background: #ff4500;
color: #fff;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: 0 3px 8px rgba(2, 27, 65, .15);
box-shadow: 0 3px 8px rgba(2, 27, 65, .15)
}
.swiper-container {
width: calc(100% + 1.875rem);
margin-left: -.9375rem;
margin-right: -.9375rem
}
.swiper-wrapper {
width: auto;
-webkit-box-sizing: inherit;
box-sizing: inherit
}
.swiper-container-horizontal > .swiper-scrollbar {
height: .1875rem;
width: calc(100% - 1.875rem);
left: .9375rem;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.swiper-scrollbar-drag {
background: #ff4500
}
.swiper-scrollbar-drag::before {
content: '';
display: block;
width: 100%;
height: .625rem;
position: absolute;
left: 0;
top: -.25rem;
cursor: move
}
.swiper-controls {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
font-size: 0
}
.swiper-controls .headline {
line-height: 1.875rem;
margin-bottom: .625rem
}
.swiper-controls .divider {
display: inline-block;
margin: 0 .75rem;
width: 1px;
height: 1.875rem;
vertical-align: middle;
border-right: 1px solid rgba(124, 135, 142, .3)
}
.swiper-button {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
width: 1.25rem;
height: 1.875rem;
cursor: pointer;
font-size: 1rem;
border: 0;
position: relative;
outline: 0 !important
}
.swiper-button.rounded {
width: 2.375rem;
height: 2.375rem;
margin: 0 .3125rem;
font-size: .875rem;
border-radius: 100%;
-webkit-box-shadow: inset 0 0 0 1px rgba(124, 135, 142, .3);
box-shadow: inset 0 0 0 1px rgba(124, 135, 142, .3)
}
.swiper-button.rounded::after, .swiper-button.rounded::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 100%
}
#email-input:focus, #email-input:hover{
outline: 0px;
}
#subscribe-button{
border: 0px;
width: 150px;
max-width: 100%;
font-size: 700px;
padding: 15px;
font-size: 14px;
color: #F0F4EF;
font-family: inherit;
background: #ff4500;
cursor: pointer;
border-radius: 0px 2px 2px 0px;
outline: 0;
transition: all 0.2s;
}
#subscribe-button:hover{
background: #ff4500;
}
@media screen and (max-width: 700px) {
#subscribe-button{
width: 98%;
margin: 5px;
border-radius: 2px;
}
#email-input{
width: 98%;
margin: 5px;
text-align: center;
}
#subscribebox{
width: 100%;
}
}
.swiper-button.rounded::before {
border: 1px solid transparent
}
.swiper-button.rounded::after {
border: 0 solid transparent
}
.swiper-button.rounded:hover::before {
border-top-color: #ff4500;
border-right-color: #ff4500;
border-bottom-color: #ff4500;
-webkit-transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s
}
.swiper-button.rounded:hover::after {
border-top: 1px solid #ff4500;
border-left-width: 1px;
border-right-width: 1px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: border-left-width 0s linear .35s, -webkit-transform .4s linear 0s;
transition: border-left-width 0s linear .35s, -webkit-transform .4s linear 0s;
transition: transform .4s linear 0s, border-left-width 0s linear .35s;
transition: transform .4s linear 0s, border-left-width 0s linear .35s, -webkit-transform .4s linear 0s
}
.swiper-button-disabled {
opacity: .4;
pointer-events: none
}
.swiper--stats {
padding-bottom: 6.25rem
}
@media print, screen and (min-width: 64em) {
.swiper--stats {
padding-bottom: 11.25rem
}
}
.swiper--stats.swiper-container-horizontal > .swiper-scrollbar {
bottom: 3.75rem
}
@media print, screen and (min-width: 64em) {
.swiper--stats.swiper-container-horizontal > .swiper-scrollbar {
bottom: 5.625rem
}
}
.swiper--stats .swiper-slide {
width: 18.75rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 .9375rem;
text-align: center
}
@media print, screen and (min-width: 40em) {
.swiper--stats .swiper-slide {
width: 50%
}
}
@media print, screen and (min-width: 48em) {
.swiper--stats .swiper-slide {
width: 33.33333%
}
}
@media print, screen and (min-width: 64em) {
.swiper--stats .swiper-slide {
width: 25%
}
}
.swiper--stats .swiper-scrollbar {
bottom: 0
}
.stats img {
display: block;
width: auto;
height: 5rem;
margin: 0 auto 1.875rem
}
@media print, screen and (min-width: 64em) {
.stats img {
height: 7rem;
margin-bottom: 3.125rem
}
}
.stats .pre-headline {
display: block;
margin-bottom: 1.25rem;
font-size: .75rem;
line-height: .9375rem;
font-weight: 400
}
.stats .headline {
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
margin-bottom: 2.25rem
}
.stats .headline strong {
font-weight: 600
}
@media screen and (max-width: 63.99875em) {
.stats .headline br {
display: none !important
}
}
.swiper--references {
padding-bottom: 5.5rem
}
@media print, screen and (min-width: 64em) {
.swiper--references {
padding-bottom: 8.5rem
}
}
.swiper--references .swiper-slide {
width: 18.75rem;
height: initial;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 .9375rem
}
@media print, screen and (min-width: 40em) {
.swiper--references .swiper-slide {
width: 50%
}
}
@media print, screen and (min-width: 64em) {
.swiper--references .swiper-slide {
width: 33.33333%
}
}
.swiper--references .card {
margin-bottom: 0;
height: 100%
}
.swiper--references.swiper-container-horizontal > .swiper-scrollbar {
bottom: 3.75rem
}
@media print, screen and (min-width: 64em) {
.swiper--references.swiper-container-horizontal > .swiper-scrollbar {
bottom: 5.625rem
}
}
.swiper--references .swiper-slide {
padding: 0 .9375rem
}
.swiper--awards {
margin-bottom: 1.25rem
}
.swiper--awards .swiper-controls {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
padding: 0 .9375rem .75rem
}
.swiper--awards .swiper-controls::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: .9375rem;
right: .9375rem;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.swiper--awards .swiper-controls div {
margin-bottom: .625rem
}
.swiper--awards .swiper-button::after, .swiper--awards .swiper-button::before {
content: none;
-webkit-box-shadow: none;
box-shadow: none
}
.swiper--awards .swiper-slide {
width: 18.75rem;
height: initial;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 2rem .9375rem;
text-align: left
}
@media print, screen and (min-width: 40em) {
.swiper--awards .swiper-slide {
width: 50%
}
}
@media print, screen and (min-width: 48em) {
.swiper--awards .swiper-slide {
width: 33.33333%
}
}
@media print, screen and (min-width: 64em) {
.swiper--awards .swiper-slide {
width: 25%
}
}
.swiper--awards .swiper-slide .icon {
font-size: 1.5rem;
margin-bottom: .875rem
}
.swiper--awards .swiper-slide .pre-headline {
font-size: .75rem;
font-weight: 400;
line-height: 1.33333;
margin-bottom: 0;
text-transform: none;
letter-spacing: 0
}
.swiper--awards .swiper-slide .headline {
font-size: .875rem;
line-height: 1.5;
font-weight: 500;
color: #021b41
}
.swiper--awards .swiper-slide .more-link {
margin-top: auto
}
.swiper--awards.centered .swiper-slide {
text-align: center;
padding: 0 1.875rem
}
@media print, screen and (min-width: 40em) {
.swiper--awards.centered .swiper-slide {
border-right: 1px solid #e6e8ec
}
}
.swiper--awards.centered .swiper-slide .icon {
margin-bottom: 1.125rem
}
.swiper--awards.centered .swiper-slide .pre-headline {
text-transform: uppercase;
margin-bottom: 1.125rem
}
.swiper--awards.centered .swiper-slide .headline {
font-size: 1rem;
line-height: 1.1875rem;
margin-bottom: 1.125rem
}
.swiper--awards.centered .swiper-wrapper .swiper-slide:last-child {
border: 0
}
@media print, screen and (min-width: 40em) {
.swiper--awards.centered .swiper-controls {
display: none
}
}
.swiper--awards.centered .swiper-controls:before {
display: none
}
.section--trust .swiper-container {
width: 100%;
margin: 0
}
.section--trust .inner {
position: relative
}
@media print, screen and (min-width: 40em) {
.section--trust .inner {
padding-right: 6.25rem
}
}
@media print, screen and (min-width: 64em) {
.section--trust .inner {
padding-right: 12.5rem
}
}
.section--trust .swiper-controls {
position: relative;
padding: 0;
text-align: left;
margin-top: 1.25rem
}
@media print, screen and (min-width: 40em) {
.section--trust .swiper-controls {
width: 6.25rem;
position: absolute;
left: auto;
right: 0;
bottom: 0;
text-align: right
}
}
@media print, screen and (min-width: 64em) {
.section--trust .swiper-controls {
width: 12.5rem
}
}
.section--trust .swiper-button::after, .section--trust .swiper-button::before {
content: none;
-webkit-box-shadow: none;
box-shadow: none
}
.swiper--trust {
margin-bottom: 1.25rem;
position: relative
}
.swiper--trust .swiper-slide {
width: auto;
height: initial;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0;
text-align: left
}
.swiper--trust .swiper-slide .logo {
display: block;
width: auto;
height: 5.625rem;
margin-bottom: 1.25rem
}
.swiper--trust .swiper-slide .headline {
margin-bottom: .5rem;
font-size: .75rem;
line-height: 1;
font-weight: 400;
color: #7c878e
}
.categories-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
list-style: none;
margin: 1.25rem 0 0
}
@media print, screen and (min-width: 64em) {
.categories-list {
margin: 2.5rem 0 0
}
}
.categories-list li {
display: block;
margin: 0 .5rem .5rem 0
}
.categories-list a {
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.categories-list a:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.news-archive__years {
margin: 1rem 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: .875rem;
font-weight: 400
}
@media print, screen and (min-width: 64em) {
.news-archive__years {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0
}
}
.news-archive__years > span {
margin-right: 1em
}
.news-archive__years a {
color: #021b41;
font-weight: 500
}
.news-archive__years a span {
opacity: .7;
font-weight: 400
}
.news-archive__years .dropdown.menu > li.is-active > a {
color: #021b41
}
.news-archive__years .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
right: 15px;
margin-top: -2px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #ff4500;
border-radius: 2px
}
.news-archive__years .active-item {
padding: .8125rem 2.25rem .8125rem 1.25rem !important;
border-radius: 1.625rem;
border: 1px solid rgba(124, 135, 142, .3)
}
.news-archive__years .active-item:focus, .news-archive__years .active-item:hover {
color: #021b41
}
.news-archive__years .is-dropdown-submenu {
width: 100%;
min-width: 0;
margin-top: -1px;
padding: .3125rem 0;
border-radius: 0 0 1rem 1rem;
border: 1px solid rgba(124, 135, 142, .3);
-webkit-box-shadow: 0 6px 10px rgba(2, 27, 65, .1);
box-shadow: 0 6px 10px rgba(2, 27, 65, .1)
}
.news-archive__years .is-dropdown-submenu a {
padding: .625rem 1.25rem;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.news-archive__years .is-dropdown-submenu a:focus, .news-archive__years .is-dropdown-submenu a:hover {
color: #ff4500
}
.news-archive__years li.is-active .active-item {
border-radius: 1rem 1rem 0 0
}
.news-detail {
padding-bottom: .3125rem
}
@media print, screen and (min-width: 40em) {
.news-detail > ol, .news-detail > p, .news-detail > ul {
max-width: 90%
}
}
.news-detail__header {
margin-bottom: 1.875rem
}
@media print, screen and (min-width: 64em) {
.news-detail__header {
margin-bottom: 2.5rem
}
}
.news-detail__header .section__headline {
margin-bottom: .65em
}
.news-detail__header .pre-headline {
text-transform: none;
margin-bottom: .9375rem
}
@media print, screen and (min-width: 64em) {
.news-detail__header .pre-headline {
margin-bottom: 1.5625rem
}
}
.news-detail__header .categories-list {
margin-top: 0;
margin-bottom: -.5rem
}
.news-detail__header .grid-x {
margin-bottom: 1.25rem
}
.news-detail__header .logo {
width: auto;
height: 1.625rem
}
@media print, screen and (min-width: 40em) {
.news-detail__header .logo {
height: 3.75rem
}
}
.news-detail__header .logo--partner {
margin: -1.25rem 0;
height: 4.125rem
}
@media print, screen and (min-width: 40em) {
.news-detail__header .logo--partner {
height: 6.25rem
}
}
.news-detail__footer::before {
left: 0;
right: 0
}
.news-detail__share {
position: relative;
padding-right: 3.75rem
}
.news-detail__share li {
margin: 0 .625rem .625rem 0
}
@media print, screen and (min-width: 64em) {
.news-detail__share li {
margin: 0 .9375rem .9375rem 0
}
}
.news-detail__share a:not(.button) {
padding: 0
}
.news-detail__share a.button {
margin-bottom: 0;
line-height: 1.125rem;
padding: .75rem 1.5rem
}
.news-detail__share .arrow-top {
margin-left: auto;
display: block;
width: 2.75rem;
height: 2.75rem;
border-radius: 2.75rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(-90 7 4.5)'%3E%3Cpath d='m4-1v0l6 5.5v0l-6 5.5v0' fill='%23fff' fill-opacity='0' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center #021b41;
background-size: .875rem;
-webkit-box-shadow: 0 0 0 13px rgba(133, 183, 226, .1);
box-shadow: 0 0 0 13px rgba(133, 183, 226, .1);
position: absolute;
right: 0;
top: 0;
-webkit-transition: -webkit-box-shadow .3s ease-in-out;
transition: -webkit-box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}
.news-detail__share .arrow-top:hover {
-webkit-box-shadow: 0 0 0 26px rgba(133, 183, 226, 0);
box-shadow: 0 0 0 26px rgba(133, 183, 226, 0)
}
.news-detail > .section {
margin-left: -.9375rem;
margin-right: -.9375rem
}
.news-detail--resource ol, .news-detail--resource ul {
color: #021b41
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.box-numbers {
margin: 2.5rem -.625rem .625rem
}
@media print, screen and (min-width: 64em) {
.box-numbers {
margin: 3.75rem -.625rem 1.875rem
}
}
.box-numbers .cell {
padding-left: .625rem;
padding-right: .625rem;
margin-bottom: 1.25rem
}
.box-numbers .cell:nth-child(1n) svg {
-webkit-animation-delay: -2.5s;
animation-delay: -2.5s
}
.box-numbers .cell:nth-child(2n) svg {
-webkit-animation-delay: -5s;
animation-delay: -5s
}
.box-numbers .cell:nth-child(3n) svg {
-webkit-animation-delay: -7.5s;
animation-delay: -7.5s
}
.box-numbers .cell:nth-child(4n) svg {
-webkit-animation-delay: -10s;
animation-delay: -10s
}
.box-numbers .cell:nth-child(5n) svg {
-webkit-animation-delay: -12.5s;
animation-delay: -12.5s
}
.box-numbers .cell:nth-child(6n) svg {
-webkit-animation-delay: -15s;
animation-delay: -15s
}
.box-numbers .cell:nth-child(7n) svg {
-webkit-animation-delay: -17.5s;
animation-delay: -17.5s
}
.box-numbers .cell:nth-child(8n) svg {
-webkit-animation-delay: -20s;
animation-delay: -20s
}
.box-numbers .cell:nth-child(9n) svg {
-webkit-animation-delay: -22.5s;
animation-delay: -22.5s
}
.box-numbers .cell:nth-child(10n) svg {
-webkit-animation-delay: -25s;
animation-delay: -25s
}
.box-numbers__item {
height: 100%;
background-color: #021b41;
color: #fff;
padding: 1.875rem 1.25rem 2rem 1.25rem;
border-radius: .625rem;
text-align: center
}
@media print, screen and (min-width: 64em) {
.box-numbers__item {
padding: 2.75rem 1.875rem 3rem
}
}
.box-numbers__item .icon, .box-numbers__item svg {
fill: #fff;
position: absolute;
-webkit-animation: spin 10s linear infinite;
animation: spin 10s linear infinite
}
.box-numbers__item .icon {
width: 7.5rem;
height: 7.375rem
}
.box-numbers__item.dark-blue .icon {
fill: #021b41
}
.box-numbers__item.light-blue .icon {
fill: #85b7e2
}
.box-numbers__item.aqua .icon {
fill: #ff4500
}
.box-numbers__item.black .icon {
fill: #131313
}
.box-numbers__item.gray .icon {
fill: #7c878e
}
.box-numbers__item.green .icon {
fill: #00af3e
}
.box-numbers__item.orange .icon {
fill: #ef9020
}
.box-numbers__item.red .icon {
fill: #e5352b
}
.box-numbers__item.yellow .icon {
fill: #ffd616
}
.box-numbers__item.purple .icon {
fill: #80379b
}
.box-numbers__item.plum .icon {
fill: #9f1f5c
}
.box-numbers__item.waves .icon {
fill: #0078d2
}
.box-numbers__item.ocean .icon {
fill: #00505c
}
.box-numbers__number {
font-size: 2.1875rem;
height: 8.125rem;
width: 100%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 1.25rem
}
.box-numbers__description {
font-size: .875rem;
line-height: 1.125
}
@media print, screen and (min-width: 40em) {
.box-numbers__description {
font-size: 1rem
}
}
.box-numbers__description strong {
color: #fff;
font-weight: 500
}
.section--product-intro .logo {
display: block;
margin-bottom: 1.875rem;
height: 3rem;
width: auto
}
@media print, screen and (min-width: 64em) {
.section--product-intro .logo {
margin-bottom: 3.125rem
}
}
.section--product-intro .side-logo {
margin-top: 1.875rem;
height: 3rem;
width: auto
}
@media print, screen and (min-width: 48em) {
.section--product-intro .side-logo {
margin-top: 0
}
}
.section--product-intro h1, .section--product-intro h2, .section--product-intro h3, .section--product-intro h4, .section--product-intro h5, .section--product-intro h6 {
color: #021b41;
margin-top: 1.75em;
margin-bottom: 1.1em
}
.section--product-intro h1:first-child, .section--product-intro h2:first-child, .section--product-intro h3:first-child, .section--product-intro h4:first-child, .section--product-intro h5:first-child, .section--product-intro h6:first-child {
margin-top: 0
}
.section--product-intro p {
margin-bottom: 2.13333em;
max-width: 38em;
font-size: .8125rem;
line-height: 2.13333;
color: #7c878e
}
@media print, screen and (min-width: 64em) {
.section--product-intro p {
font-size: .9375rem
}
}
.section--product-intro p strong {
font-weight: 400;
color: #021b41
}
.section--product-intro p a {
font-weight: 500
}
.section--product-intro .has-lead-font-size, .section--product-intro .is-style-lead, .section--product-intro .lead {
max-width: 36em;
font-size: 1.25rem;
line-height: 1.48;
margin-bottom: 1.48em;
font-weight: 300;
color: #021b41
}
@media print, screen and (min-width: 40em) {
.section--product-intro .has-lead-font-size, .section--product-intro .is-style-lead, .section--product-intro .lead {
font-size: 1.4375rem
}
}
@media print, screen and (min-width: 64em) {
.section--product-intro .has-lead-font-size, .section--product-intro .is-style-lead, .section--product-intro .lead {
font-size: 1.5625rem
}
}
.section--product-intro .headline {
margin-bottom: .75em
}
.section--product-intro .button {
margin-top: 1.25rem
}
.section--product-intro.section--small p {
max-width: 60em
}
.section--product-intro.section--small .has-lead-font-size, .section--product-intro.section--small .is-style-lead, .section--product-intro.section--small .lead {
max-width: 36em
}
.section--product-intro.section--small .button:last-child, .section--product-intro.section--small ol:last-child, .section--product-intro.section--small p:last-child, .section--product-intro.section--small ul:last-child {
margin-bottom: 0
}
.section--media-text.section--white + .section--white {
padding-top: 0
}
.section--media-text.section--snow + .section--snow {
padding-top: 0
}
.section--media-text .text ol, .section--media-text .text ul {
color: #021b41;
max-width: 36em
}
.section--media-text .text p {
max-width: 36em
}
.section--media-text .text .button {
margin-bottom: 2.13333em
}
@media print, screen and (min-width: 40em) {
.section--media-text .image, .section--media-text .video {
text-align: right
}
.section--media-text .image.medium-order-1, .section--media-text .video.medium-order-1 {
text-align: left
}
}
.section--media-text .image .wp-block-embed, .section--media-text .video .wp-block-embed {
margin: 0
}
@media print, screen and (min-width: 40em) {
.section--media-text .image .wp-block-embed, .section--media-text .video .wp-block-embed {
width: 100%;
max-width: 90%;
display: inline-block
}
}
@media print, screen and (min-width: 64em) {
.section--media-text .image .wp-block-embed, .section--media-text .image .wp-block-image, .section--media-text .image figure, .section--media-text .video .wp-block-embed, .section--media-text .video .wp-block-image, .section--media-text .video figure {
font-size: .9375rem;
margin-bottom: 2.13333em
}
}
.section--media-text .image img {
max-height: 18.75rem;
width: auto
}
@media print, screen and (min-width: 40em) {
.section--media-text .image img {
max-width: 84.21%;
max-height: none;
height: auto
}
}
.section--media-text video {
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.section--media-text .w-techbox {
margin-top: -1.5625rem
}
@media print, screen and (min-width: 48em) {
.section--media-text .w-techbox {
margin-top: -3.125rem
}
}
.section--media-text .w-techbox .text {
padding-top: 1.5625rem
}
@media print, screen and (min-width: 48em) {
.section--media-text .w-techbox .text {
padding-top: 3.125rem
}
}
.section--media-text .specs {
margin-top: .625rem;
max-width: 29.375rem;
padding: 1.5625rem 2.375rem;
background-color: rgba(133, 183, 226, .05)
}
@media print, screen and (min-width: 40em) {
.section--media-text .specs {
margin-top: 0
}
}
@media print, screen and (min-width: 48em) {
.section--media-text .specs {
padding: 3.125rem 4.6875rem
}
}
.section--w-techbox {
margin-top: 1.5625rem
}
@media print, screen and (min-width: 48em) {
.section--w-techbox {
margin-top: 3.125rem
}
}
.datasheet {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
@media print, screen and (min-width: 40em) {
.datasheet {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
text-align: left
}
}
.datasheet .image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-bottom: 1.875rem
}
@media print, screen and (min-width: 40em) {
.datasheet .image {
margin-bottom: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: auto
}
}
.datasheet img {
width: 6.25rem
}
@media print, screen and (min-width: 40em) {
.datasheet img {
width: 8.875rem
}
}
.datasheet .content {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%
}
@media print, screen and (min-width: 40em) {
.datasheet .content {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: auto;
max-width: 32.5rem;
padding-left: 3.4375rem
}
}
.datasheet .headline {
margin-top: 0
}
.datasheet .headline small {
color: rgba(124, 135, 142, .5)
}
.datasheet p {
color: #7c878e;
font-size: .8125rem;
line-height: 2.13333;
margin-bottom: 1.33333em
}
@media print, screen and (min-width: 64em) {
.datasheet p {
font-size: .9375rem
}
}
.datasheet .button {
margin: 0
}
.section--product-modules {
text-align: center
}
.section--product-modules .headline span {
color: #85b7e2
}
.section--product-modules p {
font-size: .9375rem;
line-height: 1.66667
}
.section--product-modules .section__footer {
margin-top: 0
}
.section--product-modules .section__footer::before {
content: none
}
.section--product-modules .section__footer p {
margin-bottom: 1.5625rem;
font-size: .875rem;
line-height: 1.5;
font-weight: 500
}
.section--product-modules .section__footer p small {
opacity: .7;
font-size: .75rem
}
.product-modules {
padding-top: 2.5rem;
padding-bottom: 0;
position: relative;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
@media print, screen and (min-width: 64em) {
.product-modules {
padding-top: 3.75rem;
padding-bottom: 1.25rem
}
}
.product-modules::after, .product-modules::before {
content: '';
display: block;
position: absolute;
top: 0;
left: .9375rem;
right: .9375rem;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%2385b7e2' fill-opacity='0.7' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.product-modules::after {
top: auto;
bottom: 0
}
.product-modules .cell {
margin-bottom: 2.5rem
}
.product-module {
width: 12.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media print, screen and (min-width: 64em) {
.product-module {
width: 15.625rem
}
}
@media print, screen and (min-width: 64em) {
.product-module {
width: 25%
}
}
.product-module .image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 6.5625rem;
width: 6.5625rem;
margin: 0 auto .375rem
}
@media print, screen and (min-width: 64em) {
.product-module .image {
height: 8.75rem;
width: 8.75rem;
margin-bottom: .625rem
}
}
.product-module .image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.product-module .headline {
max-width: 11em;
font-size: 1rem;
line-height: 1.1875;
margin: 0 auto 1rem
}
@media print, screen and (min-width: 64em) {
.product-module .headline {
margin-bottom: 1.25rem
}
}
.product-module p {
max-width: 16em;
margin: 0 auto 1.5rem;
color: rgba(255, 255, 255, .7);
font-size: .75rem;
line-height: 1.57143
}
@media print, screen and (min-width: 64em) {
.product-module p {
margin: 0 auto 2.1875rem;
font-size: .875rem
}
}
@media screen and (max-width: 39.99875em) {
.product-module p br {
display: none !important
}
}
.product-module .more-link {
margin: auto 0 1.5rem
}
.product-module .more-link + .button {
margin-top: 0
}
.product-module .button {
margin-top: auto
}
.product-module .button.hollow {
color: #fff
}
.steps {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.step {
max-width: 37.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5.625rem;
position: relative
}
@media print, screen and (min-width: 64em) {
.step {
display: block;
margin-bottom: 0
}
}
.step:last-child .arrow {
display: none
}
.step .image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 11.25rem;
margin-bottom: 0
}
@media print, screen and (min-width: 64em) {
.step .image {
position: relative;
max-width: 100%;
margin-bottom: 4.375rem
}
}
.step .image img {
display: block;
width: auto;
height: auto;
position: relative
}
@media print, screen and (min-width: 64em) {
.step .image img {
max-width: 50%
}
}
.step .image::before {
content: '';
display: block;
width: 25%;
height: 0;
padding-top: 25%;
border-radius: 100%;
background-color: rgba(133, 183, 226, .1);
position: absolute;
top: 50%;
left: 20%;
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%)
}
@media screen and (min-width: 30em) {
.step .image::before {
top: -12%;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@media print, screen and (min-width: 64em) {
.step .image::before {
left: 25%;
top: -14%;
width: 45%;
height: 0;
padding-top: 45%
}
}
.step .arrow {
display: block;
width: 3.125rem;
height: 3rem;
position: absolute;
top: calc(100% + 1.25rem);
left: 50%;
right: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: -1.5rem;
background: url(../../themes/serumula/assets/img/steps_arrow.svg) no-repeat center center
}
@media print, screen and (min-width: 64em) {
.step .arrow {
width: 50%;
top: 50%;
left: calc(50% + .9375rem);
margin-left: 0;
margin-top: -1.5rem;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.step .arrow::after, .step .arrow::before {
content: '';
display: block;
width: calc(50% - 1.00bfb2875rem);
height: 0;
border: 1px solid #ff4500;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media screen and (max-width: 63.99875em) {
.step .arrow::after, .step .arrow::before {
display: none !important
}
}
.step .arrow::after {
left: auto;
right: 0
}
.step .text {
padding-left: 1.875rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%
}
@media print, screen and (min-width: 64em) {
.step .text {
padding-left: 0;
max-width: 19.375rem
}
}
.step .text ul {
line-height: 1.66667;
color: #021b41
}
.step .text ul li::before {
height: 1.66667em
}
.step .headline {
max-width: 20em;
margin-bottom: .6em;
line-height: 1.375;
font-size: 1rem
}
.step .sub-headline {
display: block;
font-size: .875rem;
font-weight: 400;
color: #7c878e;
margin-bottom: 1.25rem
}
.simple-step {
margin-bottom: 3.75rem
}
@media print, screen and (min-width: 64em) {
.simple-step {
margin-bottom: 0
}
}
.simple-step .wp-block-embed, .simple-step .wp-block-image, .simple-step figure, .simple-step hr, .simple-step ol, .simple-step p, .simple-step table, .simple-step ul:not(.nav-list):not(.use-case-list) {
max-width: 25em;
line-height: 1.46667;
margin-bottom: 1.46667em
}
.simple-step .headline {
max-width: 20em;
margin-bottom: .6em;
line-height: 1.25;
font-size: 1rem
}
.simple-step .stat {
display: block;
margin-bottom: .65em;
color: #ff4500;
font-family: Montserrat, sans-serif;
font-size: 2.8125rem;
font-weight: 400;
line-height: 1.5
}
.banner {
background: #00505c;
padding: 1.875rem .9375rem;
color: #fff;
border-radius: .5rem
}
@media print, screen and (min-width: 40em) {
.banner {
background: url(../../themes/serumula/assets/img/cta_banner_ocean.svg) no-repeat right center #00505c;
background-size: 6.1875rem auto;
padding: 1.875rem 7.1875rem 1.875rem 1.875rem
}
}
@media print, screen and (min-width: 64em) {
.banner {
background-size: 7.4375rem auto;
padding: 2.8125rem 9.6875rem 2.8125rem 4.0625rem
}
}
@media print, screen and (max-width: 39.99875em) {
.banner {
text-align: center
}
}
.banner .headline {
display: block;
font-weight: 500;
line-height: 1.36;
margin: 0 0 1em;
text-align: center
}
@media print, screen and (min-width: 40em) {
.banner .headline {
text-align: left;
margin-bottom: 0
}
}
.banner .headline span {
color: #ffd616
}
.banner p {
font-size: .875rem;
line-height: 1.78571;
color: rgba(255, 255, 255, .7);
margin: .25rem 0 0
}
@media print, screen and (max-width: 39.99875em) {
.banner p {
margin-bottom: 1.25rem
}
}
.banner .button-group {
margin: -.3125rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media print, screen and (min-width: 40em) {
.banner .button-group {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
.banner .button-group .button {
margin: .3125rem
}
.banner .button.hollow {
color: #fff
}
.banner--w-img {
position: relative
}
@media print, screen and (min-width: 64em) {
.banner--w-img {
padding-right: 7.8125rem
}
}
.banner--w-img .grid-x {
position: relative
}
.banner--w-img img {
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: .35
}
@media print, screen and (min-width: 64em) {
.banner--w-img img {
left: 28%;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
.specs {
color: #7c878e
}
.specs h2 {
color: #021b41;
margin-bottom: 1.1em
}
.specs h3 {
font-size: 1rem;
padding-bottom: 1.25em;
margin-bottom: 1.75em;
font-weight: 500;
color: #0078d2;
border-bottom: 1px solid rgba(2, 27, 65, .1)
}
.specs ol + h3, .specs p + h3, .specs ul + h3 {
margin-top: 2em
}
.specs h4 {
font-size: .75rem;
text-transform: uppercase;
color: #ff4500;
margin: 0 0 1em
}
@media print, screen and (min-width: 64em) {
.specs h4 {
font-size: .875rem
}
}
ol + .specs h4, p + .specs h4, ul + .specs h4 {
margin-top: 1em
}
.specs hr, .specs ol, .specs p, .specs ul {
max-width: 19em;
font-size: .75rem;
line-height: 1.42857em;
margin-bottom: 1em
}
@media print, screen and (min-width: 64em) {
.specs hr, .specs ol, .specs p, .specs ul {
font-size: .875rem
}
}
.specs hr strong, .specs ol strong, .specs p strong, .specs ul strong {
font-weight: 400;
color: #ff4500
}
.specs hr {
margin: 1.5em 0
}
.specs hr::before {
left: 0;
right: 0
}
.customer-quote {
padding: 2rem;
background: rgba(133, 183, 226, .05)
}
@media print, screen and (min-width: 40em) {
.customer-quote {
padding: 3.375rem .875rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.customer-quote .content, .customer-quote .image {
min-height: 0;
min-width: 0;
width: auto
}
@media print, screen and (min-width: 40em) {
.customer-quote .content, .customer-quote .image {
padding: 0 2.5rem
}
}
.customer-quote .image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.customer-quote .logo {
max-height: 3.75rem;
max-width: 7.5rem;
width: auto;
height: auto;
margin-bottom: 1.25rem
}
@media print, screen and (min-width: 40em) {
.customer-quote .logo {
margin-bottom: 0
}
}
.customer-quote .content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
@media print, screen and (min-width: 40em) {
.customer-quote .image + .content {
border-left: 1px solid rgba(2, 27, 65, .1)
}
}
.customer-quote p {
max-width: 54em;
font-size: 1rem;
line-height: 1.5625;
margin-bottom: 1em;
font-weight: 300
}
.customer-quote p a, .customer-quote p strong {
font-weight: 400
}
.customer-quote cite {
font-size: .875rem;
line-height: 1.5;
font-weight: 400;
font-style: normal
}
.customer-quote cite strong {
color: #ff4500;
font-weight: 500
}
.tabs {
border-radius: 6.25rem;
background-color: transparent;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border: 0 none
}
.tabs li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 32%
}
@media print, screen and (min-width: 40em) {
.tabs li {
max-width: none
}
}
.tabs li a {
display: block;
height: 100%;
padding: .625rem;
font-size: .8125rem;
line-height: 1rem;
font-weight: 500;
color: #ff4500;
-webkit-transition: all .25s ease;
transition: all .25s ease;
border: 1px solid #ff4500
}
@media print, screen and (min-width: 40em) {
.tabs li a {
padding: .9375rem 1.875rem;
font-size: .9375rem;
line-height: 1.1875rem
}
}
.tabs li a:focus {
outline: 0
}
.tabs li + li a {
border-left-width: 0
}
.tabs li:first-child a {
border-radius: 5rem 0 0 5rem
}
.tabs li:last-child a {
border-radius: 0 5rem 5rem 0
}
.tabs li.is-active a, .tabs li:hover a {
background-color: #ff4500;
color: #fff
}
.tabs-content {
border: 0;
padding: 0
}
.menu--links {
font-size: .8125rem;
margin-top: .9375rem;
margin-left: -1.25em
}
@media print, screen and (min-width: 40em) {
.menu--links {
font-size: 1rem
}
}
@media print, screen and (min-width: 64em) {
.menu--links {
margin-top: 0;
margin-left: -1.75em;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
.menu--links li {
margin-left: 1.25em
}
@media print, screen and (min-width: 64em) {
.menu--links li {
margin-left: 1.75em
}
}
.menu--links li a:hover, .menu--links li.active > a {
background-color: transparent;
text-decoration: underline;
color: #ff4500;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.menu--links li a {
color: #7c878e;
padding: .625rem 0
}
@media print, screen and (min-width: 64em) {
.menu--links li a {
padding: .75em 0
}
}
.menu__headline {
font-size: 1rem;
margin-bottom: 1.875rem;
padding-bottom: 1.5rem;
position: relative
}
.menu__headline::after {
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0;
content: '';
display: block;
width: 100%;
max-width: 73.125rem;
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.menu__headline.clean {
margin: 0;
padding: 0
}
.menu__headline.clean::after {
display: none
}
.menu .menu__block {
margin-bottom: 1.5625rem
}
.menu .menu__block:last-child {
margin: 0
}
.menu .cell .menu__block:last-child {
margin: 0
}
.menu a.menu__box {
padding: .9375rem;
margin-right: 1.25rem;
border-radius: .5rem;
background: #fff;
-webkit-transition: -webkit-box-shadow .3s ease-in-out;
transition: -webkit-box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
display: inline-block
}
.menu a.menu__box:hover {
-webkit-box-shadow: 0 0 15px 0 rgba(2, 27, 65, .1);
box-shadow: 0 0 15px 0 rgba(2, 27, 65, .1)
}
.menu a.menu__box img {
width: auto;
height: 1.625rem;
margin-bottom: .9375rem
}
.menu a.menu__box p {
margin-bottom: 0;
font-size: .75rem;
color: #7c878e
}
.menu a.menu__box:only-of-type {
width: 100%;
margin-right: 0
}
.play-video {
position: relative
}
.play-video:before {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
width: 4.375rem;
height: 4.375rem;
margin-top: -2.1875rem;
margin-left: -2.1875rem;
-webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease;
background-image: url("data:image/svg+xml,%3Csvg width='70px' height='70px' viewBox='0 0 70 70' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Web' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='07_02_Detail_Referencia_serumula' transform='translate(-765.000000, -3407.000000)'%3E%3Cg id='ICON/Play' transform='translate(765.000000, 3407.000000)'%3E%3Cg%3E%3Ccircle id='Oval' fill='%23FFFFFF' cx='35' cy='35' r='35'%3E%3C/circle%3E%3Cpath d='M37.9157083,29.1768548 L46.5906742,42.2058273 C46.8967575,42.6655353 46.7722201,43.2863318 46.3125121,43.5924151 C46.1483465,43.7017201 45.9555247,43.7600402 45.7582992,43.7600402 L28.4083675,43.7600402 C27.8560827,43.7600402 27.4083675,43.3123249 27.4083675,42.7600402 C27.4083675,42.5628146 27.4666876,42.3699929 27.5759925,42.2058273 L36.2509584,29.1768548 C36.5570417,28.7171468 37.1778382,28.5926093 37.6375462,28.8986927 C37.7477695,28.9720817 37.8423193,29.0666315 37.9157083,29.1768548 Z' id='Triangle' fill='%2300BFB2' transform='translate(37.083333, 35.843373) rotate(-270.000000) translate(-37.083333, -35.843373) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.play-video:hover:before {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px)
}
.play-video:hover img {
-webkit-box-shadow: 0 6px 10px rgba(2, 27, 65, .05);
box-shadow: 0 6px 10px rgba(2, 27, 65, .05)
}
.play-video img {
border-radius: 1rem;
position: relative;
z-index: 1;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease
}
.timeline {
position: relative;
margin-bottom: 1.25rem
}
@media print, screen and (min-width: 40em) {
.timeline {
max-width: 35.625rem;
margin-left: auto;
margin-right: auto
}
}
@media print, screen and (min-width: 64em) {
.timeline {
max-width: 100%
}
}
.timeline-block {
position: relative;
overflow: hidden;
padding-left: 3.4375rem;
padding-top: .875rem;
padding-bottom: 1.5rem
}
@media print, screen and (min-width: 40em) {
.timeline-block {
padding-left: 4.6875rem;
padding-top: 1.25rem;
padding-bottom: 2rem
}
}
@media print, screen and (min-width: 64em) {
.timeline-block {
padding-left: 0;
padding-top: 2rem;
padding-bottom: 2.5rem
}
}
.timeline-block::before {
content: '';
position: absolute;
top: 0;
left: 1.5rem;
height: 100%;
width: 2px;
background: #ff4500
}
@media print, screen and (min-width: 40em) {
.timeline-block::before {
left: 1.8125rem
}
}
@media print, screen and (min-width: 64em) {
.timeline-block::before {
left: 50%;
margin-left: -1px
}
}
.timeline-block.dark-blue::before {
background: #ff4500
}
.timeline-block.dark-blue .timeline-point {
color: #ff4500
}
.timeline-block.light-blue::before {
background: #85b7e2
}
.timeline-block.light-blue .timeline-point {
color: #85b7e2
}
.timeline-block.aqua::before {
background: #ff4500
}
.timeline-block.aqua .timeline-point {
color: #ff4500
}
.timeline-block.black::before {
background: #131313
}
.timeline-block.black .timeline-point {
color: #131313
}
.timeline-block.gray::before {
background: #7c878e
}
.timeline-block.gray .timeline-point {
color: #7c878e
}
.timeline-block.green::before {
background: #00af3e
}
.timeline-block.green .timeline-point {
color: #00af3e
}
.timeline-block.orange::before {
background: #ef9020
}
.timeline-block.orange .timeline-point {
color: #ef9020
}
.timeline-block.red::before {
background: #e5352b
}
.timeline-block.red .timeline-point {
color: #e5352b
}
.timeline-block.yellow::before {
background: #ffd616
}
.timeline-block.yellow .timeline-point {
color: #ffd616
}
.timeline-block.purple::before {
background: #80379b
}
.timeline-block.purple .timeline-point {
color: #80379b
}
.timeline-block.plum::before {
background: #9f1f5c
}
.timeline-block.plum .timeline-point {
color: #9f1f5c
}
.timeline-block.waves::before {
background: #0078d2
}
.timeline-block.waves .timeline-point {
color: #0078d2
}
.timeline-block.ocean::before {
background: #00505c
}
.timeline-block.ocean .timeline-point {
color: #00505c
}
.timeline-point {
position: absolute;
top: 0;
left: 0;
width: 3.125rem;
height: 3.125rem;
z-index: 3;
background-color: #fff;
font-weight: 500;
color: #ff4500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: .75rem;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden
}
@media print, screen and (min-width: 40em) {
.timeline-point {
width: 4rem;
height: 4rem;
font-size: .875rem
}
}
@media print, screen and (min-width: 64em) {
.timeline-point {
width: 5.25rem;
height: 5.25rem;
left: 50%;
margin-left: -2.625rem;
font-size: 1rem
}
}
.timeline-point.hidden {
visibility: hidden
}
.timeline-point.timeline-bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-1 .6s;
animation: cd-bounce-1 .6s
}
.timeline-point .icon {
display: block;
width: 88%;
height: 88%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.timeline-content {
text-align: left;
position: relative
}
@media print, screen and (min-width: 40em) {
.timeline-content {
max-width: 31.25rem
}
}
@media print, screen and (min-width: 64em) {
.timeline-content {
margin-left: 0;
width: 40%
}
}
.timeline-content .headline {
margin-bottom: .5em;
line-height: 1.2;
font-size: 1.25rem
}
.timeline-content p {
line-height: 1.71429;
font-size: .875rem;
color: #7c878e
}
.timeline-content p:last-child {
margin-bottom: 0
}
.timeline-content.hidden {
visibility: hidden
}
.timeline-content.timeline-bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2 .6s;
animation: cd-bounce-2 .6s
}
@media print, screen and (min-width: 64em) {
.timeline-block.timeline-block--right .timeline-content {
float: right;
text-align: left
}
.timeline-block.timeline-block--right .timeline-content::before {
border-width: 12px 12px 12px 0;
border-color: transparent #e6e6e6 transparent transparent;
right: auto;
left: -12px
}
.timeline-block.timeline-block--right .timeline-content .cd-read-more {
float: right
}
}
@media print, screen and (min-width: 64em) {
.timeline-block.timeline-block--right .timeline-content.timeline-bounce-in {
visibility: visible;
-webkit-animation: cd-bounce-2-inverse .6s;
animation: cd-bounce-2-inverse .6s
}
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5)
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(.5);
transform: scale(.5)
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.timeline--dots {
margin-top: 1.875rem
}
@media print, screen and (min-width: 64em) {
.timeline--dots {
max-width: 90%;
margin-top: 3.75rem
}
}
@media print, screen and (max-width: 39.99875em) {
.timeline--dots .timeline-block {
padding-left: 70px
}
}
.timeline--dots .timeline-block:before {
border-left: 2px dashed #ff4500;
background: 0 0;
opacity: .2
}
.timeline--dots .timeline-block .timeline-content {
max-width: 23.75rem
}
.timeline--dots .timeline-block:first-child {
padding-top: 80px
}
.timeline--dots .timeline-block:first-child .timeline-point {
top: 3.125rem
}
.timeline--dots .timeline-block:last-child:before {
height: 30px
}
.timeline--dots .timeline-point {
width: 2.625rem;
height: 2.625rem;
margin-left: -1.3125rem;
background: #85b7e2;
border: 10px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 10px rgba(2, 27, 65, .1);
box-shadow: 0 0 10px rgba(2, 27, 65, .1);
margin-top: 1.5625rem
}
@media print, screen and (max-width: 74.99875em) {
.timeline--dots .timeline-point {
margin-left: 7px;
width: 2.375rem;
height: 2.375rem
}
}
.award {
display: block;
text-align: center;
max-width: 13.75rem;
margin: 0 auto
}
.award .icon {
font-size: 1.5rem;
margin-bottom: .75rem
}
.award .pre-headline {
text-transform: uppercase;
margin-bottom: .75rem;
font-size: .75rem
}
@media print, screen and (min-width: 40em) {
.award .pre-headline {
font-size: .8125rem
}
}
.award .headline {
font-size: .875rem;
line-height: 1.1875;
margin-bottom: 1em;
color: #ff4500
}
@media print, screen and (min-width: 40em) {
.award .headline {
font-size: 1rem
}
}
.awards-list .cell {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
border: 1px solid #e6e8ec;
border-width: 0 1px 1px 0
}
.awards-list .cell:nth-child(2n) {
border-right-width: 0
}
.awards-list .cell:last-child, .awards-list .cell:nth-last-child(2) {
border-bottom-width: 0
}
@media print, screen and (min-width: 64em) {
.awards-list .cell {
padding-top: 0;
padding-bottom: 0;
border-width: 0
}
.awards-list .cell + .cell {
border-left-width: 1px
}
}
.awards-list .award {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.awards-list .award .more-link {
margin-top: auto
}
.awards-list + div {
margin-top: 3.125rem
}
@media print, screen and (min-width: 64em) {
.awards-list + div {
margin-top: 5.625rem
}
}
.award-link {
display: block;
margin: 2.5rem 0;
padding: 1.375rem 0 1rem 4.5rem;
max-width: 31.25rem;
position: relative
}
.award-link::after, .award-link::before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0
}
.award-link::before {
top: 0
}
.award-link::after {
bottom: 0
}
.award-link .icon {
position: absolute;
top: 50%;
left: 0;
font-size: 2rem;
margin-top: -.5em;
margin-left: .75em
}
.award-link .pre-headline {
font-size: .75rem;
text-transform: uppercase;
line-height: 1.5;
font-weight: 400;
letter-spacing: 0;
margin-bottom: .125rem
}
.award-link .headline {
display: block;
margin: 0 !important;
font-size: .875rem;
font-weight: 500;
line-height: 1.5
}
.glossary__filter {
padding-top: 2.5rem;
padding-bottom: 1.75rem
}
.glossary__link {
display: block;
max-width: 15em;
margin-bottom: 2em;
color: #ff4500;
font-size: .875rem;
line-height: 1.5;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
@media print, screen and (min-width: 64em) {
.glossary__link {
font-size: 1rem
}
}
.menu--glossary {
font-size: 1rem
}
.menu--glossary button {
display: block;
width: 1.25em;
height: 1.25em;
margin: 0 .75rem .75rem 0;
text-align: center;
text-transform: uppercase;
color: #ff4500;
cursor: pointer;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.menu--glossary button.is-active, .menu--glossary button:hover {
color: #ff4500
}
.menu--glossary button[disabled] {
opacity: 1;
color: #7c878e;
cursor: default
}
@media screen and (max-width: 39.99875em) {
.menu--glossary button[disabled] {
display: none !important
}
}
.menu--glossary button.close {
display: none;
text-transform: none;
color: #e5352b
}
.menu--glossary button .close {
font-size: 1.5rem;
line-height: 1rem
}
.glossary-detail.typography .has-lead-font-size, .glossary-detail.typography .is-style-lead, .glossary-detail.typography .lead {
max-width: 100%;
font-size: 1.25rem;
line-height: 1.48;
margin-bottom: 1.48em;
font-weight: 300;
color: #ff4500
}
@media print, screen and (min-width: 40em) {
.glossary-detail.typography .has-lead-font-size, .glossary-detail.typography .is-style-lead, .glossary-detail.typography .lead {
font-size: 1.4375rem
}
}
@media print, screen and (min-width: 64em) {
.glossary-detail.typography .has-lead-font-size, .glossary-detail.typography .is-style-lead, .glossary-detail.typography .lead {
font-size: 1.5625rem
}
}
@media print, screen and (min-width: 40em) {
.glossary-detail.typography > ol, .glossary-detail.typography > p, .glossary-detail.typography > ul {
max-width: 90%
}
}
@media print, screen and (min-width: 40em) and (min-width: 64em) {
.glossary-detail.typography > ol, .glossary-detail.typography > p, .glossary-detail.typography > ul {
max-width: 80%
}
}
.glossary-detail.typography .nav-list {
max-width: 25em
}
.glossary-detail__header {
margin-bottom: 1.875rem
}
@media print, screen and (min-width: 64em) {
.glossary-detail__header {
margin-bottom: 2.5rem
}
}
.glossary-detail__header + .glossary-detail p:first-child {
font-size: .875rem;
line-height: 1.75;
font-weight: 400;
color: #ff4500
}
@media print, screen and (min-width: 64em) {
.glossary-detail__header + .glossary-detail p:first-child {
font-size: 1rem
}
}
.schema-faq-question {
display: block;
margin-bottom: 1em
}
.schema-faq-section:not(:first-child) .schema-faq-question {
margin-top: 2.5em
}
.schema-faq-answer strong, .typography .schema-faq-answer strong {
font-weight: 500
}
.section--contact {
color: #fff
}
@media print, screen and (min-width: 64em) {
.section--contact {
background-image: url(../../themes/serumula/assets/img/section_contact.svg);
background-repeat: no-repeat;
background-position: 0 70%;
background-size: 34% auto
}
}
.section--contact .section__headline span {
color: #85b7e2
}
@media screen and (max-width: 63.99875em) {
.section--contact .section__headline br {
display: none !important
}
}
.section--contact .button {
margin-bottom: 0
}
.section--dark-blue + .section--contact {
padding-top: 1.25rem
}
.box-form form, .section--contact form {
max-width: 29.375rem
}
.box-form .form-row, .section--contact .form-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap;
margin-bottom: 1rem
}
@media screen and (min-width: 64em) and (min-height: 50em) {
.box-form .form-row, .section--contact .form-row {
margin-bottom: 1.5rem
}
}
.box-form .form-row.has-focus label, .section--contact .form-row.has-focus label {
color: #85b7e2
}
.box-form label, .section--contact label {
font-size: .8125rem;
font-weight: 400;
line-height: 1rem;
text-transform: uppercase;
color: #7c878e;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.box-form [type=email], .box-form [type=number], .box-form [type=password], .box-form [type=tel], .box-form [type=text], .box-form textarea, .section--contact [type=email], .section--contact [type=number], .section--contact [type=password], .section--contact [type=tel], .section--contact [type=text], .section--contact textarea {
height: auto;
margin: 0;
padding: .25rem 0 .75rem;
color: #fff;
background: 0 0;
border-bottom: 1px solid rgba(255, 255, 255, .3)
}
@media screen and (min-width: 64em) and (min-height: 50em) {
.box-form [type=email], .box-form [type=number], .box-form [type=password], .box-form [type=tel], .box-form [type=text], .box-form textarea, .section--contact [type=email], .section--contact [type=number], .section--contact [type=password], .section--contact [type=tel], .section--contact [type=text], .section--contact textarea {
padding: .375rem 0 1rem
}
}
.box-form [type=email]:active, .box-form [type=email]:focus, .box-form [type=number]:active, .box-form [type=number]:focus, .box-form [type=password]:active, .box-form [type=password]:focus, .box-form [type=tel]:active, .box-form [type=tel]:focus, .box-form [type=text]:active, .box-form [type=text]:focus, .box-form textarea:active, .box-form textarea:focus, .section--contact [type=email]:active, .section--contact [type=email]:focus, .section--contact [type=number]:active, .section--contact [type=number]:focus, .section--contact [type=password]:active, .section--contact [type=password]:focus, .section--contact [type=tel]:active, .section--contact [type=tel]:focus, .section--contact [type=text]:active, .section--contact [type=text]:focus, .section--contact textarea:active, .section--contact textarea:focus {
font-weight: 600;
border-color: #85b7e2
}
.box-form [type=email]::-webkit-input-placeholder, .box-form [type=number]::-webkit-input-placeholder, .box-form [type=password]::-webkit-input-placeholder, .box-form [type=tel]::-webkit-input-placeholder, .box-form [type=text]::-webkit-input-placeholder, .box-form textarea::-webkit-input-placeholder, .section--contact [type=email]::-webkit-input-placeholder, .section--contact [type=number]::-webkit-input-placeholder, .section--contact [type=password]::-webkit-input-placeholder, .section--contact [type=tel]::-webkit-input-placeholder, .section--contact [type=text]::-webkit-input-placeholder, .section--contact textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, .7);
font-weight: 400
}
.box-form [type=email]::-moz-placeholder, .box-form [type=number]::-moz-placeholder, .box-form [type=password]::-moz-placeholder, .box-form [type=tel]::-moz-placeholder, .box-form [type=text]::-moz-placeholder, .box-form textarea::-moz-placeholder, .section--contact [type=email]::-moz-placeholder, .section--contact [type=number]::-moz-placeholder, .section--contact [type=password]::-moz-placeholder, .section--contact [type=tel]::-moz-placeholder, .section--contact [type=text]::-moz-placeholder, .section--contact textarea::-moz-placeholder {
color: rgba(255, 255, 255, .7);
font-weight: 400
}
.box-form [type=email]:-ms-input-placeholder, .box-form [type=number]:-ms-input-placeholder, .box-form [type=password]:-ms-input-placeholder, .box-form [type=tel]:-ms-input-placeholder, .box-form [type=text]:-ms-input-placeholder, .box-form textarea:-ms-input-placeholder, .section--contact [type=email]:-ms-input-placeholder, .section--contact [type=number]:-ms-input-placeholder, .section--contact [type=password]:-ms-input-placeholder, .section--contact [type=tel]:-ms-input-placeholder, .section--contact [type=text]:-ms-input-placeholder, .section--contact textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, .7);
font-weight: 400
}
.box-form [type=email]::-ms-input-placeholder, .box-form [type=number]::-ms-input-placeholder, .box-form [type=password]::-ms-input-placeholder, .box-form [type=tel]::-ms-input-placeholder, .box-form [type=text]::-ms-input-placeholder, .box-form textarea::-ms-input-placeholder, .section--contact [type=email]::-ms-input-placeholder, .section--contact [type=number]::-ms-input-placeholder, .section--contact [type=password]::-ms-input-placeholder, .section--contact [type=tel]::-ms-input-placeholder, .section--contact [type=text]::-ms-input-placeholder, .section--contact textarea::-ms-input-placeholder {
color: rgba(255, 255, 255, .7);
font-weight: 400
}
.box-form [type=email]::placeholder, .box-form [type=number]::placeholder, .box-form [type=password]::placeholder, .box-form [type=tel]::placeholder, .box-form [type=text]::placeholder, .box-form textarea::placeholder, .section--contact [type=email]::placeholder, .section--contact [type=number]::placeholder, .section--contact [type=password]::placeholder, .section--contact [type=tel]::placeholder, .section--contact [type=text]::placeholder, .section--contact textarea::placeholder {
color: rgba(255, 255, 255, .7);
font-weight: 400
}
.box-form [type=email].wpcf7-not-valid, .box-form [type=number].wpcf7-not-valid, .box-form [type=password].wpcf7-not-valid, .box-form [type=tel].wpcf7-not-valid, .box-form [type=text].wpcf7-not-valid, .box-form textarea.wpcf7-not-valid, .section--contact [type=email].wpcf7-not-valid, .section--contact [type=number].wpcf7-not-valid, .section--contact [type=password].wpcf7-not-valid, .section--contact [type=tel].wpcf7-not-valid, .section--contact [type=text].wpcf7-not-valid, .section--contact textarea.wpcf7-not-valid {
border-bottom-color: #e5352b
}
.box-form textarea, .section--contact textarea {
height: 7.5rem
}
@media screen and (min-width: 64em) and (min-height: 50em) {
.box-form textarea, .section--contact textarea {
height: 10.375rem
}
}
.box-form .form-note, .section--contact .form-note {
margin: 1.25rem 0 1.5625rem;
font-size: .75rem;
font-weight: 400
}
@media screen and (min-width: 64em) and (min-height: 50em) {
.box-form .form-note, .section--contact .form-note {
margin: 2.5rem 0 3.125rem
}
}
.box-form .form-note a, .section--contact .form-note a {
text-decoration: underline;
color: inherit
}
.box-form .form-note a:focus, .box-form .form-note a:hover, .section--contact .form-note a:focus, .section--contact .form-note a:hover {
text-decoration: none
}
.box-form {
max-width: 36.875rem;
margin-top: 1.25rem;
background-color: #ff4500;
color: #fff;
padding: 1.875rem 1.875rem 1.5625rem 1.875rem;
border-radius: 1rem;
position: relative
}
@media print, screen and (min-width: 40em) {
.box-form {
padding: 3.75rem 3.75rem 3.125rem 3.75rem
}
}
.box-form--w-img {
margin-top: 4.375rem;
padding-top: 0
}
.box-form__image {
width: 100%;
text-align: center;
display: inline-block;
font-size: 0;
margin: -4.375rem 0 3.125rem
}
.box-form__image .inner {
display: inline-block;
border-radius: .5rem;
overflow: hidden;
background: #4e607a;
padding: 8px
}
.box-form__image img {
width: auto;
max-height: 13.75rem;
border-radius: .25rem
}
@media print, screen and (min-width: 40em) {
.box-form__image img {
max-height: 16.5rem
}
}
.box-form .form-note, .box-form .wpcf7-acceptance {
margin: 1.875rem 0 1.25rem
}
.newsletter-form {
width: 100%;
max-width: 48.125rem;
margin: 0 auto;
text-align: center;
position: relative
}
.newsletter-form .inner {
position: relative;
margin-bottom: 1.5625rem
}
@media print, screen and (min-width: 40em) {
.newsletter-form .inner {
margin-bottom: 3.125rem
}
}
.newsletter-form input[type=email] {
display: block;
width: 100%;
height: 4.375rem;
border-radius: 35px;
padding: 0 5rem 0 1.25rem
}
@media print, screen and (min-width: 40em) {
.newsletter-form input[type=email] {
padding: 0 5rem 0 2.5rem
}
}
.newsletter-form .ajax-loader, .newsletter-form .button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.875rem;
height: 2.875rem;
border-radius: 2.875rem;
position: absolute;
padding: 0;
top: .75rem;
right: .6875rem;
font-size: .75rem
}
.newsletter-form .ajax-loader .icon, .newsletter-form .button .icon {
display: block;
margin-left: 0;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.newsletter-form .ajax-loader:hover, .newsletter-form .button:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.newsletter-form .ajax-loader:hover .icon, .newsletter-form .button:hover .icon {
-webkit-transform: rotate(115deg);
-ms-transform: rotate(115deg);
transform: rotate(115deg)
}
.newsletter-form .mc4wp-response {
position: absolute;
width: 100%
}
.newsletter-form .wpcf7-form .ajax-loader {
-webkit-transform: translate(-11px, 11px);
-ms-transform: translate(-11px, 11px);
transform: translate(-11px, 11px);
opacity: 1;
background: url(../../themes/serumula/assets/img/cf7-loading.svg) no-repeat center;
width: 1.5rem;
height: 1.5rem
}
.mc4wp-response {
position: relative
}
.mc4wp-alert {
margin: 0 0 .625rem;
padding: .875rem;
background: #0078d2;
color: #fff;
font-size: .875rem;
font-weight: 500;
line-height: 1.35;
border-radius: .5rem;
border: 0 none
}
.mc4wp-alert p {
margin: 0
}
.mc4wp-alert.mc4wp-notice + .mc4wp-notice {
margin-top: -2rem
}
.mc4wp-alert.mc4wp-error {
background-color: #e5352b;
color: #ff4500
}
.mc4wp-alert.mc4wp-error + .mc4wp-error {
margin-top: -2rem
}
.mc4wp-alert.mc4wp-success {
background-color: #00af3e;
color: #ff4500
}
.mc4wp-alert.mc4wp-success + .mc4wp-success {
margin-top: -2rem
}
.section--press-contact {
background-image: none
}
.section--press-contact form {
max-width: 100%
}
.wpcf7-not-valid-tip {
color: #e5352b;
font-size: .875rem;
font-weight: 400;
display: block;
line-height: 1.35;
margin-top: .625rem
}
.wpcf7 form .wpcf7-response-output {
margin: -.625rem 0 1.25rem;
padding: 1.25rem;
background: #0078d2;
color: #fff;
font-size: .875rem;
font-weight: 500;
line-height: 1.35;
border-radius: .5rem;
border: 0 none
}
@media screen and (min-width: 64em) and (min-height: 50em) {
.wpcf7 form .wpcf7-response-output {
margin: -1.25rem 0 1.25rem
}
}
.newsletter-form .wpcf7 form .wpcf7-response-output {
margin-top: 0
}
.wpcf7 form.init .wpcf7-response-output {
display: none
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #00af3e;
color: #ff4500
}
.wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output {
background-color: #e5352b;
color: #ff4500
}
.wpcf7 form.spam .wpcf7-response-output {
background-color: #ef9020;
color: #ff4500
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
background-color: #ffd616;
color: #ff4500
}
form .policy, form .wpcf7-acceptance label {
max-width: 37.5rem;
margin: 0 auto 1rem;
position: relative;
padding-left: 2.25rem;
text-align: left;
font-size: .75rem;
line-height: .875rem;
text-transform: none;
color: #fff
}
form .policy a, form .wpcf7-acceptance label a {
color: #85b7e2
}
form .policy a:focus, form .policy a:hover, form .wpcf7-acceptance label a:focus, form .wpcf7-acceptance label a:hover {
text-decoration: underline
}
form .policy input[type=checkbox], form .wpcf7-acceptance label input[type=checkbox] {
margin: 0;
position: absolute;
opacity: 0;
cursor: pointer
}
form .wpcf7-acceptance {
display: block;
margin: 1.25rem 0 1.5625rem;
font-size: .75rem;
font-weight: 400
}
@media print, screen and (min-width: 64em) {
form .wpcf7-acceptance {
margin: 2.5rem 0 3.125rem
}
}
form .wpcf7-acceptance a {
text-decoration: underline;
color: inherit
}
form .wpcf7-acceptance a:focus, form .wpcf7-acceptance a:hover {
text-decoration: none
}
form .wpcf7-acceptance .wpcf7-list-item, form .wpcf7-acceptance label {
margin: 0
}
form .checkbox {
position: absolute;
left: 0;
top: 0;
display: inline-block;
margin-right: .625rem;
width: 1.625rem;
height: 1.625rem;
border-radius: 1.625rem;
background: #fff;
cursor: pointer
}
form input:checked ~ .checkbox {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='11' height='9' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 11 9'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg transform='rotate(-270 5.5 4.5)'%3E%3Ctitle%3EPath 6%3C/title%3E%3Cpath d='M2,0v0l6.86733,6.0529v0l-3,2.52589v0' fill-opacity='0' fill='%23ffffff' stroke-linejoin='round' stroke-linecap='round' stroke-opacity='1' stroke='%23ffffff' stroke-miterlimit='20' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center #ff4500
}
form .wpcf7-acceptance .wpcf7-list-item-label::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
display: inline-block;
margin-right: .625rem;
width: 1.625rem;
height: 1.625rem;
border-radius: 1.625rem;
background: #fff;
cursor: pointer
}
form input:checked ~ .wpcf7-list-item-label::before {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='11' height='9' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 11 9'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg transform='rotate(-270 5.5 4.5)'%3E%3Ctitle%3EPath 6%3C/title%3E%3Cpath d='M2,0v0l6.86733,6.0529v0l-3,2.52589v0' fill-opacity='0' fill='%23ffffff' stroke-linejoin='round' stroke-linecap='round' stroke-opacity='1' stroke='%23ffffff' stroke-miterlimit='20' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center #ff4500
}
body.page-template-template-iframe {
padding-top: 1.25rem
}
body.page-template-template-iframe .wpcf7 form {
max-width: 29.375rem;
margin: 0 auto
}
body.page-template-template-iframe .wpcf7 .form-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap;
margin-bottom: 1rem
}
@media screen and (min-width: 64em) and (min-height: 50em) {
body.page-template-template-iframe .wpcf7 .form-row {
margin-bottom: 1.5rem
}
}
body.page-template-template-iframe .wpcf7 .form-row.has-focus label {
color: #85b7e2
}
body.page-template-template-iframe .wpcf7 label {
font-size: .75rem;
font-weight: 400;
line-height: .9375rem;
text-transform: uppercase;
color: #7c878e;
-webkit-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
margin-bottom: .5rem
}
body.page-template-template-iframe .wpcf7 [type=email], body.page-template-template-iframe .wpcf7 [type=number], body.page-template-template-iframe .wpcf7 [type=password], body.page-template-template-iframe .wpcf7 [type=tel], body.page-template-template-iframe .wpcf7 [type=text], body.page-template-template-iframe .wpcf7 textarea {
height: auto;
margin: 0;
padding: .625rem .875rem;
color: #ff4500;
background: #f2f3f5;
border-radius: 3px;
border-bottom: 1px solid rgba(255, 255, 255, .3)
}
body.page-template-template-iframe .wpcf7 [type=email]:active, body.page-template-template-iframe .wpcf7 [type=email]:focus, body.page-template-template-iframe .wpcf7 [type=number]:active, body.page-template-template-iframe .wpcf7 [type=number]:focus, body.page-template-template-iframe .wpcf7 [type=password]:active, body.page-template-template-iframe .wpcf7 [type=password]:focus, body.page-template-template-iframe .wpcf7 [type=tel]:active, body.page-template-template-iframe .wpcf7 [type=tel]:focus, body.page-template-template-iframe .wpcf7 [type=text]:active, body.page-template-template-iframe .wpcf7 [type=text]:focus, body.page-template-template-iframe .wpcf7 textarea:active, body.page-template-template-iframe .wpcf7 textarea:focus {
font-weight: 600;
border-color: #85b7e2
}
body.page-template-template-iframe .wpcf7 [type=email]::-webkit-input-placeholder, body.page-template-template-iframe .wpcf7 [type=number]::-webkit-input-placeholder, body.page-template-template-iframe .wpcf7 [type=password]::-webkit-input-placeholder, body.page-template-template-iframe .wpcf7 [type=tel]::-webkit-input-placeholder, body.page-template-template-iframe .wpcf7 [type=text]::-webkit-input-placeholder, body.page-template-template-iframe .wpcf7 textarea::-webkit-input-placeholder {
color: rgba(2, 27, 65, .7);
font-weight: 400
}
body.page-template-template-iframe .wpcf7 [type=email]::-moz-placeholder, body.page-template-template-iframe .wpcf7 [type=number]::-moz-placeholder, body.page-template-template-iframe .wpcf7 [type=password]::-moz-placeholder, body.page-template-template-iframe .wpcf7 [type=tel]::-moz-placeholder, body.page-template-template-iframe .wpcf7 [type=text]::-moz-placeholder, body.page-template-template-iframe .wpcf7 textarea::-moz-placeholder {
color: rgba(2, 27, 65, .7);
font-weight: 400
}
body.page-template-template-iframe .wpcf7 [type=email]:-ms-input-placeholder, body.page-template-template-iframe .wpcf7 [type=number]:-ms-input-placeholder, body.page-template-template-iframe .wpcf7 [type=password]:-ms-input-placeholder, body.page-template-template-iframe .wpcf7 [type=tel]:-ms-input-placeholder, body.page-template-template-iframe .wpcf7 [type=text]:-ms-input-placeholder, body.page-template-template-iframe .wpcf7 textarea:-ms-input-placeholder {
color: rgba(2, 27, 65, .7);
font-weight: 400
}
body.page-template-template-iframe .wpcf7 [type=email]::-ms-input-placeholder, body.page-template-template-iframe .wpcf7 [type=number]::-ms-input-placeholder, body.page-template-template-iframe .wpcf7 [type=password]::-ms-input-placeholder, body.page-template-template-iframe .wpcf7 [type=tel]::-ms-input-placeholder, body.page-template-template-iframe .wpcf7 [type=text]::-ms-input-placeholder, body.page-template-template-iframe .wpcf7 textarea::-ms-input-placeholder {
color: rgba(2, 27, 65, .7);
font-weight: 400
}
body.page-template-template-iframe .wpcf7 [type=email]::placeholder, body.page-template-template-iframe .wpcf7 [type=number]::placeholder, body.page-template-template-iframe .wpcf7 [type=password]::placeholder, body.page-template-template-iframe .wpcf7 [type=tel]::placeholder, body.page-template-template-iframe .wpcf7 [type=text]::placeholder, body.page-template-template-iframe .wpcf7 textarea::placeholder {
color: rgba(2, 27, 65, .7);
font-weight: 400
}
body.page-template-template-iframe .wpcf7 [type=email].wpcf7-not-valid, body.page-template-template-iframe .wpcf7 [type=number].wpcf7-not-valid, body.page-template-template-iframe .wpcf7 [type=password].wpcf7-not-valid, body.page-template-template-iframe .wpcf7 [type=tel].wpcf7-not-valid, body.page-template-template-iframe .wpcf7 [type=text].wpcf7-not-valid, body.page-template-template-iframe .wpcf7 textarea.wpcf7-not-valid {
border-bottom-color: #e5352b
}
body.page-template-template-iframe .wpcf7 textarea {
height: 7.5rem
}
body.page-template-template-iframe .wpcf7 .wpcf7-not-valid-tip {
font-size: .75rem;
margin-top: .5rem
}
body.page-template-template-iframe .wpcf7 .wpcf7-response-output {
padding: .75rem 1rem
}
body.page-template-template-iframe .wpcf7 .form-note {
margin: 1.25rem 0 1.5625rem;
font-size: .75rem;
font-weight: 400
}
body.page-template-template-iframe .wpcf7 .form-note a {
text-decoration: underline;
color: inherit
}
body.page-template-template-iframe .wpcf7 .form-note a:focus, body.page-template-template-iframe .wpcf7 .form-note a:hover {
text-decoration: none
}
body.page-template-template-iframe .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
display: inline-block;
margin-right: .625rem;
width: 1.625rem;
height: 1.625rem;
border-radius: 1.625rem;
background: #d7d7d7;
cursor: pointer
}
body.page-template-template-iframe .wpcf7 input:checked ~ .wpcf7-list-item-label::before {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='11' height='9' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 11 9'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg transform='rotate(-270 5.5 4.5)'%3E%3Ctitle%3EPath 6%3C/title%3E%3Cpath d='M2,0v0l6.86733,6.0529v0l-3,2.52589v0' fill-opacity='0' fill='%23ffffff' stroke-linejoin='round' stroke-linecap='round' stroke-opacity='1' stroke='%23ffffff' stroke-miterlimit='20' stroke-width='1.5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center #ff4500
}
/*
.cookies-bar {
color: #fff;
background-color: #00505c;
padding: 1.3125rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99
}
.cookies-bar__content {
max-width: 75rem;
margin: 0 auto
}
*/
@media print, screen and (min-width: 40em) {
.cookies-bar__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
}
#more {display: none;}
#more1 {display: none;}
#more2 {display: none;}
#more3 {display: none;}
#section {
width: 500px;
height: 400px;
word-wrap: break-word;
}
.moretext {
display: none;
}
.cookies-bar__content .button, .cookies-bar__content p {
margin: 0
}
.cookies-bar__content p {
font-size: .8125rem
}
.ftco-section .header {
background:orange;
display: flex;
justify-content: center;
align-items: center;
}
.ftco-section {
padding: 1em 0;
position: relative;
}
.ftco-section span a {
color: #ffae00;
}
@media (max-width: 767.98px) {
.ftco-section {
padding: 1em 0;
margin: 1em 0;
}}
@media print, screen and (max-width: 39.99875em) {
.cookies-bar__content p {
margin-bottom: .9375rem
}
}
.cookies-bar__content a {
color: #85b7e2
}
.cookies-bar__content a:hover {
text-decoration: underline
}
.cookies-bar__content .button {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: .625rem .9375rem
}
@media print, screen and (min-width: 40em) {
.cookies-bar__content .button {
margin-left: 2.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
.reveal {
border-radius: .9375rem;
padding: 5rem 1.875rem;
border: 0
}
@media print, screen and (min-width: 64em) {
.reveal {
width: 48.125rem
}
}
@media print, screen and (min-width: 40em) {
.reveal {
padding: 3.75rem
}
}
@media print, screen and (max-width: 39.99875em) {
.reveal {
height: auto;
min-height: 0
}
}
.reveal .headline {
font-size: 1.875rem;
line-height: 2.375rem
}
@media print, screen and (min-width: 40em) {
.reveal .headline {
font-size: 2.1875rem;
line-height: 2.75rem
}
}
.reveal form {
margin-top: 2.5rem
}
.reveal form input {
background-color: rgba(133, 183, 226, .1) !important
}
.reveal form .policy, .reveal form .wpcf7-acceptance label {
color: #7c878e
}
.reveal .newsletter-form .inner {
margin-bottom: 1.25rem
}
.reveal .newsletter-form .checkbox, .reveal .newsletter-form-form .wpcf7-acceptance .wpcf7-list-item-label::before {
background-color: rgba(133, 183, 226, .1)
}
.reveal .newsletter-form input:checked ~ .wpcf7-list-item-label::before {
background-color: #ff4500
}
.tooltip--white {
background: #fff;
color: #131313;
-webkit-filter: drop-shadow(0 2px 10px rgba(2, 27, 65, .15));
filter: drop-shadow(0 2px 10px rgba(2, 27, 65, .15));
font-size: .8125rem;
line-height: 1.38462;
padding: .5rem 1rem;
color: #ff4500
}
.tooltip--white.bottom::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #fff
}
.tooltip--white.top::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #fff transparent transparent
}
.tooltip--white.left::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #fff
}
.tooltip--white.right::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #fff transparent transparent
}
#world {
display: block;
width: 100%;
height: auto
}
#world .circle-inner, #world .circle-outer {
pointer-events: none
}
#world path {
fill-rule: evenodd;
clip-rule: evenodd;
fill: currentColor;
-webkit-transition: 250ms ease;
transition: 250ms ease
}
#world .points path {
fill: #d8dbde
}
#world .area {
fill: #fff;
opacity: 0;
cursor: pointer
}
#world .circle-outer {
fill: #fff;
-webkit-filter: drop-shadow(0 2px 10px rgba(2, 27, 65, .3));
filter: drop-shadow(0 2px 10px rgba(2, 27, 65, .3));
-webkit-transition: 250ms ease;
transition: 250ms ease
}
#world .circle-inner {
fill: #ff4500;
-webkit-transition: 250ms;
transition: 250ms
}
#world .region:hover .points path {
fill: #99a2af
}
#world .region:hover .circle-inner {
fill: #ff4500
}
.tooltip--world {
pointer-events: none
}
.meta {
padding: 0;
margin: 0;
list-style: none;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 1rem 0;
border-top: 1px solid rgba(133, 183, 226, .3);
border-bottom: 1px solid rgba(133, 183, 226, .3)
}
[data-whatinput=mouse] .meta li {
outline: 0
}
.meta .button, .meta a {
line-height: 1;
text-decoration: none;
display: block;
padding: .7rem 1rem
}
.meta a, .meta button, .meta input, .meta select {
margin-bottom: 0
}
.meta input {
display: inline-block
}
@media print, screen and (max-width: 39.99875em) {
.meta {
font-size: .875rem;
line-height: 1.75rem
}
}
.meta li {
padding: 0 1.875rem 0 0;
position: relative
}
.meta li:not(:last-child):before {
content: '';
position: absolute;
right: 15px;
width: 1px;
top: 0;
bottom: 0;
background-color: rgba(133, 183, 226, .3)
}
.meta__category {
text-transform: uppercase
}
.meta__country {
color: #85b7e2
}
.divider {
position: relative;
margin: 0 auto;
overflow-x: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.divider-dots {
position: absolute;
z-index: 5;
bottom: 0;
left: 50%;
margin-left: -12px;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-animation: float 5s ease-in-out infinite;
animation: float 5s ease-in-out infinite
}
.menu--products {
margin-bottom: 3.75rem
}
.menu--products:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: calc(100% + 2px);
left: -500%;
background-color: #b5bd00
}
.menu--products li {
background-color: #fff;
height: 62px;
padding: 0 1.25rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: 2px
}
@media print, screen and (max-width: 39.99875em) {
.menu--products li {
height: 48px;
text-align: center
}
}
.menu--products li a {
padding: 0
}
@media print, screen and (max-width: 39.99875em) {
.menu--products li img {
max-width: 80%
}
}
.box {
border-radius: .625rem;
padding: 2.8125rem 2.5rem;
position: relative;
z-index: 5
}
.box--blue {
background-color: #dae9f6
}
.box--gray {
background-color: #f2f3f5
}
.list {
list-style: none;
margin: 0
}
.list--dashed {
font-size: 1.375rem;
line-height: 1.875rem
}
.list--dashed li {
border-bottom: 2px dashed rgba(2, 27, 65, .2);
padding-bottom: .9375rem;
margin-bottom: .9375rem
}
@media print, screen and (max-width: 39.99875em) {
.list--dashed br {
display: none
}
}
.list--stats {
margin-bottom: 3.75rem
}
.list--stats li {
border-bottom: 1px solid rgba(2, 27, 65, .3);
margin-bottom: 2.5rem;
padding-bottom: 1.25rem
}
.list--stats li p {
font-size: .9375rem;
line-height: 1.875rem;
color: rgba(2, 27, 65, .7)
}
.list--stats li .stat {
font-size: 1.625rem;
line-height: 2.125rem;
margin-bottom: .625rem
}
@media print, screen and (min-width: 40em) {
.list--stats li .stat {
font-size: 2.1875rem;
line-height: 2.625rem
}
}
.section--dark-blue .list--stats li {
border-color: rgba(255, 255, 255, .3)
}
.section--dark-blue .list--stats p {
color: rgba(255, 255, 255, .7)
}
.section--dark-blue.cs-stats p:not(.lead) {
color: rgba(255, 255, 255, .7)
}
.cs-comparison {
background-image: url("data:image/svg+xml,%3Csvg width='346' height='346' viewBox='0 0 346 346' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='173' cy='173' r='172' stroke='%23F2F3F5'/%3E%3C/svg%3E%0A");
background-position: center 80%;
background-repeat: no-repeat
}
.cs-comparison .grid-container {
position: relative
}
.cs-comparison .grid-x .cell:last-child {
margin-top: 2.5rem
}
@media print, screen and (min-width: 40em) {
.cs-comparison .grid-x .cell:last-child {
margin-top: 9.375rem
}
}
@media print, screen and (min-width: 40em) {
.cs-comparison .headline {
font-size: 4.0625rem;
line-height: 4.125rem
}
}
@media print, screen and (max-width: 39.99875em) {
.cs-comparison .headline {
margin-bottom: 1.25rem;
font-size: 2.5rem;
line-height: 3rem
}
}
.cs-stats {
padding: 5rem 0 5rem
}
@media print, screen and (min-width: 40em) {
.cs-stats {
padding: 11.25rem 0 9.375rem
}
}
@media print, screen and (min-width: 40em) {
.cs-stats .h1 {
font-size: 4.0625rem;
line-height: 4.125rem
}
}
@media print, screen and (max-width: 39.99875em) {
.cs-stats .h1 {
margin-bottom: 1.25rem;
font-size: 2.5rem;
line-height: 3rem
}
}
.cs-stats .h1, .cs-stats .lead {
margin-bottom: 3.125rem
}
.cs-stats .lead {
max-width: 43.75rem
}
.cs-stats .grid-x .cell:first-child p {
max-width: 22.5rem
}
.cs-stats .list--stats {
margin-top: 4.375rem
}
.cs-stats__ilustration {
margin: 0 auto;
margin-top: 1.25rem
}
@media print, screen and (min-width: 40em) {
.cs-stats__ilustration {
margin-top: 6.25rem
}
}
.cs-stats__ilustration.offset {
margin-top: -18.125rem
}
@media print, screen and (min-width: 40em) {
.cs-stats__ilustration.offset {
margin-top: -5.625rem
}
}
.cs-stats p:not(.lead) {
font-size: .9375rem;
line-height: 1.875rem
}
.cs-stats .button {
min-width: 14.375rem
}
@media print, screen and (max-width: 39.99875em) {
.cs-stats br {
display: none
}
}
.cs-stats .grid-container {
position: relative
}
.cs-stats__offset-photo {
border-radius: .625rem;
overflow: hidden
}
@media only screen and (min-width: 640px) and (max-width: 992px) {
.cs-stats__offset-photo {
max-width: 45vw
}
}
@media print, screen and (min-width: 40em) {
.cs-stats__offset-photo {
position: absolute;
bottom: -15.625rem;
left: 15px
}
}
@media print, screen and (max-width: 39.99875em) {
.cs-stats__offset-photo {
margin-bottom: -210px;
margin-top: 40px
}
}
.cs-stats.section--dark-blue {
margin-bottom: 7.5rem
}
.floating-icon {
width: 13.75rem;
height: 13.75rem;
border: 1px solid #d9e0e9;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: 0;
top: 40%;
padding: 3.125rem;
z-index: -1
}
@media print, screen and (min-width: 40em) {
.floating-icon {
position: absolute;
right: 0;
top: 5rem
}
}
@media print, screen and (min-width: 64em) {
.floating-icon {
right: -1.25rem
}
}
.mb-40 {
margin-bottom: 2.5rem
}
.color-light-gray {
color: #7c878e
}
.color-light-blue {
color: #85b7e2
}
@-webkit-keyframes float {
0% {
-webkit-transform: translatey(0);
transform: translatey(0)
}
50% {
-webkit-transform: translatey(-10px);
transform: translatey(-10px)
}
100% {
-webkit-transform: translatey(0);
transform: translatey(0)
}
}
@keyframes float {
0% {
-webkit-transform: translatey(0);
transform: translatey(0)
}
50% {
-webkit-transform: translatey(-10px);
transform: translatey(-10px)
}
100% {
-webkit-transform: translatey(0);
transform: translatey(0)
}
}
.search-title + .sub-headline {
display: block;
font-size: .9375rem;
font-weight: 400;
color: #7c878e;
margin-bottom: 0
}
.section--search {
padding-top: 2.1875rem;
padding-bottom: 2.1875rem
}
.search-form {
position: relative
}
.search-form .button, .top-bar .menu .search-form .search-submit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
position: absolute;
font-size: 1rem;
width: 2.875rem;
height: 2.875rem;
border-radius: 2.875rem;
top: .75rem;
right: .625rem;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.search-form .button .icon, .top-bar .menu .search-form .search-submit .icon {
display: block
}
.search-field {
margin: 0;
height: 4.375rem;
border-radius: 2.1875rem;
font-size: 1rem;
padding: 0 2.5rem
}
.search-result {
display: block;
position: relative;
padding: 1.5625rem 3.75rem 1.5625rem 0;
color: #ff4500
}
.search-result:focus, .search-result:hover {
color: #ff4500
}
.search-result:first-child {
padding-top: 0
}
.search-result::after {
height: .1875rem;
background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='3px' viewBox='0 0 5 3' xml:space='preserve'%3E%3Cpath fill='%23021B41' fill-opacity='0.2' d='M0.3,1.5c0-0.4,0.3-0.8,0.8-0.8l0,0c0.4,0,0.8,0.3,0.8,0.8l0,0c0,0.4-0.3,0.8-0.8,0.8l0,0C0.6,2.3,0.3,1.9,0.3,1.5z'/%3E%3C/svg%3E") repeat-x 0 0;
content: '';
display: block;
margin: 0 auto;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.search-result p {
margin: 0;
font-size: .9375rem;
line-height: 1.5;
color: #7c878e;
max-width: 60em
}
.search-result .button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 .125rem;
width: 2.5rem;
height: 2.5rem;
position: absolute;
top: 50%;
right: 0;
margin-top: -1.25rem;
font-size: 1rem
}
.search-result .button .icon {
display: block
}
.search-result .label {
display: inline-block;
margin: 0 0 .9375rem;
background-color: rgba(0, 191, 178, .1);
color: #ff4500
}
.bsearch_highlight {
background: rgba(133, 183, 226, .15);
color: #ff4500
}