.fnx-site article,
.fnx-site aside,
.fnx-site details,
.fnx-site figcaption,
.fnx-site figure,
.fnx-site footer,
.fnx-site header,
.fnx-site hgroup,
.fnx-site main,
.fnx-site menu,
.fnx-site nav,
.fnx-site section,
.fnx-site summary {
display: block
}
.fnx-site audio,
.fnx-site canvas,
.fnx-site progress,
.fnx-site video {
display: inline-block;
vertical-align: baseline
}
.fnx-site audio:not([controls]) {
display: none;
height: 0
}
.fnx-site [hidden],
.fnx-site template {
display: none
}
.fnx-site a {
background-color: transparent
}
.fnx-site a:active,
.fnx-site a:hover {
outline: 0
}
.fnx-site abbr[title] {
border-bottom: 0.0625rem dotted
}
.fnx-site b,
.fnx-site strong {
font-weight: bold
}
.fnx-site dfn {
font-style: italic
}
.fnx-site h1 {
font-size: 2em;
margin: 0.67em 0
}
.fnx-site mark {
background: #ff0;
color: #000
}
.fnx-site small {
font-size: 80%
}
.fnx-site sub,
.fnx-site sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
.fnx-site sup {
top: -0.5em
}
.fnx-site sub {
bottom: -0.25em
}
.fnx-site img {
border: 0
}
.fnx-site svg:not(:root) {
overflow: hidden
}
.fnx-site figure {
margin: 1em 2.5rem
}
.fnx-site hr {
box-sizing: content-box;
height: 0
}
.fnx-site pre {
overflow: auto
}
.fnx-site code,
.fnx-site kbd,
.fnx-site pre,
.fnx-site samp {
font-family: monospace, monospace;
font-size: 1em
}
.fnx-site button,
.fnx-site input,
.fnx-site optgroup,
.fnx-site select,
.fnx-site textarea {
color: inherit;
font: inherit;
margin: 0
}
.fnx-site button {
overflow: visible
}
.fnx-site button,
.fnx-site select {
text-transform: none
}
.fnx-site button,
.fnx-site html input[type="button"],
.fnx-site input[type="reset"],
.fnx-site input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
.fnx-site button[disabled],
.fnx-site html input[disabled] {
cursor: default
}
.fnx-site button::-moz-focus-inner,
.fnx-site input::-moz-focus-inner {
border: 0;
padding: 0
}
.fnx-site input {
line-height: normal
}
.fnx-site input[type="checkbox"],
.fnx-site input[type="radio"] {
box-sizing: border-box;
padding: 0
}
.fnx-site input[type="number"]::-webkit-inner-spin-button,
.fnx-site input[type="number"]::-webkit-outer-spin-button {
height: auto
}
.fnx-site input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}
.fnx-site input[type="search"]::-webkit-search-cancel-button,
.fnx-site input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
.fnx-site fieldset {
border: 0.0625rem solid #c0c0c0;
margin: 0 0.125rem;
padding: 0.35em 0.625em 0.75em
}
.fnx-site legend {
border: 0;
padding: 0
}
.fnx-site textarea {
overflow: auto
}
.fnx-site optgroup {
font-weight: bold
}
.fnx-site table {
border-collapse: collapse;
border-spacing: 0
}
.fnx-site td,
.fnx-site th {
padding: 0
}
body,
.fnx-site h1,
.fnx-site h2,
.fnx-site h3,
.fnx-site h4,
.fnx-site h5,
.fnx-site h6,
.fnx-site p,
.fnx-site blockquote,
.fnx-site pre,
.fnx-site dl,
.fnx-site dd,
.fnx-site ol,
.fnx-site ul,
.fnx-site form,
.fnx-site fieldset,
.fnx-site legend,
.fnx-site figure,
.fnx-site table,
.fnx-site th,
.fnx-site td,
.fnx-site caption,
.fnx-site hr {
margin: 0;
padding: 0
}
.fnx-site abbr[title],
.fnx-site dfn[title] {
cursor: help
}
.fnx-site u,
.fnx-site ins {
text-decoration: none
}
.fnx-site ins {
border-bottom: 0.0625rem solid
}
.fnx-site *,
.fnx-site *:before,
.fnx-site *:after {
-webkit-font-smoothing: inherit
}
.fnx-site label,
.fnx-site select,
.fnx-site option,
.fnx-site button {
cursor: pointer
}
.fnx-site fieldset {
border: 0;
margin: 0;
padding: 0
}
.fnx-site textarea {
resize: vertical
}
.fnx-site button,
.fnx-site [type="button"],
.fnx-site [type="submit"],
.fnx-site [type="reset"] {
background: transparent;
border: 0;
color: inherit;
font: inherit;
margin: 0;
padding: 0;
width: auto;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fnx-site button::-moz-focus-inner,
.fnx-site [type="button"]::-moz-focus-inner,
.fnx-site [type="submit"]::-moz-focus-inner,
.fnx-site [type="reset"]::-moz-focus-inner {
padding: 0;
border: 0
}
.fnx-site img,
.fnx-site video {
max-width: 100%;
height: auto
}
.fnx-site figure {
margin: 0
}
.fnx-site a,
.fnx-site button {
outline: none;
-webkit-tap-highlight-color: rgba(23, 28, 34, 0.1)
}
.fnx-site hr {
border: none
}
html.fnx-site {
box-sizing: border-box
}
.fnx-site *,
.fnx-site *:before,
.fnx-site *:after {
box-sizing: inherit
}
.fnx-site h1,
.fnx-site h2,
.fnx-site h3,
.fnx-site h4,
.fnx-site h5,
.fnx-site h6,
.fnx-site ul,
.fnx-site ol,
.fnx-site dl,
.fnx-site blockquote,
.fnx-site p,
.fnx-site address,
.fnx-site hr,
.fnx-site table,
.fnx-site fieldset,
.fnx-site figure,
.fnx-site pre {
margin-bottom: 1.5rem
}
.fnx-site ul,
.fnx-site ol,
.fnx-site dd {
margin-left: 1.5rem
} html.fnx-site {
min-height: 100%;
min-width: 20rem; overflow-y: auto;
line-height: 1.5;
font-family: "Avenir Next Rounded Pro Regular", Verdana, Geneva, sans-serif;
font-size: 1em;
color: #434f61;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
.fnx-site h1 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site h1 {
font-size: 2.625rem
}
}
.fnx-site h2 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site h2 {
font-size: 2.25rem
}
}
.fnx-site h3 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site h3 {
font-size: 1.875rem
}
}
.fnx-site h4 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.3125rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site h4 {
font-size: 1.5rem
}
}
.fnx-site h5 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.3125rem
}
.fnx-site h6 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.125rem
}
.fnx-site h1 b,
.fnx-site h1 strong,
.fnx-site h2 b,
.fnx-site h2 strong,
.fnx-site h3 b,
.fnx-site h3 strong,
.fnx-site h4 b,
.fnx-site h4 strong,
.fnx-site h5 b,
.fnx-site h5 strong,
.fnx-site h6 b,
.fnx-site h6 strong {
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal
}
.fnx-site p {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site p {
font-size: 0.875rem
}
}
.fnx-site ol+h1,
.fnx-site ol+h2,
.fnx-site ol+h3,
.fnx-site ol+h4,
.fnx-site ol+h5,
.fnx-site ol+h6,
.fnx-site ul+h1,
.fnx-site ul+h2,
.fnx-site ul+h3,
.fnx-site ul+h4,
.fnx-site ul+h5,
.fnx-site ul+h6,
.fnx-site p+h1,
.fnx-site p+h2,
.fnx-site p+h3,
.fnx-site p+h4,
.fnx-site p+h5,
.fnx-site p+h6 {
margin-top: 2.25rem
}
.fnx-site ol b,
.fnx-site ol strong,
.fnx-site ul b,
.fnx-site ul strong,
.fnx-site p b,
.fnx-site p strong {
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif;
font-weight: normal
}
.fnx-site li>ul,
.fnx-site li>ol {
margin-bottom: 0
}
.fnx-site ul,
.fnx-site ol {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site ul,
.fnx-site ol {
font-size: 0.875rem
}
}
.fnx-site img {
max-width: 100%;
font-style: italic;
vertical-align: middle;
width: 100% !important;
height: auto !important;
top: 0 !important;
left: 0 !important;
}
.fnx-site img[width],
.fnx-site img[height] {
max-width: none
}
.fnx-site a {
text-decoration: none;
color: #d5022e;
transition: color 300ms
}
.fnx-site a:hover,
.fnx-site a:focus {
text-decoration: none;
color: #076049
}
.fnx-site p a,
.fnx-site td a {
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif
}
.fnx-site .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.fnx-site .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.fnx-site .slick-list:focus {
outline: none
}
.fnx-site .slick-list.dragging {
cursor: pointer;
cursor: hand
}
.fnx-site .slick-slider .slick-track,
.fnx-site .slick-slider .slick-list {
transform: translate3d(0, 0, 0)
}
.fnx-site .slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.fnx-site .slick-track:before,
.fnx-site .slick-track:after {
content: "";
display: table
}
.fnx-site .slick-track:after {
clear: both
}
.fnx-site .slick-loading .slick-track {
visibility: hidden
}
.fnx-site .slick-slide {
float: left;
height: 100%;
min-height: 0.0625rem;
display: none
}
.fnx-site [dir="rtl"] .slick-slide {
float: right
}
.fnx-site .slick-slide img {
display: block
}
.fnx-site .slick-slide.slick-loading img {
display: none
}
.fnx-site .slick-slide.dragging img {
pointer-events: none
}
.fnx-site .slick-initialized .slick-slide {
display: block
}
.fnx-site .slick-loading .slick-slide {
visibility: hidden
}
.fnx-site .slick-vertical .slick-slide {
display: block;
height: auto;
border: 0.0625rem solid transparent
}
.fnx-site .slick-arrow.slick-hidden {
display: none
}
.fnx-site header {
padding: 0
}
.fnx-site {
font-family: "Avenir Next Rounded Pro Regular", Verdana, Geneva, sans-serif;
line-height: 1.5;
color: #434f61;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box
}
@media only screen and (min-width: 40.0625em) {
html.fnx-site {
background-color: #f3f4f6
}
}
@font-face {
font-family: "Tiempos Bold";
font-weight: normal;
font-style: normal;
src: url(//remaxcrest.ca/wp-content/themes/realhomes-child/assets/fonts/tiempos/TiemposHeadlineWebBold.7cec331348728cba9ab1496a7905243c.eot);
src: url(//remaxcrest.ca/wp-content/themes/realhomes-child/assets/fonts/tiempos/TiemposHeadlineWebBold.7cec331348728cba9ab1496a7905243c.eot?#iefix) format("embedded-opentype"), url(//remaxcrest.ca/wp-content/themes/realhomes-child/assets/fonts/tiempos/TiemposHeadlineWebBold.15b8cc59692582fda8626e8b7c0875ce.woff2) format("woff2"), url(//remaxcrest.ca/wp-content/themes/realhomes-child/assets/fonts/tiempos/TiemposHeadlineWebBold.dbcc70bea571fc4d1f6e6343b3985d8d.woff) format("woff")
}
.fnx-site .layout {
list-style: none;
margin: 0;
padding: 0;
margin-left: -0.75rem;
font-size: 0
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .layout {
margin-left: -1.125rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .layout {
margin-left: -1.5rem
}
}
.fnx-site .layout__item {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 100%;
padding-left: 0.75rem;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .layout__item {
padding-left: 1.125rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .layout__item {
padding-left: 1.5rem
}
}
.fnx-site .layout--row-spacing-tiny {
margin-top: -0.375rem
}
.fnx-site .layout--row-spacing-tiny>.layout__item {
padding-top: 0.375rem
}
.fnx-site .layout--row-spacing-small {
margin-top: -0.75rem
}
.fnx-site .layout--row-spacing-small>.layout__item {
padding-top: 0.75rem
}
.fnx-site .layout--row-spacing {
margin-top: -1.5rem
}
.fnx-site .layout--row-spacing>.layout__item {
padding-top: 1.5rem
}
.fnx-site .layout--row-spacing-large {
margin-top: -3rem
}
.fnx-site .layout--row-spacing-large>.layout__item {
padding-top: 3rem
}
.fnx-site .layout--row-spacing-huge {
margin-top: -6rem
}
.fnx-site .layout--row-spacing-huge>.layout__item {
padding-top: 6rem
}
.fnx-site .layout--row-spacing-responsive {
margin-top: -0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .layout--row-spacing-responsive {
margin-top: -1.125rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .layout--row-spacing-responsive {
margin-top: -1.5rem
}
}
.fnx-site .layout--row-spacing-responsive>.layout__item {
padding-top: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .layout--row-spacing-responsive>.layout__item {
padding-top: 1.125rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .layout--row-spacing-responsive>.layout__item {
padding-top: 1.5rem
}
}
.fnx-site .layout--tiny {
margin-left: -0.375rem
}
.fnx-site .layout--tiny>.layout__item {
padding-left: 0.375rem
}
.fnx-site .layout--small {
margin-left: -0.75rem
}
.fnx-site .layout--small>.layout__item {
padding-left: 0.75rem
}
.fnx-site .layout--large {
margin-left: -3rem
}
.fnx-site .layout--large>.layout__item {
padding-left: 3rem
}
.fnx-site .layout--flush {
margin-left: 0
}
.fnx-site .layout--flush>.layout__item {
padding-left: 0
}
.fnx-site .layout--middle>.layout__item {
vertical-align: middle
}
.fnx-site .layout--bottom>.layout__item {
vertical-align: bottom
}
.fnx-site .layout--right {
text-align: right
}
.fnx-site .layout--right>.layout__item {
text-align: left
}
.fnx-site .layout--center {
text-align: center
}
.fnx-site .layout--center>.layout__item {
text-align: left
}
.fnx-site .layout__item.-animate {
transition: width 300ms
}
.fnx-site .layout {
font-size: 0
}
.fnx-site .layout__item {
font-size: 1rem
}
.fnx-site .media:after {
content: "";
display: block;
clear: both
}
.fnx-site .media {
display: block
}
.fnx-site .media__img {
float: left;
margin-right: 1.5rem
}
.fnx-site .media__img>img {
display: block
}
.fnx-site .media__body {
overflow: hidden;
display: block
}
.fnx-site .media__body,
.fnx-site .media__body>:last-child {
margin-bottom: 0
}
.fnx-site .media--small>.media__img {
margin-right: 0.75rem
}
.fnx-site .media--small.media--rev>.media__img {
margin-right: 0;
margin-left: 0.75rem
}
.fnx-site .media--large>.media__img {
margin-right: 3rem
}
.fnx-site .media--large.media--rev>.media__img {
margin-right: 0;
margin-left: 3rem
}
.fnx-site .media--rev>.media__img {
float: right;
margin-right: 0;
margin-left: 1.5rem
}
.fnx-site .btn {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
box-sizing: border-box;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
margin: 0;
cursor: pointer;
white-space: nowrap;
height: 2.5rem;
padding: 0 1.5rem;
font-size: 1rem;
line-height: 2.375rem;
outline: none;
border: 0.0625rem solid transparent;
border-radius: 0.1875rem;
transition: color 200ms, background-color 200ms, border-color 200ms;
background-color: #d5022e;
color: #fff
}
.fnx-site .btn:hover,
.fnx-site .btn:focus,
.fnx-site .btn:active {
outline: 0
}
.fnx-site .btn:hover:not([disabled]):not(.is-disabled) .svg-icon,
.fnx-site .btn:focus:not([disabled]):not(.is-disabled) .svg-icon,
.fnx-site .btn:active:not([disabled]):not(.is-disabled) .svg-icon {
opacity: 1
}
.fnx-site .btn:hover,
.fnx-site .btn:focus {
background-color: #d5022e;
color: #fff
}
.fnx-site .btn:active {
background-color: #076049
}
.fnx-site .btn[disabled],
.fnx-site .btn.is-disabled {
background-color: rgba(169, 177, 188, 0.1);
color: #a9b1bc
}
.fnx-site .btn[disabled] .svg-icon,
.fnx-site .btn.is-disabled .svg-icon {
transition: none
}
.fnx-site .btn.-secondary {
background-color: #f3f4f6;
color: #00654a
}
.fnx-site .btn.-secondary:hover,
.fnx-site .btn.-secondary:focus {
background-color: #e9ecef;
color: #00654a
}
.fnx-site .btn.-secondary:active {
background-color: #dfe3e7
}
.fnx-site .btn.-secondary[disabled],
.fnx-site .btn.-secondary.is-disabled {
background-color: rgba(169, 177, 188, 0.1);
color: #a9b1bc
}
.fnx-site .btn.-ghost-light {
background-color: rgba(23, 28, 34, 0.15);
border-color: rgba(255, 255, 255, 0.5);
color: #fff
}
.fnx-site .btn.-ghost-light:hover,
.fnx-site .btn.-ghost-light:focus {
background-color: rgba(255, 255, 255, 0.8);
border-color: transparent;
color: #323c49
}
.fnx-site .btn.-ghost-light:active {
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.25);
color: #fff
}
.fnx-site .btn.-ghost-light[disabled],
.fnx-site .btn.-ghost-light.is-disabled {
background-color: rgba(169, 177, 188, 0.1);
border-color: transparent;
color: #a9b1bc
}
.fnx-site .btn.-ghost-dark {
background-color: rgba(255, 255, 255, 0.15);
border-color: rgba(58, 70, 85, 0.5);
color: #323c49
}
.fnx-site .btn.-ghost-dark:hover,
.fnx-site .btn.-ghost-dark:focus {
background-color: rgba(58, 70, 85, 0.8);
border-color: transparent;
color: #fff
}
.fnx-site .btn.-ghost-dark:active {
background-color: rgba(23, 28, 34, 0.05);
border-color: rgba(58, 70, 85, 0.15);
color: #323c49
}
.fnx-site .btn.-ghost-dark[disabled],
.fnx-site .btn.-ghost-dark.is-disabled {
background-color: rgba(169, 177, 188, 0.1);
border-color: transparent;
color: #a9b1bc
}
.fnx-site .btn.-standalone {
background-color: #4b596d;
color: #fff
}
.fnx-site .btn.-standalone:hover,
.fnx-site .btn.-standalone:focus {
background-color: #323c49;
color: #fff
}
.fnx-site .btn.-standalone:active {
background-color: #171c22
}
.fnx-site .btn.-standalone[disabled],
.fnx-site .btn.-standalone.is-disabled {
background-color: rgba(169, 177, 188, 0.1);
color: #a9b1bc
}
.fnx-site .btn.-standalone-white {
background-color: #fff;
border-color: #dfe3e7;
color: #323c49
}
.fnx-site .btn.-standalone-white:hover,
.fnx-site .btn.-standalone-white:focus {
background-color: #f3f4f6;
color: #323c49
}
.fnx-site .btn.-standalone-white:active {
background-color: #e9ecef;
border-color: transparent
}
.fnx-site .btn.-standalone-white[disabled],
.fnx-site .btn.-standalone-white.is-disabled {
background-color: rgba(169, 177, 188, 0.1);
border-color: transparent;
color: #a9b1bc
}
.fnx-site .btn.-disc {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding: 0;
border-radius: 6.25rem
}
.fnx-site .btn.-disc.-transparent-light {
background-color: transparent;
border-color: transparent;
color: #fff
}
.fnx-site .btn.-disc.-transparent-light:hover,
.fnx-site .btn.-disc.-transparent-light:focus {
background-color: rgba(58, 70, 85, 0.5);
color: #fff
}
.fnx-site .btn.-disc.-transparent-light:active {
background-color: rgba(58, 70, 85, 0.75);
border-color: transparent
}
.fnx-site .btn.-disc.-transparent-light[disabled],
.fnx-site .btn.-disc.-transparent-light.is-disabled {
background-color: rgba(169, 177, 188, 0.1);
border-color: transparent;
color: #a9b1bc
}
.fnx-site .btn.-disc.-transparent-dark {
background-color: transparent;
border-color: transparent;
color: #2a333e
}
.fnx-site .btn.-disc.-transparent-dark:hover,
.fnx-site .btn.-disc.-transparent-dark:focus {
background-color: rgba(58, 70, 85, 0.1);
color: #171c22
}
.fnx-site .btn.-disc.-transparent-dark:active {
background-color: rgba(58, 70, 85, 0.15);
border-color: transparent
}
.fnx-site .btn.-disc.-transparent-dark[disabled],
.fnx-site .btn.-disc.-transparent-dark.is-disabled {
background-color: rgba(169, 177, 188, 0.1);
border-color: transparent;
color: #a9b1bc
}
.fnx-site .btn.-disc.-transparent-light,
.fnx-site .btn.-disc.-transparent-dark {
width: 2.25rem;
height: 2.25rem
}
.fnx-site .btn.-disc.-transparent-light.-tiny,
.fnx-site .btn.-disc.-transparent-dark.-tiny {
width: 1.375rem;
height: 1.375rem
}
.fnx-site .btn.-disc.-transparent-light.-tiny .svg-icon,
.fnx-site .btn.-disc.-transparent-dark.-tiny .svg-icon {
width: 0.875rem;
height: 0.875rem
}
.fnx-site .btn.-disc.-transparent-light.-small,
.fnx-site .btn.-disc.-transparent-dark.-small {
width: 1.875rem;
height: 1.875rem
}
.fnx-site .btn.-disc.-transparent-light.-large,
.fnx-site .btn.-disc.-transparent-dark.-large {
width: 2.625rem;
height: 2.625rem
}
.fnx-site .btn.-disc .svg-icon {
margin: 0
}
.fnx-site .btn.-small {
font-size: 0.9375rem;
height: 2.25rem;
padding: 0 1.25rem;
line-height: 2.125rem
}
@media only screen and (max-width: 23.8025em) {
.fnx-site .btn.-small {
height: 2.5rem;
padding: 0 1.5rem;
font-size: 1rem;
line-height: 2.375rem
}
}
.fnx-site .btn.-small.-disc {
width: 2.25rem;
height: 2.25rem;
padding: 0
}
.fnx-site .btn.-small .svg-icon {
width: 1.125rem;
height: 1.125rem
}
.fnx-site .btn.-large {
height: 3rem;
padding: 0 1.875rem;
font-size: 1.125rem;
line-height: 2.875rem
}
.fnx-site .btn.-large.-disc {
width: 3rem;
height: 3rem;
padding: 0
}
.fnx-site .btn.-large .svg-icon {
width: 1.5rem;
height: 1.5rem
}
.fnx-site .btn.-margin {
margin-left: 0.75rem
}
.fnx-site .btn.-width-100 {
width: 100%
}
@media only screen and (max-width: 23.8025em) {
.fnx-site .btn {
width: 100%
}
}
.fnx-site .btn .svg-icon {
width: 1.375rem;
height: 1.375rem;
margin-left: -0.3em;
opacity: 0.8
}
.fnx-site .btn .svg-icon+span {
margin-left: 0.4em
}
.fnx-site .u-text-padding-align-with-image .btn {
margin-left: -0.375rem
}
@media only screen and (max-width: 23.8025em) {
.fnx-site .u-text-padding-align-with-image .btn {
width: calc(100% + 0.375rem)
}
}
.fnx-site .u-text-padding-align-with-image .btn.-width-100 {
width: calc(100% + 0.375rem)
}
.fnx-site .list-default {
list-style: none;
margin-left: 0
}
.fnx-site .list-default>li {
position: relative;
padding-left: 1em
}
.fnx-site .list-default>li:after {
content: "";
display: block;
position: absolute;
top: 0.65em;
left: 0;
width: 0.25rem;
height: 0.25rem;
background-color: currentColor;
border-radius: 100%
}
.fnx-site .list-default__parent ol,
.fnx-site .list-default__parent ul {
list-style: none;
margin-left: 0
}
.fnx-site .list-default__parent ol>li,
.fnx-site .list-default__parent ul>li {
position: relative;
padding-left: 1em
}
.fnx-site .list-default__parent ol>li:after,
.fnx-site .list-default__parent ul>li:after {
content: "";
display: block;
position: absolute;
top: 0.65em;
left: 0;
width: 0.25rem;
height: 0.25rem;
background-color: currentColor;
border-radius: 100%
}
.fnx-site .list-bare {
margin: 0;
padding: 0;
list-style: none
}
.fnx-site .fnx-list-inline {
margin: 0;
padding: 0;
list-style: none
}
.fnx-site .fnx-list-inline>li {
display: inline-block
}
.fnx-site .wrapper {
max-width: 76.5rem;
margin: 0 auto;
padding-right: 1rem;
padding-left: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .wrapper {
padding-right: 1.5rem;
padding-left: 1.5rem
}
}
.fnx-site .band {
position: relative;
max-width: 120rem;
margin: 0 auto;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
background-size: 120rem auto;
background-repeat: no-repeat;
background-position: center;
background-color: #fff
}
.fnx-site .separator {
margin-bottom: 1.2em;
outline: none;
border-bottom: 0.0625rem solid #dfe3e7
}
.fnx-site .separator.-block {
margin-bottom: 0;
border: none
}
.fnx-site .separator.-block:after {
content: "";
display: block;
position: relative;
margin-bottom: 2.25rem;
padding-bottom: 2.25rem;
outline: none;
border-bottom: 0.0625rem solid #dfe3e7
}
.fnx-site .separator.-block.-spacing-0:after {
margin-bottom: 0;
padding-bottom: 0
}
.fnx-site .overlay-screen {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
transition: opacity 400ms, visibility 0s 400ms;
z-index: 1001;
background-color: rgba(255, 255, 255, 0.5)
}
.fnx-site .overlay-screen.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 400ms, visibility 0s 0s
}
@keyframes drop {
100% {
opacity: 0;
transform: scale(1.5)
}
}
.fnx-site .drop {
display: block;
position: absolute;
background: rgba(223, 227, 231, 0.3);
border-radius: 100%;
transform: scale(0);
pointer-events: none
}
.fnx-site .drop.-animate {
animation: drop 450ms linear
}
.fnx-site .h1 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .h1 {
font-size: 2.625rem
}
}
.fnx-site .h2 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .h2 {
font-size: 2.25rem
}
}
.fnx-site .h3 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .h3 {
font-size: 1.875rem
}
}
.fnx-site .h4 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.3125rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .h4 {
font-size: 1.5rem
}
}
.fnx-site .h5 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.3125rem
}
.fnx-site .h6 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.125rem
}
.fnx-site .animated {
animation-duration: 1s;
animation-fill-mode: both
}
@keyframes fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes opacity-pulse {
0% {
opacity: 0
}
25% {
opacity: 1
}
75%,
100% {
opacity: 0
}
}
@keyframes rotate {
100% {
transform: rotate(360deg)
}
}
.fnx-site .icon__morph {
display: block;
position: relative;
width: 1em;
height: 1em;
transition: all 300ms
}
.fnx-site .icon__morph.-tiny {
font-size: 0.625rem
}
.fnx-site .icon__morph.-small {
font-size: 0.75rem
}
.fnx-site .icon__morph.-large {
font-size: 1.375rem
}
.fnx-site .icon__morph.-huge {
font-size: 2rem
}
.fnx-site .icon__morph.-menu .icon__morph-block {
transform: scale(1, 0.1) translate(0, -3.5em)
}
.fnx-site .icon__morph.-menu .icon__morph-block.-m2 {
transform: scale(1, 0.1) translate(0, 0)
}
.fnx-site .icon__morph.-menu .icon__morph-block.-m3 {
transform: scale(1, 0.1) translate(0, 3.5em)
}
.fnx-site .icon__morph.-close .icon__morph-block {
transform: rotate(-135deg) scale(1, 0.1)
}
.fnx-site .icon__morph.-close .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .icon__morph.-close .icon__morph-block.-m3 {
transform: rotate(135deg) scale(1, 0.1) translate(0, 0em)
}
.fnx-site .icon__morph.-chevron-left .icon__morph-block {
transform: rotate(-135deg) scale(0.66, 0.1) translate(-0.125em, -2em)
}
.fnx-site .icon__morph.-chevron-left .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .icon__morph.-chevron-left .icon__morph-block.-m3 {
transform: rotate(135deg) scale(0.66, 0.1) translate(-0.125em, 2em)
}
.fnx-site .icon__morph.-chevron-right .icon__morph-block {
transform: rotate(-135deg) scale(0.66, 0.1) translate(0.125em, 2em)
}
.fnx-site .icon__morph.-chevron-right .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .icon__morph.-chevron-right .icon__morph-block.-m3 {
transform: rotate(135deg) scale(0.66, 0.1) translate(0.125em, -2em)
}
.fnx-site .icon__morph.-chevron-down .icon__morph-block {
transform: translate(-0.2em, 0) rotate(-135deg) scale(0.66, 0.1)
}
.fnx-site .icon__morph.-chevron-down .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .icon__morph.-chevron-down .icon__morph-block.-m3 {
transform: translate(0.2em, 0) rotate(135deg) scale(0.66, 0.1)
}
.fnx-site .icon__morph.-chevron-up .icon__morph-block {
transform: rotate(45deg) scale(0.66, 0.1) translate(0.215em, -1.4em)
}
.fnx-site .icon__morph.-chevron-up .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .icon__morph.-chevron-up .icon__morph-block.-m3 {
transform: rotate(-45deg) scale(0.66, 0.1) translate(-0.215em, -1.4em)
}
.fnx-site .icon__morph.-arrow-right .icon__morph-block {
transform: rotate(-135deg) scale(0.66, 0.1) translate(0em, 2.8em)
}
.fnx-site .icon__morph.-arrow-right .icon__morph-block.-m2 {
transform: rotate(0deg) scale(0.85, 0.1) translate(-0.05em, 0em)
}
.fnx-site .icon__morph.-arrow-right .icon__morph-block.-m3 {
transform: rotate(135deg) scale(0.66, 0.1) translate(0em, -2.8em)
}
.fnx-site .icon__morph.-bang .icon__morph-block.-m1 {
background-color: transparent !important;
border-width: 0.09em;
border-radius: 100%;
transform: scale(1)
}
.fnx-site .icon__morph.-bang .icon__morph-block.-m2 {
transform: scale(0.1, 0.4) translate(0em, -0.25em);
border-radius: 30%
}
.fnx-site .icon__morph.-bang .icon__morph-block.-m3 {
border-radius: 100%;
transform: translate(0, 0.22em) scale(0.14, 0.14)
}
.fnx-site .is-selected>.nav-chevron>.icon__morph .icon__morph-block {
transform: rotate(45deg) scale(0.66, 0.1) translate(0.215em, -1.4em)
}
.fnx-site .is-selected>.nav-chevron>.icon__morph .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .is-selected>.nav-chevron>.icon__morph .icon__morph-block.-m3 {
transform: rotate(-45deg) scale(0.66, 0.1) translate(-0.215em, -1.4em)
}
.fnx-site .icon__morph-block {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
transition: all 300ms;
background-color: currentColor;
border: 0 solid currentColor;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.fnx-site .nav-dots__list {
display: block;
position: relative;
width: 100%;
margin: 0;
text-align: center;
font-size: 0;
line-height: 0;
list-style-type: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0
}
.fnx-site .nav-dots__list>li {
display: inline-block
}
.fnx-site .nav-dots__link {
display: inline-block;
position: relative;
width: 1.875rem;
height: 1.875rem;
font-size: 0;
line-height: 0;
color: transparent
}
.fnx-site .nav-dots__link:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
width: 0.625rem;
height: 0.625rem;
border-radius: 100%;
background: rgba(58, 70, 85, 0.25);
transition: background-color 300ms
}
.fnx-site .nav-dots__link:hover:after,
.fnx-site .nav-dots__link:focus:after {
background: rgba(58, 70, 85, 0.35)
}
.fnx-site .wide-media__wrap {
display: block;
position: absolute;
max-width: 120rem;
width: 100%;
height: 25rem;
margin: 0;
overflow: hidden;
line-height: 0
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .wide-media__wrap {
height: 31.25rem
}
}
.fnx-site .wide-media__wrap.-short {
height: 21.875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .wide-media__wrap.-short {
height: 21.875rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .wide-media__wrap.-stacking\@until-medium {
position: relative;
height: auto
}
}
.fnx-site .wide-media {
display: block;
position: relative;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
max-width: none;
width: 40rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .wide-media {
width: 120rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .wide-media.-disable\@until-medium {
left: 0;
max-width: 100%;
width: auto;
transform: none
}
}
.fnx-site .panel {
position: relative;
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25);
border-radius: 0.1875rem;
background-color: #fff;
text-align: left
}
.fnx-site .panel>*:last-child {
margin-bottom: 0
}
.fnx-site .panel__header {
padding: 1.25rem;
background-color: #fff;
outline: none;
border-bottom: 0.0625rem solid #dfe3e7;
border-top-left-radius: 0.1875rem;
border-top-right-radius: 0.1875rem
}
.fnx-site .panel__header>*:last-child {
margin-bottom: 0
}
.fnx-site .panel__body {
padding: 1.25rem;
background-color: #fff;
border-radius: 0.1875rem
}
.fnx-site .panel__body>*:last-child {
margin-bottom: 0 !important
}
.fnx-site .panel__footer {
padding: 1.25rem;
background-color: #f1f5f9;
border-bottom-left-radius: 0.1875rem;
border-bottom-right-radius: 0.1875rem
}
.fnx-site .panel__footer>*:last-child {
margin-bottom: 0
}
.fnx-site .has-fouc {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
.fnx-site .capsule {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
position: absolute;
vertical-align: top;
padding: 0.375rem 0.75rem;
background-color: #fff;
border: 0.0625rem solid #92a5ae;
border-radius: 0.1875rem;
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif;
color: #323c49;
font-size: 0.6875rem;
line-height: 1
}
.fnx-site .capsule.-yolk {
border-color: #f3bc2c
}
.fnx-site .capsule.-fox {
border-color: #ec6f43
}
.fnx-site .capsule.-denim {
border-color: #6e9cc6
}
.fnx-site .capsule.-oink {
border-color: #f9c5b5
}
.fnx-site .capsule.-miami {
border-color: #8ccaae
}
.fnx-site .capsule.-kidneybean {
border-color: #7d3644
}
.fnx-site .capsule.-clay {
border-color: #ddd2c4
}
.fnx-site .capsule.-jam {
border-color: #d72638
}
.fnx-site .capsule.-bluebergine {
border-color: #536379
}
.fnx-site .capsule.-small {
font-size: 0.5rem;
padding: 0.3125rem 0.625rem
}
.fnx-site .capsule.-ghost-light {
background-color: rgba(23, 28, 34, 0.15);
border-color: rgba(255, 255, 255, 0.5);
color: #fff;
border-width: 0.0625rem
}
.fnx-site .capsule.-ghost-dark {
background-color: rgba(255, 255, 255, 0.15);
border-color: rgba(58, 70, 85, 0.5);
color: #323c49;
border-width: 0.0625rem
}
.fnx-site .pill.-yolk,
.fnx-site .pill.-oink,
.fnx-site .pill.-miami,
.fnx-site .pill.-clay {
color: #171c22
}
.fnx-site .pill {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: top;
padding: 0.375rem 0.75rem;
background-color: #92a5ae;
border: 0.0625rem solid transparent;
border-radius: 6.25rem;
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif;
color: #fff;
font-size: 0.6875rem;
line-height: 1;
letter-spacing: 0.03125rem;
text-transform: uppercase
}
.fnx-site .pill.-yolk {
background-color: #f3bc2c
}
.fnx-site .pill.-fox {
background-color: #ec6f43
}
.fnx-site .pill.-denim {
background-color: #6e9cc6
}
.fnx-site .pill.-oink {
background-color: #f9c5b5
}
.fnx-site .pill.-miami {
background-color: #8ccaae
}
.fnx-site .pill.-kidneybean {
background-color: #7d3644
}
.fnx-site .pill.-clay {
background-color: #ddd2c4
}
.fnx-site .pill.-jam {
background-color: #d72638
}
.fnx-site .pill.-bluebergine {
background-color: #536379
}
.fnx-site .pill.-small {
font-size: 0.5rem;
padding: 0.3125rem 0.625rem
}
.fnx-site .pill.-ghost-light {
background-color: rgba(23, 28, 34, 0.15);
border-color: rgba(255, 255, 255, 0.5);
color: #fff;
border-width: 0.0625rem;
border-style: solid
}
.fnx-site .pill.-ghost-dark {
background-color: rgba(255, 255, 255, 0.15);
border-color: rgba(58, 70, 85, 0.5);
color: #323c49;
border-width: 0.0625rem;
border-style: solid
}
.fnx-site .media-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.fnx-site .media-flex__img {
margin-right: 1.5rem
}
.fnx-site .media-flex__img>img {
display: block
}
.fnx-site .media-flex__body {
-ms-flex: 1;
flex: 1
}
.fnx-site .media-flex__body,
.fnx-site .media-flex__body>:last-child {
margin-bottom: 0
}
.fnx-site .media-flex--center {
-ms-flex-align: center;
align-items: center
}
.fnx-site .media-flex--bottom {
-ms-flex-align: end;
align-items: flex-end
}
.fnx-site .media-flex--small>.media-flex__img {
margin-right: 0.75rem
}
.fnx-site .media-flex--small.media-flex--rev>.media-flex__img {
margin-right: 0;
margin-left: 0.75rem
}
.fnx-site .media-flex--rev>.media-flex__img {
-ms-flex-order: 1;
order: 1;
margin-right: 0;
margin-left: 1.5rem
}
.fnx-site .field-container {
margin-bottom: 1.125rem
}
.fnx-site .field-container.-side-by-side {
font-size: 0;
margin-bottom: 0.375rem
}
.fnx-site .field-container.-side-by-side>*:nth-child(-n+2) {
display: inline-block;
vertical-align: middle;
margin: 0
}
.fnx-site .field-container.-side-by-side>*:first-child {
width: 30%;
padding-right: 0.375rem
}
.fnx-site .field-container.-side-by-side>*:nth-child(2) {
width: 70%
}
.fnx-site .field-container.-side-by-side .field-container__field-description {
width: 70%;
padding: 0.375rem 0.1875rem;
margin-left: 30%
}
.fnx-site .field-container__field-description {
line-height: 1.5;
font-size: 0.75rem;
margin: 0;
padding: 0.375rem 0;
color: #69778a
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container__field-description {
font-size: 0.6875rem
}
}
.fnx-site .label {
display: block;
line-height: 1.5;
font-size: 1rem;
margin-bottom: 0.375rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .label {
font-size: 0.875rem
}
}
.fnx-site .text-input,
.fnx-site .textarea {
display: block;
width: 100%;
height: 3rem;
padding: 0.75rem;
background-color: #fff;
outline: none;
border: 0.0625rem solid #dfe3e7;
line-height: 1.5;
font-size: 1rem;
border-radius: 0.1875rem;
outline: none;
-webkit-appearance: none;
transition: box-shadow 500ms, background-color 300ms, border-color 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .text-input,
.fnx-site .textarea {
font-size: 0.875rem
}
}
.fnx-site .text-input:hover,
.fnx-site .text-input:focus,
.fnx-site .textarea:hover,
.fnx-site .textarea:focus {
border-color: #d5022e
}
.fnx-site .text-input:active,
.fnx-site .text-input:focus,
.fnx-site .textarea:active,
.fnx-site .textarea:focus {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .text-input,
.fnx-site .textarea {
height: 2.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .text-input,
.fnx-site .textarea {
padding: 0.5rem 0.75rem
}
}
.fnx-site .text-input.is-error,
.fnx-site .textarea.is-error {
outline: none;
border: 0.0625rem solid #c22232 !important
}
.fnx-site .text-input.is-disabled,
.fnx-site .textarea.is-disabled {
border: none;
background-color: #f3f4f6;
color: #a9b1bc
}
.fnx-site .textarea {
height: auto
}
.fnx-site .checkbox {
border: 0;
clip: rect(0 0 0 0);
height: 0.0625rem;
margin: -0.0625rem;
overflow: hidden;
padding: 0;
position: absolute;
width: 0.0625rem
}
.fnx-site .checkbox:hover+label:before,
.fnx-site .checkbox:focus+label:before {
border-color: #d5022e
}
.fnx-site .checkbox:active+label:before,
.fnx-site .checkbox:focus+label:before {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25)
}
.fnx-site .checkbox.is-error+label:before {
outline: none;
border: 0.0625rem solid #c22232
}
.fnx-site .checkbox+label {
display: inline;
position: relative;
padding-left: 1.625rem;
margin-bottom: 0;
transition: color 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .checkbox+label {
padding-left: 1.4375rem
}
}
.fnx-site .checkbox+label:before,
.fnx-site .checkbox+label:after {
content: "";
display: block;
position: absolute;
transition: background-color 200ms, border-color 200ms, border-width 200ms, opacity 200ms
}
.fnx-site .checkbox+label:before {
top: 0.125rem;
left: 0;
width: 1.125rem;
height: 1.125rem;
background: #fff;
outline: none;
border: 0.0625rem solid #dfe3e7;
box-shadow: inset 0 0.0625rem 0.25rem 0 rgba(23, 28, 34, 0.15);
border-radius: 0.1875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .checkbox+label:before {
top: 0.0625rem;
width: 0.9375rem;
height: 0.9375rem
}
}
.fnx-site .checkbox+label:after {
top: 0.375rem;
left: 0.25rem;
width: 0.6875rem;
height: 0.4375rem;
background: transparent;
border: 0.1875rem solid #fff;
border-top: none;
border-right: none;
border-radius: 0.0625rem;
box-shadow: -0.0625rem 0.0625rem 0.0625rem rgba(23, 28, 34, 0.15);
opacity: 0;
transform: rotate(-45deg)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .checkbox+label:after {
top: 0.1875rem;
left: 0.1875rem;
transform: rotate(-45deg) translatex(-0.0625rem)
}
}
.fnx-site .checkbox:not(.is-disabled):checked:hover+label:before,
.fnx-site .checkbox:not(.is-disabled):checked:focus+label:before {
border-color: #d5022e;
background-color: #00a77b
}
.fnx-site .checkbox:not(.is-disabled):checked+label:before {
background: #d5022e;
border-color: #d5022e;
border-width: 0;
transition: background-color 200ms, border-color 200ms 200ms, border-width 200ms 200ms
}
.fnx-site .checkbox:not(.is-disabled):checked+label:after {
opacity: 1
}
.fnx-site .checkbox.is-disabled:hover+label:before,
.fnx-site .checkbox.is-disabled:focus+label:before,
.fnx-site .checkbox[disabled]:hover+label:before,
.fnx-site .checkbox[disabled]:focus+label:before {
border-color: #dfe3e7
}
.fnx-site .checkbox.is-disabled+label,
.fnx-site .checkbox[disabled]+label {
cursor: default;
color: #a9b1bc
}
.fnx-site .checkbox.is-disabled+label:before,
.fnx-site .checkbox[disabled]+label:before {
background: #e9ecef;
box-shadow: none
}
.fnx-site .checkbox.-large+label {
padding-left: 1.625rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .checkbox.-large+label {
padding-left: 1.625rem
}
}
.fnx-site .checkbox.-large+label:before {
top: 0.125rem;
width: 1.125rem;
height: 1.125rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .checkbox.-large+label:before {
top: 0
}
}
.fnx-site .checkbox.-large+label:after {
top: 0.375rem;
left: 0.25rem;
width: 0.6875rem;
height: 0.4375rem;
border-width: 0.1875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .checkbox.-large+label:after {
top: 0.1875rem;
width: 0.75rem
}
}
.fnx-site .select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle
}
.fnx-site .select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 1.75rem;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.fnx-site .select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 0.5rem;
padding-right: 1.25rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.fnx-site .select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.fnx-site .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 0.5rem;
padding-left: 1.25rem
}
.fnx-site .select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 2rem;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.fnx-site .select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 0.5rem;
text-overflow: ellipsis;
white-space: nowrap
}
.fnx-site .select2-container .select2-search--inline {
float: left
}
.fnx-site .select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 0.3125rem;
padding: 0
}
.fnx-site .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.fnx-site .select2-dropdown {
background-color: white;
border: 0.0625rem solid #aaa;
border-radius: 0.25rem;
box-sizing: border-box;
display: block;
position: absolute;
left: -6250rem;
width: 100%;
z-index: 1051
}
.fnx-site .select2-results {
display: block
}
.fnx-site .select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.fnx-site .select2-results__option {
padding: 0.375rem;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none
}
.fnx-site .select2-results__option[aria-selected] {
cursor: pointer
}
.fnx-site .select2-container--open .select2-dropdown {
left: 0
}
.fnx-site .select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.fnx-site .select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.fnx-site .select2-search--dropdown {
display: block;
padding: 0.25rem
}
.fnx-site .select2-search--dropdown .select2-search__field {
padding: 0.25rem;
width: 100%;
box-sizing: border-box
}
.fnx-site .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.fnx-site .select2-search--dropdown.select2-search--hide {
display: none
}
.fnx-site .select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0)
}
.fnx-site .select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
.fnx-site .select2-container--default .select2-selection--single {
background-color: #fff;
border: 0.0625rem solid #aaa;
border-radius: 0.25rem
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 1.75rem
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 1.625rem;
position: absolute;
top: 0.0625rem;
right: 0.0625rem;
width: 1.25rem
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 0.3125rem 0.25rem 0 0.25rem;
height: 0;
left: 50%;
margin-left: -0.25rem;
margin-top: -0.125rem;
position: absolute;
top: 50%;
width: 0
}
.fnx-site .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.fnx-site .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 0.0625rem;
right: auto
}
.fnx-site .select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.fnx-site .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.fnx-site .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 0.25rem 0.3125rem 0.25rem
}
.fnx-site .select2-container--default .select2-selection--multiple {
background-color: white;
border: 0.0625rem solid #aaa;
border-radius: 0.25rem;
cursor: text
}
.fnx-site .select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 0.3125rem;
width: 100%
}
.fnx-site .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 0.3125rem;
float: left
}
.fnx-site .select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 0.3125rem;
margin-right: 0.625rem
}
.fnx-site .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 0.0625rem solid #aaa;
border-radius: 0.25rem;
cursor: default;
float: left;
margin-right: 0.3125rem;
margin-top: 0.3125rem;
padding: 0 0.3125rem
}
.fnx-site .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 0.125rem
}
.fnx-site .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.fnx-site .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.fnx-site .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.fnx-site .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right
}
.fnx-site .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 0.3125rem;
margin-right: auto
}
.fnx-site .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 0.125rem;
margin-right: auto
}
.fnx-site .select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 0.0625rem;
outline: 0
}
.fnx-site .select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.fnx-site .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.fnx-site .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.fnx-site .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.fnx-site .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.fnx-site .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.fnx-site .select2-container--default .select2-search--dropdown .select2-search__field {
border: 0.0625rem solid #aaa
}
.fnx-site .select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}
.fnx-site .select2-container--default .select2-results>.select2-results__options {
max-height: 12.5rem;
overflow-y: auto
}
.fnx-site .select2-container--default .select2-results__option[role=group] {
padding: 0
}
.fnx-site .select2-container--default .select2-results__option[aria-disabled=true] {
color: #999
}
.fnx-site .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd
}
.fnx-site .select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.fnx-site .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.fnx-site .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.fnx-site .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.fnx-site .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.fnx-site .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.fnx-site .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.fnx-site .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white
}
.fnx-site .select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 0.375rem
}
.fnx-site .select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 0.0625rem solid #aaa;
border-radius: 0.25rem;
outline: 0;
background-image: linear-gradient(to bottom, white 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.fnx-site .select2-container--classic .select2-selection--single:focus {
border: 0.0625rem solid #5897fb
}
.fnx-site .select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 1.75rem
}
.fnx-site .select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 0.625rem
}
.fnx-site .select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999
}
.fnx-site .select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 0.0625rem solid #aaa;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
height: 1.625rem;
position: absolute;
top: 0.0625rem;
right: 0.0625rem;
width: 1.25rem;
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.fnx-site .select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 0.3125rem 0.25rem 0 0.25rem;
height: 0;
left: 50%;
margin-left: -0.25rem;
margin-top: -0.125rem;
position: absolute;
top: 50%;
width: 0
}
.fnx-site .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.fnx-site .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 0.0625rem solid #aaa;
border-radius: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
left: 0.0625rem;
right: auto
}
.fnx-site .select2-container--classic.select2-container--open .select2-selection--single {
border: 0.0625rem solid #5897fb
}
.fnx-site .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none
}
.fnx-site .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 0.25rem 0.3125rem 0.25rem
}
.fnx-site .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, white 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.fnx-site .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #eee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.fnx-site .select2-container--classic .select2-selection--multiple {
background-color: white;
border: 0.0625rem solid #aaa;
border-radius: 0.25rem;
cursor: text;
outline: 0
}
.fnx-site .select2-container--classic .select2-selection--multiple:focus {
border: 0.0625rem solid #5897fb
}
.fnx-site .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 0.3125rem
}
.fnx-site .select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none
}
.fnx-site .select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 0.0625rem solid #aaa;
border-radius: 0.25rem;
cursor: default;
float: left;
margin-right: 0.3125rem;
margin-top: 0.3125rem;
padding: 0 0.3125rem
}
.fnx-site .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 0.125rem
}
.fnx-site .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.fnx-site .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right
}
.fnx-site .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 0.3125rem;
margin-right: auto
}
.fnx-site .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 0.125rem;
margin-right: auto
}
.fnx-site .select2-container--classic.select2-container--open .select2-selection--multiple {
border: 0.0625rem solid #5897fb
}
.fnx-site .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.fnx-site .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.fnx-site .select2-container--classic .select2-search--dropdown .select2-search__field {
border: 0.0625rem solid #aaa;
outline: 0
}
.fnx-site .select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none
}
.fnx-site .select2-container--classic .select2-dropdown {
background-color: white;
border: 0.0625rem solid transparent
}
.fnx-site .select2-container--classic .select2-dropdown--above {
border-bottom: none
}
.fnx-site .select2-container--classic .select2-dropdown--below {
border-top: none
}
.fnx-site .select2-container--classic .select2-results>.select2-results__options {
max-height: 12.5rem;
overflow-y: auto
}
.fnx-site .select2-container--classic .select2-results__option[role=group] {
padding: 0
}
.fnx-site .select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey
}
.fnx-site .select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white
}
.fnx-site .select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 0.375rem
}
.fnx-site .select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb
}
.fnx-site .select2-container--default .select2-selection--single {
display: block;
width: 100%;
height: 3rem;
padding: 0.75rem;
background-color: #fff;
outline: none;
border: 0.0625rem solid #dfe3e7;
line-height: 1.5;
font-size: 1rem;
border-radius: 0.1875rem;
outline: none;
-webkit-appearance: none;
transition: box-shadow 500ms, background-color 300ms, border-color 300ms;
padding: 0
}
.fnx-site .select2-container--default .select2-selection--single:focus {
outline: none
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .select2-container--default .select2-selection--single {
font-size: 0.875rem
}
}
.fnx-site .select2-container--default .select2-selection--single:hover,
.fnx-site .select2-container--default .select2-selection--single:focus {
border-color: #d5022e
}
.fnx-site .select2-container--default .select2-selection--single:active,
.fnx-site .select2-container--default .select2-selection--single:focus {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .select2-container--default .select2-selection--single {
height: 2.5rem
}
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #434f61;
line-height: 2.875rem;
padding-left: 0.75rem;
padding-right: 2.25rem;
font-size: inherit;
transition: color 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 2.375rem
}
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 1.875rem;
height: 2.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 2.25rem
}
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: block;
position: relative;
width: 1em;
height: 1em;
transition: all 300ms;
left: 0.25rem;
margin: 0;
border: none;
font-size: 0.75rem;
transform: translateY(-50%)
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__arrow b:before,
.fnx-site .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
transition: all 300ms;
background-color: currentColor;
border: 0 solid currentColor;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #d5022e;
transform: translate(-0.2em, 0) rotate(-135deg) scale(0.66, 0.1)
}
.fnx-site .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
transform: translate(0.2em, 0) rotate(135deg) scale(0.66, 0.1)
}
.fnx-site .select2-container--default.select2-container--open .select2-selection--single {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25)
}
.fnx-site .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
transform: rotate(45deg) scale(0.66, 0.1) translate(0.215em, -1.4em)
}
.fnx-site .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
transform: rotate(-45deg) scale(0.66, 0.1) translate(-0.215em, -1.4em)
}
.fnx-site .select2-container--default .select2-search {
position: relative;
padding: 0.5rem;
outline: none;
border-bottom: 0.0625rem solid #dfe3e7
}
.fnx-site .select2-container--default .select2-search:before,
.fnx-site .select2-container--default .select2-search:after {
content: "";
display: block;
position: absolute
}
.fnx-site .select2-container--default .select2-search:before {
top: 1.5rem;
right: 1.625rem;
width: 0.75rem;
height: 0.75rem;
border-radius: 100%;
border: 0.0625rem solid #d5022e
}
.fnx-site .select2-container--default .select2-search:after {
top: 2.1875rem;
right: 1.5rem;
width: 0.0625rem;
height: 0.375rem;
background-color: #d5022e;
transform: rotate(-45deg)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .select2-container--default .select2-search:before {
top: 1.25rem;
right: 1.375rem
}
.fnx-site .select2-container--default .select2-search:after {
top: 1.9375rem;
right: 1.25rem
}
}
.fnx-site .select2-container--default .select2-search .select2-search__field {
display: block;
width: 100%;
height: 3rem;
padding: 0.75rem;
background-color: #fff;
outline: none;
border: 0.0625rem solid #dfe3e7;
line-height: 1.5;
font-size: 1rem;
border-radius: 0.1875rem;
outline: none;
-webkit-appearance: none;
transition: box-shadow 500ms, background-color 300ms, border-color 300ms;
padding-right: 1.875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .select2-container--default .select2-search .select2-search__field {
font-size: 0.875rem
}
}
.fnx-site .select2-container--default .select2-search .select2-search__field:hover,
.fnx-site .select2-container--default .select2-search .select2-search__field:focus {
border-color: #d5022e
}
.fnx-site .select2-container--default .select2-search .select2-search__field:active,
.fnx-site .select2-container--default .select2-search .select2-search__field:focus {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .select2-container--default .select2-search .select2-search__field {
height: 2.5rem
}
}
.fnx-site .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #fff
}
.fnx-site .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #e6f5f1;
color: #323c49;
transition: background-color 300ms
}
.fnx-site .select2-dropdown {
border-color: #dfe3e7;
border-radius: 0.1875rem;
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25)
}
.fnx-site .select2-dropdown.-max-height-4-items .select2-results>.select2-results__options {
max-height: 10.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .select2-dropdown.-max-height-4-items .select2-results>.select2-results__options {
max-height: 9.75rem
}
}
.fnx-site .select2-dropdown.-max-height-none .select2-results>.select2-results__options {
max-height: none
}
.fnx-site .select2-dropdown.-use-perfect-scrollbar .select2-results>.select2-results__options {
position: relative;
overflow: hidden
}
.fnx-site .select2-results__option {
padding: 0.5625rem 0.75rem;
transition: color 300ms
}
.fnx-site .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
-ms-touch-action: auto;
touch-action: auto
}
@supports (-ms-overflow-style: none) {
.fnx-site .ps {
overflow: auto !important
}
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.fnx-site .ps {
overflow: auto !important
}
}
.fnx-site .ps[data-perfect-scrollbar-default-hidden="true"] .ps__rail-y {
opacity: 0
}
.fnx-site .ps[data-perfect-scrollbar-default-hidden="true"]:hover>.ps__rail-y,
.fnx-site .ps[data-perfect-scrollbar-default-hidden="true"].ps--focus>.ps__rail-y,
.fnx-site .ps[data-perfect-scrollbar-default-hidden="true"].ps--scrolling-y>.ps__rail-y {
opacity: 0.6
}
.fnx-site .ps__rail-x {
display: none
}
.fnx-site .ps__rail-y {
display: block;
position: absolute;
right: 0;
opacity: 0.6;
transition: background-color 200ms linear, opacity 200ms linear;
width: 1.25rem
}
.fnx-site .ps__rail-y:hover>.ps__thumb-y:before,
.fnx-site .ps__rail-y:focus>.ps__thumb-y:before {
background-color: #69778a
}
.fnx-site .ps__thumb-y {
position: absolute;
right: 0;
width: 100%;
animation-duration: 1s;
animation-fill-mode: both;
animation: fade-in 300ms
}
.fnx-site .ps__thumb-y:before {
content: "";
display: block;
position: absolute;
top: 0.1875rem;
right: 0.1875rem;
bottom: 0.1875rem;
width: 0.375rem;
background-color: rgba(169, 177, 188, 0.7);
border-radius: 0.375rem;
transition: background-color 200ms linear
}
.fnx-site .table {
width: 100%;
border-collapse: separate;
outline: none;
border: 0.0625rem solid #dfe3e7;
border-bottom: none;
border-radius: 0.1875rem
}
.fnx-site .table thead,
.fnx-site .table tbody,
.fnx-site .table tfoot {
background-color: #fff
}
.fnx-site .table th,
.fnx-site .table td {
vertical-align: top;
padding: 0.75rem 1.125rem;
outline: none;
border-bottom: 0.0625rem solid #dfe3e7;
text-align: left;
font-weight: normal
}
.fnx-site .table thead:first-child tr:first-child th:first-child,
.fnx-site .table thead:first-child tr:first-child td:first-child,
.fnx-site .table tbody:first-child tr:first-child th:first-child,
.fnx-site .table tbody:first-child tr:first-child td:first-child {
border-top-left-radius: 0.1875rem
}
.fnx-site .table thead:first-child tr:first-child th:last-child,
.fnx-site .table thead:first-child tr:first-child td:last-child,
.fnx-site .table tbody:first-child tr:first-child th:last-child,
.fnx-site .table tbody:first-child tr:first-child td:last-child {
border-top-right-radius: 0.1875rem
}
.fnx-site .table tbody:last-child tr:last-child td:first-child,
.fnx-site .table tfoot:last-child tr:last-child td:first-child {
border-bottom-left-radius: 0.1875rem
}
.fnx-site .table tbody:last-child tr:last-child td:last-child,
.fnx-site .table tfoot:last-child tr:last-child td:last-child {
border-bottom-right-radius: 0.1875rem
}
.fnx-site .table th {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 1rem;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif
}
.fnx-site .table td {
line-height: 1.5;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .table td {
font-size: 0.875rem
}
}
.fnx-site .table.-fixed-line-height th,
.fnx-site .table.-fixed-line-height td {
line-height: 1.5rem
}
.fnx-site .table.-striped tbody tr:nth-child(odd) {
background-color: #f8fafc
}
.fnx-site .table.-horizontal-borders {
border: none
}
.fnx-site .table.-horizontal-borders th,
.fnx-site .table.-horizontal-borders td {
padding-left: 0
}
.fnx-site .table.-horizontal-borders th:first-child,
.fnx-site .table.-horizontal-borders td:first-child {
padding-left: 0.25rem
}
.fnx-site .table.-horizontal-borders th:last-child,
.fnx-site .table.-horizontal-borders td:last-child {
padding-right: 0.25rem
}
.fnx-site .table.-horizontal-borders:not(.-border-top) thead:first-child tr:first-child th,
.fnx-site .table.-horizontal-borders:not(.-border-top) thead:first-child tr:first-child td,
.fnx-site .table.-horizontal-borders:not(.-border-top) tbody:first-child tr:first-child th,
.fnx-site .table.-horizontal-borders:not(.-border-top) tbody:first-child tr:first-child td {
padding-top: 0
}
.fnx-site .table.-horizontal-borders tbody:last-child tr:last-child td,
.fnx-site .table.-horizontal-borders tfoot:last-child tr:last-child td {
border: none;
padding-bottom: 0
}
.fnx-site .table.-horizontal-borders.-border-top thead:first-child tr:first-child th,
.fnx-site .table.-horizontal-borders.-border-top thead:first-child tr:first-child td,
.fnx-site .table.-horizontal-borders.-border-top tbody:first-child tr:first-child th,
.fnx-site .table.-horizontal-borders.-border-top tbody:first-child tr:first-child td {
outline: none;
border-top: 0.0625rem solid #dfe3e7
}
.fnx-site .table.-large-padding th {
padding-top: 1.125rem;
padding-bottom: 1.125rem
}
.fnx-site .table.-large-padding td {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.fnx-site .table.-large-padding.-large-font-size th {
font-size: 1.3125rem
}
.fnx-site .table.-large-padding.-large-font-size td {
font-size: 1rem
}
.fnx-site .table.-col-1-heading tbody td:first-child {
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
line-height: 1.5;
font-size: 1rem
}
.fnx-site .error-text {
display: block;
margin: 0.375rem 0 0;
font-size: 0.875rem;
color: #c22232
}
.fnx-site .notification {
position: relative;
border-radius: 0.1875rem;
visibility: hidden;
opacity: 0;
transition: opacity 0.4s, visibility 0s 0.4s;
padding: 1.5rem
}
.fnx-site .notification.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 0.4s, visibility 0s 0s
}
.fnx-site .notification>*:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .notification {
padding-top: 1.375rem
}
}
.fnx-site .notification.-information {
background-color: #f1f5f9;
border-left: 0.25rem solid #8bb0d1
}
.fnx-site .notification.-information .notification__icon>.svg-icon {
color: #587d9e
}
.fnx-site .notification.-warning {
background-color: #fdf2d5;
border-left: 0.25rem solid #f3bc2c
}
.fnx-site .notification.-warning .notification__icon>.svg-icon {
color: #cc9e25
}
.fnx-site .notification.-success {
background-color: #e8f4ef;
border-left: 0.25rem solid #8ccaae
}
.fnx-site .notification.-success .notification__icon>.svg-icon {
color: #70a28b
}
.fnx-site .notification.-error {
background-color: #fbe9eb;
border-left: 0.25rem solid #e77d88
}
.fnx-site .notification.-error .notification__icon>.svg-icon {
color: #df5160
}
.fnx-site .notification.-small {
padding: 1.125rem;
padding-top: 1rem;
border-left-width: 0.1875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .notification.-small {
padding: 0.75rem
}
}
.fnx-site .notification.-small .notification__icon {
font-size: 1.5rem
}
.fnx-site .notification.-form-field {
z-index: 1;
position: absolute;
left: 0;
right: 0
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .notification.has-icon {
padding-left: 1.125rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .notification.has-icon>.media-flex {
-ms-flex-align: start;
align-items: flex-start
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .notification.has-icon.-small {
padding-left: 1rem
}
}
.fnx-site .notification.has-close-button {
padding-right: 2.25rem
}
.fnx-site .notification .notification__icon {
font-size: 2.25rem
}
.fnx-site .notification__icon {
line-height: 0
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .notification__icon {
display: none
}
}
.fnx-site .notification__text-wrap {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.fnx-site .notification__text {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
color: #323c49;
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif
}
.fnx-site .notification__text>*:last-child {
margin-bottom: 0
}
.fnx-site .fade-then-hide {
visibility: hidden;
opacity: 0;
transition: opacity 0.4s, visibility 0s 0.4s
}
.fnx-site .fade-then-hide.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 0.4s, visibility 0s 0s
}
.fnx-site .svg-icon__wrap {
line-height: 0
}
.fnx-site .svg-icon__wrap.-disc:before {
z-index: -1;
content: "";
display: block;
position: absolute;
top: 0.02em;
bottom: 0.02em;
left: 0.02em;
right: 0.02em;
border-radius: 100%;
background-color: rgba(58, 70, 85, 0.3)
}
.fnx-site .svg-icon {
display: inline-block;
vertical-align: middle;
height: 1em;
width: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
transition: opacity 200ms
}
.fnx-site .svg-icon.-inline {
margin-top: -0.1em
}
.fnx-site .svg-icon.-tiny {
height: 0.75rem;
width: 0.75rem
}
.fnx-site .svg-icon.-small {
height: 1.125rem;
width: 1.125rem
}
.fnx-site .svg-icon.-medium {
height: 1.5rem;
width: 1.5rem
}
.fnx-site .svg-icon.-large {
height: 2.25rem;
width: 2.25rem
}
.fnx-site .svg-icon.-responsive {
height: 100%;
width: 100%
}
.fnx-site .svg-icon.-retain-styles {
stroke-width: inherit;
stroke: none;
fill: none
}
.fnx-site .animated-underline {
position: relative;
color: inherit;
padding: 0.375rem 0
}
.fnx-site .animated-underline:after {
display: block;
content: "";
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0;
width: 0%;
height: 0.125rem;
opacity: 0;
border-radius: 0.125rem;
background-color: currentColor;
transition: width 200ms, background-color 200ms, opacity 0ms 200ms
}
.fnx-site .animated-underline.is-selected:after,
.fnx-site .animated-underline:hover:after,
.fnx-site .animated-underline:focus:after {
width: 100%;
opacity: 1;
transition: width 200ms, background-color 200ms, opacity 0ms 0ms
}
.fnx-site .animated-underline:hover,
.fnx-site .animated-underline:focus {
color: inherit
}
.fnx-site .avatar {
overflow: hidden;
position: relative;
border-radius: 100%
}
.fnx-site .avatar:before {
content: "";
display: block;
height: 0;
padding-top: 100%
}
.fnx-site .avatar.-xsmall {
width: 1.5rem
}
.fnx-site .avatar.-small {
width: 2.25rem
}
.fnx-site .avatar.-medium {
width: 3rem
}
.fnx-site .avatar.-large {
width: 4.5rem
}
.fnx-site .avatar.-xlarge {
width: 6rem
}
.fnx-site .avatar.-border {
border: 0.1875rem solid #fff
}
.fnx-site .avatar.-shadow {
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25)
}
.fnx-site .avatar__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.fnx-site .p {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .p {
font-size: 0.875rem
}
}
.fnx-site .p__lead {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .p__lead {
font-size: 1.125rem
}
}
.fnx-site .p__large {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 1rem
}
.fnx-site .p__small {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 0.875rem
}
.fnx-site .p__meta {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .p__meta {
font-size: 0.6875rem
}
}
.fnx-site .cta-link__wrap:hover .cta-link__text,
.fnx-site .cta-link__wrap:focus .cta-link__text,
.fnx-site .cta-link:hover .cta-link__text,
.fnx-site .cta-link:focus .cta-link__text {
color: #076049
}
.fnx-site .cta-link__wrap:hover .cta-link__chevron,
.fnx-site .cta-link__wrap:focus .cta-link__chevron,
.fnx-site .cta-link:hover .cta-link__chevron,
.fnx-site .cta-link:focus .cta-link__chevron {
margin-left: -0.0625rem
}
.fnx-site .cta-link__wrap:hover .cta-link.-black .cta-link__text,
.fnx-site .cta-link__wrap:focus .cta-link.-black .cta-link__text {
color: #171c22
}
.fnx-site .cta-link {
display: inline-block;
max-width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
line-height: 1.2
}
.fnx-site .cta-link.-has-chevron {
padding-right: 0.3125rem
}
.fnx-site .cta-link.-underline .cta-link__text {
position: relative
}
.fnx-site .cta-link.-underline .cta-link__text:after {
display: block;
content: "";
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0;
width: 0%;
height: 0.125rem;
opacity: 0;
border-radius: 0.125rem;
background-color: currentColor;
transition: width 200ms, background-color 200ms, opacity 0ms 200ms
}
.fnx-site .cta-link.-underline .cta-link__text.is-selected:after,
.fnx-site .cta-link.-underline .cta-link__text:hover:after,
.fnx-site .cta-link.-underline .cta-link__text:focus:after {
width: 100%;
opacity: 1;
transition: width 200ms, background-color 200ms, opacity 0ms 0ms
}
.fnx-site .cta-link.-underline .cta-link__chevron {
display: none
}
.fnx-site .cta-link.-large .cta-link__text {
font-size: 1.125rem
}
.fnx-site .cta-link.-large .cta-link__chevron {
line-height: 1.3
}
.fnx-site .cta-link.-black:hover .cta-link__text,
.fnx-site .cta-link.-black:focus .cta-link__text {
color: #171c22
}
.fnx-site .cta-link.-black .cta-link__text {
color: #323c49
}
.fnx-site .cta-link .cta-link__chevron {
transition: margin-left 200ms
}
.fnx-site .cta-link__text {
display: inline-block;
max-width: 100%;
transform: translate(0, 0);
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
color: #d5022e!important;
font-size: 1.125rem;
transition: color 200ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .cta-link__text {
font-size: 1rem
}
}
.fnx-site .cta-link__chevron {
position: absolute;
margin-top: 0.4em;
margin-left: -0.1875rem;
font-size: 0.7em
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .cta-link__chevron {
line-height: 1.3
}
}
@keyframes spinner-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -2.1875rem
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -7.75rem
}
}
.fnx-site .spinner {
animation: rotate 2000ms linear infinite;
vertical-align: bottom
}
.fnx-site .spinner.-white .spinner__circle {
stroke: rgba(255, 255, 255, 0.1)
}
.fnx-site .spinner.-white .spinner__circle.-spin {
stroke: #fff
}
.fnx-site .spinner.-medium {
width: 3rem
}
.fnx-site .spinner.-large {
width: 4rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .spinner.-large\@medium {
width: 4rem
}
}
.fnx-site .spinner.is-disabled,
.fnx-site .spinner.is-disabled .spinner__circle.-spin {
animation-play-state: paused
}
.fnx-site .spinner__circle {
stroke: rgba(0, 152, 112, 0.1);
stroke-width: 0.125rem;
stroke-linecap: round
}
.fnx-site .spinner__circle.-spin {
stroke: #d5022e;
stroke-dashoffset: 0;
stroke-dasharray: 1, 200;
animation: spinner-dash 1500ms ease-in-out infinite
}
.fnx-site .quantity-input__wrap {
position: relative
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .quantity-input__wrap {
width: 10.25rem
}
}
.fnx-site .quantity-input {
font-size: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.fnx-site .quantity-input__text-input,
.fnx-site .quantity-input__btn {
display: inline-block;
vertical-align: middle;
-ms-flex-preferred-size: 2.25rem;
flex-basis: 2.25rem
}
.fnx-site .quantity-input__text-input {
min-width: 0;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 0.5rem;
padding: 0;
text-align: center
}
.fnx-site .quantity-input__btn.quantity-input__btn {
position: relative;
min-width: 2.25rem;
padding: 0;
box-shadow: none
}
.fnx-site .quantity-input__btn.quantity-input__btn .svg-icon {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%)
}
.fnx-site .field-container.-side-by-side.has-message-panel {
padding-bottom: 2rem
}
.fnx-site .field-container.-side-by-side.has-message-panel .quantity-input__message-panel {
position: absolute
}
.fnx-site .quantity-input__message-panel {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 0.75rem;
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif;
left: 0;
right: 0;
height: 1.625rem;
margin: 0.375rem 0 0;
text-align: center;
line-height: 1.5rem;
color: #323c49;
background-color: #e9ecef;
border-radius: 0.1875rem;
transition: background-color 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .quantity-input__message-panel {
font-size: 0.6875rem
}
}
.fnx-site .quantity-input__message-panel.is-success {
background-color: #e8f4ef
}
.fnx-site .quantity-input__message-panel.is-error {
background-color: #fbe9eb
}
.fnx-site .overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
visibility: hidden;
min-width: 20rem;
visibility: hidden;
opacity: 0;
z-index: -1;
transition: opacity 400ms 0ms, visibility 0ms 400ms, z-index 0ms 400ms;
will-change: opacity
}
.fnx-site .overlay.is-visible {
visibility: inherit;
opacity: 1;
z-index: 1100;
transition: opacity 400ms 200ms, visibility 0ms 0ms, z-index 0ms 0ms
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .overlay.is-visible.-scroll\@until-medium {
overflow-y: auto
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .overlay.-scroll\@until-medium {
padding: 5rem 0 3rem;
-webkit-overflow-scrolling: touch
}
}
.fnx-site .overlay__screen {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background: #f3f4f6;
visibility: hidden;
opacity: 0;
z-index: -1;
transition: opacity 200ms 150ms, visibility 0ms 350ms, z-index 0ms 350ms;
will-change: opacity
}
.fnx-site .overlay__screen.is-visible {
visibility: inherit;
opacity: 0.95;
z-index: 1100;
transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms
}
.fnx-site .overlay__content {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
width: 100%;
max-width: 76.5rem;
top: 48%
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .-scroll\@until-medium .overlay__content {
position: relative;
top: auto;
left: auto;
margin: 0;
transform: none
}
}
.fnx-site .breadcrumbs__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.fnx-site .breadcrumbs__item {
display: block;
position: relative;
margin: 0.125rem 0
}
.fnx-site .breadcrumbs__item:nth-child(1) {
z-index: 19
}
.fnx-site .breadcrumbs__item:nth-child(2) {
z-index: 18
}
.fnx-site .breadcrumbs__item:nth-child(3) {
z-index: 17
}
.fnx-site .breadcrumbs__item:nth-child(4) {
z-index: 16
}
.fnx-site .breadcrumbs__item:nth-child(5) {
z-index: 15
}
.fnx-site .breadcrumbs__item:nth-child(6) {
z-index: 14
}
.fnx-site .breadcrumbs__item:nth-child(7) {
z-index: 13
}
.fnx-site .breadcrumbs__item:nth-child(8) {
z-index: 12
}
.fnx-site .breadcrumbs__item:nth-child(9) {
z-index: 11
}
.fnx-site .breadcrumbs__item:first-child .breadcrumbs__link {
padding-left: 0.6875rem;
border-top-left-radius: 0.1875rem;
border-bottom-left-radius: 0.1875rem
}
.fnx-site .breadcrumbs__item:nth-last-child(2) .breadcrumbs__link,
.fnx-site .breadcrumbs__item.-ellipsis .breadcrumbs__link {
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem
}
.fnx-site .breadcrumbs__item.-display-none {
display: none
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .breadcrumbs__item.-display-none\@until-medium {
display: none
}
}
.fnx-site .breadcrumbs__link,
.fnx-site .breadcrumbs__current {
display: block;
padding: 0.25rem 0.625rem 0.3125rem 0.75rem;
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 0.75rem;
margin: 0;
line-height: 1.1875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .breadcrumbs__link,
.fnx-site .breadcrumbs__current {
font-size: 0.6875rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .breadcrumbs__link,
.fnx-site .breadcrumbs__current {
line-height: 1.0625rem;
font-size: 0.625rem
}
}
.fnx-site .breadcrumbs__link {
-webkit-tap-highlight-color: transparent;
position: relative;
white-space: nowrap;
background-color: #e9ecef;
color: #323c49;
transition: background-color 300ms
}
.fnx-site .-on-neutral20 .breadcrumbs__link {
background-color: #dfe3e7
}
.fnx-site .breadcrumbs__link:hover,
.fnx-site .breadcrumbs__link:focus {
background-color: #f3f4f6;
color: #323c49
}
.fnx-site .-on-neutral20 .breadcrumbs__link:hover,
.fnx-site .-on-neutral20 .breadcrumbs__link:focus {
background-color: #e9ecef
}
.fnx-site .breadcrumbs__link:hover .breadcrumbs__separator:before,
.fnx-site .breadcrumbs__link:focus .breadcrumbs__separator:before {
background-color: #f3f4f6
}
.fnx-site .-on-neutral20 .breadcrumbs__link:hover .breadcrumbs__separator:before,
.fnx-site .-on-neutral20 .breadcrumbs__link:focus .breadcrumbs__separator:before {
background-color: #e9ecef
}
.fnx-site .breadcrumbs__link .breadcrumbs__ellipsis-icon {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
height: 1.4em;
width: 1.4em;
margin: 0.0625rem 0 0 0.0625rem
}
.fnx-site .breadcrumbs__current {
color: #434f61;
padding-left: 0.6875rem;
padding-bottom: 0
}
.fnx-site .breadcrumbs__icon-spacer {
position: relative;
padding-left: 1em
}
.fnx-site .breadcrumbs__separator {
position: absolute;
top: 0;
bottom: 0;
left: calc(100% - 0.4375rem);
width: 0.75rem;
overflow: hidden
}
.fnx-site .breadcrumbs__separator:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: -0.9375rem;
width: 6.25rem;
height: 6.25rem;
background-color: #e9ecef;
border: 0.25rem solid #fff;
transform: translateY(-50%) scaleX(0.5) rotate(45deg);
transition: background-color 300ms
}
.fnx-site .-on-neutral20 .breadcrumbs__separator:before {
background-color: #dfe3e7;
border-color: #f3f4f6
}
.fnx-site .close-button {
-webkit-tap-highlight-color: transparent
}
.fnx-site .close-button.-tiny-offset {
position: absolute;
top: 0.375rem;
right: 0.375rem
}
.fnx-site .close-button.-small-offset {
position: absolute;
top: 0.5rem;
right: 0.5rem
}
.fnx-site .close-button.-medium-offset {
position: absolute;
top: 1.125rem;
right: 1.125rem
}
.fnx-site .band.-module {
padding-top: 4rem;
padding-bottom: 4.5rem
}
.fnx-site .band.-module.-small {
padding-top: 2.25rem;
padding-bottom: 2.75rem
}
.fnx-site .band.-module.u-backgroundColor-white+.band.-module.u-backgroundColor-white {
margin-top: -4rem
}
.fnx-site .band.-module.-small.u-backgroundColor-white+.band.-module.u-backgroundColor-white {
margin-top: -2.25rem
}
.fnx-site .band.-module.u-backgroundColor-neutralTint+.band.-module.u-backgroundColor-neutralTint {
margin-top: -4rem
}
.fnx-site .band.-module.-small.u-backgroundColor-neutralTint+.band.-module.u-backgroundColor-neutralTint {
margin-top: -2.25rem
}
.fnx-site .read-more {
margin-bottom: 0
}
.fnx-site .read-more>*:last-child {
margin-bottom: 0
}
.fnx-site .read-more+[data-readmore-toggle],
.fnx-site .read-more[data-readmore] {
display: block;
width: 100%
}
.fnx-site .read-more+[data-readmore-toggle] {
margin-top: 0.375rem;
text-align: left
}
.fnx-site .read-more[data-readmore] {
transition: height 300ms;
overflow: hidden
}
.fnx-site .read-more p {
margin-bottom: 1.5em
}
.fnx-site .offset-header__container {
position: relative
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .offset-header__container {
display: block;
width: 100%;
margin: 0
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .offset-header__container {
height: 31.25rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .offset-header__container.-short {
height: 21.875rem
}
}
.fnx-site .offset-header {
text-align: center
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .offset-header {
margin-top: -5.25rem;
background-color: #fff;
padding: 1.5rem 1rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .offset-header.-color-light\@medium {
color: #fff
}
.fnx-site .offset-header.-color-dark\@medium {
color: #323c49
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .offset-header.u-textAlign-left\@medium .offset-header__header,
.fnx-site .offset-header.u-textAlign-right\@medium .offset-header__header {
display: inline-block;
position: relative;
width: 47%
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .block__wrap-mob {
display: block;
max-width: 23.5rem;
margin-left: auto;
margin-right: auto
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .layout__item.block__wrap-mob {
max-width: 24.25rem
}
}
.fnx-site .h__hero {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .h__hero {
font-size: 2.625rem
}
}
.fnx-site .h__module {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .h__module {
font-size: 1.875rem
}
}
.fnx-site .h__block {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.125rem;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif
}
.fnx-site .sh__block {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 1rem;
margin-bottom: 0.1875em;
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif;
color: #434f61
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .sh__block {
font-size: 0.875rem
}
}
@keyframes scroll-down-in-mask {
0% {
top: 0
}
50% {
top: 100%
}
51% {
top: -100%
}
100% {
top: 0
}
}
@keyframes pulse-scale {
from {
transform: scale3d(1, 1, 1)
}
20% {
transform: scale3d(1.05, 1.05, 1.05)
}
to {
transform: scale3d(1, 1, 1)
}
}
@keyframes pulse-bgcolor-green-tint-light {
10%,
50% {
background-color: #e6f5f1;
border-color: #80ccb8
}
}
@keyframes pulse-bgcolor-grey-tint-light {
10%,
50% {
background-color: #e9ecef;
border-color: #eff1f3
}
}
@keyframes rotate-left-right {
0% {
transform: rotate(0deg)
}
25% {
transform: rotate(20deg)
}
75% {
transform: rotate(-20deg)
}
}
@keyframes rotate-left-right-tiny {
0% {
transform: rotate(0deg)
}
25% {
transform: rotate(3deg)
}
75% {
transform: rotate(-3deg)
}
}
.fnx-site .pulse-scale {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: pulse-scale;
animation-duration: 750ms;
animation-delay: 100ms
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-dots__list {
display: none
}
}
.fnx-site .nav-dots__list .slick-active button:after {
background: #69778a
}
.fnx-site .nav-dots__list .slick-active button:hover:after,
.fnx-site .nav-dots__list .slick-active button:focus:after {
background: #69778a
}
.fnx-site .nav-dots__list button {
display: inline-block;
position: relative;
width: 1.875rem;
height: 1.875rem;
font-size: 0;
line-height: 0;
color: transparent
}
.fnx-site .nav-dots__list button:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
width: 0.625rem;
height: 0.625rem;
border-radius: 100%;
background: rgba(58, 70, 85, 0.25);
transition: background-color 300ms
}
.fnx-site .nav-dots__list button:hover:after,
.fnx-site .nav-dots__list button:focus:after {
background: rgba(58, 70, 85, 0.35)
}
.fnx-site .field-container .inline {
line-height: 1.5;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container .inline {
font-size: 0.875rem
}
}
.fnx-site .field-container .text {
display: block;
width: 100%;
height: 3rem;
padding: 0.75rem;
background-color: #fff;
outline: none;
border: 0.0625rem solid #dfe3e7;
line-height: 1.5;
font-size: 1rem;
border-radius: 0.1875rem;
outline: none;
-webkit-appearance: none;
transition: box-shadow 500ms, background-color 300ms, border-color 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container .text {
font-size: 0.875rem
}
}
.fnx-site .field-container .text:hover,
.fnx-site .field-container .text:focus {
border-color: #d5022e
}
.fnx-site .field-container .text:active,
.fnx-site .field-container .text:focus {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container .text {
height: 2.5rem
}
}
.fnx-site .field-container input[type="checkbox"] {
border: 0;
clip: rect(0 0 0 0);
height: 0.0625rem;
margin: -0.0625rem;
overflow: hidden;
padding: 0;
position: absolute;
width: 0.0625rem
}
.fnx-site .field-container input[type="checkbox"]:hover+label:before,
.fnx-site .field-container input[type="checkbox"]:focus+label:before {
border-color: #d5022e
}
.fnx-site .field-container input[type="checkbox"]:active+label:before,
.fnx-site .field-container input[type="checkbox"]:focus+label:before {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25)
}
.fnx-site .field-container input[type="checkbox"].is-error+label:before {
outline: none;
border: 0.0625rem solid #c22232
}
.fnx-site .field-container input[type="checkbox"]+label {
display: inline;
position: relative;
padding-left: 1.625rem;
margin-bottom: 0;
transition: color 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container input[type="checkbox"]+label {
padding-left: 1.4375rem
}
}
.fnx-site .field-container input[type="checkbox"]+label:before,
.fnx-site .field-container input[type="checkbox"]+label:after {
content: "";
display: block;
position: absolute;
transition: background-color 200ms, border-color 200ms, border-width 200ms, opacity 200ms
}
.fnx-site .field-container input[type="checkbox"]+label:before {
top: 0.125rem;
left: 0;
width: 1.125rem;
height: 1.125rem;
background: #fff;
outline: none;
border: 0.0625rem solid #dfe3e7;
box-shadow: inset 0 0.0625rem 0.25rem 0 rgba(23, 28, 34, 0.15);
border-radius: 0.1875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container input[type="checkbox"]+label:before {
top: 0.0625rem;
width: 0.9375rem;
height: 0.9375rem
}
}
.fnx-site .field-container input[type="checkbox"]+label:after {
top: 0.375rem;
left: 0.25rem;
width: 0.6875rem;
height: 0.4375rem;
background: transparent;
border: 0.1875rem solid #fff;
border-top: none;
border-right: none;
border-radius: 0.0625rem;
box-shadow: -0.0625rem 0.0625rem 0.0625rem rgba(23, 28, 34, 0.15);
opacity: 0;
transform: rotate(-45deg)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container input[type="checkbox"]+label:after {
top: 0.1875rem;
left: 0.1875rem;
transform: rotate(-45deg) translatex(-0.0625rem)
}
}
.fnx-site .field-container input[type="checkbox"]:not(.is-disabled):checked:hover+label:before,
.fnx-site .field-container input[type="checkbox"]:not(.is-disabled):checked:focus+label:before {
border-color: #d5022e;
background-color: #00a77b
}
.fnx-site .field-container input[type="checkbox"]:not(.is-disabled):checked+label:before {
background: #d5022e;
border-color: #d5022e;
border-width: 0;
transition: background-color 200ms, border-color 200ms 200ms, border-width 200ms 200ms
}
.fnx-site .field-container input[type="checkbox"]:not(.is-disabled):checked+label:after {
opacity: 1
}
.fnx-site .field-container input[type="checkbox"].is-disabled:hover+label:before,
.fnx-site .field-container input[type="checkbox"].is-disabled:focus+label:before,
.fnx-site .field-container input[type="checkbox"][disabled]:hover+label:before,
.fnx-site .field-container input[type="checkbox"][disabled]:focus+label:before {
border-color: #dfe3e7
}
.fnx-site .field-container input[type="checkbox"].is-disabled+label,
.fnx-site .field-container input[type="checkbox"][disabled]+label {
cursor: default;
color: #a9b1bc
}
.fnx-site .field-container input[type="checkbox"].is-disabled+label:before,
.fnx-site .field-container input[type="checkbox"][disabled]+label:before {
background: #e9ecef;
box-shadow: none
}
.fnx-site .field-container input[type="checkbox"].-large+label {
padding-left: 1.625rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container input[type="checkbox"].-large+label {
padding-left: 1.625rem
}
}
.fnx-site .field-container input[type="checkbox"].-large+label:before {
top: 0.125rem;
width: 1.125rem;
height: 1.125rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container input[type="checkbox"].-large+label:before {
top: 0
}
}
.fnx-site .field-container input[type="checkbox"].-large+label:after {
top: 0.375rem;
left: 0.25rem;
width: 0.6875rem;
height: 0.4375rem;
border-width: 0.1875rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .field-container input[type="checkbox"].-large+label:after {
top: 0.1875rem;
width: 0.75rem
}
}
.fnx-site .select2-container--default .select2-selection--single {
transform: translateY(0)
}
.fnx-site .select2-results__option.is-disabled-selectable {
color: #a9b1bc
}
.fnx-site .select2-results__option.is-disabled-selectable.select2-results__option--highlighted[aria-selected] {
background-color: #e9ecef;
color: #69778a
}
.fnx-site .pulse .select2-selection--single {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: pulse-scale, pulse-bgcolor-green-tint-light;
animation-duration: 1000ms, 2000ms
}
.fnx-site .is-disabled-selected .select2-selection--single .select2-selection__rendered {
color: #a9b1bc
}
.fnx-site .is-disabled-selected.pulse .select2-selection--single {
animation-name: pulse-scale, pulse-bgcolor-grey-tint-light
}
.fnx-site .is-disabled-selected.pulse .select2-selection--single .select2-selection__rendered {
color: #69778a
}
@keyframes card-fan-1 {
0% {
transform: rotate(0deg)
}
10%,
30% {
transform: rotate(-4deg)
}
50%,
100% {
transform: rotate(0deg)
}
}
@keyframes card-fan-2 {
0% {
transform: rotate(0deg)
}
10%,
30% {
transform: rotate(-8deg) translateX(-0.125rem)
}
50%,
100% {
transform: rotate(0deg)
}
}
@keyframes card-fan-3 {
0% {
transform: rotate(0deg)
}
10%,
30% {
transform: rotate(-12deg) translateX(-0.25rem)
}
50%,
100% {
transform: rotate(0deg)
}
}
@keyframes card-fan-4 {
0% {
transform: rotate(0deg)
}
10%,
30% {
transform: rotate(-16deg) translateX(-0.375rem)
}
50%,
100% {
transform: rotate(0deg)
}
}
@keyframes finger-cross {
0% {
transform: rotate(0deg)
}
10%,
30% {
transform: translateX(-0.1875rem) translateY(0.375rem) rotate(27.2deg)
}
50%,
100% {
transform: rotate(0deg)
}
}
@keyframes whoosh-stroke {
0% {
stroke-dashoffset: 13
}
100% {
stroke-dashoffset: 5
}
}
.fnx-site .animated-svg-icons__icon-wrap svg {
display: block
}
.fnx-site .animated-svg-icons__icon-wrap:hover #back-wing,
.fnx-site .animated-svg-icons__icon-wrap:focus #back-wing {
animation: rotate-left-right 500ms infinite linear
}
.fnx-site .animated-svg-icons__icon-wrap:hover #front-wing,
.fnx-site .animated-svg-icons__icon-wrap:focus #front-wing {
animation: rotate-left-right 500ms infinite linear reverse
}
.fnx-site .animated-svg-icons__icon-wrap:hover #whoosh1,
.fnx-site .animated-svg-icons__icon-wrap:hover #whoosh4,
.fnx-site .animated-svg-icons__icon-wrap:focus #whoosh1,
.fnx-site .animated-svg-icons__icon-wrap:focus #whoosh4 {
animation: whoosh-stroke 300ms 500ms infinite linear alternate
}
.fnx-site .animated-svg-icons__icon-wrap:hover #whoosh3,
.fnx-site .animated-svg-icons__icon-wrap:focus #whoosh3 {
animation: whoosh-stroke 300ms 100ms infinite linear alternate
}
.fnx-site .animated-svg-icons__icon-wrap:hover #whoosh2,
.fnx-site .animated-svg-icons__icon-wrap:focus #whoosh2 {
animation: whoosh-stroke 300ms 300ms infinite linear alternate
}
.fnx-site .animated-svg-icons__icon-wrap:hover #finger,
.fnx-site .animated-svg-icons__icon-wrap:focus #finger {
animation: finger-cross 3000ms infinite
}
.fnx-site .animated-svg-icons__icon-wrap:hover #card1,
.fnx-site .animated-svg-icons__icon-wrap:focus #card1 {
animation: card-fan-1 3000ms infinite
}
.fnx-site .animated-svg-icons__icon-wrap:hover #card2,
.fnx-site .animated-svg-icons__icon-wrap:focus #card2 {
animation: card-fan-2 3000ms infinite
}
.fnx-site .animated-svg-icons__icon-wrap:hover #card3,
.fnx-site .animated-svg-icons__icon-wrap:focus #card3 {
animation: card-fan-3 3000ms infinite
}
.fnx-site .animated-svg-icons__icon-wrap:hover #card4,
.fnx-site .animated-svg-icons__icon-wrap:focus #card4 {
animation: card-fan-4 3000ms infinite
}
.fnx-site .animated-svg-icons__icon-wrap:hover #handset,
.fnx-site .animated-svg-icons__icon-wrap:focus #handset {
animation: rotate-left-right-tiny 200ms infinite linear
}
.fnx-site .animated-svg-icons__icon-wrap:hover #pulse1,
.fnx-site .animated-svg-icons__icon-wrap:focus #pulse1 {
animation: opacity-pulse 600ms -400ms infinite linear
}
.fnx-site .animated-svg-icons__icon-wrap:hover #pulse2,
.fnx-site .animated-svg-icons__icon-wrap:focus #pulse2 {
animation: opacity-pulse 600ms -200ms infinite linear
}
.fnx-site .animated-svg-icons__icon-wrap:hover #pulse3,
.fnx-site .animated-svg-icons__icon-wrap:focus #pulse3 {
animation: opacity-pulse 600ms infinite linear
}
.fnx-site .animated-svg-icons__icon-wrap #front-wing,
.fnx-site .animated-svg-icons__icon-wrap #back-wing {
transform-origin: 52.5% 28%;
transform: rotate(0deg)
}
.fnx-site .animated-svg-icons__icon-wrap #whoosh1,
.fnx-site .animated-svg-icons__icon-wrap #whoosh2,
.fnx-site .animated-svg-icons__icon-wrap #whoosh3,
.fnx-site .animated-svg-icons__icon-wrap #whoosh4 {
stroke-dasharray: 15;
stroke-dashoffset: 13
}
.fnx-site .animated-svg-icons__icon-wrap #finger {
transform-origin: 72.5% 50.5%;
transform: rotate(0deg)
}
.fnx-site .animated-svg-icons__icon-wrap #handset {
transform-origin: 38.75% 63.3%;
transform: rotate(0deg)
}
.fnx-site .animated-svg-icons__icon-wrap #card1,
.fnx-site .animated-svg-icons__icon-wrap #card2,
.fnx-site .animated-svg-icons__icon-wrap #card3,
.fnx-site .animated-svg-icons__icon-wrap #card4 {
transform-origin: bottom;
transform: rotate(0deg)
}
.fnx-site.ie .animated-svg-icons__icon-wrap:hover #pulse1,
.fnx-site.ie .animated-svg-icons__icon-wrap:hover #pulse2,
.fnx-site.ie .animated-svg-icons__icon-wrap:hover #pulse3,
.fnx-site.ie .animated-svg-icons__icon-wrap:focus #pulse1,
.fnx-site.ie .animated-svg-icons__icon-wrap:focus #pulse2,
.fnx-site.ie .animated-svg-icons__icon-wrap:focus #pulse3 {
animation: none
}
.fnx-site .animated-svg-icons__custom-fill #disc-fill {
fill: inherit
}
.fnx-site .btn .svg-icon {
opacity: 0.7
}
.fnx-site .btn .svg-icon.-inline {
font-size: 1.25em
}
.fnx-site .btn .svg-icon+span {
margin-left: 0.3em
}
.fnx-site .table th:first-child:not(:last-child),
.fnx-site .table td:first-child:not(:last-child) {
width: 33%
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .table.-pricing.has-3-cols\@medium th:first-child:not(:last-child),
.fnx-site .table.-pricing.has-3-cols\@medium td:first-child:not(:last-child) {
width: 25%
}
}
.fnx-site .scrollbar-measure {
width: 6.25rem;
height: 6.25rem;
overflow: scroll;
position: absolute;
top: -624.9375rem
}
@media only screen and (max-width: 64.0525em) {
.is-nav-active {
overflow: hidden !important
}
}
.fnx-site .nav-main {
z-index: 1003;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 3.125rem;
height: 100%;
background-color: #fff;
transform: translate(100%, 0);
transform: translate3d(100%, 0, 0)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-main {
left: 40%
}
}
.is-nav-animatable .fnx-site .nav-main {
transition: transform 400ms, box-shadow 400ms 400ms
}
.is-nav-active .fnx-site .nav-main {
box-shadow: 0.25rem 0 0.1875rem 0.3125rem rgba(75, 89, 109, 0.25);
transition: transform 400ms, box-shadow 0s
}
@media only screen and (max-width: 64.0525em) {
.is-nav-active .fnx-site .nav-main {
transform: translate(0, 0);
transform: translate3d(0, 0, 0)
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main {
z-index: inherit;
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
height: auto;
transform: none;
box-shadow: none;
transition: none;
animation: fade-in 300ms ease 200ms;
animation-fill-mode: backwards
}
}
.fnx-site .nav-main__dropdown-background {
display: none
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__dropdown-background {
z-index: 1001;
display: block;
position: absolute;
top: 6.25rem;
right: 0;
left: 0;
background-color: #fff;
outline: none;
border-top: 0.0625rem solid #dfe3e7;
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25);
visibility: hidden;
opacity: 0;
transition: opacity 200ms, visibility 0s 200ms
}
.fnx-site .nav-main__dropdown-background.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 200ms, visibility 0s 0s
}
.fnx-site .nav-main__dropdown-background.can-animate-height {
transition: height 200ms
}
}
.fnx-site .nav-main__scroll-wrap {
display: block;
position: absolute;
top: 4.375rem;
bottom: 0;
width: 100%;
overflow-y: auto;
box-shadow: inset 0 0.0625rem 0 #dfe3e7;
-webkit-overflow-scrolling: touch
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__scroll-wrap {
position: static;
top: auto;
bottom: auto;
width: auto;
overflow: visible
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__tools-wrap {
z-index: 1003;
position: absolute;
top: 0.5rem;
right: 0
}
}
.fnx-site .nav-main__nav {
position: absolute;
left: 0;
right: 0
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__nav {
z-index: 1003;
left: -1.5rem;
right: -1.5rem;
bottom: 0
}
}
.fnx-site .nav-main__nav.-tools {
z-index: 1008;
bottom: 0;
width: 100%
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__nav.-tools {
z-index: inherit;
display: inline-block;
position: static;
vertical-align: baseline;
left: auto;
right: auto;
bottom: auto;
width: auto
}
}
.fnx-site .nav-main__list {
list-style: none;
margin: 0
}
.fnx-site .nav-main__list.-l1 {
margin: 0
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__list.-l1 {
margin-left: 0.875rem;
font-size: 0
}
}
.fnx-site .nav-main__list.-l2 {
display: none;
position: relative;
width: 100%;
background-color: #f3f4f6
}
.fnx-site .nav-main__list.-l2:before,
.fnx-site .nav-main__list.-l2:after {
content: "";
display: block;
height: 0.75rem
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__list.-l2 {
display: block;
position: absolute;
left: 0;
overflow: visible;
background-color: inherit
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__list.-l2:not(.-tools) {
-webkit-tap-highlight-color: transparent;
right: 0;
padding-top: 0.625rem;
padding-bottom: 1.25rem;
visibility: hidden;
opacity: 0
}
.fnx-site .nav-main__list.-l2:not(.-tools):before,
.fnx-site .nav-main__list.-l2:not(.-tools):after {
content: none
}
.fnx-site .nav-main__list.-l2:not(.-tools).is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 1000ms, visibility 0s 0s, height 200ms
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__list.-l2:not(.-tools) .nav-main__item.-l2 {
position: static;
width: 25%;
padding-left: 0.625rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__list.-l2.is-visible.is-selected {
transition: opacity 1000ms, visibility 0s 0s, height 200ms
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__list.-l2.-tools {
z-index: 1001;
display: block;
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
transform: translate(-50%, 0.75rem);
visibility: hidden;
opacity: 0;
transition: opacity 300ms, visibility 0s 300ms, transform 300ms;
box-shadow: 0 0.1875rem 0.625rem 0 rgba(75, 89, 109, 0.3);
top: calc(100% + 0.5rem);
width: 16.25rem;
background: #fff
}
.fnx-site .nav-main__list.-l2.-tools.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 300ms, visibility 0s 0s, transform 300ms
}
.fnx-site .nav-main__list.-l2.-tools .tooltip__caret-wrap {
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: 1rem
}
.fnx-site .nav-main__list.-l2.-tools .tooltip__caret-wrap .tooltip__caret {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0;
width: 1rem;
height: 1rem;
overflow: hidden
}
.fnx-site .nav-main__list.-l2.-tools .tooltip__caret-wrap .tooltip__caret:before {
content: "";
display: block;
position: absolute;
width: 0.66667rem;
height: 0.66667rem;
background: #fff;
border: 0.0625rem solid rgba(223, 227, 231, 0.3);
transform: translate(-50%, -50%) rotate(45deg)
}
.fnx-site .nav-main__list.-l2.-tools .tooltip__caret-wrap .tooltip__caret:before {
top: 100%;
left: 50%
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .nav-main__list.-l2.-tools .tooltip__caret {
display: none
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__list.-l2.-tools.is-visible {
transform: translate(-50%, 0)
}
}
.fnx-site .nav-main__list.-l3 {
display: none
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__list.-l3 {
display: block;
position: absolute;
top: 0.0625rem;
left: 25%;
width: 25%;
padding-top: 0.625rem;
padding-bottom: 1.25rem;
padding-left: 0.5rem;
outline: none;
border-left: 0.0625rem solid #dfe3e7;
background-color: #f3f4f6;
visibility: hidden;
opacity: 0
}
.fnx-site .nav-main__list.-l3.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 400ms, visibility 0s 0s
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__items-wrap {
display: inline-block
}
.fnx-site .nav-main__items-wrap:hover .nav-main__link.-l1 {
color: #a9b1bc
}
}
.fnx-site .nav-main__item {
display: block
}
.fnx-site .nav-main__item.-l1 {
display: block;
border-bottom: 0.0625rem solid #dfe3e7
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__item.-l1 {
display: inline-block;
border-bottom: none
}
}
.fnx-site .nav-main__item.-l1.-tools:last-child {
border-bottom: none
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__item.-l1.-tools {
position: relative;
margin-right: 0.125rem
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .nav-main__item.-l1.-country {
display: none
}
}
.fnx-site .nav-main__item.-l1.-search {
position: absolute;
top: 1.25rem;
left: 1.25rem;
right: 1.25rem;
margin: 0
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__item.-l1.-search {
position: static;
top: auto;
left: auto;
right: auto
}
}
.fnx-site .nav-main__item.-l1.-sign-in,
.fnx-site .nav-main__item.-l1.-user-greeting {
display: none
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__item.-l1.-sign-in,
.fnx-site .nav-main__item.-l1.-user-greeting {
display: inline-block
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__item.-l1.-user-greeting .nav-main__link.-tools {
white-space: nowrap
}
.fnx-site .nav-main__item.-l1.-user-greeting .nav-main__link.-tools:after {
content: none
}
}
.fnx-site .nav-main__item.-l1.-sign-in {
margin-left: -0.125rem
}
.fnx-site .nav-main__item.-l1.-sign-in:before {
content: "";
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
width: 0.0625rem;
height: 0.75rem;
background: #dfe3e7
}
.fnx-site .nav-main__item.-l2 {
position: relative
}
.fnx-site .nav-main__item.-divider,
.fnx-site .nav-main__item.-divider-above {
position: relative
}
.fnx-site .nav-main__item.-divider:before,
.fnx-site .nav-main__item.-divider:after,
.fnx-site .nav-main__item.-divider-above:before,
.fnx-site .nav-main__item.-divider-above:after {
content: "";
display: block;
position: relative;
top: 0;
left: 0.6875rem;
width: calc(100% - 1.875rem);
height: 0.625rem;
margin-bottom: 0.625rem;
border-bottom: 0.0625rem dotted rgba(169, 177, 188, 0.65)
}
.fnx-site .nav-main__item.-divider:before {
content: none
}
.fnx-site .nav-main__item.-divider-above:after {
content: none
}
.fnx-site .nav-main__link {
display: block;
position: relative;
padding: 0.3125rem 0.5rem;
overflow: hidden;
font-size: 1rem;
line-height: 1.3;
color: #434f61;
text-decoration: none;
word-break: break-word
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link {
font-size: 1rem;
line-height: 1.3
}
.fnx-site .nav-main__link.is-parent {
-webkit-tap-highlight-color: transparent
}
}
.fnx-site .nav-main__link:hover,
.fnx-site .nav-main__link:focus {
text-decoration: none;
color: inherit;
outline: 0
}
.fnx-site .nav-main__link.-l1 {
padding: 1rem 1.25rem;
font-size: 1.125rem
}
.fnx-site .nav-main__link.-l1 .nav-chevron {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
display: block;
right: 1.25rem;
font-size: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-main__link.-l1 .nav-chevron {
right: 1.125rem
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .nav-main__link.-l1 {
-webkit-tap-highlight-color: transparent
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l1:not(.-tools) {
overflow: visible;
position: relative;
padding: 0.375rem 0.7805vw 0.375rem 0.625rem;
font-size: 1rem;
transform: translateZ(0)
}
.fnx-site .nav-main__link.-l1:not(.-tools) .animated-underline__wrap {
position: absolute;
bottom: 0
}
.fnx-site .nav-main__link.-l1:not(.-tools) .animated-underline__wrap:after {
display: block;
content: "";
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0;
width: 0%;
height: 0.125rem;
opacity: 0;
border-radius: 0.125rem;
background-color: #d5022e;
transition: width 200ms, background-color 200ms, opacity 0ms 200ms
}
.fnx-site .nav-main__link.-l1:not(.-tools).is-selected .animated-underline__wrap:after,
.fnx-site .nav-main__link.-l1:not(.-tools):hover .animated-underline__wrap:after,
.fnx-site .nav-main__link.-l1:not(.-tools):focus .animated-underline__wrap:after {
width: 100%;
opacity: 1;
transition: width 200ms, background-color 200ms, opacity 0ms 0ms
}
.fnx-site .nav-main__link.-l1:not(.-tools).is-selected,
.fnx-site .nav-main__link.-l1:not(.-tools):hover {
color: inherit
}
.fnx-site .nav-main__link.-l1:not(.-tools).is-parent {
position: relative
}
.fnx-site .nav-main__link.-l1:not(.-tools).is-parent .animated-underline__wrap {
position: absolute;
bottom: 0
}
.fnx-site .nav-main__link.-l1:not(.-tools).is-parent .animated-underline__wrap:after {
display: block;
content: "";
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0;
width: 0%;
height: 0.125rem;
opacity: 0;
border-radius: 0.125rem;
background-color: #d5022e;
transition: width 200ms, background-color 200ms, opacity 0ms 200ms
}
.fnx-site .nav-main__link.-l1:not(.-tools).is-parent.is-selected .animated-underline__wrap:after,
.fnx-site .nav-main__link.-l1:not(.-tools).is-parent:focus .animated-underline__wrap:after {
width: 100%;
opacity: 1;
transition: width 200ms, background-color 200ms, opacity 0ms 0ms
}
.fnx-site .nav-main__link.-l1:not(.-tools) .nav-chevron {
display: none
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .nav-main__link.-l1:not(.-tools) {
padding-right: 0.875rem
}
}
.fnx-site .nav-main__link.-l1 .animated-underline__wrap {
width: calc(100% - 0.625rem - 0.7805vw + 0.125rem);
margin-left: -0.0625rem
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .nav-main__link.-l1 .animated-underline__wrap {
width: calc(100% - 0.625rem - 0.875rem + 0.125rem)
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .nav-main__link.-l1.is-selected {
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l1.is-selected .nav-chevron>.icon__morph .icon__morph-block {
transform: translate(-0.2em, 0) rotate(-135deg) scale(0.66, 0.1)
}
.fnx-site .nav-main__link.-l1.is-selected .nav-chevron>.icon__morph .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .nav-main__link.-l1.is-selected .nav-chevron>.icon__morph .icon__morph-block.-m3 {
transform: translate(0.2em, 0) rotate(135deg) scale(0.66, 0.1)
}
.fnx-site .nav-main__link.-l1.is-selected .nav-chevron>.icon__morph .icon__morph-block {
background-color: #a9b1bc;
border-color: #a9b1bc
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .nav-main__link.-l1.-tools {
background-color: #4b596d;
padding: 1rem 1.25rem;
color: #fff
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l1.-tools {
background-color: inherit;
overflow: visible;
padding: 0.625rem 0.5rem;
font-family: "Avenir Next Rounded Pro Regular", Verdana, Geneva, sans-serif;
font-size: 0.875rem
}
.fnx-site .nav-main__link.-l1.-tools .nav-chevron {
display: none
}
}
.fnx-site .nav-main__link.-l1.-sign-in:hover,
.fnx-site .nav-main__link.-l1.-sign-in:focus {
color: #171c22
}
.fnx-site .nav-main__link.-l1.-account {
z-index: inherit;
position: relative
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .nav-main__link.-l1.-account .nav-chevron .icon__morph-block {
background-color: #fff;
border-color: #fff
}
.fnx-site .nav-main__link.-l1.-account .nav-chevron .icon__morph-block {
transform: rotate(45deg) scale(0.66, 0.1) translate(0.215em, -1.4em)
}
.fnx-site .nav-main__link.-l1.-account .nav-chevron .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .nav-main__link.-l1.-account .nav-chevron .icon__morph-block.-m3 {
transform: rotate(-45deg) scale(0.66, 0.1) translate(-0.215em, -1.4em)
}
.fnx-site .nav-main__link.-l1.-account.is-selected .nav-chevron .icon__morph-block {
transform: translate(-0.2em, 0) rotate(-135deg) scale(0.66, 0.1)
}
.fnx-site .nav-main__link.-l1.-account.is-selected .nav-chevron .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .nav-main__link.-l1.-account.is-selected .nav-chevron .icon__morph-block.-m3 {
transform: translate(0.2em, 0) rotate(135deg) scale(0.66, 0.1)
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l1.-account {
z-index: 1002
}
.fnx-site .nav-main__link.-l1.-account:focus,
.fnx-site .nav-main__link.-l1.-account.is-selected {
color: #171c22
}
.fnx-site .nav-main__link.-l1.-account .nav-chevron {
color: #69778a;
font-size: 0.625rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l1.-country:focus,
.fnx-site .nav-main__link.-l1.-country.is-selected {
color: #171c22
}
}
.fnx-site .nav-main__link.-l1.-cart {
cursor: default
}
.fnx-site .nav-main__link.-l1.-cart.has-content {
cursor: pointer
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .nav-main__link.-l1.-cart.has-content {
background-color: #d5022e
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l1.-cart {
color: #69778a
}
.fnx-site .nav-main__link.-l1.-cart:after {
content: none
}
.fnx-site .nav-main__link.-l1.-cart.has-content {
color: #d5022e
}
.fnx-site .nav-main__link.-l1.-cart.has-content:after {
content: ""
}
.fnx-site .nav-main__link.-l1.-cart.has-content:hover,
.fnx-site .nav-main__link.-l1.-cart.has-content:focus {
color: #076049
}
}
.fnx-site .nav-main__link.-l2 {
border: 0.0625rem solid transparent;
margin-top: -0.0625rem;
position: relative;
padding: 1rem 1.25rem;
font-family: "Avenir Next Rounded Pro Regular", Verdana, Geneva, sans-serif
}
.fnx-site .nav-main__link.-l2 .nav-chevron {
display: none
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l2 {
color: #69778a;
overflow: visible;
width: calc(100% + 0.0625rem);
padding: 0.5rem 2.5rem 0.5rem 0.8125rem;
font-size: 0.875rem;
transition: background-color 400ms, color 400ms
}
.fnx-site .nav-main__link.-l2 .nav-chevron {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
display: block;
right: 1.25rem;
font-size: 0.75rem
}
}
@media only screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
.fnx-site .nav-main__link.-l2 .nav-chevron {
right: 1.125rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l2 .icon__morph-block {
transform: rotate(-135deg) scale(0.66, 0.1) translate(0.125em, 2em)
}
.fnx-site .nav-main__link.-l2 .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .nav-main__link.-l2 .icon__morph-block.-m3 {
transform: rotate(135deg) scale(0.66, 0.1) translate(0.125em, -2em)
}
.fnx-site .nav-main__link.-l2:focus,
.fnx-site .nav-main__link.-l2.is-hovered,
.fnx-site .nav-main__link.-l2.is-selected {
color: #171c22
}
.fnx-site .nav-main__link.-l2.is-selected {
z-index: 1;
border-color: #dfe3e7;
background-color: #f3f4f6;
outline: none;
border-right: 0.0625rem solid #f3f4f6
}
.fnx-site .nav-main__link.-l2.is-selected .icon__morph-block {
transform: rotate(-135deg) scale(0.66, 0.1) translate(0.125em, 2em) !important
}
.fnx-site .nav-main__link.-l2.is-selected .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .nav-main__link.-l2.is-selected .icon__morph-block.-m3 {
transform: rotate(135deg) scale(0.66, 0.1) translate(0.125em, -2em) !important
}
.fnx-site .nav-main__link.-l2.is-selected .icon__morph {
transform: translateX(0.375rem)
}
}
.fnx-site .nav-main__link.-l2.-supernav-dropdown {
padding: 0.625rem 1.25rem
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l2.-supernav-dropdown {
padding: 0.4375rem 1.5rem
}
.fnx-site .nav-main__link.-l2.-supernav-dropdown:focus {
color: #171c22
}
.fnx-site.no-touchevents .nav-main__link.-l2.-supernav-dropdown:hover {
color: #171c22
}
}
.fnx-site .nav-main__link.-l3 {
border: 0.0625rem solid transparent;
margin-top: -0.0625rem;
font-family: "Avenir Next Rounded Pro Regular", Verdana, Geneva, sans-serif
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-main__link.-l3 {
padding: 0.5rem 0.8125rem;
font-size: 0.875rem
}
.fnx-site .nav-main__link.-l3:focus {
color: #171c22
}
.fnx-site.no-touchevents .nav-main__link.-l3:hover {
color: #171c22
}
}
.fnx-site .nav-main__cart-icon {
color: #a9b1bc
}
.fnx-site .nav-main__cart-num {
display: none;
font-size: 0.6875rem
}
.fnx-site .has-content .nav-main__cart-icon {
color: #fff
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .has-content .nav-main__cart-icon {
color: inherit
}
}
.fnx-site .has-content .nav-main__cart-num {
display: inline
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr__heading {
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-size: 1.125rem
}
}
.fnx-site .nav-ftr__list {
list-style: none;
margin: 0
}
.fnx-site .nav-ftr__link {
display: block;
position: relative;
text-decoration: none;
overflow: hidden;
font-size: 0.875rem;
line-height: 1.2
}
.fnx-site .nav-ftr__link--l1 {
color: #434f61;
cursor: pointer;
padding: 0.875rem 1.125rem
}
.fnx-site .nav-ftr__link--l1 .nav-chevron {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
display: block;
right: 1.25rem;
font-size: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr__link--l1 .nav-chevron {
right: 1.125rem
}
}
.fnx-site .nav-ftr__link--l2 {
margin-top: -0.0625rem;
position: relative;
padding: 0.6875rem 1.125rem
}
.fnx-site .nav-ftr-links__link,
.fnx-site #teconsent a {
font-size: 0.75rem;
line-height: 1.5;
padding: 0 0.5rem;
transition: color 300ms
}
.fnx-site .nav-ftr-links__link:hover,
.fnx-site .nav-ftr-links__link:focus,
.fnx-site #teconsent a:hover,
.fnx-site #teconsent a:focus {
color: #00654a
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .nav-ftr-links__link,
.fnx-site #teconsent a {
padding: 0 0.75rem
}
}
.fnx-site .search {
z-index: 1;
position: absolute;
top: 0.5625rem;
left: 1.25rem;
right: 4.375rem;
margin: 0;
font-family: "Avenir Next Rounded Pro Regular", Verdana, Geneva, sans-serif
}
.fnx-site .search.is-disabled {
z-index: initial
}
.fnx-site .search.is-selected .search__field-wrap:after {
opacity: 1;
background-color: #d5022e
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .search {
display: inline-block;
position: relative;
vertical-align: baseline;
top: auto;
left: auto;
right: auto;
width: 8.125rem;
margin-left: 0.625rem
}
}
.fnx-site .search__field-wrap:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: -0.1875rem;
right: -0.1875rem;
height: 0.0625rem;
opacity: 0;
transition: opacity 500ms, background-color 500ms
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .search__field-wrap:after {
opacity: 1;
background-color: #dfe3e7
}
}
.fnx-site .search__input {
-webkit-tap-highlight-color: transparent;
border: 0;
width: calc(100% - 1rem);
padding: 0.3125rem 0;
outline: none;
font-size: 1rem;
line-height: 1.5;
color: #434f61;
box-shadow: none
}
.fnx-site .search__input::-webkit-input-placeholder {
color: #434f61;
transition: color 500ms
}
.fnx-site .search__input:-ms-input-placeholder {
color: #434f61;
transition: color 500ms
}
.fnx-site .search__input::placeholder {
color: #434f61;
transition: color 500ms
}
.fnx-site .search__input::-ms-clear {
display: none
}
.fnx-site .search__input:focus::-webkit-input-placeholder {
color: #a9b1bc
}
.fnx-site .search__input:focus:-ms-input-placeholder {
color: #a9b1bc
}
.fnx-site .search__input:focus::placeholder {
color: #a9b1bc
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .search__input {
padding: 0.0625rem 0;
font-size: 0.875rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site.ie .search__input {
height: 1.625rem;
padding: 0;
background-color: #fff
}
}
.fnx-site .search__btn {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
right: -0.25rem;
line-height: 0;
font-size: 1.25rem;
color: #d5022e
}
.fnx-site .search__btn[disabled] {
opacity: 1
}
.fnx-site .smi__list {
position: relative;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
text-align: right;
font-size: 0
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .smi__list {
position: absolute;
right: -0.625rem
}
}
.fnx-site .smi__item {
text-align: center;
font-size: 1rem
}
.fnx-site .smi__link {
display: inline-block;
padding: 0.625rem;
color: #4b596d;
font-size: 1.25rem;
line-height: 0;
transition: transform 300ms
}
.fnx-site .smi__link:hover,
.fnx-site .smi__link:focus {
color: inherit
}
.fnx-site .smi__link:hover,
.fnx-site .smi__link:focus {
transform: scale(1.2)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .smi__link {
color: #fff
}
.fnx-site .smi__link:hover,
.fnx-site .smi__link:focus {
color: #fff
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .smi__link {
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
.fnx-site .newsletter-sign-up-form__error {
display: none
}
.fnx-site .newsletter-sign-up-module .newsletter-sign-up-form__error {
position: absolute
}
.fnx-site .newsletter-sign-up-form__button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
font-size: 80%;
padding-right: 0.75rem;
color: #d5022e
}
.fnx-site .currency-selector__container {
position: relative;
outline: none;
border: 0.0625rem solid #dfe3e7
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .currency-selector__container {
width: 18.75rem
}
}
.fnx-site .currency-selector__flag {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
right: 2.5em;
font-size: 1.0625rem
}
.fnx-site .currency-selector__link-l1 {
background-color: #fff;
cursor: pointer
}
.fnx-site .currency-selector__link-l1 .nav-chevron {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
display: block;
right: 1.25rem;
font-size: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .currency-selector__link-l1 .nav-chevron {
right: 1.125rem
}
}
.fnx-site .currency-selector__link-l1 .icon__morph-block {
transform: translate(-0.2em, 0) rotate(-135deg) scale(0.66, 0.1)
}
.fnx-site .currency-selector__link-l1 .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .currency-selector__link-l1 .icon__morph-block.-m3 {
transform: translate(0.2em, 0) rotate(135deg) scale(0.66, 0.1)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .currency-selector__link-l1 {
font-size: 0.875rem;
line-height: 1.5
}
.fnx-site .currency-selector__link-l1 .icon__morph-block {
transform: rotate(45deg) scale(0.66, 0.1) translate(0.215em, -1.4em)
}
.fnx-site .currency-selector__link-l1 .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .currency-selector__link-l1 .icon__morph-block.-m3 {
transform: rotate(-45deg) scale(0.66, 0.1) translate(-0.215em, -1.4em)
}
}
.fnx-site .currency-selector__link-l1.is-selected .icon__morph-block {
transform: rotate(45deg) scale(0.66, 0.1) translate(0.215em, -1.4em) !important
}
.fnx-site .currency-selector__link-l1.is-selected .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .currency-selector__link-l1.is-selected .icon__morph-block.-m3 {
transform: rotate(-45deg) scale(0.66, 0.1) translate(-0.215em, -1.4em) !important
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .currency-selector__link-l1.is-selected .icon__morph-block {
transform: translate(-0.2em, 0) rotate(-135deg) scale(0.66, 0.1) !important
}
.fnx-site .currency-selector__link-l1.is-selected .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .currency-selector__link-l1.is-selected .icon__morph-block.-m3 {
transform: translate(0.2em, 0) rotate(135deg) scale(0.66, 0.1) !important
}
}
.fnx-site .currency-selector__link-l2 {
position: relative;
color: #434f61
}
.fnx-site .currency-selector__link-l2:hover,
.fnx-site .currency-selector__link-l2:focus {
color: #171c22
}
.fnx-site .currency-selector__l2-list-container {
display: none
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .currency-selector__l2-list-container {
visibility: hidden;
opacity: 0;
transition: opacity 0.4s, visibility 0s 0.4s;
outline: none;
border: 0.0625rem solid #dfe3e7;
z-index: 1011;
position: absolute;
left: -0.0625rem;
bottom: 100%;
display: block;
padding-right: 0;
width: calc(100% + 0.125rem);
background-color: #fff
}
.fnx-site .currency-selector__l2-list-container.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 0.4s, visibility 0s 0s
}
}
.fnx-site .trust-pilot {
display: inline-block;
vertical-align: middle;
font-size: 0
}
.fnx-site .trust-pilot__logo {
display: inline-block;
vertical-align: middle;
width: 6.375rem;
height: 0.75rem;
line-height: 0
}
.fnx-site .trust-pilot__stars-wrap {
display: inline-block;
vertical-align: middle;
font-size: inherit
}
.fnx-site .trust-pilot__star {
vertical-align: middle;
width: 1.25rem;
height: 1.25rem;
margin: 0 0.0625rem;
padding: 0 7% 7%;
line-height: 0;
background-color: #d5022e;
border-radius: 0.125rem
}
.fnx-site .trust-pilot__star.-large {
width: 1.625rem;
height: 1.625rem;
margin: 0 0.09375rem
}
.fnx-site .trust-pilot__star.-half {
background: linear-gradient(90deg, #d5022e 0%, #d5022e 50%, #d4d9de 50%, #d4d9de 100%)
}
.fnx-site .trust-pilot__rating {
display: inline-block;
vertical-align: middle;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
line-height: 1
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .footer-address__wrap,
.fnx-site .footer-address__moo-drop-wrap {
display: inline-block;
vertical-align: middle
}
}
.fnx-site .footer-address__moo-drop-wrap {
margin-left: -0.125rem
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .footer-address__moo-drop-wrap {
display: none
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .footer-address__wrap .footer-address__moo-drop {
display: inline-block;
vertical-align: middle;
margin-right: 0.375rem;
margin-top: -0.25rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .footer-address__wrap .footer-address__moo-drop {
display: none
}
}
.fnx-site .footer-address__moo-drop {
font-size: 1rem;
color: #d5022e
}
.fnx-site .tile {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-positive: 1;
flex-grow: 1;
transform: scale3d(1, 1, 1);
position: relative;
overflow: hidden;
background-color: #fff;
transition: box-shadow 200ms linear, opacity 200ms;
color: #434f61;
-webkit-tap-highlight-color: rgba(23, 28, 34, 0.05)
}
.fnx-site .tile:focus {
outline: none
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile.-horizontal\@until-medium {
-ms-flex-direction: row;
flex-direction: row
}
.fnx-site .tile.-horizontal\@until-medium.-standout {
border: none
}
.fnx-site .tile.-horizontal\@until-medium.-standout: before {
content: "";
width: 0.125rem;
height: 100%
}
.fnx-site .tile.-horizontal\@until-medium.-right .tile__body {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.fnx-site .tile.-horizontal\@until-medium.-right .tile__text-wrap-inner {
padding-right: 0
}
.fnx-site .tile.-horizontal\@until-medium.-left.-standout: before {
right: 0
}
.fnx-site .tile.-horizontal\@until-medium.-left .tile__body {
-ms-flex-direction: row;
flex-direction: row
}
.fnx-site .tile.-horizontal\@until-medium.-left .tile__text-wrap-inner {
padding-left: 0
}
.fnx-site .tile.-horizontal\@until-medium.-left .tile__text-wrap {
padding-left: 1.125rem
}
.fnx-site .tile.-horizontal\@until-medium.-action .tile-action__image-wrap {
height: auto
}
.fnx-site .tile.-horizontal\@until-medium.-ratio-1-1 .tile__media-wrap {
min-height: 17.25rem
}
.fnx-site .tile.-horizontal\@until-medium .tile__body {
list-style: none;
margin: 0;
padding: 0;
margin-left: -0.75rem;
font-size: 0;
display: -ms-flexbox;
display: flex
}
}
@media only screen and (max-width: 40.0525em) and (min-width: 40.0625em) {
.fnx-site .tile.-horizontal\@until-medium .tile__body {
margin-left: -1.125rem
}
}
@media only screen and (max-width: 40.0525em) and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@until-medium .tile__body {
margin-left: -1.5rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile.-horizontal\@until-medium .tile__media-wrap,
.fnx-site .tile.-horizontal\@until-medium .tile__text-wrap {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 100%;
padding-left: 0.75rem;
font-size: 1rem;
width: 50%
}
}
@media only screen and (max-width: 40.0525em) and (min-width: 40.0625em) {
.fnx-site .tile.-horizontal\@until-medium .tile__media-wrap,
.fnx-site .tile.-horizontal\@until-medium .tile__text-wrap {
padding-left: 1.125rem
}
}
@media only screen and (max-width: 40.0525em) and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@until-medium .tile__media-wrap,
.fnx-site .tile.-horizontal\@until-medium .tile__text-wrap {
padding-left: 1.5rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile.-horizontal\@until-medium .tile__media-wrap {
display: -ms-flexbox;
display: flex;
min-height: 12.9375rem
}
.fnx-site .tile.-horizontal\@until-medium .tile__figure {
position: absolute;
height: 100%;
overflow: hidden
}
}
@media only screen and (max-width: 40.0525em) and (max-width: 40.0525em) {
.fnx-site .tile.-horizontal\@until-medium .tile__figure {
width: calc(100% - 0.75rem)
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile.-horizontal\@until-medium .tile__image {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
height: 100%;
max-width: none
}
.fnx-site .tile.-horizontal\@until-medium .tile__text-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.fnx-site .tile.-horizontal\@until-medium .tile__text-wrap-inner {
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.fnx-site .tile.-horizontal\@until-medium .tile__horizontal-footer-link {
display: block
}
.fnx-site .tile.-horizontal\@until-medium .tile__horizontal-footer {
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.fnx-site .tile.-horizontal\@until-medium .tile__footer {
display: none
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@large {
-ms-flex-direction: row;
flex-direction: row
}
.fnx-site .tile.-horizontal\@large.-standout {
border: none
}
.fnx-site .tile.-horizontal\@large.-standout: before {
content: "";
width: 0.125rem;
height: 100%
}
.fnx-site .tile.-horizontal\@large.-right .tile__body {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.fnx-site .tile.-horizontal\@large.-right .tile__text-wrap-inner {
padding-right: 0
}
.fnx-site .tile.-horizontal\@large.-left.-standout: before {
right: 0
}
.fnx-site .tile.-horizontal\@large.-left .tile__body {
-ms-flex-direction: row;
flex-direction: row
}
.fnx-site .tile.-horizontal\@large.-left .tile__text-wrap-inner {
padding-left: 0
}
.fnx-site .tile.-horizontal\@large.-left .tile__text-wrap {
padding-left: 1.125rem
}
.fnx-site .tile.-horizontal\@large.-action .tile-action__image-wrap {
height: auto
}
.fnx-site .tile.-horizontal\@large.-ratio-1-1 .tile__media-wrap {
min-height: 17.25rem
}
.fnx-site .tile.-horizontal\@large .tile__body {
list-style: none;
margin: 0;
padding: 0;
margin-left: -0.75rem;
font-size: 0;
display: -ms-flexbox;
display: flex
}
}
@media only screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
.fnx-site .tile.-horizontal\@large .tile__body {
margin-left: -1.125rem
}
}
@media only screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@large .tile__body {
margin-left: -1.5rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@large .tile__media-wrap,
.fnx-site .tile.-horizontal\@large .tile__text-wrap {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 100%;
padding-left: 0.75rem;
font-size: 1rem;
width: 50%
}
}
@media only screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
.fnx-site .tile.-horizontal\@large .tile__media-wrap,
.fnx-site .tile.-horizontal\@large .tile__text-wrap {
padding-left: 1.125rem
}
}
@media only screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@large .tile__media-wrap,
.fnx-site .tile.-horizontal\@large .tile__text-wrap {
padding-left: 1.5rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@large .tile__media-wrap {
display: -ms-flexbox;
display: flex;
min-height: 12.9375rem
}
.fnx-site .tile.-horizontal\@large .tile__figure {
position: absolute;
height: 100%;
overflow: hidden
}
}
@media only screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@large .tile__figure {
width: calc(100% - 1.5rem)
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile.-horizontal\@large .tile__image {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
height: 100%;
max-width: none
}
.fnx-site .tile.-horizontal\@large .tile__text-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.fnx-site .tile.-horizontal\@large .tile__text-wrap-inner {
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.fnx-site .tile.-horizontal\@large .tile__horizontal-footer-link {
display: block
}
.fnx-site .tile.-horizontal\@large .tile__horizontal-footer {
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.fnx-site .tile.-horizontal\@large .tile__footer {
display: none
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .tile.-link {
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25)
}
}
.fnx-site .tile.-link:hover,
.fnx-site .tile.-link:focus {
box-shadow: 0 0.1875rem 0.625rem 0 rgba(75, 89, 109, 0.3);
color: inherit
}
.fnx-site .tile.-link-whole-tile {
cursor: pointer
}
.fnx-site .tile.-standout {
border-bottom-width: 0.125rem;
border-bottom-style: solid
}
.fnx-site .tile.-standout:before {
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 0.125rem;
border-width: 0.0625rem;
border-style: solid;
border-color: inherit
}
.fnx-site .tile.-standout .tile__capsule {
border-color: inherit
}
.fnx-site .tile.-standout .tile__body,
.fnx-site .tile.-standout .tile__media-wrap,
.fnx-site .tile.-standout .tile__image-link,
.fnx-site .tile.-standout .tile__figure {
border-color: inherit
}
.fnx-site .tile.-action.-link {
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25)
}
.fnx-site .tile.-action.-link:hover,
.fnx-site .tile.-action.-link:focus {
box-shadow: 0 0.1875rem 0.625rem 0 rgba(75, 89, 109, 0.3)
}
.fnx-site .tile.-action.-link:hover .tile__chevron,
.fnx-site .tile.-action.-link:focus .tile__chevron {
right: 0.4375rem
}
.fnx-site .tile.-action .tile__media-wrap {
min-height: 0
}
.fnx-site .tile.-action .tile-action__image-wrap {
height: 6.25rem
}
.fnx-site .tile.-action .tile-action__image {
height: 65%;
width: 65%
}
.fnx-site .tile.-action .tile-action__image.-disabled {
display: none
}
.fnx-site .tile.-action .tile__chevron {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
right: 0.75rem;
color: #d5022e;
transition: right 200ms
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .tile.-action .tile__chevron {
top: auto;
bottom: 0.75rem;
transform: none
}
}
.fnx-site .tile.-borderless {
box-shadow: none;
background-color: transparent
}
.fnx-site .tile.-borderless:hover,
.fnx-site .tile.-borderless:focus {
box-shadow: none
}
.fnx-site .tile.-borderless .tile__text-wrap-inner,
.fnx-site .tile.-borderless .tile__footer {
padding: 0.75rem 0.375rem 0
}
.fnx-site .tile.-testimonial .tile__media-wrap {
min-height: 0
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile.-testimonial .tile__media-wrap {
width: 33.333333%
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile.-testimonial.-left .tile__text-wrap {
width: 66.666667%;
padding-left: 1.5rem
}
}
.fnx-site .tile.-testimonial .tile__text-wrap-inner {
padding: 1.5rem
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile.-testimonial .tile__text-wrap-inner {
padding: 2.625rem;
padding-left: 0
}
}
.fnx-site .tile.-package {
outline: none;
border: 0.0625rem solid #dfe3e7;
max-width: 100%;
overflow: visible
}
.fnx-site .tile.-package .nav-chevron {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
display: block;
right: 1.5rem;
font-size: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tile.-package .nav-chevron {
right: 1.125rem
}
}
.fnx-site .tile.-package .icon__morph-block {
background-color: #323c49;
border-color: #323c49
}
.fnx-site .tile.-package .tile__header {
outline: none;
border-bottom: 0.0625rem solid #dfe3e7;
padding: 3rem 1.5rem 1.5rem
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .tile.-package .tile__header {
padding-left: 1.125rem;
padding-right: 1.125rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tile.-package .tile__header {
padding-bottom: 2.25rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile.-package .tile__header {
padding-left: 2.25rem;
padding-right: 2.25rem
}
}
.fnx-site .tile.-package .tile__header-pill {
z-index: 1;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
font-size: 0.875rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile.-package .tile__heading-wrap+.tile__cta-button {
margin-top: 0.75rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tile.-package .tile__heading-wrap {
min-height: 5.5rem
}
}
.fnx-site .tile.-package .tile__cta-button {
bottom: 2.25rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile.-package .tile__text-wrap {
display: none;
outline: none;
border-top: 0.0625rem solid #dfe3e7
}
}
.fnx-site .tile.-package .list-block {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
.fnx-site .tile.-package .tile__slide-panel-trigger {
padding: 1.125rem 3rem 1.125rem 1.5rem
}
.fnx-site .buildflow-overlay__tile-action-wrap {
display: none
}
.fnx-site .buildflow-overlay__tile-action-wrap:focus {
outline: none
}
.fnx-site .buildflow-overlay__tile-action-wrap.has-link,
.fnx-site .buildflow-overlay__tile-action-wrap.-disabled-when-no-link {
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link {
display: block
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link:hover .tile-action__disabled-panel-wrap,
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link:focus .tile-action__disabled-panel-wrap {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
}
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .tile {
cursor: default;
box-shadow: none
}
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .tile__media-wrap {
opacity: 0.5
}
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .tile-action__image-wrap {
background-color: #dfe3e7 !important
}
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .tile-action__image {
display: none
}
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .tile-action__image.-disabled {
display: block
}
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .tile__text-wrap-inner,
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .h__block {
color: #a9b1bc
}
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .tile__footer,
.fnx-site .buildflow-overlay__tile-action-wrap:not(.has-link).-disabled-when-no-link .tile__chevron {
display: none
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile-action__disabled-panel-wrap {
display: none
}
}
.fnx-site .tile-action__disabled-panel-wrap:before {
content: "";
display: block;
height: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tile-action__disabled-panel-wrap:before {
height: 1.125rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tile-action__disabled-panel-wrap {
top: 100%;
visibility: hidden;
opacity: 0;
transition: opacity 300ms 0ms, visibility 0ms 300ms
}
}
.fnx-site .tile-action__disabled-panel {
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25);
transition: box-shadow 200ms linear
}
.fnx-site .tile-action__disabled-panel .tooltip__caret-wrap {
position: absolute;
left: 0;
right: 0;
bottom: 100%;
height: 1rem
}
.fnx-site .tile-action__disabled-panel .tooltip__caret-wrap .tooltip__caret {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0;
width: 1rem;
height: 1rem;
overflow: hidden
}
.fnx-site .tile-action__disabled-panel .tooltip__caret-wrap .tooltip__caret:before {
content: "";
display: block;
position: absolute;
width: 0.66667rem;
height: 0.66667rem;
background: #fff;
border: 0.0625rem solid rgba(223, 227, 231, 0.3);
transform: translate(-50%, -50%) rotate(45deg)
}
.fnx-site .tile-action__disabled-panel .tooltip__caret-wrap .tooltip__caret:before {
top: 100%;
left: 50%
}
.fnx-site .tile-action__disabled-panel:hover {
box-shadow: 0 0.1875rem 0.625rem 0 rgba(75, 89, 109, 0.3)
}
.fnx-site .tile__media-wrap {
position: relative;
overflow: hidden
}
.fnx-site .tile__figure {
position: relative
}
.fnx-site .tile__testimonial-figure {
padding: 1.5rem;
padding-top: 1.875rem;
padding-bottom: 0.25rem
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile__testimonial-figure {
-ms-flex-positive: 1;
flex-grow: 1;
padding: 2.25rem;
padding-right: 0.75rem
}
}
.fnx-site .tile__testimonial-avatar {
max-width: 7.5rem
}
.fnx-site .tile__image {
display: block;
margin: 0 auto
}
.fnx-site .tile__capsule {
left: 1.125rem;
bottom: 1.125rem;
max-width: calc(100% - 1.125rem * 2)
}
.fnx-site .tile__body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-family: "Avenir Next Rounded Pro Regular", Verdana, Geneva, sans-serif;
overflow: hidden
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .tile__body.-lego-tile-large {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.fnx-site .tile__body.-lego-tile-large .tile__media-wrap,
.fnx-site .tile__body.-lego-tile-large .tile__image-link {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1
}
.fnx-site .tile__body.-lego-tile-large .tile__figure {
-ms-flex-positive: 1;
flex-grow: 1
}
.fnx-site .tile__body.-lego-tile-large .tile__image {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
height: 100%;
max-width: none
}
}
.fnx-site .tile__text-wrap-inner {
padding: 1.125rem
}
.fnx-site .tile__text-wrap-inner>*:last-child {
margin-bottom: 0
}
.fnx-site .tile__horizontal-footer-link {
display: none
}
.fnx-site .tile__footer {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 1.125rem 1rem
}
.fnx-site .tile__spinner-wrap {
width: 4rem;
height: 4rem
}
.fnx-site .slick-slide.slick-current .tile {
opacity: 1
}
.fnx-site .slick-slide.slick-current .tile.-link:not(.-link-whole-tile) {
cursor: default
}
.fnx-site .slick-slide .tile {
opacity: 0.5
}
.fnx-site .slick-slide .tile.-link {
cursor: pointer
}
.fnx-site .slick-slide.tile-rack__svg-icons-tile-wrap .tile__text-wrap-inner {
padding-left: 1.5rem;
padding-right: 1.5rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .u-1\/4\@medium .module-header {
text-align: center
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .u-1\/4\@large .module-header {
text-align: center
}
}
.fnx-site .module-header {
margin-bottom: 3rem
}
.fnx-site .module-header__cta-wrap {
margin-bottom: 1.5rem
}
.fnx-site .showcase-block__figure-caption {
margin-bottom: -12%;
z-index: 1;
position: relative
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__figure-caption {
padding-bottom: 0.75rem;
margin: 0
}
}
.fnx-site .showcase-block__image-wrap {
overflow: hidden;
overflow: hidden;
position: relative
}
.fnx-site .showcase-block__image-wrap:before {
content: "";
display: block;
height: 0;
padding-top: 113.207547%
}
.fnx-site .showcase-block__image-wrap.-rotatable {
overflow: hidden;
position: relative
}
.fnx-site .showcase-block__image-wrap.-rotatable:before {
content: "";
display: block;
height: 0;
padding-top: 88.333333%
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__image-wrap.-rotatable {
margin: 0 !important;
overflow: hidden;
position: relative
}
.fnx-site .showcase-block__image-wrap.-rotatable:before {
content: "";
display: block;
height: 0;
padding-top: 113.207547%
}
}
.fnx-site .showcase-block__image-wrap.-anticlockwise {
margin: 0 -1rem 0 0
}
.fnx-site .showcase-block__image-wrap.-clockwise {
margin: 0 0 0 -1rem
}
.fnx-site .showcase-block__image {
max-width: 300%;
position: absolute;
top: 0;
left: 0
}
.fnx-site .showcase-block__image.-rotatable {
width: 265%
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__image.-rotatable {
width: 300%
}
}
.fnx-site .showcase-block__image.-static {
width: 300%
}
.fnx-site .showcase-block__image.-static.-transform__center {
transform: translateX(-33.333333%)
}
.fnx-site .showcase-block__image.-static.-transform__left {
transform: translateX(0%)
}
.fnx-site .showcase-block__image.-static.-transform__right {
transform: translateX(-66.666667%)
}
.fnx-site .showcase-block__image.-transform__center.-clockwise {
transform: translateX(-31.132075%) rotateZ(90deg) translateX(-2.201258%)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__image.-transform__center.-clockwise {
transform: translateX(-33.333333%)
}
}
.fnx-site .showcase-block__image.-transform__left.-clockwise {
transform: translateX(-31.132075%) rotateZ(90deg) translateX(31.132075%)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__image.-transform__left.-clockwise {
transform: translateX(0%)
}
}
.fnx-site .showcase-block__image.-transform__right.-clockwise {
transform: translateX(-31.132075%) rotateZ(90deg) translateX(-35.534591%)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__image.-transform__right.-clockwise {
transform: translateX(-66.666667%)
}
}
.fnx-site .showcase-block__image.-transform__center.-anticlockwise {
transform: translateX(-31.132075%) rotateZ(-90deg) translateX(0%)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__image.-transform__center.-anticlockwise {
transform: translateX(-33.333333%)
}
}
.fnx-site .showcase-block__image.-transform__left.-anticlockwise {
transform: translateX(-31.132075%) rotateZ(-90deg) translateX(33.333333%)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__image.-transform__left.-anticlockwise {
transform: translateX(0%)
}
}
.fnx-site .showcase-block__image.-transform__right.-anticlockwise {
transform: translateX(-31.132075%) rotateZ(-90deg) translateX(-33.333333%)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-block__image.-transform__right.-anticlockwise {
transform: translateX(-66.666667%)
}
}
.fnx-site .size-block {
width: 18.375rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .size-block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
}
.fnx-site .size-block.has-link:hover .size-block__image-wrap,
.fnx-site .size-block.has-link:focus .size-block__image-wrap {
transform: translateY(-0.375rem)
}
.fnx-site .size-block__image-wrap {
display: block;
transition: transform 300ms
}
.fnx-site .size-block__image-wrap:focus {
outline: none
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .size-block__image-wrap {
background-image: none !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .size-block__image-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden;
background-repeat: no-repeat;
background-position: center 0;
background-size: contain
}
}
.fnx-site .size-block__image {
display: block;
margin: 0 auto
}
.fnx-site .size-block__info-wrap {
padding: 1.125rem 0.75rem 0
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .size-block__info-wrap {
position: relative;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .media-block:after {
content: "";
display: block;
clear: both
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .media-block.-large:after {
content: none
}
}
.fnx-site .media-block.-large .media-block__image-wrap {
margin-bottom: 1.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .media-block.-large .media-block__image-wrap {
width: 66.66666%;
float: none;
margin-bottom: 0
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .media-block.-large .media-block__image-wrap {
width: 100%;
margin-bottom: 1.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .media-block.-large .media-block__text-wrap {
width: 33.33333%
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .media-block.-large .media-block__text-wrap {
width: 100%
}
}
.fnx-site .media-block.-large.-in-rmm .media-block__image-wrap {
margin-bottom: 1.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .media-block.-large.-in-rmm .media-block__image-wrap,
.fnx-site .media-block.-large.-in-rmm .media-block__text-wrap {
width: 100%
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .media-block__image-wrap {
margin-bottom: 1.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .media-block__image-wrap {
float: right;
width: 100%
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .media-block__text-wrap {
width: 100%
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .media-block__image-wrap,
.fnx-site .media-block__text-wrap {
width: 50%
}
}
.fnx-site .media-block__image-container {
display: block;
position: relative
}
.fnx-site .media-block__image-container:hover .media-block__play-icon,
.fnx-site .media-block__image-container:focus .media-block__play-icon {
opacity: 1
}
.fnx-site .media-block__play-icon {
font-size: 4.375rem;
color: #fff;
opacity: 0.8;
transition: opacity 200ms, color 200ms
}
.fnx-site .overlay:not(.is-visible) .overlay__content.-image-viewer {
left: 1000%
}
.fnx-site .overlay__content-video-wrap {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
width: 80%;
max-width: 76.5rem;
height: 100%
}
.fnx-site .overlay__content.-video {
overflow: hidden;
position: relative
}
.fnx-site .overlay__content.-video:before {
content: "";
display: block;
height: 0;
padding-top: 56.25%
}
.fnx-site .overlay__content.-video .overlay__video-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.fnx-site .overlay__content.-image-viewer {
overflow: hidden;
position: relative;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
top: 48%;
overflow: visible;
width: calc(80vh / 0.75);
max-width: 100%;
margin: 0 auto
}
.fnx-site .overlay__content.-image-viewer:before {
content: "";
display: block;
height: 0;
padding-top: 75%
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .overlay__header {
bottom: 100%
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .filler-block__wrap:first-child .filler-block:before {
content: none !important
}
.fnx-site .filler-block__wrap+.filler-block__wrap .filler-block.-borders {
border-top: none
}
}
.fnx-site .filler-block {
position: relative;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.fnx-site .filler-block.-borders {
outline: none;
border-top: 0.0625rem solid #dfe3e7;
outline: none;
border-bottom: 0.0625rem solid #dfe3e7
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .filler-block:not(.-borders):before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 0.0625rem;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
background-color: #dfe3e7
}
}
.fnx-site .filler-block ol,
.fnx-site .filler-block ul,
.fnx-site .filler-block p,
.fnx-site .filler-block .h__block {
margin-bottom: 0.375rem
}
.fnx-site .filler-block__content {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.5rem 0;
color: #434f61
}
.fnx-site .module-header .filler-block__content {
padding: 0.75rem 0.375rem
}
.fnx-site .filler-block__image {
width: 3rem
}
.fnx-site .module-header .filler-block__image {
width: 2.25rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .rm-block__dbl-image-wrap {
margin-bottom: 0.75rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .rm-block__dbl-image-wrap {
width: calc(50% + 0.375rem)
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .rm-block__sgl-image-wrap {
width: calc(50% - 0.375rem)
}
}
.fnx-site .moo-promise__wrap {
text-align: center
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .moo-promise__wrap {
text-align: left;
max-width: 80%
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .moo-promise__wrap {
margin-top: 0.75rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .moo-promise__wrap {
margin-left: 1.5rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .moo-promise__image-wrap {
float: none;
margin: 0
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .moo-promise__image-wrap {
float: none;
margin: 0
}
}
.fnx-site .comparison-block__capsule {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
top: auto;
bottom: 100%;
max-width: calc(100% - 0.375rem * 2)
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .artwork-guidelines__figure {
max-width: 19.58333rem
}
}
.fnx-site .artwork-guidelines__icon {
font-size: 1.875rem;
margin-top: -0.375rem
}
.fnx-site .artwork-guidelines__icon.-bleedarea {
color: #eca8c1
}
.fnx-site .artwork-guidelines__file-types-container .file-types__list {
max-width: 13.75rem;
margin: 0 auto
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .artwork-guidelines__file-types-container .file-types__list {
max-width: 27.5rem
}
}
.fnx-site .artwork-guidelines__file-types-container .file-types__list .file-types__item {
width: 50%;
margin: 0 0 2.25rem
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .artwork-guidelines__file-types-container .file-types__list .file-types__item {
width: 25%
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .artwork-guidelines__file-types-container .file-types__list .file-types__item {
width: 50%
}
}
.fnx-site .file-types__item {
display: inline-block;
position: relative;
margin: 0 0.75rem
}
.fnx-site .file-types__link {
display: inline-block
}
.fnx-site .file-types__link.-psd:hover .file-types__file,
.fnx-site .file-types__link.-psd:focus .file-types__file {
background-color: #1ba0e0
}
.fnx-site .file-types__link.-psd:hover .file-types__file:before,
.fnx-site .file-types__link.-psd:hover .file-types__file .svg-icon,
.fnx-site .file-types__link.-psd:focus .file-types__file:before,
.fnx-site .file-types__link.-psd:focus .file-types__file .svg-icon {
color: #fff
}
.fnx-site .file-types__link.-psd .file-types__file {
border-color: #1ba0e0
}
.fnx-site .file-types__link.-psd .file-types__file:before,
.fnx-site .file-types__link.-psd .file-types__file .svg-icon {
color: #1ba0e0
}
.fnx-site .file-types__link.-ai:hover .file-types__file,
.fnx-site .file-types__link.-ai:focus .file-types__file {
background-color: #ed773e
}
.fnx-site .file-types__link.-ai:hover .file-types__file:before,
.fnx-site .file-types__link.-ai:hover .file-types__file .svg-icon,
.fnx-site .file-types__link.-ai:focus .file-types__file:before,
.fnx-site .file-types__link.-ai:focus .file-types__file .svg-icon {
color: #fff
}
.fnx-site .file-types__link.-ai .file-types__file {
border-color: #ed773e
}
.fnx-site .file-types__link.-ai .file-types__file:before,
.fnx-site .file-types__link.-ai .file-types__file .svg-icon {
color: #ed773e
}
.fnx-site .file-types__link.-indd:hover .file-types__file,
.fnx-site .file-types__link.-indd:focus .file-types__file {
background-color: #e6498f
}
.fnx-site .file-types__link.-indd:hover .file-types__file:before,
.fnx-site .file-types__link.-indd:hover .file-types__file .svg-icon,
.fnx-site .file-types__link.-indd:focus .file-types__file:before,
.fnx-site .file-types__link.-indd:focus .file-types__file .svg-icon {
color: #fff
}
.fnx-site .file-types__link.-indd .file-types__file {
border-color: #e6498f
}
.fnx-site .file-types__link.-indd .file-types__file:before,
.fnx-site .file-types__link.-indd .file-types__file .svg-icon {
color: #e6498f
}
.fnx-site .file-types__link.-jpg:hover .file-types__file,
.fnx-site .file-types__link.-jpg:focus .file-types__file {
background-color: #456e7f
}
.fnx-site .file-types__link.-jpg:hover .file-types__file:before,
.fnx-site .file-types__link.-jpg:hover .file-types__file .svg-icon,
.fnx-site .file-types__link.-jpg:focus .file-types__file:before,
.fnx-site .file-types__link.-jpg:focus .file-types__file .svg-icon {
color: #fff
}
.fnx-site .file-types__link.-jpg .file-types__file {
border-color: #456e7f
}
.fnx-site .file-types__link.-jpg .file-types__file:before,
.fnx-site .file-types__link.-jpg .file-types__file .svg-icon {
color: #456e7f
}
.fnx-site .file-types__link:hover .svg-icon,
.fnx-site .file-types__link:focus .svg-icon {
animation-duration: 1s;
animation-fill-mode: both;
animation: scroll-down-in-mask 500ms 350ms
}
.fnx-site .file-types__label {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
top: 100%;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 0.875rem;
color: #69778a;
padding: 0.375rem 0;
transition: color 300ms
}
.fnx-site .file-types__file {
position: relative;
width: 3rem;
height: 3rem;
margin: 0 auto;
background-color: #fff;
outline: none;
border: 0.125rem solid transparent;
border-radius: 0.125rem;
transition: background-color 300ms
}
.fnx-site .file-types__file:before {
content: attr(data-file-type);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-size: 0.875rem;
line-height: 1.625rem;
text-align: center;
transition: color 300ms
}
.fnx-site .file-types__icon-mask {
position: absolute;
bottom: 0.3125rem;
left: 0;
right: 0;
height: 1.125rem;
overflow: hidden
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .grid-module__blocks-wrap.-chequerboard .grid-block__inner-blocks-wrap:nth-child(odd) .grid-block__inner-block-wrap:nth-child(1) {
-ms-flex-order: 2;
order: 2
}
.fnx-site .grid-module__blocks-wrap.-chequerboard .grid-block__inner-blocks-wrap:nth-child(odd) .grid-block__inner-block-wrap:nth-child(2) {
-ms-flex-order: 1;
order: 1
}
.fnx-site .grid-module__blocks-wrap.-chequerboard .grid-block__inner-blocks-wrap:nth-child(odd) .grid-block__inner-block-wrap:nth-child(3) {
-ms-flex-order: 4;
order: 4
}
.fnx-site .grid-module__blocks-wrap.-chequerboard .grid-block__inner-blocks-wrap:nth-child(odd) .grid-block__inner-block-wrap:nth-child(4) {
-ms-flex-order: 3;
order: 3
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .grid-module__blocks-wrap.-chequerboard .grid-block__inner-block-wrap:nth-child(3) {
-ms-flex-order: 4;
order: 4
}
}
.fnx-site .list-module .list-block__wrap:first-child .list-block {
outline: none;
border-top: 0.0625rem solid #dfe3e7
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .list-module .list-block__wrap:nth-child(-n+3) .list-block {
outline: none;
border-top: 0.0625rem solid #dfe3e7
}
}
.fnx-site .list-module .list-block {
outline: none;
border-bottom: 0.0625rem solid #dfe3e7
}
.fnx-site .list-block {
width: 100%;
padding: 1.25rem 0;
padding-left: 0.375rem
}
.fnx-site .list-block .svg-icon {
color: #d5022e
}
.fnx-site .image-viewer__link:hover .image-viewer__thumbnail-overlay,
.fnx-site .image-viewer__link:focus .image-viewer__thumbnail-overlay {
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.7)
}
.fnx-site .image-viewer__link:hover .image-viewer__thumbnail-overlay.-dark,
.fnx-site .image-viewer__link:focus .image-viewer__thumbnail-overlay.-dark {
background-color: rgba(23, 28, 34, 0.4)
}
.fnx-site .image-viewer__thumbnail-wrap {
width: 3.125rem;
height: 3.125rem
}
.fnx-site .image-viewer__thumbnail-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
outline: none;
border: 0.0625rem solid transparent;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
text-align: center;
line-height: 3.125rem;
color: #fff;
transition: background-color 300ms, border-color 300ms
}
.fnx-site .image-viewer__thumbnail-overlay.-dark {
background: rgba(23, 28, 34, 0.5)
}
.fnx-site .image-viewer__wrap:hover .image-viewer__nav-button-wrap {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
.fnx-site .image-viewer__wrap:hover .image-viewer__nav-button-wrap.slick-disabled {
visibility: hidden;
opacity: 0;
transition: opacity 300ms 0ms, visibility 0ms 300ms
}
.fnx-site .image-viewer__wrap .nav-dots__list {
margin-top: 0.75rem
}
.fnx-site .image-viewer__image-wrap {
outline: none
}
.fnx-site .image-viewer__nav-buttons {
display: none
}
.fnx-site .image-viewer__nav-button-wrap {
position: absolute;
opacity: 0;
font-size: 1.875rem;
line-height: 1
}
.fnx-site .image-viewer__nav-button-wrap.-prev {
left: 1.5rem
}
.fnx-site .image-viewer__nav-button-wrap.-next {
right: 1.5rem
}
.fnx-site.no-touchevents .slick-initialized+.image-viewer__nav-buttons {
display: block
}
.fnx-site .hiding-single-row-nav-wrap:not(.is-visible) {
overflow: hidden
}
.fnx-site .hiding-single-row-nav-wrap.-color-light .animated-underline {
color: #fff
}
.fnx-site .nav-ftr-main__list {
list-style: none
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .nav-ftr-main__list {
margin-left: 0
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__list {
list-style: none;
margin: 0;
padding: 0;
margin-left: -0.75rem;
font-size: 0
}
}
@media only screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__list {
margin-left: -1.125rem
}
}
@media only screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
.fnx-site .nav-ftr-main__list {
margin-left: -1.5rem
}
}
.fnx-site .nav-ftr-main__item {
margin-top: 0.0625rem;
outline: none;
border: 0.0625rem solid #dfe3e7
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__item {
outline: none;
border: 0.0625rem solid transparent;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 100%;
padding-left: 0.75rem;
font-size: 1rem
}
}
@media only screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__item {
padding-left: 1.125rem
}
}
@media only screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
.fnx-site .nav-ftr-main__item {
padding-left: 1.5rem
}
}
.fnx-site .nav-ftr-main__link-container-l1 {
background-color: #dfe3e7
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__link-container-l1 {
background-color: inherit
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__link-l1 {
padding: 0 0 1.125rem 0;
background-color: inherit;
font-size: 1.25rem;
cursor: auto
}
.fnx-site .nav-ftr-main__link-l1 .nav-chevron {
display: none
}
}
.fnx-site .nav-ftr-main__list-wrap-l2 {
display: none
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__list-wrap-l2 {
list-style: none;
margin: 0;
padding: 0;
margin-left: -0.75rem;
font-size: 0;
display: block
}
}
@media only screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__list-wrap-l2 {
margin-left: -1.125rem
}
}
@media only screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
.fnx-site .nav-ftr-main__list-wrap-l2 {
margin-left: -1.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__list-container-l2 {
vertical-align: top;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 100%;
padding-left: 0.75rem;
font-size: 1rem
}
}
@media only screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__list-container-l2 {
padding-left: 1.125rem
}
}
@media only screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
.fnx-site .nav-ftr-main__list-container-l2 {
padding-left: 1.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .nav-ftr-main__link-l2 {
overflow: visible;
padding: 0.375rem 0;
text-decoration: none;
color: #d5022e;
transition: color 300ms
}
.fnx-site .nav-ftr-main__link-l2:hover,
.fnx-site .nav-ftr-main__link-l2:focus {
text-decoration: none;
color: #076049
}
}
.fnx-site .bottom-banner {
position: fixed;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
visibility: hidden;
min-width: 20rem;
border-top: 0.0625rem solid #fff;
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25);
visibility: hidden;
transform: translateY(100%);
z-index: -1;
transition: transform 300ms 0ms, visibility 0ms 300ms, z-index 0ms 300ms;
will-change: transform
}
.fnx-site .bottom-banner.is-visible {
visibility: inherit;
transform: translateY(0);
z-index: 1100;
transition: transform 300ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms
}
.fnx-site .bottom-banner.is-visible.is-entrance-animation-disabled {
transition: none
}
.fnx-site .bottom-banner .text-input {
height: 2.5rem;
padding: 0.5rem 0.75rem
}
.fnx-site .bottom-banner .cta-link__text {
font-size: 1rem
}
.fnx-site .bottom-banner__text p {
font-size: 0.875rem;
margin-bottom: 0.7rem
}
#answerdash-circle-help-button {
transition: bottom 300ms !important
}
.is-bottom-banner-visible #answerdash-circle-help-button {
bottom: calc(100% - 3rem - 1.5rem - 3.125rem) !important
}
@media only screen and (min-width: 40.0625em) {
.is-bottom-banner-visible #answerdash-circle-help-button {
bottom: calc(100% - 6.25rem - 1.5rem - 3.125rem) !important
}
}
#qazzow-helpButton {
transition: top 300ms !important
}
.is-bottom-banner-visible #qazzow-helpButton {
top: 4.5rem !important;
transform: translateY(-100%) rotate(-90deg) !important
}
@media only screen and (min-width: 40.0625em) {
.is-bottom-banner-visible #qazzow-helpButton {
top: 7.75rem !important
}
}
.fnx-site .header__band-wrap~.select2-container .select2-dropdown {
z-index: 1003
}
.fnx-site .header__band {
z-index: 1004
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .header__band {
box-shadow: 0 0.0625rem 0 0 rgba(66, 85, 105, 0.17)
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .header__wrapper {
padding: 0
}
}
.fnx-site .header {
z-index: 1010;
position: absolute;
width: 100%;
height: 3rem;
background-color: #fff;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-size: 1rem;
transition: height 400ms, box-shadow 200ms
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .header {
box-shadow: 0 0.0625rem 0 0 #dfe3e7
}
.fnx-site .header.is-stuck {
position: fixed;
top: 0;
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25)
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .header {
position: relative;
height: 6.25rem;
transform: none
}
}
.fnx-site .header__spacer {
height: 3rem
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .header__spacer {
display: none
}
}
.fnx-site .header__logo {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
left: 0.625rem;
width: 5rem;
height: 1.875rem;
transition: width 400ms, height 400ms;
transition-delay: 0ms
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .header__logo {
width: 7rem;
height: 2.5rem;
position: absolute;
top: 0.875rem;
left: 0;
transform: none
}
}
.fnx-site .header__nav-toggle {
position: absolute;
top: 0.75rem;
right: 0.625rem;
line-height: 0;
color: #69778a
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .header__nav-toggle {
display: none
}
}
.fnx-site .header__nav-toggle.-open {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%)
}
.fnx-site .footer {
font-size: 1rem;
position: relative
}
.fnx-site .footer.is-in-front {
z-index: 1010
}
.fnx-site .footer__bar {
height: 3.125rem;
background: #4b596d;
margin-bottom: 4.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .footer__bar {
margin-bottom: 0
}
}
.fnx-site .footer__bar-inner {
position: relative
}
.fnx-site .footer__review-wrap {
height: 3.125rem;
position: relative;
white-space: nowrap
}
.fnx-site .footer__review-wrap .trust-pilot {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%)
}
.fnx-site .footer__review-wrap .trust-pilot__rating {
margin-left: 0.75rem;
font-size: 0.9375rem
}
.fnx-site .footer__social-wrap {
position: relative;
height: 3.125rem;
line-height: 0
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .footer__social-wrap {
position: relative;
top: 0;
width: calc(100% + 0.75rem);
height: 4.5rem;
padding-right: 0.75rem;
background-color: #fff
}
}
.fnx-site .footer__legal {
font-size: 0.75rem;
line-height: 1.5;
text-align: center
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .footer__legal {
text-align: left
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .footer__links-wrap {
float: none !important;
margin-left: 0 !important;
margin-bottom: 0.375rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .cta-module__block-wrap {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
margin-left: 50%
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .cta-module__block-wrap {
margin-left: 25%
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .tile-rack__tiles-wrap-two-tiles {
display: block;
max-width: 48.125rem;
margin-left: auto;
margin-right: auto
}
}
.fnx-site .tile-rack__container.slick-initialized {
margin-top: 0
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile-rack__container.slick-initialized {
margin-left: -1rem;
width: calc(100% + 2rem)
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tile-rack__container.slick-initialized {
margin-left: -1.5rem;
width: calc(100% + 3rem)
}
}
.fnx-site .tile-rack__container.slick-initialized .tile-rack__tile-wrap {
width: 15rem !important;
margin-bottom: 0
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile-rack__container.slick-initialized .tile-rack__tile-wrap {
padding-left: 0.375rem;
padding-right: 0.375rem
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .tile-rack__container.slick-initialized .tile-rack__tile-wrap {
padding-left: 0.5625rem;
padding-right: 0.5625rem
}
}
.fnx-site .tile-rack__container.slick-initialized .tile-rack__tile-wrap .tile {
margin-bottom: 1.5rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tile-rack__container:not(.slick-initialized) .tile-rack__tile-wrap {
display: block;
max-width: 23.5rem;
margin-left: auto;
margin-right: auto
}
}
.fnx-site .tile-rack__container .slick-track {
display: -ms-flexbox;
display: flex
}
.fnx-site .tile-rack__container .slick-list {
width: 100%
}
.fnx-site .tile-rack__container .slick-loading .slick-list {
background: #fff url(//remaxcrest.ca/wp-content/themes/realhomes-child/assets/images/slick/ajax-loader.c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat
}
.fnx-site .tile-rack__container .slick-slide {
height: auto
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .tile-rack__svg-icons-wrap.-three-tiles-per-row {
display: block;
max-width: 54.75rem;
margin-left: auto;
margin-right: auto
}
}
.fnx-site .tile-rack__tile-wrap {
outline: none
}
.fnx-site .wide-media__wrap.-video {
display: none
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .wide-media__wrap.-video {
display: block
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .hero-module__header-wrap {
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25)
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .hero-module__header-wrap {
position: relative;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%)
}
}
.fnx-site .hero-module__body-text-wrap>p,
.fnx-site .hero-module__body-text-wrap>ul {
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .hero-module__body-text-wrap>p,
.fnx-site .hero-module__body-text-wrap>ul {
font-size: 1.125rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .band.-module.showcase-module+.band.-module.-module {
margin-top: 0
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .showcase-module .showcase-block,
.fnx-site .showcase-module .showcase-block__figure {
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.fnx-site .showcase-module .showcase-block__figure {
-ms-flex-direction: column;
flex-direction: column
}
.fnx-site .showcase-module .showcase-block__image-wrap {
-ms-flex-positive: 1;
flex-grow: 1
}
.fnx-site .showcase-module .showcase-block__image {
top: auto;
bottom: 0
}
}
.fnx-site .sticky-nav {
z-index: 1001;
position: absolute;
left: 0;
right: 0;
background-color: #fff;
box-shadow: inset 0 -0.0625rem 0 #dfe3e7;
visibility: hidden;
opacity: 0;
transition: opacity 300ms 0ms, visibility 0ms 300ms
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .sticky-nav.is-visible-small-viewport {
position: fixed;
top: 0
}
}
.fnx-site .sticky-nav:before {
content: "";
opacity: 0;
transition: opacity 300ms
}
.fnx-site .sticky-nav.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
.fnx-site .sticky-nav.is-stuck {
z-index: 1003;
position: fixed;
top: 0;
box-shadow: none
}
.fnx-site .sticky-nav.is-stuck:before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
box-shadow: 0 0.1875rem 0.625rem 0 rgba(75, 89, 109, 0.3);
opacity: 1
}
.fnx-site .sticky-nav.is-stuck.is-visible .sticky-nav__heading,
.fnx-site .sticky-nav.is-stuck.is-visible .sticky-nav__cta-wrap {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .sticky-nav.is-stuck.is-visible .sticky-nav__logo {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
}
.fnx-site .sticky-nav .sticky-nav__heading,
.fnx-site .sticky-nav .sticky-nav__logo,
.fnx-site .sticky-nav .sticky-nav__cta-wrap {
visibility: hidden;
opacity: 0;
transition: opacity 300ms 0ms, visibility 0ms 300ms
}
.fnx-site .sticky-nav__spacer,
.fnx-site .sticky-nav__nav {
height: 2.875rem;
transform: translateZ(0)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .sticky-nav__spacer,
.fnx-site .sticky-nav__nav {
height: 3.125rem
}
}
.fnx-site .sticky-nav__logo {
left: -0.25rem;
font-size: 1.75rem;
line-height: 0;
visibility: hidden;
opacity: 0;
transition: opacity 300ms 0ms, visibility 0ms 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .sticky-nav__logo {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
}
.fnx-site .sticky-nav__cta-wrap {
right: 0
}
.fnx-site .sticky-nav__list {
bottom: 0;
white-space: nowrap;
list-style: none;
text-align: center;
font-size: 0;
visibility: hidden;
opacity: 0;
transition: opacity 300ms 0ms, visibility 0ms 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .sticky-nav__list {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
}
.fnx-site .sticky-nav__item {
display: inline-block;
margin: 0 0.625rem
}
.fnx-site .sticky-nav__link {
display: inline-block;
position: relative;
padding: 1rem 0.625rem;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-size: 0.9375rem;
line-height: 1rem;
color: #434f61;
transition: none
}
.fnx-site .sticky-nav__link:after {
display: block;
content: "";
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0;
width: 0%;
height: 0.125rem;
opacity: 0;
border-radius: 0.125rem;
background-color: #d5022e;
transition: width 200ms, background-color 200ms, opacity 0ms 200ms
}
.fnx-site .sticky-nav__link.is-selected:after,
.fnx-site .sticky-nav__link:hover:after,
.fnx-site .sticky-nav__link:focus:after {
width: calc(100% - 0.625rem * 2);
opacity: 1;
transition: width 200ms, background-color 200ms, opacity 0ms 0ms
}
.fnx-site .sticky-nav__link:focus {
outline: none
}
.fnx-site .sticky-nav__link:hover,
.fnx-site .sticky-nav__link:focus {
color: inherit
}
.fnx-site .sticky-nav__spacer {
position: absolute;
background-color: #fff
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .sticky-nav__spacer.is-visible {
position: relative
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .band.-module.biwt-module+.band.-module.-module {
margin-top: 0
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .biwt__media-wrap-outer {
padding-right: 1rem;
padding-left: 1rem
}
}
.fnx-site .biwt__panel-container {
position: relative
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .biwt__panel-container {
height: 31.25rem;
width: 58.333333%
}
.fnx-site .biwt__panel-container.-center {
width: 66.666667%;
position: relative;
left: 16.666667%
}
.fnx-site .biwt__panel-container.-right {
position: relative;
left: 41.666667%
}
}
@media only screen and (min-width: 51.5625em) {
.fnx-site .biwt__panel-container {
width: 50%
}
.fnx-site .biwt__panel-container.-center {
width: 50%;
position: relative;
left: 25%
}
.fnx-site .biwt__panel-container.-right {
position: relative;
left: 50%
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .biwt__panel-container {
width: 41.666667%
}
.fnx-site .biwt__panel-container.-right {
position: relative;
left: 58.333333%
}
}
.fnx-site .biwt__panel {
padding: 0;
padding-left: 0.375rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .biwt__panel {
background-color: transparent
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .biwt__panel {
box-shadow: 0 0.1875rem 0.625rem 0 rgba(75, 89, 109, 0.3);
position: relative;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
padding: 3rem
}
}
.fnx-site .marketing-banner__media-obj {
display: inline-block;
vertical-align: top;
height: 3.75rem
}
.fnx-site .marketing-banner__media-body {
display: none;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%)
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .marketing-banner__media-body {
display: block;
position: relative;
float: left
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .marketing-banner__media-img {
margin: 0
}
}
.fnx-site .marketing-banner__text {
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif;
font-weight: bold
}
.fnx-site .marketing-banner__text.-color-light {
color: #fff
}
.fnx-site .marketing-banner__text.-color-dark {
color: #434f61
}
.fnx-site .marketing-banner__image {
height: 3.75rem;
width: auto
}
.fnx-site .size-module+.size-module {
padding-top: 2.25rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .size-module__layout-item {
max-width: 18.375rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .mm-module.-right .mm-module__main-wrap {
float: right;
padding-left: 3.75rem;
padding-right: 0 !important
}
.fnx-site .mm-module.-right .mm-module__main-wrap+.mm-module__blocks-wrap .media-block__image-wrap {
float: none
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .mm-module__main-wrap.mm-module__block-wrap:first-child {
margin-bottom: 3rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .mm-module__main-wrap.mm-module__block-wrap:first-child {
padding-right: 2.25rem
}
}
.fnx-site .mm-module__blocks-wrap .mm-module__block-wrap:not(:last-child):after {
content: "";
display: block;
position: relative;
margin-bottom: 2.25rem;
padding-bottom: 2.25rem;
outline: none;
border-bottom: 0.0625rem solid #dfe3e7
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .mm-module__blocks-wrap .mm-module__block-wrap:not(:last-child):after {
content: none
}
}
.fnx-site .sitemap__link.-l1 {
color: #323c49
}
.fnx-site .sitemap__link.-l2 {
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif;
font-size: 1rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .rm-module__blocks-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .rm-module__large-media-block-wrap {
-ms-flex-order: 1;
order: 1;
margin-bottom: 3rem
}
.fnx-site .rm-module__large-media-block-wrap+.rm-module__large-media-block-wrap {
margin-bottom: 0
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .rm-module__large-media-block-wrap:first-child {
padding-right: 1.125rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .rm-module__large-media-block-wrap:first-child {
padding-right: 1.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .rm-module__large-media-block-wrap:nth-child(2) {
padding-left: 2.25rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .rm-module__large-media-block-wrap:nth-child(2) {
padding-left: 3rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .rm-module__rich-media-block-wrap {
-ms-flex-order: 2;
order: 2
}
.fnx-site .rm-module__rich-media-block-wrap+.rm-module__rich-media-block-wrap {
margin-top: 3rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .rm-module__block-wrap {
width: 50%
}
}
.fnx-site .tabs-module {
z-index: 1001;
background-color: #f3f4f6;
overflow: hidden
}
.fnx-site.no-js .tabs-module {
padding: 0
}
.fnx-site.js .tabs-module.is-uninitialised .tabs-module__item:not(:first-child) .tabs-module__content {
display: none
}
.fnx-site .tabs-module.is-accordion {
padding: 0
}
.fnx-site .tabs-module.is-accordion .tabs-module__item .nav-chevron {
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
display: block;
right: 1rem;
font-size: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tabs-module.is-accordion .tabs-module__item .nav-chevron {
right: 1.125rem
}
}
.fnx-site .tabs-module.is-accordion .tabs-module__item:last-child .tabs-module__link {
border: none
}
.fnx-site .tabs-module.is-accordion .tabs-module__item.is-selected .icon__morph-block {
transform: rotate(45deg) scale(0.66, 0.1) translate(0.215em, -1.4em)
}
.fnx-site .tabs-module.is-accordion .tabs-module__item.is-selected .icon__morph-block.-m2 {
opacity: 0
}
.fnx-site .tabs-module.is-accordion .tabs-module__item.is-selected .icon__morph-block.-m3 {
transform: rotate(-45deg) scale(0.66, 0.1) translate(-0.215em, -1.4em)
}
.fnx-site .tabs-module.is-accordion .tabs-module__item.is-selected .tabs-module__link {
background-color: #f3f4f6;
box-shadow: inset 0.25rem 0 0 #d5022e
}
.fnx-site .tabs-module.is-accordion .tabs-module__item.is-selected .tabs-module__link:hover,
.fnx-site .tabs-module.is-accordion .tabs-module__item.is-selected .tabs-module__link:focus {
background-color: #e9ecef
}
.fnx-site .tabs-module.is-accordion .tabs-module__link {
display: block;
background-color: #dfe3e7;
padding: 1rem 2.25rem 1rem 1rem;
outline: none;
border-bottom: 0.0625rem solid #fff
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .tabs-module.is-accordion .tabs-module__link {
margin-left: -1rem;
width: calc(100% + 2rem)
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tabs-module.is-accordion .tabs-module__link {
margin-left: -1.5rem;
width: calc(100% + 3rem)
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tabs-module.is-accordion .tabs-module__link {
padding-left: 1.5rem
}
}
.fnx-site .tabs-module.is-accordion .tabs-module__link:hover,
.fnx-site .tabs-module.is-accordion .tabs-module__link:focus {
background-color: rgba(223, 227, 231, 0.5)
}
.fnx-site .tabs-module.is-accordion .tabs-module__content {
display: none;
padding: 0;
margin: 0
}
.fnx-site .tabs-module.is-accordion .tabs-module__content:before,
.fnx-site .tabs-module.is-accordion .tabs-module__content:after {
content: "";
display: block;
position: relative;
height: 2.25rem
}
.fnx-site .tabs-module.is-accordion .tabs-module__content:after {
height: 3rem
}
.fnx-site .tabs-module.is-tabs {
padding-top: 0
}
.fnx-site .tabs-module.is-tabs .tabs-module__list {
padding-top: 0.3125rem;
font-size: 0;
white-space: nowrap
}
.fnx-site .tabs-module.is-tabs .tabs-module__list:after {
content: "";
z-index: -1;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -100%;
right: -100%;
background-color: #dfe3e7
}
.fnx-site .tabs-module.is-tabs .tabs-module__item {
display: inline-block;
vertical-align: top;
margin-right: 0.125rem;
white-space: normal
}
.fnx-site .tabs-module.is-tabs .tabs-module__item.is-selected .tabs-module__link {
background-color: #f3f4f6;
cursor: default
}
.fnx-site .tabs-module.is-tabs .tabs-module__item.is-selected .tabs-module__link:hover,
.fnx-site .tabs-module.is-tabs .tabs-module__item.is-selected .tabs-module__link:focus {
color: #323c49
}
.fnx-site .tabs-module.is-tabs .tabs-module__item.is-selected .tabs-module__content {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms
}
.fnx-site .tabs-module.is-tabs .tabs-module__link {
display: block;
padding: 0.75rem 1.25rem;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem
}
.fnx-site .tabs-module.is-tabs .tabs-module__link:hover,
.fnx-site .tabs-module.is-tabs .tabs-module__link:focus {
background-color: rgba(243, 244, 246, 0.5)
}
.fnx-site .tabs-module.is-tabs .nav-chevron {
display: none
}
.fnx-site .tabs-module.is-tabs .tabs-module__content {
visibility: hidden;
opacity: 0;
transition: opacity 300ms 0ms, visibility 0ms 300ms;
position: absolute;
left: 0;
right: 0;
margin: 0;
padding: 3rem 0 0
}
.fnx-site .tabs-module__wrapper {
transition: height 100ms
}
.fnx-site .tabs-module__list {
position: relative;
list-style: none;
margin: 0
}
.fnx-site .tabs-module__link {
display: none;
position: relative;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-size: 1.125rem;
color: #323c49;
transition: background-color 300ms, color 300ms, box-shadow 300ms
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tabs-module__link {
font-size: 1rem
}
}
.fnx-site .tabs-module__link:hover,
.fnx-site .tabs-module__link:focus {
color: #323c49
}
.fnx-site .tabs-module__link.-measure {
display: inline-block;
position: absolute;
visibility: hidden;
width: auto !important;
padding: 0.75rem 1.25rem !important;
font-size: 1rem;
white-space: nowrap
}
.fnx-site .tabs-module__content>*:last-child {
margin-bottom: 0
}
.fnx-site.no-js .tabs-module__content {
margin: 4rem 0 4.5rem
}
.fnx-site .tabs-module__heading {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.3125rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .tabs-module__heading {
font-size: 1.5rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .phm__band {
background-color: transparent !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__content-wrap {
transform: translateZ(0)
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__layout {
height: 33.125rem
}
.fnx-site .phm__layout .layout__item {
height: inherit
}
}
.fnx-site .phm__image-wrap-outer {
position: relative
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__image-wrap-outer.-full-width-image {
position: static
}
}
.fnx-site .phm__image-wrap-outer.-full-width-image .phm__image-spinner-overlay {
left: 0;
width: auto
}
.fnx-site .phm__image-wrap {
visibility: hidden;
height: 0;
max-width: 0
}
.fnx-site .phm__image-wrap:not(.is-visible):not(.can-fade-in) {
position: absolute;
top: -624.9375rem
}
.fnx-site .phm__image-wrap.is-visible {
visibility: visible;
height: auto;
max-width: none;
transform: none
}
.fnx-site .phm__image-wrap.is-visible.can-fade-in .phm__figure {
opacity: 1;
transition: opacity 450ms
}
.fnx-site .phm__image-wrap .phm__figure {
opacity: 0
}
.fnx-site .phm__image-wrap.-flip,
.fnx-site .phm__image-wrap.-static {
margin: 0 auto
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__image-wrap.-flip,
.fnx-site .phm__image-wrap.-static {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .phm__image-wrap.-flip {
max-width: 15.625rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__image-wrap.-flip {
width: 25rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__image-wrap.-static {
width: 43.75rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__image-wrap.-full-width .wide-media__wrap {
left: 0;
right: 0;
width: auto;
height: 33.125rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .phm__image-wrap.-full-width .wide-media__wrap .wide-media {
left: auto;
width: 100%;
transform: none
}
}
.fnx-site .phm__image-spinner-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.4s, visibility 0s 0.4s;
background-color: rgba(23, 28, 34, 0.6)
}
.fnx-site .phm__image-spinner-overlay.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 0.4s, visibility 0s 0s
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__image-spinner-overlay {
left: -100vw;
width: 200vw
}
}
.fnx-site .phm__image-spinner-wrap {
visibility: hidden;
opacity: 0;
transition: opacity 0.4s, visibility 0s 0.4s;
position: absolute;
top: 0;
bottom: 0
}
.fnx-site .phm__image-spinner-wrap.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 0.4s, visibility 0s 0s
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .phm__image-spinner-wrap {
left: 0;
right: 0
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .phm__panel .panel__header,
.fnx-site .phm__panel .panel__body,
.fnx-site .phm__panel .panel__footer {
padding-left: 1rem;
padding-right: 1rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__panel {
position: relative;
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25);
border-radius: 0.1875rem;
background-color: #fff;
text-align: left;
position: relative;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%)
}
.fnx-site .phm__panel>*:last-child {
margin-bottom: 0
}
}
.fnx-site .phm__panel .label {
line-height: 1.5;
font-size: 1rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__panel .label {
font-size: 0.875rem
}
}
.fnx-site .phm__panel .price__display-price {
font-size: 1.125rem;
line-height: 1.2
}
.fnx-site .phm__panel .price__price-with-tax-wrap {
display: block;
padding-right: 0.375rem
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .phm__panel .price__price-with-tax-wrap {
text-align: right
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__options-wrap {
transform: scale3d(1, 1, 1)
}
}
.fnx-site .phm__h3 {
margin-bottom: 0.1875em;
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif;
font-weight: normal;
line-height: 1.15;
color: #323c49;
font-size: 1.5rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .phm__h3 {
font-size: 1.875rem
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .phm__h3 {
font-size: 1.625rem
}
}
.fnx-site .phm__h3 .heading-with-pill__pill-container {
margin-top: 0.13em
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .phm__h3 .heading-with-pill__pill-container {
margin-top: 0.2em
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .phm__price-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-2 {
max-width: 38rem
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-2 {
max-width: 39rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-3 {
max-width: 25.5rem
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-3 {
max-width: 51.125rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-4 {
max-width: 19.25rem
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-4 {
max-width: 38.625rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-5 {
max-width: 29.75rem
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-5 {
max-width: 45.75rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-6 {
max-width: 24.75rem
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .comparison-module__wrapper.-block-count-6 {
max-width: 38.25rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .comparison-module__wrapper .comparison-module__block-wrap {
margin-bottom: 0
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .band.-module.iframe-module.has-image+.band.-module.-module.u-backgroundColor-white {
margin-top: -4rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .iframe-module.has-image {
padding-top: 0;
background-color: #fff !important
}
.fnx-site .iframe-module.has-image .iframe-module__icon-wrap {
padding-bottom: 0
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .iframe-module__wide-media-wrap,
.fnx-site .iframe-module__wide-media {
height: auto
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .iframe-module__panel-container-outer {
text-align: right
}
}
.fnx-site .iframe-module__panel-container {
height: auto
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .iframe-module__panel-container {
width: 50%;
min-width: 26.1875rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .iframe-module__panel-container {
width: 41.666667%;
min-width: 26.5625rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .iframe-module__panel-container .panel__header+.iframe-module__icon-wrap {
padding-top: 1.5rem
}
}
.fnx-site .iframe-module__panel {
position: relative;
min-height: 8.875rem;
padding: 0
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .iframe-module__panel {
position: relative;
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25);
border-radius: 0.1875rem;
background-color: #fff;
text-align: left;
min-height: calc(31.25rem - 3rem - 3rem);
min-height: 18.75rem;
margin: 3rem 0
}
.fnx-site .iframe-module__panel>*:last-child {
margin-bottom: 0
}
}
.fnx-site .iframe-module__panel .iframe {
display: block;
height: 0;
border-radius: 0.1875rem;
transition: height 300ms
}
.fnx-site .iframe-module__icon-wrap {
position: relative;
width: 4.375rem;
margin: 0 auto
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .iframe-module__icon-wrap {
padding: 2.25rem 0
}
}
.fnx-site .iframe-module__icon-tick {
width: 4.375rem;
height: 4.375rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site.ie .list-module__blocks-wrap {
width: calc(100% + 1.125rem)
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site.ie .list-module__blocks-wrap {
width: calc(100% + 1.5rem)
}
}
.fnx-site .list-module__cta-panel-image {
position: relative;
width: 5.25rem;
height: 5.25rem;
margin: 0 auto;
border-radius: 100%;
background-color: #e2ebf4;
font-size: 3rem
}
.fnx-site .logo-module__header-wrap .module-header {
margin-bottom: 1.5rem
}
.fnx-site .logo-module__header-wrap .cta-link .cta-link__text {
font-size: 1.125rem
}
.fnx-site .logo-module__header-wrap .cta-link .cta-link__chevron {
line-height: 1.3
}
.fnx-site .logo-module__image {
max-width: 7.5rem
}
.fnx-site .band.-module.home-hero-module+.band.-module.-module {
margin-top: 0
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .band.-module.home-hero-module.has-large-chevron+.band.-module.-module {
padding-top: 2.25rem
}
}
.fnx-site .home-hero-module__wide-media-wrap {
height: 31.25rem
}
.fnx-site .home-hero-module__header-wrap {
position: relative;
width: 100%;
pointer-events: none;
padding: 1.5rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .home-hero-module__header-wrap {
position: absolute;
top: 0
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .home-hero-module__header-wrap {
height: 31.25rem;
padding-top: 2.25rem;
padding-bottom: 4.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .home-hero-module__header-vertical-align-middle {
position: relative;
top: 50%;
transform: translateY(-50%)
}
}
.fnx-site .home-hero-module__header {
text-align: center
}
.fnx-site .home-hero-module__header.-color-dark {
color: #323c49
}
.fnx-site .home-hero-module__header.-color-light {
color: #fff
}
.fnx-site .home-hero-module__header-ctas-wrap {
margin-top: 0.75rem;
margin-left: -0.375rem
}
.fnx-site .home-hero-module__header-cta {
pointer-events: auto
}
.fnx-site .home-hero-module__header-cta.-bottom:not(.-left):not(.-right) {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0;
margin-bottom: 1.875rem
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .home-hero-module__mobile-ctas-wrap {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column
}
}
.fnx-site .home-hero-module__v-mask-wrap {
position: absolute;
bottom: 0;
pointer-events: none
}
.fnx-site .home-hero-module__v-mask-wrap.-left {
right: 50%
}
.fnx-site .home-hero-module__v-mask-wrap.-right {
left: 50%
}
.fnx-site .home-hero-module__v-mask {
pointer-events: visible
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .lego-module .tile {
margin-bottom: 1.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .lego-module .tile {
margin-bottom: 1.125rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .lego-module .tile {
margin-bottom: 1.5rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .lego-module .tile[class*='horizontal'] .tile__media-wrap {
min-height: 17.25rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .lego-module__row.-bottom {
margin-top: 1.5rem
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .lego-module__row.-bottom {
margin-top: 1.125rem
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .lego-module__row.-bottom {
margin-top: 1.5rem
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .lego-module__row .lego-module__tile-wrap {
margin-bottom: 1.5rem
}
}
.fnx-site .lego-module__row .lego-module__tile-wrap:last-child {
margin-bottom: 0
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .band.-module.quote-module+.band.-module.-module.u-backgroundColor-white {
margin-top: -3rem
}
}
.fnx-site .quote-module__panel-container {
position: relative
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .quote-module__panel-container {
height: 31.25rem;
width: 50%
}
.fnx-site .quote-module__panel-container.-right {
position: relative;
left: 50%
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .quote-module__panel-container {
width: 33.333333%
}
.fnx-site .quote-module__panel-container.-right {
position: relative;
left: 66.666667%
}
}
.fnx-site.ie .quote-module__avatar-wrap {
overflow: hidden;
padding-bottom: 0.375rem
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .quote-module__avatar-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translateY(-50%)
}
}
.fnx-site .quote-module__avatar {
width: 7.5rem
}
.fnx-site .quote-module__quote {
position: absolute;
color: #dfe3e7;
margin-top: -2.25rem
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .breadcrumbs__wrapper {
padding-left: 0.5rem
}
}
.fnx-site .band.-module.page-sub-heading-module+.band.-module.-module.biwt-module {
margin-top: 0;
padding-top: 0
}
.fnx-site .ais-pagination--item {
display: inline-block;
padding: 0.375rem
}
.fnx-site .ais-pagination--item__active .ais-pagination--link {
color: #323c49
}
.fnx-site .ais-pagination--item__disabled {
color: #dfe3e7
}
.fnx-site .ais-hits--item em {
font-style: normal;
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif;
background-color: rgba(230, 245, 241, 0.75);
padding: 0.0625rem 0.25rem;
border-radius: 0.1875rem;
color: #076049
}
.fnx-site .ais-hits--item p em {
color: #323c49
}
@media only screen and (max-width: 23.8025em) {
.fnx-site .search-results-module__media {
display: block
}
}
.fnx-site .search-results-module__hit-image-wrap {
max-width: 7.5rem
}
@media only screen and (min-width: 23.8125em) and (max-width: 40.0525em) {
.fnx-site .search-results-module__tiles-wrap,
.fnx-site .search-results-module__tile-wrap {
display: -ms-flexbox;
display: flex
}
}
.fnx-site .cookie-banner a {
color: #fff;
text-decoration: underline
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .product-options-module~.footer-wrap .newsletter-sign-up-bottom-banner {
display: none
}
}
.fnx-site .product-options-prototype__section {
margin-bottom: 4.5rem
}
.fnx-site .product-options-prototype__spinner-container {
height: 60vh;
min-height: 18.75rem
}
.fnx-site .tile-radio-button__input {
border: 0;
clip: rect(0 0 0 0);
height: 0.0625rem;
margin: -0.0625rem;
overflow: hidden;
padding: 0;
position: absolute;
width: 0.0625rem;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.fnx-site .tile-radio-button__input:checked+.tile-radio-button__label:not(.is-disabled) {
box-shadow: 0 0 0 0.125rem #d5022e;
border-color: transparent
}
.fnx-site .tile-radio-button__label {
-webkit-tap-highlight-color: transparent;
outline: none;
border: 0.0625rem solid #dfe3e7;
transition: box-shadow 200ms, border-color 200ms
}
.fnx-site .tile-radio-button__label:hover,
.fnx-site .tile-radio-button__label:focus {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25);
border-color: transparent
}
.fnx-site .tile-radio-button__svg-top-image-wrap.-full-upload {
background-color: #c5d7e8
}
.fnx-site .tile-radio-button__svg-top-image-wrap.-design-templates {
background-color: #fae4ab
}
.fnx-site .tile-radio-button__svg-top-image-wrap .tile-radio-button__top-image {
width: 40%;
max-width: 9.375rem
}
.fnx-site .product-options-prototype-preview-image__wrap {
height: 33.125rem;
background-color: #c5d7e8
}
.fnx-site .product-options-prototype-preview-image__wrap.-default-image {
background-color: #fff
}
.fnx-site .product-options-module.band {
padding-top: 0
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .marketing-banner+.product-options-module.band {
padding-top: 0.625rem
}
}
.fnx-site .product-options-module .filler-block:before {
content: none
}
.fnx-site .product-options-module__section {
margin-bottom: 3rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .product-options-module__sticky-ui {
position: -webkit-sticky;
position: sticky;
top: 3.75rem;
transform: translateZ(0)
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .product-options-module__sticky-ui {
top: 0
}
}
.fnx-site .product-options-module__product-image-ratio-box {
overflow: hidden;
position: relative
}
.fnx-site .product-options-module__product-image-ratio-box:before {
content: "";
display: block;
height: 0;
padding-top: 50%
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .product-options-module__product-image-ratio-box {
overflow: hidden;
position: relative
}
.fnx-site .product-options-module__product-image-ratio-box:before {
content: "";
display: block;
height: 0;
padding-top: 100%
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .product-options-module__product-image-container {
pointer-events: none
}
}
.fnx-site .product-options-module__product-image-wrap {
margin: 0 auto;
opacity: 0
}
.fnx-site .product-options-module__product-image-wrap:not(.is-lazy-loading):not(.is-lazy-loaded) {
position: absolute;
top: -624.9375rem
}
.fnx-site .product-options-module__product-image-wrap.is-lazy-loaded.-product-image.-showcase {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
bottom: 0
}
.fnx-site .product-options-module__product-image-wrap.is-lazy-loaded.can-show-image {
opacity: 1;
transition: opacity 750ms
}
.fnx-site .product-options-module__product-image-wrap.-product-image.-showcase {
width: 80%
}
.ie .product-options-module__product-image-wrap:not(.can-show-image),
.edge .product-options-module__product-image-wrap:not(.can-show-image) {
position: relative
}
.ie .product-options-module__product-image-wrap.-default-image,
.edge .product-options-module__product-image-wrap.-default-image {
height: 100%
}
.ie .product-options-module__product-image-wrap.-product-image.-static,
.edge .product-options-module__product-image-wrap.-product-image.-static {
height: 100%
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .product-options-module__product-image-wrap.-default-image {
opacity: 1
}
.fnx-site .product-options-module__product-image-wrap.-product-image.-product-image {
opacity: 0;
transition: none
}
}
.fnx-site .product-options-module__product-image-spinner-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.4s, visibility 0s 0.4s;
background-color: rgba(0, 0, 0, 0.4)
}
.fnx-site .product-options-module__product-image-spinner-overlay.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 0.4s, visibility 0s 0s
}
.fnx-site .product-options-module__product-image-spinner-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.4s, visibility 0s 0.4s
}
.fnx-site .product-options-module__product-image-spinner-wrap.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 0.4s, visibility 0s 0s
}
@media only screen and (min-width: 40.0625em) and (max-width: 64.0525em) {
.fnx-site .product-options-module__options-col {
padding-left: 3.5vw
}
}
.fnx-site .product-options-module__heading .heading-with-pill__pill-container {
margin-top: 0.1em
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .product-options-module__heading .heading-with-pill__pill-container {
margin-top: 0.2em
}
}
.fnx-site .tile-radio-button__wrap {
transition: box-shadow 200ms
}
.fnx-site .tile-radio-button__wrap.is-disabled.can-click-when-disabled:hover {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25);
border-color: transparent;
cursor: help
}
.fnx-site .tile-radio-button__input {
border: 0;
clip: rect(0 0 0 0);
height: 0.0625rem;
margin: -0.0625rem;
overflow: hidden;
padding: 0;
position: absolute;
width: 0.0625rem;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.fnx-site .tile-radio-button__input:checked+.tile-radio-button__label:not(.is-disabled) {
box-shadow: 0 0 0 0.125rem #d5022e;
border-color: transparent
}
.fnx-site .tile-radio-button__input:focus+.tile-radio-button__label {
box-shadow: 0 0 1.25rem 0 rgba(75, 89, 109, 0.25)
}
.fnx-site .tile-radio-button__input:focus:checked+.tile-radio-button__label {
box-shadow: 0 0 1.25rem 0 rgba(75, 89, 109, 0.25), 0 0 0 0.125rem #d5022e
}
.fnx-site .tile-radio-button__label {
-webkit-tap-highlight-color: transparent;
outline: none;
border: 0.0625rem solid #dfe3e7;
transition: box-shadow 200ms, border-color 200ms
}
.fnx-site .tile-radio-button__label:hover {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25);
border-color: transparent
}
.fnx-site .tile-radio-button__image-wrap {
transition: opacity 200ms
}
.fnx-site .tile-radio-button__image-wrap.is-disabled {
opacity: 0.5
}
.fnx-site .tile-radio-button__svg-image-wrap {
transition: opacity 200ms, background-color 200ms
}
.fnx-site .tile-radio-button__svg-image-wrap.-design-templates {
background-color: #e5d7da
}
.fnx-site .tile-radio-button__svg-image-wrap.-design-your-own {
background-color: #fae4ab
}
.fnx-site .tile-radio-button__svg-image-wrap.-full-upload {
background-color: #c5d7e8
}
.fnx-site .tile-radio-button__svg-image-wrap.is-disabled {
opacity: 0.5;
background-color: #dfe3e7
}
.fnx-site .tile-radio-button__svg-image {
width: 46%;
min-width: 3.125rem;
max-width: 9.375rem;
height: auto
}
.fnx-site .tile-radio-button__text {
transition: color 200ms
}
.fnx-site:not(.ie) .tile-radio-button__buildflow-media-flex {
height: 100%
}
.fnx-site .tile-radio-button__buildflow-media-flex .media-flex__img {
width: 30%;
height: 100%
}
.fnx-site:not(.ie) .tile-radio-button__buildflow-media-flex .tile-radio-button__svg-image-wrap {
overflow: hidden;
position: relative
}
.fnx-site:not(.ie) .tile-radio-button__buildflow-media-flex .tile-radio-button__svg-image-wrap:before {
content: "";
display: block;
height: 0;
padding-top: 50%
}
.fnx-site .tile-radio-button__buildflow-media-flex .tile-radio-button__svg-image-wrap {
height: 100%
}
@media only screen and (min-width: 51.5625em) {
.fnx-site .tile-radio-button__buildflow-media-flex {
display: block;
height: initial
}
.fnx-site .tile-radio-button__buildflow-media-flex>.media-flex__img {
margin-right: 0;
margin-left: 0
}
.fnx-site .tile-radio-button__buildflow-media-flex>:nth-child(2) {
margin-top: 0.75rem
}
.fnx-site .tile-radio-button__buildflow-media-flex .media-flex__img,
.fnx-site .tile-radio-button__buildflow-media-flex .tile-radio-button__svg-image-wrap {
height: initial
}
.fnx-site .tile-radio-button__buildflow-media-flex .media-flex__img {
width: auto
}
.fnx-site.ie .tile-radio-button__buildflow-media-flex .media-flex__img {
height: 4.375rem
}
.fnx-site.ie .tile-radio-button__buildflow-media-flex .media-flex__img .tile-radio-button__svg-image-wrap {
height: 100%
}
}
.fnx-site .quantity-pricing-table__row {
-webkit-tap-highlight-color: transparent;
cursor: pointer;
outline: 0.125rem solid transparent;
transition: outline 200ms, background-color 200ms
}
.fnx-site .quantity-pricing-table__row:hover,
.fnx-site .quantity-pricing-table__row.is-focused {
background-color: #f9fafc
}
.fnx-site .quantity-pricing-table__row.is-selected {
outline-color: #d5022e
}
.fnx-site .quantity-pricing-table__row.is-selected td {
border-bottom-color: transparent
}
.ie .quantity-pricing-table__row.is-selected {
outline-color: transparent
}
.ie .quantity-pricing-table__row.is-selected td {
border-bottom-color: #dfe3e7
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .product-options-cta__sticky {
max-width: 76.5rem;
margin: 0 auto;
padding-right: 1rem;
padding-left: 1rem;
z-index: 1;
position: absolute;
left: 0;
right: 0
}
}
@media only screen and (max-width: 40.0525em) and (min-width: 40.0625em) {
.fnx-site .product-options-cta__sticky {
padding-right: 1.5rem;
padding-left: 1.5rem
}
}
@media only screen and (max-width: 40.0525em) {
.product-options-module__inner-wrap.is-in-view .product-options-cta__sticky:not(.is-in-view) {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25);
position: fixed;
bottom: 0;
background-color: #fff
}
:not(.has-scrolled) .product-options-module__inner-wrap.is-in-view .product-options-cta__sticky:not(.is-in-view) {
transform: translateY(100%)
}
.has-scrolled .product-options-module__inner-wrap.is-in-view .product-options-cta__sticky:not(.is-in-view) {
transform: translateY(0%);
transition: transform 300ms
}
.product-options-module__inner-wrap.is-in-view .product-options-cta__sticky:not(.is-in-view):not(.is-disabled) .product-options-cta__price-wrap {
height: 2.25rem;
transition: height 300ms
}
.product-options-module__inner-wrap.is-in-view .product-options-cta__sticky:not(.is-in-view):not(.is-disabled) .product-options-cta__price-wrap.has-net-price {
height: 3.375rem
}
.product-options-module__inner-wrap.is-in-view .product-options-cta__sticky:not(.is-in-view):not(.is-disabled) .product-options-cta__price-wrap.has-net-price.has-shipping-link {
height: 4.5rem
}
.product-options-module__inner-wrap.is-in-view .product-options-cta__sticky:not(.is-in-view):not(.is-disabled) .product-options-cta__price-wrap.has-shipping-link {
height: 3.375rem
}
.product-options-module__inner-wrap.is-in-view .product-options-cta__sticky:not(.is-in-view) .product-options-cta__price-container.is-visible {
visibility: inherit;
opacity: 1;
transition: opacity 300ms 0ms, visibility 0ms 0ms;
margin-top: -0.375rem
}
}
.fnx-site .product-options-cta__price-wrap {
height: 0;
transition: none
}
.fnx-site .product-options-cta__price-container {
visibility: hidden;
opacity: 0;
transition: opacity 300ms 0ms, visibility 0ms 300ms;
transition: none
}
.fnx-site .band.-module.-small.trust-pilot-micro-combo-module.u-backgroundColor-white+.band.-module.-module.u-backgroundColor-white {
padding-top: 2.25rem
}
.fnx-site .band.-module.-small.trust-pilot-micro-combo-module.u-backgroundColor-neutralTint+.band.-module.-module.u-backgroundColor-neutralTint {
padding-top: 2.25rem
}
.fnx-site .faq-module__faq-container {
column-gap: 3rem
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .faq-module__faq-container {
column-count: 2
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .faq-module__faq-container {
column-count: 3
}
}
.fnx-site .faq-module__heading-wrap {
break-inside: avoid
}
.fnx-site .faq-module__heading-wrap:first-child .faq-module__heading {
margin-top: 0
}
.fnx-site .faq-module__heading {
margin-top: 2.25rem
}
.fnx-site .u-width-100 {
width: 100% !important
}
.fnx-site .u-width-auto {
width: auto !important
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-width-auto\@small {
width: auto !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-width-auto\@medium {
width: auto !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-width-auto\@large {
width: auto !important
}
}
.fnx-site .u-1\/1 {
width: 100% !important
}
.fnx-site .u-1\/2 {
width: 50% !important
}
.fnx-site .u-2\/2 {
width: 100% !important
}
.fnx-site .u-1\/3 {
width: 33.333333% !important
}
.fnx-site .u-2\/3 {
width: 66.666667% !important
}
.fnx-site .u-3\/3 {
width: 100% !important
}
.fnx-site .u-1\/4 {
width: 25% !important
}
.fnx-site .u-2\/4 {
width: 50% !important
}
.fnx-site .u-3\/4 {
width: 75% !important
}
.fnx-site .u-4\/4 {
width: 100% !important
}
.fnx-site .u-1\/5 {
width: 20% !important
}
.fnx-site .u-2\/5 {
width: 40% !important
}
.fnx-site .u-3\/5 {
width: 60% !important
}
.fnx-site .u-4\/5 {
width: 80% !important
}
.fnx-site .u-5\/5 {
width: 100% !important
}
.fnx-site .u-1\/6 {
width: 16.666667% !important
}
.fnx-site .u-2\/6 {
width: 33.333333% !important
}
.fnx-site .u-3\/6 {
width: 50% !important
}
.fnx-site .u-4\/6 {
width: 66.666667% !important
}
.fnx-site .u-5\/6 {
width: 83.333333% !important
}
.fnx-site .u-6\/6 {
width: 100% !important
}
.fnx-site .u-1\/12 {
width: 8.333333% !important
}
.fnx-site .u-2\/12 {
width: 16.666667% !important
}
.fnx-site .u-3\/12 {
width: 25% !important
}
.fnx-site .u-4\/12 {
width: 33.333333% !important
}
.fnx-site .u-5\/12 {
width: 41.666667% !important
}
.fnx-site .u-6\/12 {
width: 50% !important
}
.fnx-site .u-7\/12 {
width: 58.333333% !important
}
.fnx-site .u-8\/12 {
width: 66.666667% !important
}
.fnx-site .u-9\/12 {
width: 75% !important
}
.fnx-site .u-10\/12 {
width: 83.333333% !important
}
.fnx-site .u-11\/12 {
width: 91.666667% !important
}
.fnx-site .u-12\/12 {
width: 100% !important
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-1\/1\@small {
width: 100% !important
}
.fnx-site .u-1\/2\@small {
width: 50% !important
}
.fnx-site .u-2\/2\@small {
width: 100% !important
}
.fnx-site .u-1\/3\@small {
width: 33.333333% !important
}
.fnx-site .u-2\/3\@small {
width: 66.666667% !important
}
.fnx-site .u-3\/3\@small {
width: 100% !important
}
.fnx-site .u-1\/4\@small {
width: 25% !important
}
.fnx-site .u-2\/4\@small {
width: 50% !important
}
.fnx-site .u-3\/4\@small {
width: 75% !important
}
.fnx-site .u-4\/4\@small {
width: 100% !important
}
.fnx-site .u-1\/5\@small {
width: 20% !important
}
.fnx-site .u-2\/5\@small {
width: 40% !important
}
.fnx-site .u-3\/5\@small {
width: 60% !important
}
.fnx-site .u-4\/5\@small {
width: 80% !important
}
.fnx-site .u-5\/5\@small {
width: 100% !important
}
.fnx-site .u-1\/6\@small {
width: 16.666667% !important
}
.fnx-site .u-2\/6\@small {
width: 33.333333% !important
}
.fnx-site .u-3\/6\@small {
width: 50% !important
}
.fnx-site .u-4\/6\@small {
width: 66.666667% !important
}
.fnx-site .u-5\/6\@small {
width: 83.333333% !important
}
.fnx-site .u-6\/6\@small {
width: 100% !important
}
.fnx-site .u-1\/12\@small {
width: 8.333333% !important
}
.fnx-site .u-2\/12\@small {
width: 16.666667% !important
}
.fnx-site .u-3\/12\@small {
width: 25% !important
}
.fnx-site .u-4\/12\@small {
width: 33.333333% !important
}
.fnx-site .u-5\/12\@small {
width: 41.666667% !important
}
.fnx-site .u-6\/12\@small {
width: 50% !important
}
.fnx-site .u-7\/12\@small {
width: 58.333333% !important
}
.fnx-site .u-8\/12\@small {
width: 66.666667% !important
}
.fnx-site .u-9\/12\@small {
width: 75% !important
}
.fnx-site .u-10\/12\@small {
width: 83.333333% !important
}
.fnx-site .u-11\/12\@small {
width: 91.666667% !important
}
.fnx-site .u-12\/12\@small {
width: 100% !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-1\/1\@medium {
width: 100% !important
}
.fnx-site .u-1\/2\@medium {
width: 50% !important
}
.fnx-site .u-2\/2\@medium {
width: 100% !important
}
.fnx-site .u-1\/3\@medium {
width: 33.333333% !important
}
.fnx-site .u-2\/3\@medium {
width: 66.666667% !important
}
.fnx-site .u-3\/3\@medium {
width: 100% !important
}
.fnx-site .u-1\/4\@medium {
width: 25% !important
}
.fnx-site .u-2\/4\@medium {
width: 50% !important
}
.fnx-site .u-3\/4\@medium {
width: 75% !important
}
.fnx-site .u-4\/4\@medium {
width: 100% !important
}
.fnx-site .u-1\/5\@medium {
width: 20% !important
}
.fnx-site .u-2\/5\@medium {
width: 40% !important
}
.fnx-site .u-3\/5\@medium {
width: 60% !important
}
.fnx-site .u-4\/5\@medium {
width: 80% !important
}
.fnx-site .u-5\/5\@medium {
width: 100% !important
}
.fnx-site .u-1\/6\@medium {
width: 16.666667% !important
}
.fnx-site .u-2\/6\@medium {
width: 33.333333% !important
}
.fnx-site .u-3\/6\@medium {
width: 50% !important
}
.fnx-site .u-4\/6\@medium {
width: 66.666667% !important
}
.fnx-site .u-5\/6\@medium {
width: 83.333333% !important
}
.fnx-site .u-6\/6\@medium {
width: 100% !important
}
.fnx-site .u-1\/12\@medium {
width: 8.333333% !important
}
.fnx-site .u-2\/12\@medium {
width: 16.666667% !important
}
.fnx-site .u-3\/12\@medium {
width: 25% !important
}
.fnx-site .u-4\/12\@medium {
width: 33.333333% !important
}
.fnx-site .u-5\/12\@medium {
width: 41.666667% !important
}
.fnx-site .u-6\/12\@medium {
width: 50% !important
}
.fnx-site .u-7\/12\@medium {
width: 58.333333% !important
}
.fnx-site .u-8\/12\@medium {
width: 66.666667% !important
}
.fnx-site .u-9\/12\@medium {
width: 75% !important
}
.fnx-site .u-10\/12\@medium {
width: 83.333333% !important
}
.fnx-site .u-11\/12\@medium {
width: 91.666667% !important
}
.fnx-site .u-12\/12\@medium {
width: 100% !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-1\/1\@large {
width: 100% !important
}
.fnx-site .u-1\/2\@large {
width: 50% !important
}
.fnx-site .u-2\/2\@large {
width: 100% !important
}
.fnx-site .u-1\/3\@large {
width: 33.333333% !important
}
.fnx-site .u-2\/3\@large {
width: 66.666667% !important
}
.fnx-site .u-3\/3\@large {
width: 100% !important
}
.fnx-site .u-1\/4\@large {
width: 25% !important
}
.fnx-site .u-2\/4\@large {
width: 50% !important
}
.fnx-site .u-3\/4\@large {
width: 75% !important
}
.fnx-site .u-4\/4\@large {
width: 100% !important
}
.fnx-site .u-1\/5\@large {
width: 20% !important
}
.fnx-site .u-2\/5\@large {
width: 40% !important
}
.fnx-site .u-3\/5\@large {
width: 60% !important
}
.fnx-site .u-4\/5\@large {
width: 80% !important
}
.fnx-site .u-5\/5\@large {
width: 100% !important
}
.fnx-site .u-1\/6\@large {
width: 16.666667% !important
}
.fnx-site .u-2\/6\@large {
width: 33.333333% !important
}
.fnx-site .u-3\/6\@large {
width: 50% !important
}
.fnx-site .u-4\/6\@large {
width: 66.666667% !important
}
.fnx-site .u-5\/6\@large {
width: 83.333333% !important
}
.fnx-site .u-6\/6\@large {
width: 100% !important
}
.fnx-site .u-1\/12\@large {
width: 8.333333% !important
}
.fnx-site .u-2\/12\@large {
width: 16.666667% !important
}
.fnx-site .u-3\/12\@large {
width: 25% !important
}
.fnx-site .u-4\/12\@large {
width: 33.333333% !important
}
.fnx-site .u-5\/12\@large {
width: 41.666667% !important
}
.fnx-site .u-6\/12\@large {
width: 50% !important
}
.fnx-site .u-7\/12\@large {
width: 58.333333% !important
}
.fnx-site .u-8\/12\@large {
width: 66.666667% !important
}
.fnx-site .u-9\/12\@large {
width: 75% !important
}
.fnx-site .u-10\/12\@large {
width: 83.333333% !important
}
.fnx-site .u-11\/12\@large {
width: 91.666667% !important
}
.fnx-site .u-12\/12\@large {
width: 100% !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-1\/1\@xlarge {
width: 100% !important
}
.fnx-site .u-1\/2\@xlarge {
width: 50% !important
}
.fnx-site .u-2\/2\@xlarge {
width: 100% !important
}
.fnx-site .u-1\/3\@xlarge {
width: 33.333333% !important
}
.fnx-site .u-2\/3\@xlarge {
width: 66.666667% !important
}
.fnx-site .u-3\/3\@xlarge {
width: 100% !important
}
.fnx-site .u-1\/4\@xlarge {
width: 25% !important
}
.fnx-site .u-2\/4\@xlarge {
width: 50% !important
}
.fnx-site .u-3\/4\@xlarge {
width: 75% !important
}
.fnx-site .u-4\/4\@xlarge {
width: 100% !important
}
.fnx-site .u-1\/5\@xlarge {
width: 20% !important
}
.fnx-site .u-2\/5\@xlarge {
width: 40% !important
}
.fnx-site .u-3\/5\@xlarge {
width: 60% !important
}
.fnx-site .u-4\/5\@xlarge {
width: 80% !important
}
.fnx-site .u-5\/5\@xlarge {
width: 100% !important
}
.fnx-site .u-1\/6\@xlarge {
width: 16.666667% !important
}
.fnx-site .u-2\/6\@xlarge {
width: 33.333333% !important
}
.fnx-site .u-3\/6\@xlarge {
width: 50% !important
}
.fnx-site .u-4\/6\@xlarge {
width: 66.666667% !important
}
.fnx-site .u-5\/6\@xlarge {
width: 83.333333% !important
}
.fnx-site .u-6\/6\@xlarge {
width: 100% !important
}
.fnx-site .u-1\/12\@xlarge {
width: 8.333333% !important
}
.fnx-site .u-2\/12\@xlarge {
width: 16.666667% !important
}
.fnx-site .u-3\/12\@xlarge {
width: 25% !important
}
.fnx-site .u-4\/12\@xlarge {
width: 33.333333% !important
}
.fnx-site .u-5\/12\@xlarge {
width: 41.666667% !important
}
.fnx-site .u-6\/12\@xlarge {
width: 50% !important
}
.fnx-site .u-7\/12\@xlarge {
width: 58.333333% !important
}
.fnx-site .u-8\/12\@xlarge {
width: 66.666667% !important
}
.fnx-site .u-9\/12\@xlarge {
width: 75% !important
}
.fnx-site .u-10\/12\@xlarge {
width: 83.333333% !important
}
.fnx-site .u-11\/12\@xlarge {
width: 91.666667% !important
}
.fnx-site .u-12\/12\@xlarge {
width: 100% !important
}
}
.fnx-site .u-padding-xxxxs {
padding: 0.25rem !important
}
.fnx-site .u-padding-xxxs {
padding: 0.375rem !important
}
.fnx-site .u-padding-xxs {
padding: 0.5rem !important
}
.fnx-site .u-padding-xs {
padding: 0.75rem !important
}
.fnx-site .u-padding-s {
padding: 1.125rem !important
}
.fnx-site .u-padding-m {
padding: 1.5rem !important
}
.fnx-site .u-padding-l {
padding: 2.25rem !important
}
.fnx-site .u-padding-xl {
padding: 3rem !important
}
.fnx-site .u-padding-xxl {
padding: 4rem !important
}
.fnx-site .u-padding-xxxl {
padding: 4.5rem !important
}
.fnx-site .u-padding-xxxxl {
padding: 6rem !important
}
.fnx-site .u-padding-0 {
padding: 0 !important
}
.fnx-site .u-padding-horizontal-xxxxs {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important
}
.fnx-site .u-padding-horizontal-xxxs {
padding-left: 0.375rem !important;
padding-right: 0.375rem !important
}
.fnx-site .u-padding-horizontal-xxs {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important
}
.fnx-site .u-padding-horizontal-xs {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important
}
.fnx-site .u-padding-horizontal-s {
padding-left: 1.125rem !important;
padding-right: 1.125rem !important
}
.fnx-site .u-padding-horizontal-m {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.fnx-site .u-padding-horizontal-l {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
.fnx-site .u-padding-horizontal-xl {
padding-left: 3rem !important;
padding-right: 3rem !important
}
.fnx-site .u-padding-horizontal-xxl {
padding-left: 4rem !important;
padding-right: 4rem !important
}
.fnx-site .u-padding-horizontal-xxxl {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
.fnx-site .u-padding-horizontal-xxxxl {
padding-left: 6rem !important;
padding-right: 6rem !important
}
.fnx-site .u-padding-horizontal-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.fnx-site .u-padding-vertical-xxxxs {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important
}
.fnx-site .u-padding-vertical-xxxs {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important
}
.fnx-site .u-padding-vertical-xxs {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important
}
.fnx-site .u-padding-vertical-xs {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important
}
.fnx-site .u-padding-vertical-s {
padding-top: 1.125rem !important;
padding-bottom: 1.125rem !important
}
.fnx-site .u-padding-vertical-m {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.fnx-site .u-padding-vertical-l {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
.fnx-site .u-padding-vertical-xl {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.fnx-site .u-padding-vertical-xxl {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
.fnx-site .u-padding-vertical-xxxl {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
.fnx-site .u-padding-vertical-xxxxl {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
.fnx-site .u-padding-vertical-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.fnx-site .u-paddingTop-xxxxs {
padding-top: 0.25rem !important
}
.fnx-site .u-paddingTop-xxxs {
padding-top: 0.375rem !important
}
.fnx-site .u-paddingTop-xxs {
padding-top: 0.5rem !important
}
.fnx-site .u-paddingTop-xs {
padding-top: 0.75rem !important
}
.fnx-site .u-paddingTop-s {
padding-top: 1.125rem !important
}
.fnx-site .u-paddingTop-m {
padding-top: 1.5rem !important
}
.fnx-site .u-paddingTop-l {
padding-top: 2.25rem !important
}
.fnx-site .u-paddingTop-xl {
padding-top: 3rem !important
}
.fnx-site .u-paddingTop-xxl {
padding-top: 4rem !important
}
.fnx-site .u-paddingTop-xxxl {
padding-top: 4.5rem !important
}
.fnx-site .u-paddingTop-xxxxl {
padding-top: 6rem !important
}
.fnx-site .u-paddingTop-0 {
padding-top: 0 !important
}
.fnx-site .u-paddingRight-xxxxs {
padding-right: 0.25rem !important
}
.fnx-site .u-paddingRight-xxxs {
padding-right: 0.375rem !important
}
.fnx-site .u-paddingRight-xxs {
padding-right: 0.5rem !important
}
.fnx-site .u-paddingRight-xs {
padding-right: 0.75rem !important
}
.fnx-site .u-paddingRight-s {
padding-right: 1.125rem !important
}
.fnx-site .u-paddingRight-m {
padding-right: 1.5rem !important
}
.fnx-site .u-paddingRight-l {
padding-right: 2.25rem !important
}
.fnx-site .u-paddingRight-xl {
padding-right: 3rem !important
}
.fnx-site .u-paddingRight-xxl {
padding-right: 4rem !important
}
.fnx-site .u-paddingRight-xxxl {
padding-right: 4.5rem !important
}
.fnx-site .u-paddingRight-xxxxl {
padding-right: 6rem !important
}
.fnx-site .u-paddingRight-0 {
padding-right: 0 !important
}
.fnx-site .u-paddingBottom-xxxxs {
padding-bottom: 0.25rem !important
}
.fnx-site .u-paddingBottom-xxxs {
padding-bottom: 0.375rem !important
}
.fnx-site .u-paddingBottom-xxs {
padding-bottom: 0.5rem !important
}
.fnx-site .u-paddingBottom-xs {
padding-bottom: 0.75rem !important
}
.fnx-site .u-paddingBottom-s {
padding-bottom: 1.125rem !important
}
.fnx-site .u-paddingBottom-m {
padding-bottom: 1.5rem !important
}
.fnx-site .u-paddingBottom-l {
padding-bottom: 2.25rem !important
}
.fnx-site .u-paddingBottom-xl {
padding-bottom: 3rem !important
}
.fnx-site .u-paddingBottom-xxl {
padding-bottom: 4rem !important
}
.fnx-site .u-paddingBottom-xxxl {
padding-bottom: 4.5rem !important
}
.fnx-site .u-paddingBottom-xxxxl {
padding-bottom: 6rem !important
}
.fnx-site .u-paddingBottom-0 {
padding-bottom: 0 !important
}
.fnx-site .u-paddingLeft-xxxxs {
padding-left: 0.25rem !important
}
.fnx-site .u-paddingLeft-xxxs {
padding-left: 0.375rem !important
}
.fnx-site .u-paddingLeft-xxs {
padding-left: 0.5rem !important
}
.fnx-site .u-paddingLeft-xs {
padding-left: 0.75rem !important
}
.fnx-site .u-paddingLeft-s {
padding-left: 1.125rem !important
}
.fnx-site .u-paddingLeft-m {
padding-left: 1.5rem !important
}
.fnx-site .u-paddingLeft-l {
padding-left: 2.25rem !important
}
.fnx-site .u-paddingLeft-xl {
padding-left: 3rem !important
}
.fnx-site .u-paddingLeft-xxl {
padding-left: 4rem !important
}
.fnx-site .u-paddingLeft-xxxl {
padding-left: 4.5rem !important
}
.fnx-site .u-paddingLeft-xxxxl {
padding-left: 6rem !important
}
.fnx-site .u-paddingLeft-0 {
padding-left: 0 !important
}
.fnx-site .u-margin-xxxxs {
margin: 0.25rem !important
}
.fnx-site .u-margin-xxxs {
margin: 0.375rem !important
}
.fnx-site .u-margin-xxs {
margin: 0.5rem !important
}
.fnx-site .u-margin-xs {
margin: 0.75rem !important
}
.fnx-site .u-margin-s {
margin: 1.125rem !important
}
.fnx-site .u-margin-m {
margin: 1.5rem !important
}
.fnx-site .u-margin-l {
margin: 2.25rem !important
}
.fnx-site .u-margin-xl {
margin: 3rem !important
}
.fnx-site .u-margin-xxl {
margin: 4rem !important
}
.fnx-site .u-margin-xxxl {
margin: 4.5rem !important
}
.fnx-site .u-margin-xxxxl {
margin: 6rem !important
}
.fnx-site .u-margin-0 {
margin: 0 !important
}
.fnx-site .u-margin-horizontal-xxxxs {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important
}
.fnx-site .u-margin-horizontal-xxxs {
margin-left: 0.375rem !important;
margin-right: 0.375rem !important
}
.fnx-site .u-margin-horizontal-xxs {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important
}
.fnx-site .u-margin-horizontal-xs {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important
}
.fnx-site .u-margin-horizontal-s {
margin-left: 1.125rem !important;
margin-right: 1.125rem !important
}
.fnx-site .u-margin-horizontal-m {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
.fnx-site .u-margin-horizontal-l {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
.fnx-site .u-margin-horizontal-xl {
margin-left: 3rem !important;
margin-right: 3rem !important
}
.fnx-site .u-margin-horizontal-xxl {
margin-left: 4rem !important;
margin-right: 4rem !important
}
.fnx-site .u-margin-horizontal-xxxl {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
.fnx-site .u-margin-horizontal-xxxxl {
margin-left: 6rem !important;
margin-right: 6rem !important
}
.fnx-site .u-margin-horizontal-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.fnx-site .u-margin-vertical-xxxxs {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important
}
.fnx-site .u-margin-vertical-xxxs {
margin-top: 0.375rem !important;
margin-bottom: 0.375rem !important
}
.fnx-site .u-margin-vertical-xxs {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important
}
.fnx-site .u-margin-vertical-xs {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important
}
.fnx-site .u-margin-vertical-s {
margin-top: 1.125rem !important;
margin-bottom: 1.125rem !important
}
.fnx-site .u-margin-vertical-m {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.fnx-site .u-margin-vertical-l {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
.fnx-site .u-margin-vertical-xl {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.fnx-site .u-margin-vertical-xxl {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
.fnx-site .u-margin-vertical-xxxl {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
.fnx-site .u-margin-vertical-xxxxl {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
.fnx-site .u-margin-vertical-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.fnx-site .u-marginTop-xxxxs {
margin-top: 0.25rem !important
}
.fnx-site .u-marginTop-xxxs {
margin-top: 0.375rem !important
}
.fnx-site .u-marginTop-xxs {
margin-top: 0.5rem !important
}
.fnx-site .u-marginTop-xs {
margin-top: 0.75rem !important
}
.fnx-site .u-marginTop-s {
margin-top: 1.125rem !important
}
.fnx-site .u-marginTop-m {
margin-top: 1.5rem !important
}
.fnx-site .u-marginTop-l {
margin-top: 2.25rem !important
}
.fnx-site .u-marginTop-xl {
margin-top: 3rem !important
}
.fnx-site .u-marginTop-xxl {
margin-top: 4rem !important
}
.fnx-site .u-marginTop-xxxl {
margin-top: 4.5rem !important
}
.fnx-site .u-marginTop-xxxxl {
margin-top: 6rem !important
}
.fnx-site .u-marginTop-0 {
margin-top: 0 !important
}
.fnx-site .u-marginRight-xxxxs {
margin-right: 0.25rem !important
}
.fnx-site .u-marginRight-xxxs {
margin-right: 0.375rem !important
}
.fnx-site .u-marginRight-xxs {
margin-right: 0.5rem !important
}
.fnx-site .u-marginRight-xs {
margin-right: 0.75rem !important
}
.fnx-site .u-marginRight-s {
margin-right: 1.125rem !important
}
.fnx-site .u-marginRight-m {
margin-right: 1.5rem !important
}
.fnx-site .u-marginRight-l {
margin-right: 2.25rem !important
}
.fnx-site .u-marginRight-xl {
margin-right: 3rem !important
}
.fnx-site .u-marginRight-xxl {
margin-right: 4rem !important
}
.fnx-site .u-marginRight-xxxl {
margin-right: 4.5rem !important
}
.fnx-site .u-marginRight-xxxxl {
margin-right: 6rem !important
}
.fnx-site .u-marginRight-0 {
margin-right: 0 !important
}
.fnx-site .u-marginBottom-xxxxs {
margin-bottom: 0.25rem !important
}
.fnx-site .u-marginBottom-xxxs {
margin-bottom: 0.375rem !important
}
.fnx-site .u-marginBottom-xxs {
margin-bottom: 0.5rem !important
}
.fnx-site .u-marginBottom-xs {
margin-bottom: 0.75rem !important
}
.fnx-site .u-marginBottom-s {
margin-bottom: 1.125rem !important
}
.fnx-site .u-marginBottom-m {
margin-bottom: 1.5rem !important
}
.fnx-site .u-marginBottom-l {
margin-bottom: 2.25rem !important
}
.fnx-site .u-marginBottom-xl {
margin-bottom: 3rem !important
}
.fnx-site .u-marginBottom-xxl {
margin-bottom: 4rem !important
}
.fnx-site .u-marginBottom-xxxl {
margin-bottom: 4.5rem !important
}
.fnx-site .u-marginBottom-xxxxl {
margin-bottom: 6rem !important
}
.fnx-site .u-marginBottom-0 {
margin-bottom: 0 !important
}
.fnx-site .u-marginLeft-xxxxs {
margin-left: 0.25rem !important
}
.fnx-site .u-marginLeft-xxxs {
margin-left: 0.375rem !important
}
.fnx-site .u-marginLeft-xxs {
margin-left: 0.5rem !important
}
.fnx-site .u-marginLeft-xs {
margin-left: 0.75rem !important
}
.fnx-site .u-marginLeft-s {
margin-left: 1.125rem !important
}
.fnx-site .u-marginLeft-m {
margin-left: 1.5rem !important
}
.fnx-site .u-marginLeft-l {
margin-left: 2.25rem !important
}
.fnx-site .u-marginLeft-xl {
margin-left: 3rem !important
}
.fnx-site .u-marginLeft-xxl {
margin-left: 4rem !important
}
.fnx-site .u-marginLeft-xxxl {
margin-left: 4.5rem !important
}
.fnx-site .u-marginLeft-xxxxl {
margin-left: 6rem !important
}
.fnx-site .u-marginLeft-0 {
margin-left: 0 !important
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-xxxxs\@small {
padding: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-xxxxs\@medium {
padding: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-xxxxs\@large {
padding: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-xxxxs\@xlarge {
padding: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-xxxs\@small {
padding: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-xxxs\@medium {
padding: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-xxxs\@large {
padding: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-xxxs\@xlarge {
padding: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-xxs\@small {
padding: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-xxs\@medium {
padding: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-xxs\@large {
padding: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-xxs\@xlarge {
padding: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-xs\@small {
padding: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-xs\@medium {
padding: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-xs\@large {
padding: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-xs\@xlarge {
padding: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-s\@small {
padding: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-s\@medium {
padding: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-s\@large {
padding: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-s\@xlarge {
padding: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-m\@small {
padding: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-m\@medium {
padding: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-m\@large {
padding: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-m\@xlarge {
padding: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-l\@small {
padding: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-l\@medium {
padding: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-l\@large {
padding: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-l\@xlarge {
padding: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-xl\@small {
padding: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-xl\@medium {
padding: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-xl\@large {
padding: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-xl\@xlarge {
padding: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-xxl\@small {
padding: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-xxl\@medium {
padding: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-xxl\@large {
padding: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-xxl\@xlarge {
padding: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-xxxl\@small {
padding: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-xxxl\@medium {
padding: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-xxxl\@large {
padding: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-xxxl\@xlarge {
padding: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-xxxxl\@small {
padding: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-xxxxl\@medium {
padding: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-xxxxl\@large {
padding: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-xxxxl\@xlarge {
padding: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-0\@small {
padding: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-0\@medium {
padding: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-0\@large {
padding: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-0\@xlarge {
padding: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-xxxxs\@small {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-xxxxs\@medium {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-xxxxs\@large {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-xxxxs\@xlarge {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-xxxs\@small {
padding-left: 0.375rem !important;
padding-right: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-xxxs\@medium {
padding-left: 0.375rem !important;
padding-right: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-xxxs\@large {
padding-left: 0.375rem !important;
padding-right: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-xxxs\@xlarge {
padding-left: 0.375rem !important;
padding-right: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-xxs\@small {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-xxs\@medium {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-xxs\@large {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-xxs\@xlarge {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-xs\@small {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-xs\@medium {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-xs\@large {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-xs\@xlarge {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-s\@small {
padding-left: 1.125rem !important;
padding-right: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-s\@medium {
padding-left: 1.125rem !important;
padding-right: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-s\@large {
padding-left: 1.125rem !important;
padding-right: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-s\@xlarge {
padding-left: 1.125rem !important;
padding-right: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-m\@small {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-m\@medium {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-m\@large {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-m\@xlarge {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-l\@small {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-l\@medium {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-l\@large {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-l\@xlarge {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-xl\@small {
padding-left: 3rem !important;
padding-right: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-xl\@medium {
padding-left: 3rem !important;
padding-right: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-xl\@large {
padding-left: 3rem !important;
padding-right: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-xl\@xlarge {
padding-left: 3rem !important;
padding-right: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-xxl\@small {
padding-left: 4rem !important;
padding-right: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-xxl\@medium {
padding-left: 4rem !important;
padding-right: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-xxl\@large {
padding-left: 4rem !important;
padding-right: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-xxl\@xlarge {
padding-left: 4rem !important;
padding-right: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-xxxl\@small {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-xxxl\@medium {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-xxxl\@large {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-xxxl\@xlarge {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-xxxxl\@small {
padding-left: 6rem !important;
padding-right: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-xxxxl\@medium {
padding-left: 6rem !important;
padding-right: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-xxxxl\@large {
padding-left: 6rem !important;
padding-right: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-xxxxl\@xlarge {
padding-left: 6rem !important;
padding-right: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-horizontal-0\@small {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-horizontal-0\@medium {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-horizontal-0\@large {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-horizontal-0\@xlarge {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-xxxxs\@small {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-xxxxs\@medium {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-xxxxs\@large {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-xxxxs\@xlarge {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-xxxs\@small {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-xxxs\@medium {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-xxxs\@large {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-xxxs\@xlarge {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-xxs\@small {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-xxs\@medium {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-xxs\@large {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-xxs\@xlarge {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-xs\@small {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-xs\@medium {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-xs\@large {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-xs\@xlarge {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-s\@small {
padding-top: 1.125rem !important;
padding-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-s\@medium {
padding-top: 1.125rem !important;
padding-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-s\@large {
padding-top: 1.125rem !important;
padding-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-s\@xlarge {
padding-top: 1.125rem !important;
padding-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-m\@small {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-m\@medium {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-m\@large {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-m\@xlarge {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-l\@small {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-l\@medium {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-l\@large {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-l\@xlarge {
padding-top: 2.25rem !important;
padding-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-xl\@small {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-xl\@medium {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-xl\@large {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-xl\@xlarge {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-xxl\@small {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-xxl\@medium {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-xxl\@large {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-xxl\@xlarge {
padding-top: 4rem !important;
padding-bottom: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-xxxl\@small {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-xxxl\@medium {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-xxxl\@large {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-xxxl\@xlarge {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-xxxxl\@small {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-xxxxl\@medium {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-xxxxl\@large {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-xxxxl\@xlarge {
padding-top: 6rem !important;
padding-bottom: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-padding-vertical-0\@small {
padding-top: 0 !important;
padding-bottom: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-padding-vertical-0\@medium {
padding-top: 0 !important;
padding-bottom: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-padding-vertical-0\@large {
padding-top: 0 !important;
padding-bottom: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-padding-vertical-0\@xlarge {
padding-top: 0 !important;
padding-bottom: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-xxxxs\@small {
padding-top: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-xxxxs\@medium {
padding-top: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-xxxxs\@large {
padding-top: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-xxxxs\@xlarge {
padding-top: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-xxxs\@small {
padding-top: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-xxxs\@medium {
padding-top: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-xxxs\@large {
padding-top: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-xxxs\@xlarge {
padding-top: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-xxs\@small {
padding-top: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-xxs\@medium {
padding-top: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-xxs\@large {
padding-top: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-xxs\@xlarge {
padding-top: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-xs\@small {
padding-top: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-xs\@medium {
padding-top: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-xs\@large {
padding-top: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-xs\@xlarge {
padding-top: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-s\@small {
padding-top: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-s\@medium {
padding-top: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-s\@large {
padding-top: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-s\@xlarge {
padding-top: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-m\@small {
padding-top: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-m\@medium {
padding-top: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-m\@large {
padding-top: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-m\@xlarge {
padding-top: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-l\@small {
padding-top: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-l\@medium {
padding-top: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-l\@large {
padding-top: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-l\@xlarge {
padding-top: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-xl\@small {
padding-top: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-xl\@medium {
padding-top: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-xl\@large {
padding-top: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-xl\@xlarge {
padding-top: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-xxl\@small {
padding-top: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-xxl\@medium {
padding-top: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-xxl\@large {
padding-top: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-xxl\@xlarge {
padding-top: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-xxxl\@small {
padding-top: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-xxxl\@medium {
padding-top: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-xxxl\@large {
padding-top: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-xxxl\@xlarge {
padding-top: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-xxxxl\@small {
padding-top: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-xxxxl\@medium {
padding-top: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-xxxxl\@large {
padding-top: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-xxxxl\@xlarge {
padding-top: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingTop-0\@small {
padding-top: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingTop-0\@medium {
padding-top: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingTop-0\@large {
padding-top: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingTop-0\@xlarge {
padding-top: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-xxxxs\@small {
padding-right: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-xxxxs\@medium {
padding-right: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-xxxxs\@large {
padding-right: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-xxxxs\@xlarge {
padding-right: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-xxxs\@small {
padding-right: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-xxxs\@medium {
padding-right: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-xxxs\@large {
padding-right: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-xxxs\@xlarge {
padding-right: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-xxs\@small {
padding-right: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-xxs\@medium {
padding-right: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-xxs\@large {
padding-right: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-xxs\@xlarge {
padding-right: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-xs\@small {
padding-right: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-xs\@medium {
padding-right: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-xs\@large {
padding-right: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-xs\@xlarge {
padding-right: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-s\@small {
padding-right: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-s\@medium {
padding-right: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-s\@large {
padding-right: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-s\@xlarge {
padding-right: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-m\@small {
padding-right: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-m\@medium {
padding-right: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-m\@large {
padding-right: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-m\@xlarge {
padding-right: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-l\@small {
padding-right: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-l\@medium {
padding-right: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-l\@large {
padding-right: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-l\@xlarge {
padding-right: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-xl\@small {
padding-right: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-xl\@medium {
padding-right: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-xl\@large {
padding-right: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-xl\@xlarge {
padding-right: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-xxl\@small {
padding-right: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-xxl\@medium {
padding-right: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-xxl\@large {
padding-right: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-xxl\@xlarge {
padding-right: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-xxxl\@small {
padding-right: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-xxxl\@medium {
padding-right: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-xxxl\@large {
padding-right: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-xxxl\@xlarge {
padding-right: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-xxxxl\@small {
padding-right: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-xxxxl\@medium {
padding-right: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-xxxxl\@large {
padding-right: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-xxxxl\@xlarge {
padding-right: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingRight-0\@small {
padding-right: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingRight-0\@medium {
padding-right: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingRight-0\@large {
padding-right: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingRight-0\@xlarge {
padding-right: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-xxxxs\@small {
padding-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-xxxxs\@medium {
padding-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-xxxxs\@large {
padding-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-xxxxs\@xlarge {
padding-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-xxxs\@small {
padding-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-xxxs\@medium {
padding-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-xxxs\@large {
padding-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-xxxs\@xlarge {
padding-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-xxs\@small {
padding-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-xxs\@medium {
padding-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-xxs\@large {
padding-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-xxs\@xlarge {
padding-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-xs\@small {
padding-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-xs\@medium {
padding-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-xs\@large {
padding-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-xs\@xlarge {
padding-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-s\@small {
padding-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-s\@medium {
padding-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-s\@large {
padding-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-s\@xlarge {
padding-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-m\@small {
padding-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-m\@medium {
padding-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-m\@large {
padding-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-m\@xlarge {
padding-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-l\@small {
padding-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-l\@medium {
padding-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-l\@large {
padding-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-l\@xlarge {
padding-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-xl\@small {
padding-bottom: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-xl\@medium {
padding-bottom: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-xl\@large {
padding-bottom: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-xl\@xlarge {
padding-bottom: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-xxl\@small {
padding-bottom: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-xxl\@medium {
padding-bottom: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-xxl\@large {
padding-bottom: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-xxl\@xlarge {
padding-bottom: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-xxxl\@small {
padding-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-xxxl\@medium {
padding-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-xxxl\@large {
padding-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-xxxl\@xlarge {
padding-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-xxxxl\@small {
padding-bottom: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-xxxxl\@medium {
padding-bottom: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-xxxxl\@large {
padding-bottom: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-xxxxl\@xlarge {
padding-bottom: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingBottom-0\@small {
padding-bottom: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingBottom-0\@medium {
padding-bottom: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingBottom-0\@large {
padding-bottom: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingBottom-0\@xlarge {
padding-bottom: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-xxxxs\@small {
padding-left: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-xxxxs\@medium {
padding-left: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-xxxxs\@large {
padding-left: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-xxxxs\@xlarge {
padding-left: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-xxxs\@small {
padding-left: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-xxxs\@medium {
padding-left: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-xxxs\@large {
padding-left: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-xxxs\@xlarge {
padding-left: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-xxs\@small {
padding-left: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-xxs\@medium {
padding-left: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-xxs\@large {
padding-left: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-xxs\@xlarge {
padding-left: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-xs\@small {
padding-left: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-xs\@medium {
padding-left: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-xs\@large {
padding-left: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-xs\@xlarge {
padding-left: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-s\@small {
padding-left: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-s\@medium {
padding-left: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-s\@large {
padding-left: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-s\@xlarge {
padding-left: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-m\@small {
padding-left: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-m\@medium {
padding-left: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-m\@large {
padding-left: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-m\@xlarge {
padding-left: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-l\@small {
padding-left: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-l\@medium {
padding-left: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-l\@large {
padding-left: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-l\@xlarge {
padding-left: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-xl\@small {
padding-left: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-xl\@medium {
padding-left: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-xl\@large {
padding-left: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-xl\@xlarge {
padding-left: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-xxl\@small {
padding-left: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-xxl\@medium {
padding-left: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-xxl\@large {
padding-left: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-xxl\@xlarge {
padding-left: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-xxxl\@small {
padding-left: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-xxxl\@medium {
padding-left: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-xxxl\@large {
padding-left: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-xxxl\@xlarge {
padding-left: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-xxxxl\@small {
padding-left: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-xxxxl\@medium {
padding-left: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-xxxxl\@large {
padding-left: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-xxxxl\@xlarge {
padding-left: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-paddingLeft-0\@small {
padding-left: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-paddingLeft-0\@medium {
padding-left: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-paddingLeft-0\@large {
padding-left: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-paddingLeft-0\@xlarge {
padding-left: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-xxxxs\@small {
margin: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-xxxxs\@medium {
margin: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-xxxxs\@large {
margin: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-xxxxs\@xlarge {
margin: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-xxxs\@small {
margin: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-xxxs\@medium {
margin: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-xxxs\@large {
margin: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-xxxs\@xlarge {
margin: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-xxs\@small {
margin: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-xxs\@medium {
margin: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-xxs\@large {
margin: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-xxs\@xlarge {
margin: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-xs\@small {
margin: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-xs\@medium {
margin: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-xs\@large {
margin: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-xs\@xlarge {
margin: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-s\@small {
margin: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-s\@medium {
margin: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-s\@large {
margin: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-s\@xlarge {
margin: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-m\@small {
margin: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-m\@medium {
margin: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-m\@large {
margin: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-m\@xlarge {
margin: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-l\@small {
margin: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-l\@medium {
margin: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-l\@large {
margin: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-l\@xlarge {
margin: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-xl\@small {
margin: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-xl\@medium {
margin: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-xl\@large {
margin: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-xl\@xlarge {
margin: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-xxl\@small {
margin: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-xxl\@medium {
margin: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-xxl\@large {
margin: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-xxl\@xlarge {
margin: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-xxxl\@small {
margin: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-xxxl\@medium {
margin: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-xxxl\@large {
margin: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-xxxl\@xlarge {
margin: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-xxxxl\@small {
margin: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-xxxxl\@medium {
margin: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-xxxxl\@large {
margin: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-xxxxl\@xlarge {
margin: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-0\@small {
margin: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-0\@medium {
margin: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-0\@large {
margin: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-0\@xlarge {
margin: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-xxxxs\@small {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-xxxxs\@medium {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-xxxxs\@large {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-xxxxs\@xlarge {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-xxxs\@small {
margin-left: 0.375rem !important;
margin-right: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-xxxs\@medium {
margin-left: 0.375rem !important;
margin-right: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-xxxs\@large {
margin-left: 0.375rem !important;
margin-right: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-xxxs\@xlarge {
margin-left: 0.375rem !important;
margin-right: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-xxs\@small {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-xxs\@medium {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-xxs\@large {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-xxs\@xlarge {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-xs\@small {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-xs\@medium {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-xs\@large {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-xs\@xlarge {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-s\@small {
margin-left: 1.125rem !important;
margin-right: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-s\@medium {
margin-left: 1.125rem !important;
margin-right: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-s\@large {
margin-left: 1.125rem !important;
margin-right: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-s\@xlarge {
margin-left: 1.125rem !important;
margin-right: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-m\@small {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-m\@medium {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-m\@large {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-m\@xlarge {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-l\@small {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-l\@medium {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-l\@large {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-l\@xlarge {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-xl\@small {
margin-left: 3rem !important;
margin-right: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-xl\@medium {
margin-left: 3rem !important;
margin-right: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-xl\@large {
margin-left: 3rem !important;
margin-right: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-xl\@xlarge {
margin-left: 3rem !important;
margin-right: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-xxl\@small {
margin-left: 4rem !important;
margin-right: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-xxl\@medium {
margin-left: 4rem !important;
margin-right: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-xxl\@large {
margin-left: 4rem !important;
margin-right: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-xxl\@xlarge {
margin-left: 4rem !important;
margin-right: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-xxxl\@small {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-xxxl\@medium {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-xxxl\@large {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-xxxl\@xlarge {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-xxxxl\@small {
margin-left: 6rem !important;
margin-right: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-xxxxl\@medium {
margin-left: 6rem !important;
margin-right: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-xxxxl\@large {
margin-left: 6rem !important;
margin-right: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-xxxxl\@xlarge {
margin-left: 6rem !important;
margin-right: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-horizontal-0\@small {
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-horizontal-0\@medium {
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-horizontal-0\@large {
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-horizontal-0\@xlarge {
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-xxxxs\@small {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-xxxxs\@medium {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-xxxxs\@large {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-xxxxs\@xlarge {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-xxxs\@small {
margin-top: 0.375rem !important;
margin-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-xxxs\@medium {
margin-top: 0.375rem !important;
margin-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-xxxs\@large {
margin-top: 0.375rem !important;
margin-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-xxxs\@xlarge {
margin-top: 0.375rem !important;
margin-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-xxs\@small {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-xxs\@medium {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-xxs\@large {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-xxs\@xlarge {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-xs\@small {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-xs\@medium {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-xs\@large {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-xs\@xlarge {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-s\@small {
margin-top: 1.125rem !important;
margin-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-s\@medium {
margin-top: 1.125rem !important;
margin-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-s\@large {
margin-top: 1.125rem !important;
margin-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-s\@xlarge {
margin-top: 1.125rem !important;
margin-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-m\@small {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-m\@medium {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-m\@large {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-m\@xlarge {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-l\@small {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-l\@medium {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-l\@large {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-l\@xlarge {
margin-top: 2.25rem !important;
margin-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-xl\@small {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-xl\@medium {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-xl\@large {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-xl\@xlarge {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-xxl\@small {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-xxl\@medium {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-xxl\@large {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-xxl\@xlarge {
margin-top: 4rem !important;
margin-bottom: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-xxxl\@small {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-xxxl\@medium {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-xxxl\@large {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-xxxl\@xlarge {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-xxxxl\@small {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-xxxxl\@medium {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-xxxxl\@large {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-xxxxl\@xlarge {
margin-top: 6rem !important;
margin-bottom: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-margin-vertical-0\@small {
margin-top: 0 !important;
margin-bottom: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-margin-vertical-0\@medium {
margin-top: 0 !important;
margin-bottom: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-margin-vertical-0\@large {
margin-top: 0 !important;
margin-bottom: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-margin-vertical-0\@xlarge {
margin-top: 0 !important;
margin-bottom: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-xxxxs\@small {
margin-top: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-xxxxs\@medium {
margin-top: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-xxxxs\@large {
margin-top: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-xxxxs\@xlarge {
margin-top: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-xxxs\@small {
margin-top: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-xxxs\@medium {
margin-top: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-xxxs\@large {
margin-top: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-xxxs\@xlarge {
margin-top: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-xxs\@small {
margin-top: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-xxs\@medium {
margin-top: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-xxs\@large {
margin-top: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-xxs\@xlarge {
margin-top: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-xs\@small {
margin-top: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-xs\@medium {
margin-top: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-xs\@large {
margin-top: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-xs\@xlarge {
margin-top: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-s\@small {
margin-top: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-s\@medium {
margin-top: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-s\@large {
margin-top: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-s\@xlarge {
margin-top: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-m\@small {
margin-top: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-m\@medium {
margin-top: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-m\@large {
margin-top: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-m\@xlarge {
margin-top: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-l\@small {
margin-top: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-l\@medium {
margin-top: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-l\@large {
margin-top: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-l\@xlarge {
margin-top: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-xl\@small {
margin-top: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-xl\@medium {
margin-top: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-xl\@large {
margin-top: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-xl\@xlarge {
margin-top: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-xxl\@small {
margin-top: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-xxl\@medium {
margin-top: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-xxl\@large {
margin-top: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-xxl\@xlarge {
margin-top: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-xxxl\@small {
margin-top: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-xxxl\@medium {
margin-top: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-xxxl\@large {
margin-top: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-xxxl\@xlarge {
margin-top: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-xxxxl\@small {
margin-top: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-xxxxl\@medium {
margin-top: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-xxxxl\@large {
margin-top: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-xxxxl\@xlarge {
margin-top: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginTop-0\@small {
margin-top: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginTop-0\@medium {
margin-top: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginTop-0\@large {
margin-top: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginTop-0\@xlarge {
margin-top: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-xxxxs\@small {
margin-right: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-xxxxs\@medium {
margin-right: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-xxxxs\@large {
margin-right: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-xxxxs\@xlarge {
margin-right: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-xxxs\@small {
margin-right: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-xxxs\@medium {
margin-right: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-xxxs\@large {
margin-right: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-xxxs\@xlarge {
margin-right: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-xxs\@small {
margin-right: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-xxs\@medium {
margin-right: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-xxs\@large {
margin-right: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-xxs\@xlarge {
margin-right: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-xs\@small {
margin-right: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-xs\@medium {
margin-right: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-xs\@large {
margin-right: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-xs\@xlarge {
margin-right: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-s\@small {
margin-right: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-s\@medium {
margin-right: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-s\@large {
margin-right: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-s\@xlarge {
margin-right: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-m\@small {
margin-right: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-m\@medium {
margin-right: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-m\@large {
margin-right: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-m\@xlarge {
margin-right: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-l\@small {
margin-right: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-l\@medium {
margin-right: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-l\@large {
margin-right: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-l\@xlarge {
margin-right: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-xl\@small {
margin-right: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-xl\@medium {
margin-right: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-xl\@large {
margin-right: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-xl\@xlarge {
margin-right: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-xxl\@small {
margin-right: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-xxl\@medium {
margin-right: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-xxl\@large {
margin-right: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-xxl\@xlarge {
margin-right: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-xxxl\@small {
margin-right: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-xxxl\@medium {
margin-right: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-xxxl\@large {
margin-right: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-xxxl\@xlarge {
margin-right: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-xxxxl\@small {
margin-right: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-xxxxl\@medium {
margin-right: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-xxxxl\@large {
margin-right: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-xxxxl\@xlarge {
margin-right: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginRight-0\@small {
margin-right: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginRight-0\@medium {
margin-right: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginRight-0\@large {
margin-right: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginRight-0\@xlarge {
margin-right: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-xxxxs\@small {
margin-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-xxxxs\@medium {
margin-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-xxxxs\@large {
margin-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-xxxxs\@xlarge {
margin-bottom: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-xxxs\@small {
margin-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-xxxs\@medium {
margin-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-xxxs\@large {
margin-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-xxxs\@xlarge {
margin-bottom: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-xxs\@small {
margin-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-xxs\@medium {
margin-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-xxs\@large {
margin-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-xxs\@xlarge {
margin-bottom: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-xs\@small {
margin-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-xs\@medium {
margin-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-xs\@large {
margin-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-xs\@xlarge {
margin-bottom: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-s\@small {
margin-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-s\@medium {
margin-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-s\@large {
margin-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-s\@xlarge {
margin-bottom: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-m\@small {
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-m\@medium {
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-m\@large {
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-m\@xlarge {
margin-bottom: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-l\@small {
margin-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-l\@medium {
margin-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-l\@large {
margin-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-l\@xlarge {
margin-bottom: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-xl\@small {
margin-bottom: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-xl\@medium {
margin-bottom: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-xl\@large {
margin-bottom: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-xl\@xlarge {
margin-bottom: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-xxl\@small {
margin-bottom: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-xxl\@medium {
margin-bottom: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-xxl\@large {
margin-bottom: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-xxl\@xlarge {
margin-bottom: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-xxxl\@small {
margin-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-xxxl\@medium {
margin-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-xxxl\@large {
margin-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-xxxl\@xlarge {
margin-bottom: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-xxxxl\@small {
margin-bottom: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-xxxxl\@medium {
margin-bottom: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-xxxxl\@large {
margin-bottom: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-xxxxl\@xlarge {
margin-bottom: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginBottom-0\@small {
margin-bottom: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginBottom-0\@medium {
margin-bottom: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginBottom-0\@large {
margin-bottom: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginBottom-0\@xlarge {
margin-bottom: 0 !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-xxxxs\@small {
margin-left: 0.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-xxxxs\@medium {
margin-left: 0.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-xxxxs\@large {
margin-left: 0.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-xxxxs\@xlarge {
margin-left: 0.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-xxxs\@small {
margin-left: 0.375rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-xxxs\@medium {
margin-left: 0.375rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-xxxs\@large {
margin-left: 0.375rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-xxxs\@xlarge {
margin-left: 0.375rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-xxs\@small {
margin-left: 0.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-xxs\@medium {
margin-left: 0.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-xxs\@large {
margin-left: 0.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-xxs\@xlarge {
margin-left: 0.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-xs\@small {
margin-left: 0.75rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-xs\@medium {
margin-left: 0.75rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-xs\@large {
margin-left: 0.75rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-xs\@xlarge {
margin-left: 0.75rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-s\@small {
margin-left: 1.125rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-s\@medium {
margin-left: 1.125rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-s\@large {
margin-left: 1.125rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-s\@xlarge {
margin-left: 1.125rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-m\@small {
margin-left: 1.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-m\@medium {
margin-left: 1.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-m\@large {
margin-left: 1.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-m\@xlarge {
margin-left: 1.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-l\@small {
margin-left: 2.25rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-l\@medium {
margin-left: 2.25rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-l\@large {
margin-left: 2.25rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-l\@xlarge {
margin-left: 2.25rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-xl\@small {
margin-left: 3rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-xl\@medium {
margin-left: 3rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-xl\@large {
margin-left: 3rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-xl\@xlarge {
margin-left: 3rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-xxl\@small {
margin-left: 4rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-xxl\@medium {
margin-left: 4rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-xxl\@large {
margin-left: 4rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-xxl\@xlarge {
margin-left: 4rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-xxxl\@small {
margin-left: 4.5rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-xxxl\@medium {
margin-left: 4.5rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-xxxl\@large {
margin-left: 4.5rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-xxxl\@xlarge {
margin-left: 4.5rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-xxxxl\@small {
margin-left: 6rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-xxxxl\@medium {
margin-left: 6rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-xxxxl\@large {
margin-left: 6rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-xxxxl\@xlarge {
margin-left: 6rem !important
}
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-marginLeft-0\@small {
margin-left: 0 !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-marginLeft-0\@medium {
margin-left: 0 !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-marginLeft-0\@large {
margin-left: 0 !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-marginLeft-0\@xlarge {
margin-left: 0 !important
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .u-padding-0\@until-medium {
padding: 0 !important
}
.fnx-site .u-margin-0\@until-medium {
margin: 0 !important
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .u-padding-0\@until-large {
padding: 0 !important
}
.fnx-site .u-margin-0\@until-large {
margin: 0 !important
}
}
.fnx-site .u-display-block {
display: block !important
}
.fnx-site .u-display-inline {
display: inline !important
}
.fnx-site .u-display-inlineBlock {
display: inline-block !important
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-display-block\@medium {
display: block !important
}
.fnx-site .u-display-inline\@medium {
display: inline !important
}
.fnx-site .u-display-inlineBlock\@medium {
display: inline-block !important
}
}
.fnx-site .u-display-none.u-display-none {
display: none !important
}
.fnx-site .u-visually-hidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
@media only screen and (min-width: 23.8125em) {
.fnx-site .u-display-none\@small.u-display-none\@small {
display: none !important
}
.fnx-site .u-visually-hidden\@small {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
}
@media only screen and (max-width: 23.8025em) {
.fnx-site .u-display-none\@until-small.u-display-none\@until-small {
display: none !important
}
.fnx-site .u-visually-hidden\@until-small {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-display-none\@medium.u-display-none\@medium {
display: none !important
}
.fnx-site .u-visually-hidden\@medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .u-display-none\@until-medium.u-display-none\@until-medium {
display: none !important
}
.fnx-site .u-visually-hidden\@until-medium {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
}
@media only screen and (min-width: 64.0625em) {
.fnx-site .u-display-none\@large.u-display-none\@large {
display: none !important
}
.fnx-site .u-visually-hidden\@large {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
}
@media only screen and (max-width: 64.0525em) {
.fnx-site .u-display-none\@until-large.u-display-none\@until-large {
display: none !important
}
.fnx-site .u-visually-hidden\@until-large {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
}
@media only screen and (min-width: 90.0625em) {
.fnx-site .u-display-none\@xlarge.u-display-none\@xlarge {
display: none !important
}
.fnx-site .u-visually-hidden\@xlarge {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
}
@media only screen and (max-width: 90.0525em) {
.fnx-site .u-display-none\@until-xlarge.u-display-none\@until-xlarge {
display: none !important
}
.fnx-site .u-visually-hidden\@until-xlarge {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 0.0625rem !important;
margin: -0.0625rem !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 0.0625rem !important
}
}
.fnx-site .u-fontFamily-secondary {
font-family: "Avenir Next Rounded Pro Regular", Verdana, Geneva, sans-serif !important
}
.fnx-site .u-fontFamily-secondaryMedium {
font-family: "Avenir Next Rounded Pro Medium", Verdana, Geneva, sans-serif !important
}
.fnx-site .u-fontFamily-primaryMedium {
font-family: "Bryant MOO Pro Medium", "Trebuchet MS", Trebuchet, "Liberation Sans", sans-serif !important
}
.fnx-site .u-fontSize-xxxxs {
font-size: 0.5625rem !important
}
.fnx-site .u-fontSize-xxxs {
font-size: 0.625rem !important
}
.fnx-site .u-fontSize-xxs {
font-size: 0.6875rem !important
}
.fnx-site .u-fontSize-xs {
font-size: 0.75rem !important
}
.fnx-site .u-fontSize-s {
font-size: 0.875rem !important
}
.fnx-site .u-fontSize-m {
font-size: 1rem !important
}
.fnx-site .u-fontSize-l {
font-size: 1.125rem !important
}
.fnx-site .u-fontSize-xl {
font-size: 1.3125rem !important
}
.fnx-site .u-fontSize-xxl {
font-size: 1.5rem !important
}
.fnx-site .u-fontSize-xxxl {
font-size: 1.875rem !important
}
.fnx-site .u-fontSize-xxxxl {
font-size: 2.25rem !important
}
.fnx-site .u-fontSize-xxxxxl {
font-size: 2.625rem !important
}
.fnx-site .u-fontSize-80 {
font-size: 0.8em !important
}
.fnx-site .u-fontSize-0 {
font-size: 0 !important
}
.fnx-site .u-lineHeight-0 {
line-height: 0 !important
}
.fnx-site .u-textAlign-left {
text-align: left !important
}
.fnx-site .u-textAlign-right {
text-align: right !important
}
.fnx-site .u-textAlign-center {
text-align: center !important
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-textAlign-left\@medium {
text-align: left !important
}
.fnx-site .u-textAlign-right\@medium {
text-align: right !important
}
.fnx-site .u-textAlign-center\@medium {
text-align: center !important
}
}
.fnx-site .u-wordBreak-breakWord {
word-break: break-word !important
}
.fnx-site .u-wordBreak-breakAll {
word-break: break-all !important
}
.fnx-site .u-color-text {
color: #434f61 !important
}
.fnx-site .u-color-light {
color: #69778a !important
}
.fnx-site .u-color-dark {
color: #323c49 !important
}
.fnx-site .u-color-disabled {
color: #a9b1bc !important
}
.fnx-site .u-color-error {
color: #c22232 !important
}
.fnx-site .u-color-sale {
color: #d72638 !important
}
.fnx-site .u-color-white {
color: #fff !important
}
.fnx-site .u-color-moogreen {
color: #d5022e !important
}
.fnx-site .u-color-inherit {
color: inherit !important
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-color-inherit\@medium {
color: inherit !important
}
}
.fnx-site .u-textTransform-uppercase {
text-transform: uppercase !important
}
.fnx-site .u-textTransform-lowercase {
text-transform: lowercase !important
}
.fnx-site .u-text-truncate {
max-width: 100%;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important
}
.fnx-site .u-text-padding-align-with-image {
padding-left: 0.375rem !important
}
.fnx-site .u-whiteSpace-nowrap {
white-space: nowrap !important
}
.fnx-site .u-display-flex {
display: -ms-flexbox !important;
display: flex !important
}
.fnx-site .u-display-inlineFlex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
.fnx-site .u-flexWrap-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.fnx-site .u-flexDirection-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.fnx-site .u-flexDirection-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.fnx-site .u-justifyContent-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.fnx-site .u-justifyContent-spaceBetween {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.fnx-site .u-alignItems-center {
-ms-flex-align: center !important;
align-items: center !important
}
.fnx-site .u-flex-grow-1 {
-ms-flex: 1 1 0% !important;
flex: 1 1 0% !important
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-display-flex\@medium {
display: -ms-flexbox !important;
display: flex !important
}
.fnx-site .u-display-inlineFlex\@medium {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
.fnx-site .u-flexWrap-wrap\@medium {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.fnx-site .u-flexDirection-column\@medium {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.fnx-site .u-flexDirection-row\@medium {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.fnx-site .u-justifyContent-center\@medium {
-ms-flex-pack: center !important;
justify-content: center !important
}
.fnx-site .u-justifyContent-spaceBetween\@medium {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.fnx-site .u-alignItems-center\@medium {
-ms-flex-align: center !important;
align-items: center !important
}
.fnx-site .u-flex-grow-1\@medium {
-ms-flex: 1 1 0% !important;
flex: 1 1 0% !important
}
}
.fnx-site .u-media-flex-stack {
display: block !important
}
.fnx-site .u-media-flex-stack>.media-flex__img {
margin-right: 0 !important;
margin-left: 0 !important
}
.fnx-site .u-media-flex-stack>:nth-child(2) {
margin-top: 0.75rem !important
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .u-media-flex-stack\@until-medium {
display: block !important
}
.fnx-site .u-media-flex-stack\@until-medium>.media-flex__img {
margin-right: 0 !important;
margin-left: 0 !important
}
.fnx-site .u-media-flex-stack\@until-medium>: nth-child(2) {
margin-top: 0.75rem !important
}
}
.fnx-site .u-push-1 {
position: relative;
left: 8.333333%
}
.fnx-site .u-pull-1 {
position: relative;
left: -8.333333%
}
.fnx-site .u-push-2 {
position: relative;
left: 16.666667%
}
.fnx-site .u-pull-2 {
position: relative;
left: -16.666667%
}
.fnx-site .u-push-3 {
position: relative;
left: 25%
}
.fnx-site .u-pull-3 {
position: relative;
left: -25%
}
.fnx-site .u-push-4 {
position: relative;
left: 33.333333%
}
.fnx-site .u-pull-4 {
position: relative;
left: -33.333333%
}
.fnx-site .u-push-5 {
position: relative;
left: 41.666667%
}
.fnx-site .u-pull-5 {
position: relative;
left: -41.666667%
}
.fnx-site .u-push-6 {
position: relative;
left: 50%
}
.fnx-site .u-pull-6 {
position: relative;
left: -50%
}
.fnx-site .u-push-7 {
position: relative;
left: 58.333333%
}
.fnx-site .u-pull-7 {
position: relative;
left: -58.333333%
}
.fnx-site .u-push-8 {
position: relative;
left: 66.666667%
}
.fnx-site .u-pull-8 {
position: relative;
left: -66.666667%
}
.fnx-site .u-push-9 {
position: relative;
left: 75%
}
.fnx-site .u-pull-9 {
position: relative;
left: -75%
}
.fnx-site .u-push-10 {
position: relative;
left: 83.333333%
}
.fnx-site .u-pull-10 {
position: relative;
left: -83.333333%
}
.fnx-site .u-push-11 {
position: relative;
left: 91.666667%
}
.fnx-site .u-pull-11 {
position: relative;
left: -91.666667%
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-push-1\@medium {
position: relative;
left: 8.333333%
}
}
.fnx-site .u-height-100 {
height: 100% !important
}
.fnx-site .u-height-0 {
height: 0 !important
}
.fnx-site .u-float-left {
float: left !important
}
.fnx-site .u-float-right {
float: right !important
}
.fnx-site .u-clearfix:after {
content: "" !important;
display: block !important;
clear: both !important
}
.fnx-site .u-center {
margin: 0 auto !important
}
.fnx-site .u-center-transform {
position: absolute !important;
top: 50% !important;
margin-top: auto !important;
margin-bottom: auto !important;
left: 50% !important;
margin-left: auto !important;
margin-right: auto !important;
transform: translate(-50%, -50%) !important
}
.fnx-site .u-center-transform-x {
position: absolute !important;
left: 50% !important;
margin-left: auto !important;
margin-right: auto !important;
transform: translateX(-50%) !important
}
.fnx-site .u-center-transform-y {
position: absolute !important;
top: 50% !important;
margin-top: auto !important;
margin-bottom: auto !important;
transform: translateY(-50%) !important
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-center-transform\@medium {
position: absolute !important;
top: 50% !important;
margin-top: auto !important;
margin-bottom: auto !important;
left: 50% !important;
margin-left: auto !important;
margin-right: auto !important;
transform: translate(-50%, -50%) !important
}
.fnx-site .u-center-transform-x\@medium {
position: absolute !important;
left: 50% !important;
margin-left: auto !important;
margin-right: auto !important;
transform: translateX(-50%) !important
}
.fnx-site .u-center-transform-y\@medium {
position: absolute !important;
top: 50% !important;
margin-top: auto !important;
margin-bottom: auto !important;
transform: translateY(-50%) !important
}
}
.fnx-site .u-flex-center-content {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: center !important;
align-items: center !important
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-flex-center-content\@medium {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: center !important;
align-items: center !important
}
}
.fnx-site .u-verticalAlign-middle {
vertical-align: middle !important
}
.fnx-site .u-fill {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important
}
.fnx-site .u-fill-coords {
position: absolute !important;
left: 0 !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important
}
.fnx-site .u-position-absolute {
position: absolute !important
}
.fnx-site .u-position-relative {
position: relative !important
}
.fnx-site .u-position-fixed {
position: fixed !important
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-position-absolute\@medium {
position: absolute !important
}
.fnx-site .u-position-relative\@medium {
position: relative !important
}
.fnx-site .u-position-fixed\@medium {
position: fixed !important
}
}
.fnx-site .u-top-m {
top: 1.5rem !important
}
.fnx-site .u-top-0 {
top: 0 !important
}
.fnx-site .u-right-m {
right: 1.5rem !important
}
.fnx-site .u-right-0 {
right: 0 !important
}
.fnx-site .u-bottom-m {
bottom: 1.5rem !important
}
.fnx-site .u-bottom-0 {
bottom: 0 !important
}
.fnx-site .u-left-m {
left: 1.5rem !important
}
.fnx-site .u-left-0 {
left: 0 !important
}
.fnx-site .u-zIndex-1 {
z-index: 1 !important
}
.fnx-site .u-backgroundColor-moogreen {
background-color: #d5022e !important
}
.fnx-site .u-backgroundColor-yolk {
background-color: #f3bc2c !important
}
.fnx-site .u-backgroundColor-fox {
background-color: #ec6f43 !important
}
.fnx-site .u-backgroundColor-denim {
background-color: #6e9cc6 !important
}
.fnx-site .u-backgroundColor-oink {
background-color: #f9c5b5 !important
}
.fnx-site .u-backgroundColor-miami {
background-color: #8ccaae !important
}
.fnx-site .u-backgroundColor-kidneybean {
background-color: #7d3644 !important
}
.fnx-site .u-backgroundColor-clay {
background-color: #ddd2c4 !important
}
.fnx-site .u-backgroundColor-jam {
background-color: #d72638 !important
}
.fnx-site .u-backgroundColor-pigeon {
background-color: #92a5ae !important
}
.fnx-site .u-backgroundColor-black {
background-color: #000 !important
}
.fnx-site .u-backgroundColor-white {
background-color: #fff !important
}
.fnx-site .u-backgroundColor-neutral10 {
background-color: #f9fafc !important
}
.fnx-site .u-backgroundColor-neutral20 {
background-color: #f3f4f6 !important
}
.fnx-site .u-backgroundColor-neutral30 {
background-color: #e9ecef !important
}
.fnx-site .u-backgroundColor-neutral40 {
background-color: #dfe3e7 !important
}
.fnx-site .u-backgroundColor-neutral50 {
background-color: #d4d9de !important
}
.fnx-site .u-backgroundColor-neutral60 {
background-color: #bfc5cd !important
}
.fnx-site .u-backgroundColor-neutral70 {
background-color: #a9b1bc !important
}
.fnx-site .u-backgroundColor-neutral80 {
background-color: #949eab !important
}
.fnx-site .u-backgroundColor-neutral90 {
background-color: #7e8a9b !important
}
.fnx-site .u-backgroundColor-neutral100 {
background-color: #69778a !important
}
.fnx-site .u-backgroundColor-neutral200 {
background-color: #536379 !important
}
.fnx-site .u-backgroundColor-neutral300 {
background-color: #4b596d !important
}
.fnx-site .u-backgroundColor-neutral400 {
background-color: #434f61 !important
}
.fnx-site .u-backgroundColor-neutral500 {
background-color: #3a4655 !important
}
.fnx-site .u-backgroundColor-neutral600 {
background-color: #323c49 !important
}
.fnx-site .u-backgroundColor-neutral700 {
background-color: #2a333e !important
}
.fnx-site .u-backgroundColor-neutral800 {
background-color: #212830 !important
}
.fnx-site .u-backgroundColor-neutral900 {
background-color: #171c22 !important
}
.fnx-site .u-backgroundColor-moogreenTint {
background-color: #e6f5f1 !important
}
.fnx-site .u-backgroundColor-denimTint {
background-color: #f1f5f9 !important
}
.fnx-site .u-backgroundColor-clayTint {
background-color: #f8f6f3 !important
}
.fnx-site .u-backgroundColor-neutralTint {
background-color: #f3f4f6 !important
}
.fnx-site .u-backgroundColor-bluebergine {
background-color: #536379 !important
}
.fnx-site .u-backgroundColor-transparent {
background-color: transparent !important
}
.fnx-site .u-backgroundColor-inherit {
background-color: inherit !important
}
.fnx-site .u-fill-moogreen {
fill: #d5022e !important
}
.fnx-site .u-fill-yolk {
fill: #f3bc2c !important
}
.fnx-site .u-fill-fox {
fill: #ec6f43 !important
}
.fnx-site .u-fill-denim {
fill: #6e9cc6 !important
}
.fnx-site .u-fill-oink {
fill: #f9c5b5 !important
}
.fnx-site .u-fill-miami {
fill: #8ccaae !important
}
.fnx-site .u-fill-kidneybean {
fill: #7d3644 !important
}
.fnx-site .u-fill-clay {
fill: #ddd2c4 !important
}
.fnx-site .u-fill-jam {
fill: #d72638 !important
}
.fnx-site .u-fill-pigeon {
fill: #92a5ae !important
}
.fnx-site .u-fill-white {
fill: #fff !important
}
.fnx-site .u-overflow-hidden {
overflow: hidden !important
}
.fnx-site .u-overflow-auto {
overflow: auto !important
}
.fnx-site .u-opacity-70 {
opacity: 0.7 !important
}
.fnx-site .u-last-child-margin-bottom-0>*:last-child {
margin-bottom: 0 !important
}
.fnx-site .u-remove-inline-block-white-space {
font-size: 0 !important
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .u-cancel-wrapper-padding {
margin-left: -1rem !important;
width: calc(100% + 2rem) !important
}
}
@media only screen and (min-width: 40.0625em) {
.fnx-site .u-cancel-wrapper-padding {
margin-left: -1.5rem !important;
width: calc(100% + 3rem) !important
}
}
@media only screen and (max-width: 40.0525em) {
.fnx-site .u-cancel-wrapper-padding\@until-medium {
margin-left: -1rem !important;
width: calc(100% + 2rem) !important
}
}
.fnx-site .u-remove-webkit-tap-highlight {
-webkit-tap-highlight-color: transparent !important
}
.fnx-site .u-borderWidth-1 {
border-width: 0.0625rem !important
}
.fnx-site .u-borderStyle-solid {
border-style: solid !important
}
.fnx-site .u-borderStyle-dotted {
border-style: dotted !important
}
.fnx-site .u-borderStyle-dashed {
border-style: dashed !important
}
.fnx-site .u-borderColor-moogreen {
border-color: #d5022e !important
}
.fnx-site .u-borderColor-yolk {
border-color: #f3bc2c !important
}
.fnx-site .u-borderColor-fox {
border-color: #ec6f43 !important
}
.fnx-site .u-borderColor-denim {
border-color: #6e9cc6 !important
}
.fnx-site .u-borderColor-oink {
border-color: #f9c5b5 !important
}
.fnx-site .u-borderColor-miami {
border-color: #8ccaae !important
}
.fnx-site .u-borderColor-kidneybean {
border-color: #7d3644 !important
}
.fnx-site .u-borderColor-clay {
border-color: #ddd2c4 !important
}
.fnx-site .u-borderColor-jam {
border-color: #d72638 !important
}
.fnx-site .u-borderColor-pigeon {
border-color: #92a5ae !important
}
.fnx-site .u-borderColor-white {
border-color: #fff !important
}
.fnx-site .u-borderColor-default {
border-color: #dfe3e7 !important
}
.fnx-site .u-borderColor-bluebergine {
border-color: #536379 !important
}
.fnx-site .u-borderColor-transparent {
border-color: transparent !important
}
.fnx-site .u-borderRadius-xxs {
border-radius: 0.0625rem !important
}
.fnx-site .u-borderRadius-xs {
border-radius: 0.125rem !important
}
.fnx-site .u-borderRadius-s {
border-radius: 0.1875rem !important
}
.fnx-site .u-border-0 {
border: 0 !important
}
.fnx-site .u-ratio-1\:1 {
overflow: hidden;
position: relative
}
.fnx-site .u-ratio-1\:1:before {
content: "";
display: block;
height: 0;
padding-top: 100%
}
.fnx-site .u-ratio-4\:3 {
overflow: hidden;
position: relative
}
.fnx-site .u-ratio-4\:3:before {
content: "";
display: block;
height: 0;
padding-top: 75%
}
.fnx-site .u-ratio-2\:1 {
overflow: hidden;
position: relative
}
.fnx-site .u-ratio-2\:1:before {
content: "";
display: block;
height: 0;
padding-top: 50%
}
.fnx-site .u-ratio-4\:5 {
overflow: hidden;
position: relative
}
.fnx-site .u-ratio-4\:5:before {
content: "";
display: block;
height: 0;
padding-top: 125%
}
.fnx-site .u-boxShadow-offsetSmall {
box-shadow: 0 0.125rem 0.25rem 0 rgba(75, 89, 109, 0.25) !important
}
.fnx-site .u-boxShadow-offsetMedium {
box-shadow: 0 0.1875rem 0.625rem 0 rgba(75, 89, 109, 0.3) !important
}
.fnx-site .u-boxShadow-glowSmall {
box-shadow: 0 0 0.625rem 0 rgba(75, 89, 109, 0.25) !important
}
.fnx-site .u-boxShadow-glowLarge {
box-shadow: 0 0.1875rem 2.5rem 0 rgba(23, 28, 34, 0.25) !important
}
.fnx-site .u-pointerEvents-none {
pointer-events: none !important
}
.fnx-site .u-pointerEvents-auto {
pointer-events: auto !important
}
.fnx-site .u-backgroundColor-kidneybean100 {
background-color: #e5d7da !important
}
.fnx-site .u-backgroundColor-yolk200 {
background-color: #fae4ab !important
}
.fnx-site .u-backgroundColor-denim200 {
background-color: #c5d7e8 !important
}
.fnx-site .u-backgroundColor-new,
.fnx-site .u-backgroundColor-limitededition {
background-color: #642b36 !important
}
.fnx-site .u-backgroundColor-recommended,
.fnx-site .u-backgroundColor-customisable {
background-color: #2a333e !important
}
.fnx-site .u-backgroundColor-sale,
.fnx-site .u-backgroundColor-offer {
background-color: #d72638 !important
}
.fnx-site .u-transitionProperty-color {
transition-property: color
}
.fnx-site .u-transitionDuration-s {
transition-duration: 200ms
}
@media only screen and (min-width: 51.5625em) {
.fnx-site .u-1\/2\@medium-to-large {
width: 50% !important
}
.fnx-site .u-1\/3\@medium-to-large {
width: 33.333333% !important
}
}
@media only screen and (min-width: 40.0625em){
.fnx-site .h3 {
font-size: 36px;
}
}
iframe::-webkit-scrollbar {
display: none;
}